.about{padding:6rem 0;}
.about__container{display:flex;flex-direction:column;gap:3rem;align-items:center;}
.about__image img{border-radius:12px;}
.about__content{text-align:center;}
.about__content h2{font-size:2.4rem;font-weight:600;}
.about__content p{margin:1.2rem 0;color:#6b7280;}
.about__content .btn--primary{color:#fff;}

.mission{padding:5rem 0;background:#f5f7fa;}
.mission__container{display:grid;grid-template-columns:1fr;gap:2rem;}
.mission__card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.05);}
.mission__card h3{font-size:1.8rem;margin-bottom:1rem;}
.mission__card ul{margin:0 0 2rem; padding:0; list-style:none;}
.mission__card ul li{position:relative; padding-left:2rem;}
.mission__card ul li::before{position:absolute; content:'o'; top:0; left:0;}


.why{padding:6rem 0;}
.why__header{text-align:center;margin-bottom:3rem;}
.why__grid{display:grid;grid-template-columns:1fr;gap:2rem;}
.why__item{padding:2rem;border-radius:10px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.05);}

.stats{padding:5rem 0;background:#1346b8;color:#fff;text-align:center;}
.stats__container{display:grid;grid-template-columns:1fr;gap:2rem;}
.stats__item h3{font-size:2.4rem;color:#f7941d;}

@media(min-width:768px){
	.about__container{flex-direction:row;align-items:center;}
	.about__content{text-align:left;}
	.about__image,.about__content{flex:1;}
	
	.mission__container{grid-template-columns:repeat(2,1fr);}
	.why__grid{grid-template-columns:repeat(2,1fr);}

	.stats__container{grid-template-columns:repeat(4,1fr);}
}

@media(min-width:1024px){
	.why__grid{grid-template-columns:repeat(4,1fr);}
}