body{
font-family:'Poppins',sans-serif;
background:#f6f8fc;
margin:0;
}



/* HERO */

.leader-hero{

height:45vh;

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;
}

.leader-hero h1{

font-size:48px;
font-weight:700;
}

.leader-hero p{

font-size:18px;
opacity:0.9;
}



/* LEADERS SECTION */

.leaders-section{

padding:80px 0;
}



/* LEADER CARD */

.leader-card{

background:white;

border-radius:12px;

padding:30px;

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

transition:0.3s;
}

.leader-card:hover{

transform:translateY(-8px);

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



/* LEADER INFO */

.leader-info{

display:flex;

align-items:center;

gap:15px;

margin-bottom:20px;
}

.leader-info img{

width:70px;
height:70px;

border-radius:50%;

object-fit:cover;

border:3px solid #ff7a00;
}

.leader-info h4{

margin:0;
font-weight:600;
}

.leader-info span{

color:#ff7a00;
font-size:14px;
}



/* MESSAGE */

.leader-message{

position:relative;

padding-left:30px;
}

.leader-message i{

position:absolute;

left:0;

top:0;

font-size:20px;

color:#ff7a00;
}

.leader-message p{

margin-bottom:0;

line-height:1.6;
}



/* MOBILE */

@media(max-width:768px){

.leader-hero h1{

font-size:32px;
}

}