/* ============================================== section banner  ================================================= */
.section-banner .banner-section-inner {padding-inline: 0 !important;}

/* ============================================== section contact us  ================================================= */
.section-contact-us{background-color: var(--gray);}
.contact-container{padding: 42px 42px 62px 42px; background-color: var(--white);border-radius: 30px;max-width: 1302px;margin:-350px auto 0;position: relative;z-index: 1;}
.contact-container .heading-style-5{color: var(--light-blue);margin-bottom: 24px;}
.section-contact-us .row{--bs-gutter-x:0;}

/* left form */
.form-title-wrap{padding-right: 36px;height:100%;}

/* right content */
.contact-form-content{border-left: 1px solid var(--gray-01);padding-left:36px;height:100%;display: flex;justify-content: space-between;flex-direction:column;}
.contact-form-content .social-title img,.contact-form-content li a img{width: 24px;height: 24px;filter: brightness(0) saturate(100%) invert(44%) sepia(55%) saturate(1481%) hue-rotate(179deg) brightness(87%) contrast(76%);}
.contact-form-content .social-title{margin-bottom: 12px;}
.contact-form-content .social-title .heading-style-10{color:var(--blue-01);font-family: var(--helvetica-bold);}
.contact-form-content .p-big,.contact-form-content a.p-big{color:var(--secondary-02);margin-top: 7px;}
.contact-form-content a.p-big:hover{color: var(--blue-01);}
/* social icon */
.contact-form-content ul{gap:12px;}
.contact-form-content li a{position: relative; width:52px;height:52px;margin:0; display:flex;justify-content: center;align-items: center;background:#F2F8FD;border-radius:50%;}
.contact-form-content li a img{position:relative;z-index:1;}
.contact-form-content li a::before{content: "";position: absolute; height: 100%; width: 100%; top: 0; left: 0; transform: scale(0); transition: all .4s; background: var(--blue-01); border-radius: 50%; z-index: 0; }
.contact-form-content li a:hover::before{transform: scale(1);}
.contact-form-content li a:hover img{filter: none;}
.contact-social-wrap:last-child{border-top: 1px solid var(--gray-01);padding-top:20px;margin-top:20px;}
/* image */
.section-contact-us .contact-us-image-wrap{margin-top: 50px; position: relative;padding-top: 51.6%;border-radius: 20px;overflow: hidden;}
.section-contact-us .contact-us-image-wrap img{position: absolute;top:0;left:0;height:100%;width: 100%;}

/* contact submit button */
.contact-form-btn{position: relative;}


/* ======================================================== Media Query ================================================= */
@media screen and (max-width:1600px){
    /* banner */
    .section-banner .banner-content{margin-top: -30px;}
    /* ============================================== section contact us  ================================================= */
    .contact-container{padding: 38px 38px 52px 38px; border-radius: 28px; }
    .contact-container .heading-style-5{margin-bottom: 20px;}

    /* left form */
    .form-title-wrap{padding-right: 33px;}

    /* right content */
    .contact-form-content{padding-left:33px;}
    .contact-form-content .social-title img,.contact-form-content li a img{width: 22px;height: 22px;}
    .contact-form-content .social-title{margin-bottom: 11px;}
    .contact-form-content .p-big,.contact-form-content a.p-big{margin-top: 6px;}
    /* social icon */
    .contact-form-content ul{gap:11px;}
    /* image */
    .section-contact-us .contact-us-image-wrap{margin-top: 48px;border-radius: 18px;}
}
@media screen and (max-width:1500px){
    .section-banner .banner-content { margin-top: -50px; }
    /* ============================================== section contact us  ================================================= */
    .contact-container{padding: 35px 35px 46px 35px; border-radius: 26px; }
    .contact-container .heading-style-5{margin-bottom: 18px;}

    /* left form */
    .form-title-wrap{padding-right: 30px;}

    /* right content */
    .contact-form-content{padding-left:30px;}
    .contact-form-content .social-title img,.contact-form-content li a img{width: 20px;height: 20px;}
    .contact-form-content .social-title{margin-bottom: 10px;}
    /* social icon */
    .contact-form-content li a{width:46px;height:46px;}
    .contact-social-wrap:last-child{padding-top:18px;margin-top:18px;}
    /* image */
    .section-contact-us .contact-us-image-wrap{margin-top: 46px;border-radius: 18px;}
    
}
@media screen and (max-width:1400px){
    /* ============================================== section contact us  ================================================= */
    .contact-container{padding: 30px 25px; border-radius: 24px;max-width: 1080px;}
    .contact-container .heading-style-5{margin-bottom: 16px;}

    /* left form */
    .form-title-wrap{padding-right: 20px;}

    /* right content */
    .contact-form-content{padding-left:20px;}
    .contact-form-content .social-title img,.contact-form-content li a img{width: 18px;height: 18px;}
    /* social icon */
    .contact-form-content li a{width:42px;height:42px;}
    .contact-social-wrap:last-child{padding-top:16px;margin-top:16px;}
    /* image */
    .section-contact-us .contact-us-image-wrap{margin-top: 44px;border-radius: 16px;}
}
@media screen and (max-width:1199px){
    /* banner */
    .section-banner .banner-content { margin-top: -60px; }
     /* ============================================== section contact us  ================================================= */
    .contact-container{padding:25px 22px; border-radius: 21px;max-width: 920px;}
    .contact-container .heading-style-5{margin-bottom: 14px;}

    /* left form */
    .form-title-wrap{padding-right: 16px;}

    /* right content */
    .contact-form-content{padding-left:16px;}
    /* .contact-form-content .social-title img,.contact-form-content li a img{width: 18px;height: 18px;} */
    /* social icon */
    /* .contact-form-content li a{width:42px;height:42px;} */
    .contact-social-wrap:last-child{padding-top:15px;margin-top:15px;}
    /* image */
    .section-contact-us .contact-us-image-wrap{margin-top: 38px;border-radius: 14px;}
}
@media screen and (max-width:991px){
    
     /* ============================================== section contact us  ================================================= */
    .contact-container{padding:35px; border-radius: 21px;max-width: 720px;margin: -350px auto 0;}
    .contact-container .row{row-gap: 30px;}
    .contact-container .heading-style-5{margin-bottom: 12px;}

    /* left form */
    .form-title-wrap{padding-right: 0;}

    /* right content */
    .contact-form-content{padding-left:0;border:none;}
    .contact-form-content .social-title img,.contact-form-content li a img{width: 20px;height: 20px;}
    /* social icon */
    .contact-form-content li a{width:40px;height:40px;}
    .contact-social-wrap:last-child{padding-top:18px;margin-top:18px;}
    /* image */
    .section-contact-us .contact-us-image-wrap{margin-top: 32px;border-radius: 12px;}
}
@media screen and (max-width:767px){
    /* banner */
    .section-banner .banner-section-inner {padding-inline: 20px !important;}
    .section-banner .banner-content { margin-top: -20px; }
     /* ============================================== section contact us  ================================================= */
    .contact-container{padding:28px; border-radius: 18px;max-width: 90%;margin: -250px auto 0;}
    .contact-container .row{row-gap: 25px;}

    /* right content */
    .contact-form-content .social-title img,.contact-form-content li a img{width: 18px;height: 18px;}
    /* social icon */
    .contact-social-wrap:last-child{padding-top:16px;margin-top:16px;}
    /* image */
    .section-contact-us .contact-us-image-wrap{margin-top: 30px;border-radius: 11px;}
}
@media screen and (max-width:575px){
     /* ============================================== section contact us  ================================================= */
    .contact-container{padding:22px 20px; border-radius: 16px;max-width: 93%;margin: -240px auto 0;}
    .contact-container .row{row-gap: 22px;}

    /* right content */
    .contact-form-content .social-title img,.contact-form-content li a img{width: 16px;height: 16px;}
    /* social icon */
    .contact-social-wrap:last-child{padding-top:14px;margin-top:14px;}
    /* image */
    .section-contact-us .contact-us-image-wrap{margin-top: 28px;border-radius: 10px;}
}