/*=====================================================
                GLOBAL SECTION PADDING
=====================================================*/

@media (max-width:991px){

    .section-padding{

        padding:90px 0;

    }

}

@media (max-width:767px){

    .section-padding{

        padding:70px 0;

    }

}

@media (max-width:575px){

    .section-padding{

        padding:60px 0;

    }

}


/*=====================================================
                1200px
=====================================================*/

@media (max-width:1199px){

    .main-navbar{

        padding:0 18px;

    }

    .navbar-menu{

        gap:2px;

    }

    .navbar-menu>li>a{

        padding:10px 11px;

        font-size:14px;

    }

    .quote-btn{

        padding:10px 18px;

        font-size:13px;

    }

}

/*=====================================================
                991px
=====================================================*/

@media (max-width:991px){

    .header{

        padding:15px 0;

    }

    .main-navbar{

        height:68px;

        padding:0 18px;

    }

    .navbar-menu{

        display:none;

    }

    .phone-btn{

        display:none;

    }

    .quote-btn{

        display:none;

    }

    .menu-toggle{

        display:block;

    }

    .navbar-logo img{

        width:82px;

    }

}

/*=====================================================
                767px
=====================================================*/

@media (max-width:767px){

    .header{

        padding:12px 0;

    }

    .main-navbar{

        height:64px;

        padding:0 15px;

        border-radius:14px;

    }

    .navbar-logo img{

        width:78px;

    }

    .mobile-menu{

        width:300px;

        right:-300px;

        padding:25px;

    }

    .mobile-header img{

        width:80px;

    }

}

/*=====================================================
                575px
=====================================================*/

@media (max-width:575px){

    .main-navbar{

        height:60px;

        padding:0 14px;

        border-radius:12px;

    }

    .navbar-logo img{

        width:74px;

    }

    .menu-toggle{

        width:40px;

        height:40px;

    }

    .menu-toggle span:nth-child(1),
    .menu-toggle span:nth-child(2){

        width:18px;

    }

    .menu-toggle span:nth-child(3){

        width:12px;

    }

    .mobile-menu{

        width:100%;

        right:-100%;

        padding:22px;

    }

    .mobile-header img{

        width:78px;

    }

}

/*=====================================================
                400px
=====================================================*/

@media (max-width:400px){

    .main-navbar{

        height:58px;

    }

    .navbar-logo img{

        width:70px;

    }

}

/* ======================================
   LARGE DEVICES
====================================== */
@media (max-width:1199px){

    h1{
        font-size:64px;
    }

    h2{
        font-size:46px;
    }

    h3{
        font-size:34px;
    }

    .section-title{
        font-size:46px;
    }

}

/* ======================================
   TABLET DEVICES
====================================== */
@media (max-width:991px){

    h1{
        font-size:54px;
    }

    h2{
        font-size:40px;
    }

    h3{
        font-size:30px;
    }

    h4{
        font-size:26px;
    }

    .section-title{
        font-size:40px;
    }

    .hero-title{
        font-size:54px;
    }

}

/* ======================================
   MOBILE LANDSCAPE
====================================== */
@media (max-width:767px){

    h1{
        font-size:42px;
    }

    h2{
        font-size:34px;
    }

    h3{
        font-size:28px;
    }

    h4{
        font-size:24px;
    }

    h5{
        font-size:20px;
    }

    .hero-title{
        font-size:42px;
        line-height:1.15;
    }

    .hero-subtitle{
        font-size:16px;
    }

    .section-title{
        font-size:34px;
    }

    body{
        font-size:15px;
    }

}

/* ======================================
   MOBILE PORTRAIT
====================================== */
@media (max-width:575px){

    h1{
        font-size:36px;
    }

    h2{
        font-size:30px;
    }

    h3{
        font-size:24px;
    }

    h4{
        font-size:22px;
    }

    h5{
        font-size:18px;
    }

    h6{
        font-size:16px;
    }

    .hero-title{
        font-size:36px;
    }

    .hero-subtitle{
        font-size:15px;
    }

    .section-title{
        font-size:30px;
    }

    p{
        font-size:15px;
    }

    body{
        font-size:15px;
    }

}

/*======================================
LARGE DEVICES
Max Width: 1199px
======================================*/

@media (max-width:1199px){

    .hero-slide{
        min-height:750px;
    }

    .hero-content h1,
    .hero-content h2{
        font-size:60px;
    }

    .hero-content p{
        max-width:600px;
    }

}

/*======================================
TABLETS
Max Width: 991px
======================================*/

@media (max-width:991px){

    .hero-slide{
        min-height:700px;
    }

    .hero-content{
        max-width:650px;
    }

    .hero-content h1,
    .hero-content h2{
        font-size:52px;
    }

    .hero-content p{
        font-size:17px;
    }

}

/*======================================
SMALL TABLETS
Max Width: 767px
======================================*/

@media (max-width:767px){

    .hero-slide{
        min-height:650px;
        text-align:center;
    }

    .hero-content{
        max-width:100%;
    }

    .hero-content h1,
    .hero-content h2{
        font-size:42px;
    }

    .hero-content p{
        font-size:16px;
        margin-left:auto;
        margin-right:auto;
    }

    .hero-buttons{
        justify-content:center;
    }

    .hero-subtitle{
        font-size:13px;
    }

}

/*======================================
MOBILE DEVICES
Max Width: 575px
======================================*/

@media (max-width:575px){

    .hero-slide{
        min-height:600px;
    }

    .hero-content h1,
    .hero-content h2{
        font-size:34px;
        line-height:1.2;
    }

    .hero-content p{
        font-size:15px;
        line-height:1.7;
        margin-bottom:30px;
    }

    .hero-subtitle{
        font-size:12px;
        letter-spacing:1px;
    }

    .hero-buttons{
        flex-direction:column;
        gap:12px;
    }

    .hero-buttons .primary-btn,
    .hero-buttons .outline-btn{
        width:100%;
    }

}

/*======================================
SMALL MOBILE DEVICES
Max Width: 375px
======================================*/

@media (max-width:375px){

    .hero-content h1,
    .hero-content h2{
        font-size:28px;
    }

    .hero-content p{
        font-size:14px;
    }

}

@media(max-width:767px){

    .service-strip-item{

        padding:25px 15px;
    }

    .service-strip-item h4{

        font-size:15px;
    }

}


/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .about-section{
        padding:100px 0;
    }

    .about-content{
        padding-left:20px;
    }

    .section-title{
        max-width:100%;
    }

    .experience-badge{
        width:150px;
        height:150px;
    }

    .experience-badge .year-count{
        font-size:38px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .about-section{
        padding:90px 0;
    }

    .about-content{
        padding-left:0;
        margin-top:60px;
    }

    .about-image-wrapper{
        max-width:700px;
        margin:0 auto;
    }

    .experience-badge{
        right:20px;
        bottom:20px;

        width:140px;
        height:140px;
    }

    .experience-badge .year-count{
        font-size:34px;
    }

    .experience-badge .year-text{
        font-size:12px;
    }

    .about-features{
        margin-bottom:35px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .about-section{
        padding:80px 0;
    }

    .about-image{
        border-radius:15px;
    }

    .experience-badge{
        width:125px;
        height:125px;
        animation:none;
        right:15px;
        bottom:15px;
    }

    .experience-badge .year-count{
        font-size:30px;
        margin-bottom:5px;
    }

    .experience-badge .year-text{
        font-size:11px;
        line-height:1.4;
    }

    .about-features{
        display:block;
    }

    .feature-item{
        width:100%;
        margin-bottom:15px;
    }

    .about-buttons{
        flex-direction:column;
        align-items:flex-start;
        gap:12px;
    }

    .btn-primary-custom,
    .btn-outline-custom{
        width:100%;
        justify-content:center;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .about-section{
        padding:70px 0;
    }

    .about-image{
        border-radius:12px;
    }

    .experience-badge{
        width:110px;
        height:110px;

        right:10px;
        bottom:10px;
    }

    .experience-badge .year-count{
        font-size:26px;
    }

    .experience-badge .year-text{
        font-size:10px;
        max-width:70px;
    }

    .section-subtitle{
        font-size:12px;
        letter-spacing:1.5px;
    }

    .about-content p{
        margin-bottom:15px;
    }

    .feature-item span{
        font-size:14px;
    }

    .btn-primary-custom,
    .btn-outline-custom{
        padding:14px 25px;
        font-size:13px;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .services-section{
        padding:100px 0;
    }

    .section-heading{
        margin-bottom:60px;
    }

    .services-section .container::before{
        font-size:110px;
        top:-20px;
    }

    .service-image img{
        height:240px;
    }

    .service-content{
        padding:28px;
    }

    .service-content h3{
        font-size:24px;
        min-height:65px;
    }

    .service-content p{
        min-height:110px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .services-section{
        padding:90px 0;
    }

    .section-heading{
        margin-bottom:50px;
    }

    .services-section .container::before{
        font-size:90px;
        top:-10px;
    }

    .service-card{
        border-radius:18px;
    }

    .service-image img{
        height:230px;
    }

    .service-content{
        padding:24px;
    }

    .service-content h3{
        font-size:22px;
        min-height:55px;
    }

    .service-content p{
        min-height:115px;
        font-size:15px;
    }

    .services-slider .owl-prev,
    .services-slider .owl-next{
        width:52px;
        height:52px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .services-section{
        padding:80px 0;
    }

    .section-heading{
        margin-bottom:40px;
    }

    .services-section .container::before{
        display:none;
    }

    .service-card{
        border-radius:16px;
    }

    .service-card:hover{
        transform:translateY(-4px);
    }

    .service-image img{
        height:220px;
    }

    .service-content{
        padding:22px;
    }

    .service-content h3{
        font-size:21px;
        min-height:auto;
        margin-bottom:16px;
    }

    .service-content p{
        min-height:auto;
        margin-bottom:20px;
    }

    .services-slider .owl-nav{
        margin-top:35px;
    }

    .services-slider .owl-prev,
    .services-slider .owl-next{
        width:48px;
        height:48px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .services-section{
        padding:70px 0;
    }

    .section-heading{
        margin-bottom:35px;
    }

    .service-card{
        border-radius:14px;
    }

    .service-image img{
        height:210px;
    }

    .service-content{
        padding:20px;
        text-align:center;
    }

    .service-content h3{
        font-size:20px;
        margin-bottom:15px;
        justify-content:center;
    }

    .service-content h3::after{
        left:50%;
        transform:translateX(-50%);
    }

    .service-content p{
        font-size:14px;
        line-height:1.7;
    }

    .service-link{
        justify-content:center;
        font-size:14px;
    }

    .services-slider .owl-prev,
    .services-slider .owl-next{
        width:44px;
        height:44px;
        margin:0 4px;
    }

    .services-slider .owl-nav{
        margin-top:30px;
    }

    .services-slider .owl-dot span{
        width:10px;
        height:10px;
    }

}

/*======================================
PREMIUM LARGE MOBILE
======================================*/

@media (max-width:480px){

    .service-image img{
        height:190px;
    }

    .service-content{
        padding:18px;
    }

    .service-content h3{
        font-size:18px;
    }

    .service-content p{
        font-size:13px;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .why-choose-section{
        padding:100px 0;
    }

    .floating-card{
        right:10px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .why-choose-section{
        padding:90px 0;
    }

    .why-image{
        margin-top:60px;
    }

    .floating-card{

        right:20px;
        bottom:20px;

        width:190px;

        padding:25px;
    }

    .floating-card span{
        font-size:40px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .why-choose-section{
        padding:80px 0;
    }

    .why-item{
        padding:20px;
    }

    .why-item i{

        width:55px;
        height:55px;

        min-width:55px;

        font-size:18px;
    }

    .floating-card{

        width:170px;

        padding:20px;
    }

    .floating-card span{
        font-size:34px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .why-choose-section{
        padding:70px 0;
    }

    .why-item{

        flex-direction:column;

        text-align:center;

        align-items:center;
    }

    .why-item i{
        margin-bottom:10px;
    }

    .why-item h4{
        font-size:20px;
    }

    .floating-card{

        position:relative;

        right:auto;
        bottom:auto;

        margin:20px auto 0;

        width:100%;
        max-width:220px;

        animation:none;
    }

}

@media (max-width:991px){

    .project-showcase img{
        height:550px;
    }

    .project-overlay{
        left:40px;
        bottom:40px;
    }

    .project-overlay h3{
        font-size:34px;
    }

}

@media (max-width:767px){

    .projects-section{
        padding:80px 0;
    }

    .project-showcase img{
        height:450px;
    }

    .project-overlay{
        left:25px;
        right:25px;
        bottom:25px;
    }

    .project-overlay h3{
        font-size:28px;
    }

}

@media (max-width:575px){

    .project-showcase{
        border-radius:20px;
    }

    .project-showcase img{
        height:350px;
    }

    .project-overlay h3{
        font-size:22px;
    }

    .projects-thumb-slider img{
        height:80px;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .process-content{
        padding-left:30px;
    }

    .process-image img{
        height:650px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .process-section{
        padding:100px 0;
    }

    .process-image{
        margin-bottom:60px;
    }

    .process-content{
        padding-left:0;
    }

    .process-image img{
        height:550px;
    }

    .process-badge{
        left:20px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .process-section{
        padding:80px 0;
    }

    .process-section::before{
        display:none;
    }

    .process-image img{
        height:450px;
        border-radius:20px;
    }

    .process-step{
        gap:18px;
    }

    .step-number{
        width:55px;
        height:55px;
        min-width:55px;
    }

    .process-step:not(:last-child)::after{
        left:27px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .process-section{
        padding:70px 0;
    }

    .process-image img{
        height:350px;
    }

    .process-badge{

        width:130px;
        height:130px;

        left:10px;
        bottom:10px;
    }

    .process-badge span{
        font-size:28px;
    }

    .process-content .section-description{
        margin-bottom:35px;
    }

    .step-content h3{
        font-size:20px;
    }

    .step-content p{
        font-size:14px;
    }

}

@media (max-width:991px){

    .testimonials-section{
        padding:100px 0;
    }

    .quote-icon{
        font-size:170px;
    }

    .review-text{
        font-size:20px;
    }

}

@media (max-width:767px){

    .testimonials-section{
        padding:80px 0;
    }

    .testimonial-item{
        padding:40px 25px;
    }

    .quote-icon{
        font-size:120px;
    }

    .review-text{
        font-size:18px;
    }

    .stat-box h3{
        font-size:40px;
    }

}

@media (max-width:575px){

    .testimonial-item{
        border-radius:20px;
    }

    .author-avatar{
        width:55px;
        height:55px;
    }

    .review-text{
        font-size:16px;
    }

    .trust-stats{
        margin-top:50px;
    }

}

@media (max-width:991px){

    .faq-section{
        padding:100px 0;
    }

    .faq-content{
        padding-right:0;
        margin-bottom:50px;
    }

}

@media (max-width:767px){

    .faq-section{
        padding:80px 0;
    }

    .faq-question{
        padding:20px;
    }

    .faq-question h3{
        font-size:18px;
        padding-right:15px;
    }

}

@media (max-width:575px){

    .faq-section{
        padding:70px 0;
    }

    .faq-info-card{

        flex-direction:column;

        text-align:center;
    }

    .faq-question h3{
        font-size:16px;
    }

}

/*======================================
1199px
======================================*/

@media (max-width:1199px){

    .footer::before{

        font-size:180px;
    }

}

/*======================================
991px
======================================*/

@media (max-width:991px){

    .footer::before{

        font-size:130px;
    }

    .footer-cta{

        padding:100px 0 70px;
    }

    .footer-main{

        padding:70px 0 30px;
    }

    .footer-widget{

        margin-bottom:40px;
    }

}

/*======================================
767px
======================================*/

@media (max-width:767px){

    .footer-cta{

        padding:80px 0 60px;
    }

    .footer-cta h2{

        font-size:36px;
    }

    .footer-main{

        text-align:center;
    }

    .footer-social{

        justify-content:center;
    }

    .footer-contact li{

        justify-content:center;
    }

    .footer-bottom{

        text-align:center;
    }

    .footer-bottom .text-md-right{

        margin-top:15px;
    }

}

/*======================================
575px
======================================*/

@media (max-width:575px){

    .footer::before{

        font-size:70px;

        letter-spacing:8px;
    }

    .footer-cta h2{

        font-size:30px;
    }

    .footer-cta p{

        font-size:15px;
    }

    .footer-cta-btns{

        flex-direction:column;
    }

    .footer-logo{

        max-height:60px;
    }

    .footer-widget h3{

        font-size:20px;
    }

    .footer-social a{

        width:45px;
        height:45px;
    }

}

/*======================================
FOOTER BOTTOM
======================================*/

.footer-bottom{

    position:relative;

    z-index:2;

    padding:30px 0;

    border-top:
    1px solid rgba(255,255,255,.08);
}

.footer-bottom p{

    margin:0;

    font-size:14px;

    font-weight:400;

    color:rgba(255,255,255,.60);

    letter-spacing:.3px;
}

.footer-bottom a{

    position:relative;

    color:rgba(255,255,255,.60);

    font-size:14px;

    font-weight:500;

    text-decoration:none;

    transition:all .3s ease;
}

.footer-bottom a::after{

    content:'';

    position:absolute;

    left:0;
    bottom:-4px;

    width:0;

    height:1px;

    background:var(--accent);

    transition:.3s ease;
}

.footer-bottom a:hover{

    color:var(--accent);
}

.footer-bottom a:hover::after{

    width:100%;
}

@media (max-width:767px){

    .back-to-top{

        width:55px;
        height:55px;

        right:20px;
        bottom:20px;
    }

    .back-to-top span{

        width:38px;
        height:38px;
    }

}

/*=====================================================
                PAGE BANNER
=====================================================*/

@media(max-width:991px){

    .page-banner{

        height:440px;

    }

    .page-banner-content h1{

        font-size:46px;

    }

}

@media(max-width:767px){

    .page-banner{

        height:380px;

    }

    .page-banner-content h1{

        font-size:36px;

    }

    .page-banner-content p{

        font-size:15px;

    }

    .page-subtitle{

        font-size:13px;

    }

}

@media(max-width:575px){

    .page-banner{

        height:340px;

    }

    .page-banner-content h1{

        font-size:30px;

    }

    .breadcrumb-list{

        gap:10px;

    }

}

/*=====================================================
                991px
=====================================================*/

@media(max-width:991px){

    .page-banner{

        height:430px;

        padding-bottom:55px;

    }

    .page-banner-content{

        max-width:600px;

    }

    .page-banner-content h1{

        font-size:48px;

    }

}

/*=====================================================
                767px
=====================================================*/

@media(max-width:767px){

    .page-banner{

        height:390px;

        padding-bottom:45px;

    }

    .page-banner-content{

        text-align:center;

        margin:auto;

    }

    .page-banner-content h1{

        font-size:38px;

    }

    .page-banner-content p{

        font-size:16px;

    }

    .breadcrumb-list{

        justify-content:center;

    }

}

/*=====================================================
                575px
=====================================================*/

@media(max-width:575px){

    .page-banner{

        height:350px;

        padding-bottom:35px;

    }

    .page-subtitle{

        font-size:12px;

        padding:7px 16px;

    }

    .page-banner-content h1{

        font-size:30px;

    }

    .page-banner-content p{

        font-size:15px;

        margin-bottom:25px;

    }

    .breadcrumb-list li{

        font-size:14px;

    }

}

/*=====================================================
            WHY CHOOSE US
=====================================================*/

@media(max-width:991px){

    .choose-card{

        padding:35px 25px;

    }

}

@media(max-width:767px){

    .why-choose .section-heading{

        margin-bottom:40px;

    }

    .choose-icon{

        width:75px;

        height:75px;

        font-size:26px;

    }

    .choose-card h4{

        font-size:22px;

    }

}

@media(max-width:575px){

    .choose-card{

        padding:30px 22px;

    }

}

/*=====================================================
            OUR PROCESS
=====================================================*/

@media(max-width:991px){

    .our-process .row::before{

        display:none;

    }

}

@media(max-width:767px){

    .our-process .section-heading{

        margin-bottom:40px;

    }

    .process-box{

        margin-bottom:30px;

    }

    .process-icon{

        width:75px;

        height:75px;

        font-size:26px;

    }

    .process-number{

        font-size:42px;

    }

}

/*=====================================================
            OUR PROCESS
=====================================================*/

@media (max-width:991px){

    .our-process .row::before{

        display:none;

    }

    .our-process .row > div{

        margin-bottom:30px;

    }

}

@media (max-width:767px){

    .our-process .section-heading{

        margin-bottom:40px;

    }

    .our-process .row > div{

        margin-bottom:25px;

    }

    .process-box{

        padding:35px 22px;

    }

    .process-icon{

        width:75px;

        height:75px;

        font-size:26px;

    }

    .process-number{

        font-size:42px;

    }

}

@media (max-width:575px){

    .our-process .row > div{

        margin-bottom:20px;

    }

}

/*=====================================================
            PROJECTS INTRO
=====================================================*/

@media(max-width:991px){

    .projects-intro-image{

        margin-top:50px;

    }

    .projects-intro-image::before{

        display:none;

    }

}

@media(max-width:767px){

    .projects-intro{

        text-align:center;

    }

    .project-stats{

        justify-content:center;

    }

    .project-stat{

        min-width:100%;

    }

    .projects-intro p{

        font-size:15px;

    }

}

@media(max-width:575px){

    .project-stat{

        padding:20px;

    }

    .project-stat h3{

        font-size:20px;

    }

}

/*=====================================================
            PROJECT COMMITMENT
=====================================================*/

@media(max-width:991px){

    .commitment-image{

        margin-top:50px;

    }

    .commitment-image::before{

        display:none;

    }

}

@media(max-width:767px){

    .project-commitment{

        text-align:center;

    }

    .commitment-list li{

        justify-content:center;

        text-align:left;

    }

    .project-commitment p{

        font-size:15px;

    }

}

@media(max-width:575px){

    .commitment-list li{

        font-size:15px;

        gap:12px;

    }

    .commitment-list i{

        width:38px;

        height:38px;

        font-size:15px;

    }

}

/*=====================================================
            BLOG INTRO
=====================================================*/

@media(max-width:991px){

    .blog-intro-image{

        margin-top:50px;

    }

    .blog-intro-image::before{

        display:none;

    }

}

@media(max-width:767px){

    .blog-intro{

        text-align:center;

    }

    .blog-intro p{

        font-size:15px;

    }

}

@media(max-width:575px){

    .blog-intro .section-heading{

        margin-bottom:20px;

    }

}

/*=====================================================
            LATEST BLOGS
=====================================================*/

@media(max-width:991px){

    .blog-image img{

        height:240px;

    }

}

@media(max-width:767px){

    .latest-blogs .section-heading{

        margin-bottom:40px;

    }

    .blog-image img{

        height:220px;

    }

    .blog-content{

        padding:25px;

    }

    .blog-content h3{

        font-size:22px;

    }

}

@media(max-width:575px){

    .blog-image img{

        height:200px;

    }

    .blog-content{

        padding:22px;

    }

    .blog-category{

        font-size:12px;

    }

    .blog-content h3{

        font-size:20px;

    }

}

/*=====================================================
            CONTACT INFO
=====================================================*/

@media(max-width:991px){

    .contact-card{

        padding:35px 25px;

    }

}

@media(max-width:767px){

    .contact-info .section-heading{

        margin-bottom:40px;

    }

    .contact-icon{

        width:75px;

        height:75px;

        font-size:26px;

    }

    .contact-card h4{

        font-size:22px;

    }

}

@media(max-width:575px){

    .contact-card{

        padding:30px 22px;

    }

    .contact-card p,

    .contact-card a{

        font-size:15px;

    }

}

/*=====================================================
            CONTACT SECTION
=====================================================*/

@media(max-width:991px){

    .contact-form-wrapper{

        margin-bottom:40px;

        padding:35px;

    }

    .contact-sidebar{

        padding:35px;

    }

}

@media(max-width:767px){

    .contact-form-wrapper{

        padding:30px 25px;

    }

    .contact-sidebar{

        padding:30px 25px;

        margin-top:20px;

    }

    .contact-sidebar h3{

        font-size:24px;

    }

    .contact-map iframe{

        height:240px;

    }

}

@media(max-width:575px){

    .contact-form-wrapper{

        padding:25px 20px;

    }

    .contact-sidebar{

        padding:25px 20px;

    }

    .contact-form .form-control{

        height:54px;

    }

    .contact-form textarea.form-control{

        height:150px;

    }

    .contact-form .theme-btn{

        min-height:54px;

        font-size:15px;

    }

}

@media(max-width:767px){

    .areas-list{

        gap:12px;

    }

    .areas-list span{

        padding:12px 18px;

        font-size:14px;

    }

}

/*=====================================================
        PAGE BANNER (diagonal split -> stacked)
        Below 991px the diagonal two-panel layout gets cramped, so it
        collapses back into a single full-bleed image with a centered
        content block -- same content, simpler composition.
=====================================================*/

@media (max-width:991px){

    .page-banner{

        min-height:420px;

        padding:150px 0 60px;

    }

    .page-banner-bg{

        width:100%;

        clip-path:none;

    }

    .page-banner-bg::after{

        display:none;

    }

    .page-banner-overlay{

        width:100%;

        clip-path:none;

        background:linear-gradient(180deg,rgba(4,10,24,.55) 0%,rgba(0,51,141,.78) 100%);

    }

    .page-banner .row.justify-content-center{

        justify-content:center!important;
    }

    .page-banner-content{

        max-width:100%;

        text-align:center;

    }

    .page-banner-content h1{

        font-size:42px;

        border-left:none;

        padding-left:0;

    }

    .page-banner-content p{

        margin-left:auto;

        margin-right:auto;

    }

    .breadcrumb-list{

        justify-content:center;

    }

}

@media (max-width:575px){

    .page-banner{

        min-height:360px;

        padding:130px 0 50px;
    }

    .page-banner-content h1{

        font-size:32px;

    }

    .page-banner-content p{

        font-size:15px;

    }

}

/*=====================================================
        ABOUT PAGE -- our-process connector arrows
        Only meaningful in the 4-across desktop row; hide once the
        columns stack so an arrow doesn't point at empty space.
=====================================================*/

@media (max-width:991px){

    .our-process .col-lg-3 .process-box::after{

        display:none;

    }

    .our-process .row::before{

        display:none;

    }
}