body{
font-family:'Poppins',sans-serif;
background:#f5f7fb;
}


/* HERO */

.about-hero{

height:55vh;

background:url('../../assets/image/oss.jpeg') center/cover no-repeat;

position:relative;

display:flex;
align-items:center;
justify-content:center;

}

.overlay{

position:absolute;
width:100%;
height:100%;

background:rgba(0,0,0,0.6);

}

.hero-text{

position:relative;
color:white;

}

.hero-text h1{

font-size:50px;
font-weight:700;

}



/* ABOUT */

.about-section{

padding:80px 0;
background:white;

}

.about-img{

width:100%;
border-radius:10px;

}



/* MISSION */

.mission-section{

padding:80px 0;
background:#f8f9fc;

}

.mission-card{

background:white;
padding:30px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:.3s;

}

.mission-card i{

font-size:40px;
color:#ff7a00;
margin-bottom:15px;

}

.mission-card:hover{

transform:translateY(-8px);

}



/* HIGHLIGHTS */

.highlight-section{

padding:70px 0;
background:#fff3e8;

}

.highlight-box{

padding:25px;

}

.highlight-box h3{

font-size:40px;
color:#ff7a00;

}



/* TEAM */

.team-section{

padding:80px 0;
background:white;

}

.team-card{

background:#f8f9fc;
padding:25px;
border-radius:10px;
transition:0.3s;

}

.team-card img{

width:100%;
height:250px;
object-fit:cover;
border-radius:10px;

margin-bottom:15px;

}

.team-card:hover{

transform:translateY(-8px);
box-shadow:0 10px 20px rgba(0,0,0,0.1);

}

.section-title{

margin-bottom:40px;
font-weight:600;

}