/* ~~~~~~~~~~~~~~~~ contact-detail section starts ~~~~~~~~~~~~~~~~ */
.contact-detail-wrap                            { padding-top: 2.5rem; }
.contact-detail-wrap.common-form-spacing > .row                     { --bs-gutter-x: 3.75rem; }
.get-in-touch-box                               { background: var(--neutral-00, #FFF); box-shadow: 0px 32px 50px 0px rgba(212, 216, 221, 0.24); }
.contact-content-wrap                           { margin-top: 1.875rem; display: flex; flex-wrap: wrap; flex-direction: column; gap: 1.25rem; }
.contact-detail-box a                           { gap: 10px; display: inline-flex; font-size: 1rem; line-height: 150%; color: var(--theme-black); }
.contact-detail-box a span:first-child svg      { height: 1.5rem; width: 1.5rem; padding: 2.5px; color: var(--theme-blue);  }
.contact-detail-box a:hover,                    
.contact-detail-box a:hover span:first-child svg  { color: var(--theme-blue); }
.map-section                                    { line-height: 0; }
/* ~~~~~~~~~~~~~~~~ contact-detail section ends ~~~~~~~~~~~~~~~~ */


/* Responsive css starts */
@media only screen and (max-width: 1199px) { 
}
@media only screen and (max-width: 991px) {
    .contact-detail-wrap.common-form-spacing > .row                       { --bs-gutter-x: 2.75rem; }
}
@media only screen and ( max-width: 767px) {
.contact-detail-wrap                        { padding-top: 1.5rem; }
.contact-detail-wrap.common-form-spacing > .row                       { --bs-gutter-x: 2rem; --bs-gutter-y: 2rem; }
}