/*==================================================
ABOUT HERO
==================================================*/

@media(max-width:992px){

.about-hero{

padding:170px 20px 110px;

}










.who-grid{

grid-template-columns:1fr;

gap:60px;

}

.experience-badge{

right:20px;

bottom:20px;

}









.mission-grid{

grid-template-columns:1fr;

gap:30px;

}








.values-grid{

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

gap:25px;

}







.choose-grid{

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

gap:25px;

}

}

@media(max-width:768px){

.about-hero{

padding:150px 20px 90px;

}








.who-content{

text-align:center;

}

.who-list li{

justify-content:center;

}

.experience-badge{

position:static;

margin:25px auto 0;

}







.mission-card{

padding:35px;

text-align:center;

}

.mission-icon{

margin:0 auto 25px;

}






.values-grid{

grid-template-columns:1fr;

}

.value-card{

padding:35px 28px;

}







.choose-grid{

grid-template-columns:1fr;

}

.choose-card{

padding:32px;

}

}

@media(max-width:480px){

.about-hero{

padding:140px 15px 80px;

}







.who-grid{

gap:45px;

}

.experience-badge{

max-width:160px;

padding:20px;

}

.experience-badge h3{

font-size:1.8rem;

}





.mission-card{

padding:28px;

}

.mission-icon{

width:65px;

height:65px;

}

.mission-icon i{

font-size:1.6rem;

}






.value-card{

padding:30px 22px;

}

.value-icon{

width:70px;

height:70px;

}

.value-icon i{

font-size:1.8rem;

}








.choose-card{

padding:28px 22px;

}

.choose-icon{

width:65px;

height:65px;

}

.choose-icon i{

font-size:1.7rem;

}



}