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


/* HERO */

.mission-hero{

height:50vh;

background:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),
url('../../assets/image/photo/oss.jpeg');

background-size:cover;
background-position:center;

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

color:white;
text-align:center;

}

.mission-hero h1{
font-size:50px;
font-weight:700;
}

.mission-hero p{
font-size:18px;
opacity:0.9;
}


/* INTRO */

.mission-intro{
padding:80px 0;
background:white;
}

.mission-img{
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.mission-intro h2{
font-weight:700;
margin-bottom:15px;
}

.mission-btn{

display:inline-block;

margin-top:15px;

padding:10px 25px;

background:#ff7a00;

color:white;

text-decoration:none;

border-radius:30px;

transition:0.3s;
}

.mission-btn:hover{
background:#e96d00;
}


/* GOALS */

.mission-goals{
padding:80px 0;
background:#f4f6fa;
}

.section-title{
font-size:36px;
font-weight:700;
margin-bottom:50px;
}

.goal-card{

background:white;

padding:35px;

border-radius:12px;

text-align:center;

box-shadow:0 10px 25px rgba(0,0,0,0.08);

transition:0.3s;
}

.goal-card:hover{

transform:translateY(-10px);

box-shadow:0 15px 35px rgba(0,0,0,0.15);

}

.goal-card i{

font-size:40px;

color:#ff7a00;

margin-bottom:15px;
}

.goal-card h4{
margin-bottom:10px;
}


/* VISION */

.vision-section{

padding:90px 0;

background:linear-gradient(120deg,#ff7a00,#ff9f40);

color:white;
text-align:center;
}

.vision-section h2{

font-size:40px;

font-weight:700;

margin-bottom:15px;
}

.vision-btn{

display:inline-block;

margin-top:20px;

padding:10px 25px;

background:white;

color:#ff7a00;

border-radius:30px;

text-decoration:none;

font-weight:500;

transition:0.3s;
}

.vision-btn:hover{

background:#ffe7d0;

}


/* MOBILE */

@media(max-width:768px){

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

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

}