/* Contact */
/* Contact Us List */

/* Contact Method Card */
/* Contact Us */
.contact.review { 
  background-color: transparent; 
}

.contact .row {
  gap: 10px; 
}

.contact .row > * { 
  flex: 1; 
}

.contact-details { 
  display: flex; 
  flex-direction: column; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  gap: 10px; 
  z-index: 1; 
}

.contact-detail { 
  display: flex; 
  align-items: center; 
  background-color: var(--iday-surface); 
  border: 1px solid var(--iday-green); 
  border-top-left-radius: 1rem; 
  border-bottom-left-radius: 1rem; 
  padding: 76px 30px; 
  transition: all .6s; 
}

.page-section.active .contact-detail:hover { 
  box-shadow: rgba(0, 0, 0, .25) 0px 2.5px 7.5px; 
  transform: translateY(-20px); 
}

.contact-detail > img { 
  margin-right: 30px; 
  margin-bottom: auto; 
}

.contact-content * { 
  margin: 0; 
}

.contact-content h3 { 
  font-size: 20px; 
}

.contact-img { 
  max-width: 50%; 
  height: auto; 
  aspect-ratio: 930 / 530; 
  border-radius: 0 1rem 1rem 0; 
  object-fit: cover; 
  transition: all .6s; 
}

/* Reponsive */
/* Desktop */


/* Tablet */
@media (max-width: 1280px) { 
    /* Contact */
    .contact .row { 
        flex-direction: column-reverse; 
    }

    .contact-detail { 
        flex-direction: column; 
        align-items: flex-start; 
        border-radius: 1rem; 
    }

    .contact-detail > img { 
        margin-bottom: 20px; 
    }

    .contact-img { 
        max-width: unset; 
    }
}

@media (min-width: 769px) and (max-width: 1280px) { 
    .contact-details { 
        flex-direction: row; 
    }

    .contact-detail { 
        flex: 1; 
    }
}

/* Mobile */
@media (max-width: 768px) { 
    .contact-details { 
        flex-direction: column-reverse; 
    }
}