/* RESET */

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

html, body{
height:100%;
}

body{
display:flex;
flex-direction:column;
min-height:100vh;
background:#f4f7fb;
color:#1f2937;
line-height:1.6;
}

.page-content{
flex:1;
}

/* MAIN CONTENT WRAPPER */

.wrapper{
max-width:1300px;
margin:auto;
padding:30px 20px;
}

/* PAGE TITLE */

.page-title{
font-size:26px;
font-weight:600;
color:#072041;
margin-bottom:25px;
}

/* GENERIC CARD */

.card{
background:#fff;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
padding:20px;
}

/* TABLE STYLE */

.table{
width:100%;
border-collapse:collapse;
font-size:14px;
}

.table th{
background:#072041;
color:#fff;
padding:12px;
text-align:left;
}

.table td{
padding:12px;
border-bottom:1px solid #eee;
}

.table tr:nth-child(even){
background:#f3f6fb;
}

/* LEADER CARDS */

.leaders{
display:flex;
gap:25px;
margin-top:30px;
flex-wrap:wrap;
}

.leader-card{
background:#fff;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
padding:20px;
text-align:center;
width:240px;
}

.leader-card img{
width:180px;
height:180px;
object-fit:cover;
border-radius:8px;
margin-bottom:10px;
}

.leader-title{
color:#b91c1c;
font-weight:600;
margin-bottom:5px;
}

.leader-name{
color:#072041;
font-weight:600;
}

/* RESPONSIVE */

@media(max-width:992px){

.wrapper{
padding:25px 15px;
}

.leaders{
justify-content:center;
}

}

/* ================= CUSTOM SCROLLBAR ================= */

/* ===== CHROME / EDGE / SAFARI ===== */

/* width of scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

/* scrollbar track (background) */
::-webkit-scrollbar-track {
    background: #f4f7fb;
    border-radius: 10px;
}

/* scrollbar handle */
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0f3c75, #072041);
    border-radius: 10px;
    border: 2px solid #f4f7fb;
    transition: all 0.3s ease;
}


/* when clicking */
::-webkit-scrollbar-thumb:active {
    background: #04152d;
}

/* ===== FIREFOX ===== */

html {
    scrollbar-width: thin;
    scrollbar-color: #0f3c75 #f4f7fb;
}