@media(max-width:1400px){

.container{

width:95%;

}

}

@media(max-width:992px){

.container{

width:94%;

}

}

@media(max-width:768px){

.container{

width:94%;

}

}

@media(max-width:992px){

.top-bar{

display:none;

}

.nav-wrapper{

flex-wrap:wrap;

height:auto;

padding:20px 0;

}

nav{

width:100%;

margin-top:20px;

}

nav ul{

justify-content:center;

flex-wrap:wrap;

gap:20px;

}

.call-btn{

margin-top:20px;

}

}


@media(max-width:992px){

.hero{

padding:50px 0;

}

.hero-wrapper{

flex-direction:column;

}

.hero-left{

width:100%;

order:2;

}

.hero-right{

width:100%;

order:1;

margin-bottom:40px;

}

.hero h1{

font-size:42px;

}

.hero p{

font-size:20px;

line-height:32px;

}

.hero-list li{

font-size:18px;

}

.support-btn{

width:100%;

justify-content:center;

}

.hero-call{

font-size:20px;

}

}


@media(max-width:992px){

.stats-wrapper{

grid-template-columns:repeat(2,1fr);

}

.service-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.stats-wrapper{

grid-template-columns:1fr;

}

.service-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

}


@media(max-width:992px){

.testimonial-grid{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr;

}

.faq-box{

width:100%;

}

}


@media(max-width:992px){

.feature-grid{

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.feature-item{

border:none;

padding:0;

}

}

@media(max-width:576px){

.feature-grid{

grid-template-columns:1fr;

}

.feature-item{

justify-content:flex-start;

}

.feature-content h4{

font-size:20px;

}

.feature-content p{

font-size:15px;

}

}


@media(max-width:992px){

.cta-box{

    flex-direction:column;

    text-align:center;

    gap:30px;

}

.cta-left{

    flex-direction:column;

}

.cta-content h2{

    font-size:28px;

}

.cta-content p{

    font-size:17px;

}

.cta-call-btn{

    width:100%;

    justify-content:center;

    font-size:20px;

}

}

@media(max-width:576px){

.cta-box{

    padding:25px 20px;

}

.cta-icon{

    width:60px;
    height:60px;

}

.cta-icon i{

    font-size:28px;

}

.cta-content h2{

    font-size:24px;

}

.cta-content p{

    font-size:15px;

}

.cta-call-btn{

    padding:18px 15px;

    font-size:16px;

}

}