/* Generated from page: about */
.themify_builder_content-26 .tb_uxts406.module_row{padding-top:10px; padding-bottom:10px; background-color:rgba(7, 101, 217, 1);}
.themify_builder_content-26 .tb_by54407.module-menu .nav li{font-size:13px; font-weight:400;font-family:"Poppins";}
.themify_builder_content-26 .tb_by54407.module-menu .nav li a:hover{color:rgba(62, 20, 179, 1);}
.themify_builder_content-26 .tb_by54407.module-menu .nav li a{color:rgba(255, 255, 255, 1);}
.themify_builder_content-26 .tb_by54407.module-menu .nav > li > a:hover{border-radius:5px; background-color:rgba(255, 255, 255, 1);}
.themify_builder_content-26 .tb_9yws721.module_row{background-image:linear-gradient(180deg,rgb(162, 192, 239) 0%,rgb(255, 255, 255) 100%); text-align:center; padding-top:7%; padding-bottom:6%; background-color:rgba(3, 71, 98, 1);}
.themify_builder_content-26 .tb_6se8722.module-text.module .tb_text_wrap h1{color:rgba(0, 0, 0, 1);-webkit-background-clip:border-box;background-clip:border-box;background-image:none;}
.themify_builder_content-26 .tb_6se8722.module-text.module h1{font-size:80px; line-height:60px;}
.themify_builder_content-26 .tb_6se8722.module-text.module .tb_text_wrap h3:not(.module-title){color:rgba(255, 255, 255, 1.00);-webkit-background-clip:border-box;background-clip:border-box;background-image:none;}
.themify_builder_content-26 .tb_6se8722.module-text.module h3{font-size:30px; line-height:70px;}

@media screen and (max-width: 680px) {
.themify_builder_content-26 .tb_6se8722.module-text.module h1{font-size:60px;}
.themify_builder_content-26 .tb_6se8722.module-text.module h3{font-size:23px;}
}/* Builder Custom CSS START */
.mpc-tabs-section{
font-family:\'Segoe UI\',sans-serif;
max-width:1200px;
margin:auto;
padding:40px 20px;
}

/* ---------------- TABS ---------------- */

.mpc-tabs{
display:flex;
flex-wrap:wrap;
border-radius:12px 12px 0 0;
overflow:hidden;
background:#f1f3f8;
border:1px solid #e1e4ec;
}

.mpc-tab-btn{
flex:1;
padding:16px;
text-align:center;
color:#444;
cursor:pointer;
font-weight:600;
transition:0.3s;
background:#f1f3f8;
border-right:1px solid #e1e4ec;
}

.mpc-tab-btn:last-child{border-right:none;}

.mpc-tab-btn:hover{background:#e7ebf5;}

.mpc-tab-btn.active{
background:linear-gradient(90deg,#1b2a78,#4c6ef5);
color:#fff;
font-weight:700;
}

/* ---------------- CONTENT ---------------- */

.mpc-tab-content{
display:none;
background:#fff;
padding:20px;
border-radius:0 0 12px 12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.mpc-tab-content.active{display:block;}


/* -------------------------------------------------
TAB 1 – ABOUT (MODERN FEATURE CARDS)
-------------------------------------------------*/

.about-header{
text-align:center;
margin-bottom:40px;
}

.about-header h2{
color:#1b2a78;
margin-bottom:10px;
}

.about-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:35px;
}

.about-card{
background:#ffffff;
border-radius:12px;
padding:25px;
box-shadow:0 5px 20px rgba(0,0,0,0.07);
transition:0.3s;
border-top:4px solid #ef0077;
}

.about-card:hover{
transform:translateY(-6px);
}

.about-card h4{
color:#1b2a78;
margin-bottom:10px;
}


/* -------------------------------------------------
TAB 2 – LEADERSHIP (PROFILE CARDS)
-------------------------------------------------*/

.leadership-grid{
display:flex;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
}

.leader-card{
background:#fff;
border-radius:14px;
text-align:center;
padding:30px 25px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:.3s;
}

.leader-card:hover{
transform:translateY(-8px);
}

.leader-card img{
width:120px;
border-radius:50%;
margin-bottom:15px;
border: solid 1px #ccc;
padding: 3px;
}

.leader-card h3{
font-size:16px;
margin-bottom:5px;
color:#1b2a78;
}

.leader-role{
color:#ef0077;
font-weight:600;
margin-bottom:10px;
}

.read-btn{
background:#1b2a78;
color:#fff;
padding:8px 16px;
border:none;
border-radius:6px;
cursor:pointer;
margin-top:10px;
}

.read-btn:hover{
background:#ef0077;
}


/* -------------------------------------------------
TAB 3 – COMMITTEE (LIST CARDS)
-------------------------------------------------*/

.committee-wrapper{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.committee-card{
background:#f8f9ff;
padding:25px;
border-radius:10px;
border-left:5px solid #1b2a78;
}

.committee-card h4{
margin-bottom:10px;
color:#1b2a78;
}

.committee-list li{
margin-bottom:8px;
}


/* -------------------------------------------------
TAB 4 – EMPTY / NOTICE DESIGN
-------------------------------------------------*/

.notice-box{
text-align:center;
padding:80px 20px;
background:#f8f9ff;
border-radius:12px;
}

.notice-box h3{
color:#1b2a78;
margin-bottom:10px;
}

.notice-box p{
color:#666;
}


/* -------------------------------------------------
TAB 5 – STRATEGIC AREAS (TIMELINE STYLE)
-------------------------------------------------*/

.strategy-section h3{
color:#1b2a78;
margin-top:25px;
}

.strategy-box{
background:#f6f8ff;
padding:20px;
border-left:5px solid #ef0077;
border-radius:6px;
margin:15px 0;
}

.strategy-list{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:15px;
margin-top:15px;
}

.strategy-item{
background:#fff;
padding:15px;
border-radius:8px;
box-shadow:0 3px 10px rgba(0,0,0,0.05);
}
/* Builder Custom CSS END */