/* ================= TABLET ================= */

@media (max-width:1024px){

.container{
width:92%;
}

.hero-grid{
grid-template-columns:1fr;
text-align:center;
}

.hero-text h1{
font-size:40px;
}

.hero-image{
margin-top:40px;
}

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

}


/* ================= MOBILE ================= */

@media (max-width:768px){

header .btn{
display:none;
}

nav ul{
display:none;
flex-direction:column;
background:white;
position:absolute;
top:80px;
left:0;
width:100%;
padding:20px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

nav ul.nav-open{
display:flex;
}

.nav-toggle{
display:block;
}


/* HERO */

.hero{
padding:90px 0;
}

.hero-text h1{
font-size:32px;
}

.hero-text p{
font-size:16px;
}

.hero-stats{
flex-direction:column;
gap:20px;
}


/* SERVICES */

.services-grid{
grid-template-columns:1fr;
}


/* PORTFOLIO */

.portfolio-grid{
grid-template-columns:1fr;
}


/* WHY SECTION */

.why-grid{
grid-template-columns:1fr;
}


/* TESTIMONIALS */

.testimonials-grid{
grid-template-columns:1fr;
}


/* TRUST LOGOS */

.trust-logos{
gap:25px;
}

.trust-logos img{
height:32px;
}


/* CTA */

.cta{
padding:80px 20px;
}

}


/* ================= SMALL MOBILE ================= */

@media (max-width:480px){

.hero-text h1{
font-size:28px;
}

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

.btn{
padding:12px 22px;
}

}
@media (max-width:768px){
.footer-grid{
grid-template-columns:1fr;
text-align:center;
}

.footer-col{
text-align:center;
}
}
.footer-col{
margin-bottom:10px;
}
.footer-social{
justify-content:center;
}
.footer-col ul{
padding:0;
}

.footer-col ul li{
margin-bottom:8px;
}
@media (max-width:768px){
.trust-logos{
animation-duration:40s;
}
}