@media (min-width:1920px){
    
    .hero-overlay{display: none !important;
    .navbar-brand img{
        width:90px;
    }

    .nav-link{
        font-size:18px;
    }

    .call-btn{
        font-size:18px;
        padding:14px 24px;
    }
}
@media (max-width:1399px){

    .main-image{
        height:600px;
    }

    .section-title{
        font-size:52px;
    }
}
@media (max-width:1200px){

    .trusted-image{
        gap: 18px;
    }

    .trusted-image img{
        height: 36px;
    }
}
@media (max-width:1199px){

    .main-image{
        height:520px;
    }

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

    .section-title{
        font-size:46px;
    }
}
@media (max-width:1024px){

    .trusted-section{
        margin-top: 30px;
    }

    .trusted-image{
        gap: 16px;
    }

    .trusted-image img{
        height: 34px;
    }
}
@media (max-width:991px){

    .navbar-collapse{
        margin-top:20px;
    }

    .navbar-nav{
        gap:8px;
    }

    .call-btn{
        margin-top:15px;
        width:fit-content;
    }
}
@media (max-width:767px){

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

    .main-image{
        height:350px;
        border-radius:16px;
    }

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

    .subtitle{
        font-size:18px;
    }

    .experience-box{
        width:150px;
        height:85px;

        top:-10px;
        left:-10px;

        padding:12px;
    }

    .experience-box h2{
        font-size:32px;
        margin-bottom:4px;
    }

    .experience-box p{
        font-size:10px;
    }

    .service-card{
        margin-bottom:12px;
    }

    .explore-btn{
        width:100%;
    }
}
@media (max-width:768px){

    .trusted-section{
        padding: 24px 0;
    }

    .trusted-heading{
        height: auto;
        margin-bottom: 20px;
    }

    .trusted-heading h4{
        line-height: 1.5;
        font-size: 16px;
    }

    .trusted-image{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        min-height: auto;
        justify-items: center;
        align-items: center;
    }

    .trusted-image img{
        height: 32px;
    }
}
@media (max-width:576px){

    .navbar-brand img{
        width:55px;
    }

    .call-btn{
        font-size:14px;
        min-width:auto;
        padding:10px 16px;
    }

    .call-btn img{
        width:16px;
        height:16px;
    }

      .header-container{
        width: 95%;
    }

    .trusted-image{
        gap: 18px;
    }

    .trusted-image img{
        height: 28px;
    }
    
    .main-image{
        height:300px;
    }

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

    .content-box p{
        line-height:1.8;
    }
}
@media (max-width:425px){

    .trusted-section{
        margin-top: 24px;
        padding: 20px 0;
    }

    .trusted-heading h4{
        font-size: 15px;
        letter-spacing: 0.8px;
    }

    .trusted-image{
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .trusted-image img{
        height: 24px;
    }
}
@media (max-width:400px){

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

    .main-image{
        height:260px;
    }

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

    .experience-box{
        width:130px;
        height:75px;
    }

    .experience-box h2{
        font-size:26px;
    }

    .experience-box p{
        font-size:9px;
    }

    .service-card span{
        font-size:14px;
    }
}
@media (max-width:375px){

    .trusted-heading h4{
        font-size: 14px;
        line-height: 1.4;
    }

    .trusted-image{
        gap: 14px;
    }

    .trusted-image img{
        height: 22px;
    }
}
@media (max-width:320px){

    .trusted-section{
        padding: 16px 0;
    }

    .trusted-heading h4{
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    .trusted-image{
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

    .trusted-image img{
        height: 18px;
    }
}