/* ================= contact Start ================= */
.contact-container{overflow: hidden;}
.contact-left { width: 37.4%; padding: 85px 0; padding-right: 40px; position: relative; }
.contact-content { color: #fff; }
.contact-heading { margin-bottom: 60px; }
.contact-heading h3 { font-weight: 400; margin-bottom: 0; font-size: 45px;}
.contact-heading h3 + p { font-size: 16px; line-height: 24px; margin-top: 18px; }
.contact-list li { position: relative; padding-left: 42px; font-size: 18px; line-height: 25px; display: flex; flex-flow: column; }
.contact-list li + li { margin-top: 50px; }
.contact-list li .contact-icon { font-size: 24px; left: 0; position: absolute; top: 0; }
.contact-list li .call { font-weight: 700; margin-top: 26px; }
.social-media { margin-top: 62px; font-weight: 700; font-size: 16px; }
.social-list { margin-right: 27px; }
.social-list li { font-size: 30px; }
.social-list li + li { margin-left: 15px; }
.contact-right { width: 62.5%; padding: 85px 0; position: relative; padding-left: 60px; }
.contact-right::before { content: ''; position: absolute; width: 50vw; height: 100%; left: 100%; background: var(--teal-color); top: 0; }
.contact-right .contact-heading { margin-bottom: 42px; }
.contact-right .form-check { margin: 0; max-width: 75%; }
/* ================= contact End ================= */= */


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .contact-left { width: 42%; padding-right: 30px; padding: 60px 0; }
    .contact-right { width: 58%; padding: 60px 0; padding-left: 30px; }
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .contact-content { flex-flow: column; }
    .contact-left {width: 100%;margin: 0;padding: 36px 0px 50px;}
    .contact-list li + li { margin-top: 58px; }
    .social-media { margin-top: 29px; }
    .contact-right { width: calc(100% + 44px); margin-left: -22px; padding: 40px 22px 50px; }
    .contact-right .contact-heading { margin-bottom: 30px; }
    .contact-right .form-check { max-width: 100%; margin:0; }

}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){

}