@media(max-width:991px){

.hero{

flex-direction:column;

text-align:center;

}

.hero-left h1{

font-size:45px;

line-height:55px;

}

.nav-links{

display:none;

}

.menu-btn{

display:block;

}
.nav-links.show{

display:flex;

position:absolute;

top:80px;

left:0;

width:100%;

background:white;

flex-direction:column;

padding:20px;

text-align:center;

box-shadow:0 10px 20px rgba(0,0,0,.1);

}

/* ABOUT */

@media(max-width:992px){

.about-content{

flex-direction:column;

text-align:center;

gap:30px;

}

.about-container h2{

font-size:42px;

}

.about-text p{

font-size:22px;

line-height:38px;

}

.about-icon img{

width:70px;

}

}
/* FEATURES */

@media(max-width:992px){

.features h2{

font-size:48px;

text-align:center;

}

.feature-grid{

grid-template-columns:1fr;

}

.feature-card{

padding:22px;

}

.feature-card img{

width:70px;

}

.feature-card h3{

font-size:22px;

line-height:30px;

}

.features-bg{

display:none;

}

}
/* BENEFITS */
/* BENEFITS */

@media(max-width:991px){

.benefits-content{

flex-direction:column;

}

.benefits h2{

font-size:45px;

}

.benefits-left span{

font-size:18px;

line-height:30px;

}

.benefits-right{

text-align:center;

margin-top:40px;

}

.benefits-right img{

max-width:500px;

}

}
/* CTA */

@media(max-width:991px){

.cta-section{

flex-direction:column;

text-align:center;

}

.cta-content h2{

font-size:38px;

line-height:50px;

}

.cta-content h3{

font-size:30px;

}

.cta-content p{

font-size:18px;

line-height:30px;

margin:auto auto 30px;

}

}

/* WHY MATTERS */

@media(max-width:991px){

.why-matter{

flex-direction:column;

}

.why-content{

width:100%;

padding:50px 25px;

text-align:center;

}

.why-image{

width:100%;

}

.why-content h2{

font-size:45px;

}

.why-content h3{

font-size:30px;

}

.why-content p{

font-size:20px;

line-height:35px;

}

.matter-btn{

font-size:18px;

padding:16px 30px;

}

}
/* USE CASES */

@media(max-width:991px){

.use-grid{

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

}

.case-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.use-grid{

grid-template-columns:1fr;

}

.title h2{

font-size:40px;

}

.title h3{

font-size:30px;

}

}
/* FOOTER */

@media(max-width:991px){

.footer-container{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-container{

grid-template-columns:1fr;

text-align:center;

}

.social-icons{

justify-content:center;

}

}
}