﻿@import url(_default-banner.css?v15100);
@import url("_offices-module.css");
@import url("_cta-module.css");
.offices-module {padding: 70px 0;}
.offices-module + .contact-form-section {margin-top: -60px;}
.contact-form-section {padding: 80px 0; clear: both; width: 100%;}
.contact-form-wrap {display: flex; gap: 22px; flex-wrap: wrap;}
.contact-form-lt {flex: 1; min-width: 0; background: var(--white); padding: 45px 40px; border-radius: 12px; box-shadow: 0px 0px 5px 2px rgba(12, 35, 66, .055);}
.contact-form {display: flex; flex-wrap: wrap; gap: 16px;}
.contact-form-rt {flex: 0 0 460px; max-width: 460px; padding: 45px 30px; background: var(--blue-10); border-radius: 12px;}
.contact-form-rt .h5 {margin-bottom: 34px;}
.connect-items {display: flex; flex-direction: column; gap: 0;}
.connect-item {display: flex; align-items: flex-start; gap: 16px; padding: 20px 0;}
.connect-item:first-child {padding-top: 0;}
.connect-item-icon {width: 50px; height: 50px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--blue-20); border-radius: 12px;}
.connect-item-icon em {font-size: 22px; color: var(--blue-sky);}
.connect-item-txt {flex: 1;}
.connect-item-txt .h6 {display: block; font-size: 16px; font-weight: 700; color: var(--navy); margin-bottom: 3px;}
.connect-item-txt p a {display: block; font-size: 14px; color: var(--global); font-weight: 600; text-decoration: none; margin-bottom: 2px;}
.connect-item-txt a:hover {color: var(--anchor-hover);}
.connect-item-txt p {font-size: 14px; line-height: 1.5; margin: 0;}
.connect-item-txt .connect-desc {font-size: 14px; color: var(--muted); line-height: 1.5; margin: 0;}
.contact-map-section {clear: both; width: 100%; height: 240px; position: relative; overflow: hidden;}
.contact-map-section iframe {width: 100%; height: 100%; border: none; display: block;}
.alert{ padding:15px 20px; border-radius:8px; margin-bottom:25px; font-weight:600;}
.alert-success{background:#e9f9ef; color:#1c7d3a; border:1px solid #bfe8ca;}
.alert-danger{background:#fff0f0; color:#c62828; border:1px solid #f5bcbc;}

@media only screen and (max-width: 1199px) and (min-width:768px) {
.contact-form-wrap {gap:20px;}
.contact-form-rt {flex: 0 0 400px; max-width: 400px;}
}
@media screen and (max-width: 1023px) and (min-width: 200px) {
.offices-module {padding: 64px 0;}
.contact-form-section {padding: 64px 0;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.contact-form-lt {padding: 45px 25px;}
.contact-form-rt {flex: 0 0 300px; max-width: 300px;}
.connect-item {padding: 15px 0;}
.connect-item-txt p strong {display:block;}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.contact-form-wrap {flex-direction: column; gap: 48px;}
.contact-form-lt {padding: 35px 30px;}
.contact-form-rt {flex: auto; max-width: 100%; width: 100%; padding:30px}
.form-group {flex: 1 1 100%;}
.contact-map-section {height: 200px;}
}
