/* ===== FINAL STABLE CSS ===== */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, sans-serif;
}

body{
background:#f8fafc;
color:#222;
line-height:1.6;
}


/* NAVBAR */

header{
background:#1f4e5f;
position:sticky;
top:0;
z-index:1000;
}

.navbar{
max-width:1100px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 20px;
}

.logo{
display:flex;
align-items:center;
gap:10px;
color:white;
font-weight:bold;
}

.logo img{
height:40px;
}

.nav-links{
display:flex;
}

.nav-links a{
color:white;
text-decoration:none;
margin:0 15px;
}

.menu-toggle{
display:none;
color:white;
font-size:24px;
cursor:pointer;
}


/* SECTIONS */

section{
max-width:1100px;
margin:auto;
padding:50px 20px;
}

.section-title{
text-align:center;
margin-bottom:25px;
color:#1f4e5f;
}


/* CARD */

.card{
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 3px 12px rgba(0,0,0,0.05);
}


/* LEADERSHIP */

.leader-card{
display:flex;
gap:30px;
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

.leader-img{
width:260px;
height:320px;
background:#eee;
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
}

.leader-img img{
width:100%;
height:100%;
object-fit:contain;
}

.designation{
font-weight:bold;
margin-bottom:10px;
}


/* =============================
TEAM SECTION FINAL PROFESSIONAL
============================= */

.team{
padding:70px 20px;
text-align:center;
}


/* grid layout */

.team-container{

display:grid;

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

gap:35px;

max-width:1000px;

margin:auto;

}


/* center last 2 cards */

.team-card:nth-child(4){
grid-column:1/2;
}

.team-card:nth-child(5){
grid-column:2/3;
}


/* card */

.team-card{

background:white;

padding:22px;

border-radius:14px;

box-shadow:0 8px 25px rgba(0,0,0,0.05);

text-align:center;

transition:0.3s;

min-height:320px;

display:flex;

flex-direction:column;

justify-content:flex-start;

}


/* hover */

.team-card:hover{

transform:translateY(-6px);

box-shadow:0 18px 40px rgba(0,0,0,0.08);

}


/* image fix */

.team-card img{

width:160px !important;

height:200px !important;

object-fit:contain !important;

margin:auto;

margin-bottom:12px;

background:#f1f4f7;

padding:8px;

border-radius:12px;

}


/* name */

.team-card h3{

margin-bottom:5px;

font-size:19px;

}


/* role */

.role{

color:#1f4e5f;

font-weight:600;

margin-bottom:6px;

}


/* description */

.team-card p{

font-size:14px;

color:#555;

line-height:1.5;

}


/* tablet */

@media(max-width:900px){

.team-container{

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

}

.team-card:nth-child(4),
.team-card:nth-child(5){

grid-column:auto;

}

}


/* mobile */

@media(max-width:500px){

.team-container{

grid-template-columns:1fr;

}

}

/* FOOTER */

footer{
background:#1f4e5f;
color:white;
text-align:center;
padding:20px;
margin-top:30px;
}


/* WHATSAPP */

.whatsapp-btn{
position:fixed;
bottom:20px;
left:20px;
width:55px;
height:55px;
background:#25D366;
color:white;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:26px;
}


/* MOBILE */

@media(max-width:768px){

.menu-toggle{
display:block;
}

.nav-links{
display:none;
flex-direction:column;
background:#1f4e5f;
position:absolute;
top:60px;
right:0;
width:100%;
}

.nav-links.show{
display:flex;
}

.nav-links a{
padding:12px;
border-top:1px solid rgba(255,255,255,0.2);
}

/* leadership */

.leader-card{
flex-direction:column;
text-align:center;
}

.leader-img{
width:200px;
height:250px;
}

}