/* CONTACT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-section { padding: 5rem 0 3.5rem; background-color: var(--color-white); }
.contact-heading { margin-bottom: 3rem; }
.contact-heading .section-title { margin-bottom: 1rem; }
.contact-heading p { margin: 0; color: var(--color-text-muted); }

@media (max-width: 991.98px) {
   .contact-section { padding: 4rem 0 3rem; }
}

@media (max-width: 575.98px) {
   .contact-section { padding: 3.5rem 0 2.5rem; }
}


/* CONTACT CARDS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-card {
   display: flex;
   align-items: center;
   gap: 1rem;
   height: 100%;
   padding: 1.5rem;
}

.contact-card-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 54px;
   width: 54px;
   height: 54px;
   border-radius: 50%;
   color: var(--color-white);
   background: linear-gradient(135deg, var(--color-primary), var(--color-teal));
}

.contact-card > div { min-width: 0; flex: 1; }

.contact-card-label {
   display: block;
   margin-bottom: 0.2rem;
   color: var(--color-text-muted);
}

.contact-card h5 {
   margin: 0;
   color: var(--color-primary-deep);
   overflow-wrap: anywhere;
}

@media (max-width: 1199.98px) {
   .contact-card { align-items: flex-start; }
}

@media (max-width: 767.98px) {
   .contact-card { align-items: center; }
}


/* CONFERENCE VENUE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-venue { padding: 3.5rem 0 5rem; background-color: var(--color-white); }
.contact-venue-card { overflow: hidden; }
.contact-venue-info { height: 100%; padding: 3rem; }
.contact-venue-info .section-title { margin-bottom: 1.25rem; }
.contact-venue-info > p { margin-bottom: 2rem; color: var(--color-text-muted); }

.contact-venue-address {
   display: flex;
   align-items: flex-start;
   gap: 1rem;
   margin-bottom: 2rem;
}

.contact-venue-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 48px;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   color: var(--color-white);
   background-color: var(--color-secondary);
}

.contact-venue-address strong {
   display: block;
   margin-bottom: 0.35rem;
   color: var(--color-primary-deep);
}

.contact-venue-address p { margin: 0; color: var(--color-text-muted); }

@media (max-width: 991.98px) {
   .contact-venue { padding: 3rem 0 4rem; }
   .contact-venue-info { padding: 2.5rem; }
}

@media (max-width: 575.98px) {
   .contact-venue { padding: 2.5rem 0 3.5rem; }
   .contact-venue-info { padding: 2rem 1.5rem; }
}


/* MAP
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-map {
   width: 100%;
   height: 100%;
   min-height: 430px;
}

.contact-map iframe {
   display: block;
   width: 100%;
   height: 100%;
   min-height: 430px;
   border: 0;
}

@media (max-width: 991.98px) {
   .contact-map, .contact-map iframe { min-height: 380px; }
}

@media (max-width: 575.98px) {
   .contact-map, .contact-map iframe { min-height: 320px; }
}


/* SECRETARIAT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.secretariat-section {
   position: relative;
   padding: 5rem 0;
   overflow: hidden;
   background: linear-gradient(135deg, var(--color-primary-deep), var(--color-primary));
}

.secretariat-header { max-width: 780px; margin: 0 auto 3rem; }
.secretariat-header .section-tag { justify-content: center; }
.secretariat-header .section-title { margin-bottom: 1rem; color: var(--color-white); }

.secretariat-header p { margin: 0; color: rgba(255, 255, 255, 0.7); }

@media (max-width: 991.98px) {
   .secretariat-section { padding: 4rem 0; }
}

@media (max-width: 575.98px) {
   .secretariat-section { padding: 3.5rem 0; }
}


/* SECRETARIAT CONTACTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.secretariat-contact {
   height: 100%;
   padding: 1.75rem;
   border: 1px solid rgba(255, 255, 255, 0.16);
   border-radius: 1rem;
   text-align: center;
   background-color: rgba(255, 255, 255, 0.07);
}

.secretariat-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 54px;
   height: 54px;
   margin: 0 auto 1rem;
   border-radius: 50%;
   color: var(--color-primary);
   background-color: var(--color-white);
}

.secretariat-contact h5 { margin-bottom: 0.4rem; color: var(--color-white); }

.secretariat-contact a {
   color: var(--color-accent-light);
   text-decoration-color: rgba(248, 231, 173, 0.5);
   overflow-wrap: anywhere;
}

.secretariat-contact a:hover { color: var(--color-white); }