/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */


/*!
 * Online Application Link & Details
 */
:root{

--bc-blue:#003B7A;
--bc-light:#0057B8;
--bc-gold:#FFC72C;
--bc-white:#fff;

}

.bc-values-bar{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
background: linear-gradient(90deg,#072f67,#0a4d97);
gap:25px;
overflow: hidden;
color: #ffffff;
border-radius: 0px 0px 18px 18px;
box-shadow: 0 15px 30px rgba(0, 40, 120, .20);

}

.bc-value-card{

display:flex;
align-items:center;

padding:30px;

background:linear-gradient(135deg,var(--bc-blue),var(--bc-light));

border-radius:18px;

box-shadow:0 15px 35px rgba(0,50,120,.18);

transition:.4s;

position:relative;

overflow:hidden;

}

.bc-value-card::before{

content:"";

position:absolute;

right:-40px;
top:-40px;

width:140px;
height:140px;

background:rgba(255,255,255,.05);

border-radius:50%;

}

.bc-value-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 45px rgba(0,50,120,.28);

}

.bc-icon{

width:90px;
height:90px;

background:rgba(255,255,255,.12);

border-radius:50%;

display:flex;

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

margin-right:25px;

flex-shrink:0;

}

.bc-icon i{

font-size:42px;

color:var(--bc-gold);

transition:.4s;

}

.bc-value-card:hover .bc-icon i{

transform:rotate(-10deg) scale(1.15);

}

.bc-content{

color:#fff;

}

.bc-badge{

display:inline-block;

padding:6px 14px;

background:#28a745;

border-radius:20px;

font-size:12px;

font-weight:700;

text-transform:uppercase;

margin-bottom:2px;

}

.bc-badge.gold{

background:var(--bc-gold);

color:#222;

}

.bc-content h3{

margin:0 0 12px;

font-size:24px;

}

.bc-content p{

color:#d9e7ff;

line-height:1.7;

margin-bottom:22px;

}

.bc-buttons{

display:flex;

gap:12px;

flex-wrap:wrap;

}

.bc-btn-outline-headline{

padding:12px 22px;

border:2px solid rgba(255,255,255,.4);

border-radius:40px;

color:#000;

text-decoration:none;

transition:.3s;

}

.bc-btn-outline-headline:hover{

background:#fff;

color:var(--bc-blue);

}

.bc-btn-primary{

padding:12px 22px;

background:var(--bc-gold);

color:#222;

font-weight:700;

border-radius:40px;

text-decoration:none;

transition:.3s;

}

.bc-btn-primary:hover{

background:#ffb400;

transform:translateY(-2px);

}

@media(max-width:768px){

.bc-value-card{

flex-direction:column;

text-align:center;

}

.bc-icon{

margin:0 0 20px;

}

.bc-buttons{

justify-content:center;

}

}

.bc-accordion{

max-height:0;

overflow:auto;

transition:.5s ease;

margin-top:20px;

background:#f7fbff;

border-radius:12px;

/**
 max-height:0;

    overflow:hidden;

    padding:0 25px;

    background:#ffffff;

    border-top:0;

    transition:
        max-height .6s ease,
        padding .4s ease,
        border-top .3s ease;
**/
}

.bc-accordion.show{

max-height:1000px;
/* 
max-height:0;

overflow:hidden;
 */
padding:25px;

border-top:4px solid #FFC72C;

}

.bc-detail{

padding:15px 0;

border-bottom:1px solid #dde8f4;

}

.bc-detail:last-child{

border-bottom:none;

}

.bc-detail h4{

color:#003B7A;

margin-bottom:8px;

font-size:18px;

}

.bc-detail h4 i{

color:#FFC72C;

margin-right:8px;

}

.bc-detail p,
.bc-detail li{

line-height:1.8;

color:#555;

}

.bc-bottom{

margin-top:25px;

text-align:center;

}

.bc-download{

display:inline-block;

padding:14px 30px;

background:#003B7A;

color:#fff;

border-radius:40px;

text-decoration:none;

transition:.3s;

}

.bc-download:hover{

background:#0055aa;

}

.bc-expand .arrow{

margin-left:8px;

transition:.3s;

}

.bc-expand.active .arrow{

transform:rotate(180deg);

}



/*!
 * News Style
 */

.bc-news-section{

    padding:0px 0px;
    //background:#f4f6fb;

}

.bc-heading{

    text-align:center;
    margin-bottom:20px;
    margin-top:20px;

}

.bc-heading span{

    color:#FDB913;
    font-weight:700;
    letter-spacing:2px;

}

.bc-heading h2{

    color:#003B7A;
    font-size:42px;
    margin:10px 0;

}

.bc-heading p{

    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;

}

/* ONE MAIN CARD */
.bc-news-wrapper{

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

    background:#fff;
    border-radius:18px;
    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

/* COLUMNS */
.bc-news-column{

    display:flex;
    flex-direction:column;

    border-right:1px solid #ececec;

}

.bc-news-column:last-child{
    border-right:none;
}

/* IMAGE */
.bc-news-image{
    position:relative;
}

.bc-news-image img{
    width:100%;
    height:240px;
    object-fit:cover;
}

/* DATE BOX */
.bc-date{

    position:absolute;
    top:20px;
    left:20px;

    width:65px;
    height:70px;

    background:#FDB913;
    color:#003B7A;

    border-radius:10px;
    text-align:center;
    font-weight:bold;

}

.bc-date span{
    display:block;
    margin-top:8px;
    font-size:28px;
}

.bc-date small{
    font-size:13px;
}

/* CONTENT */
.bc-news-content{

    padding:30px;
    display:flex;
    flex-direction:column;
    flex:1;

}

.bc-category{

    display:inline-block;
    align-self:flex-start;

    background:#003B7A;
    color:#fff;

    padding:6px 15px;
    border-radius:30px;

    font-size:12px;
    margin-bottom:18px;

}

.bc-news-content h3{

    color:#003B7A;
    font-size:22px;
    margin-bottom:15px;
    line-height:1.4;

}

.bc-news-content p{

    color:#666;
    line-height:1.7;
    flex:1;

}

.bc-news-content a{

    margin-top:20px;
    color:#FDB913;
    font-weight:700;
    text-decoration:none;

}

.bc-news-content a:hover{
    color:#003B7A;
}

/* RESPONSIVE */
@media(max-width:991px){

.bc-news-wrapper{
    grid-template-columns:1fr;
}

.bc-news-column{
    border-right:none;
    border-bottom:1px solid #ececec;
}

.bc-news-column:last-child{
    border-bottom:none;
}

}
.bc-more-news{

    text-align:center;
    margin-top:35px;

}

.bc-more-news a{

    display:inline-block;

    padding:14px 40px;

    background:#003B7A;
    color:#fff;

    font-weight:600;

    border-radius:50px;

    text-decoration:none;

    transition:.3s;

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

}

.bc-more-news a:hover{

    background:#FDB913;
    color:#003B7A;

    transform:translateY(-3px);

}


/*!
 * PBC Welcome Note
 */
.principal-section{
    display:flex;
    flex-wrap:wrap;
    max-width:1300px;
    margin:20px auto;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.principal-photo{
    flex:1;
    min-width:320px;
    background:#003F87;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:50px;
}

.principal-photo img{
    width:320px;
    height:420px;
    object-fit:cover;
    border-radius:20px;
    border:8px solid #F4B400;
    box-shadow:0 15px 35px rgba(0,0,0,.3);
}

.principal-content{
    flex:2;
    padding:60px;
}

.section-title{
    background:#F4B400;
    color:#222;
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
}

.principal-content h2{
    color:#003F87;
    font-size:42px;
    margin:20px 0;
}

.intro{
    font-size:20px;
    color:#003F87;
    font-weight:bold;
}

.principal-content p{
    color:#555;
    line-height:1.9;
    font-size:17px;
}

blockquote{
    margin:35px 0;
    padding:25px;
    background:#f7f9fc;
    border-left:6px solid #F4B400;
    font-size:18px;
    color:#003F87;
    font-style:italic;
}

.signature{
    margin-top:35px;
}

.signature h3{
    margin-bottom:5px;
    color:#003F87;
}

.signature span{
    color:#888;
}

.principal-btn{
    display:inline-block;
    margin-top:30px;
    padding:15px 35px;
    background:#003F87;
    color:#fff;
    text-decoration:none;
    border-radius:40px;
    transition:.3s;
}

.principal-btn:hover{
    background:#F4B400;
    color:#222;
}

@media(max-width:900px){

.principal-section{
    flex-direction:column;
}

.principal-content{
    padding:35px;
}

.principal-content h2{
    font-size:32px;
}

.principal-photo img{
    width:260px;
    height:340px;
}

}


/*!
 * Why Choose Bandari College Dar es Salaam
 */
.welcome-card{
    display:flex;
    flex-wrap:wrap;
    gap:40px;
    align-items:center;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    margin:40px auto;
    max-width:1200px;
}

.welcome-left{
    flex:2;
    padding:60px;
}

.welcome-right{
    flex:1;
    background:linear-gradient(135deg,#003F87,#005cb9);
    color:#fff;
    padding:60px 40px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.welcome-tag{
    display:inline-block;
    background:#F4B400;
    color:#222;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:20px;
}

.welcome-left h2{
    color:#003F87;
    font-size:42px;
    margin-bottom:20px;
    font-weight:700;
}

.welcome-left p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}

.welcome-buttons{
    margin-top:35px;
}

.welcome-buttons a{
    text-decoration:none;
    display:inline-block;
    padding:14px 28px;
    border-radius:40px;
    font-weight:600;
    margin-right:15px;
    transition:.3s;
}

.btn-primary{
    background:#003F87;
    color:#fff;
}

.btn-primary:hover{
    background:#002d61;
    transform:translateY(-3px);
}

.btn-secondary{
    background:#F4B400;
    color:#222;
}

.btn-secondary:hover{
    background:#e0a400;
    transform:translateY(-3px);
}

.quote-box{
    text-align:center;
}

.quote-icon{
    font-size:70px;
    color:#F4B400;
    line-height:1;
    margin-bottom:20px;
}

.quote-box h3{
    color:#F4B400;
    margin:20px 0 10px;
    font-size:24px;
}

.quote-box p{
    line-height:1.8;
    opacity:.95;
}

.divider{
    width:70px;
    height:3px;
    background:#F4B400;
    margin:30px auto;
}

@media(max-width:900px){

.welcome-card{
    flex-direction:column;
}

.welcome-left,
.welcome-right{
    padding:40px 30px;
}

.welcome-left h2{
    font-size:32px;
}
}


/*!
 * Footer BC Map Location
*/
.bc-contact-card{
    background:#111;
    padding:20px;
    border-top:3px solid #F4B400;
    border-radius:8px;
    color:#ddd;
    height:100%;
}

.bc-title{
    color:#fff;
    font-size:22px;
    margin-bottom:18px;
    font-weight:700;
}

.bc-title i{
    color:#F4B400;
    margin-right:8px;
}

.bc-contact-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
    line-height:1.45;
    font-size:14px;
}

.bc-contact-item i{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:50%;
    background:#F4B400;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}

.bc-contact-item strong{
    color:#fff;
}

.bc-contact-item a{
    color:#F4B400;
    text-decoration:none;
}

.bc-contact-item a:hover{
    color:#fff;
}

.bc-social{
    margin-top:18px;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.bc-social a{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
    font-size:15px;
}

.facebook{background:#1877F2;}
.instagram{background:#E4405F;}
.linkedin{background:#0077B5;}
.youtube{background:#FF0000;}
.twitter{background:#333;}

.bc-social a:hover{
    transform:translateY(-3px);
    opacity:.9;
}
.bc-map-card{

    background:#111;

    padding:20px;

    border-top:3px solid #F4B400;

    border-radius:8px;

    color:#ddd;

    height:100%;

    width:100%;

}

.bc-map-title{

    color:#fff;

    font-size:22px;

    margin-bottom:18px;

    font-weight:700;

}

.bc-map-title i{

    color:#F4B400;

    margin-right:8px;

}

.bc-map{

    overflow:hidden;

    border-radius:8px;

    margin-bottom:15px;

}

.bc-map iframe{

    width:100%;

    height:220px;

    border:0;

}

.bc-map-info{

    display:flex;

    align-items:flex-start;

    gap:12px;

    font-size:14px;

    margin-bottom:18px;

    line-height:1.5;

}

.bc-map-info i{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#F4B400;

    color:#111;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    flex-shrink:0;

}

.bc-map-info strong{

    color:#fff;

}

.bc-direction{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:#F4B400;

    color:#111;

    text-decoration:none;

    padding:10px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.bc-direction:hover{

    background:#fff;

    color:#003F87;

}
.bc-links-card{
    background:#111;
    padding:20px;
    border-top:3px solid #F4B400;
    border-radius:10px;
    color:#ddd;
    height:100%;
    transition: all .3s ease;
    position:relative;
    overflow:hidden;
}

/* hover lift like map card */
.bc-links-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.5);
}

.bc-links-title{
    color:#fff;
    font-size:20px;
    margin-bottom:16px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:8px;
}

.bc-links-title i{
    color:#F4B400;
    font-size:18px;
    transition:.3s;
}

.bc-links-card:hover .bc-links-title i{
    transform: rotate(10deg);
}

/* list reset */
.bc-links-list{
    list-style:none;
    padding:0;
    margin:0;
}

/* list items */
.bc-links-list li{
    margin-bottom:10px;
}

/* link style */
.bc-links-list a{
    position:relative;
    display:inline-block;
    padding-left:20px;
    color:#ddd;
    text-decoration:none;
    font-size:14px;
    transition: all .3s ease;
}

/* arrow */
.bc-links-list a::before{
    content:"➜";
    position:absolute;
    left:0;
    top:0;
    color:#F4B400;
    transition: all .3s ease;
}

/* hover effect */
.bc-links-list a:hover{
    color:#F4B400;
    padding-left:28px;
}

.bc-links-list a:hover::before{
    left:6px;
    color:#fff;
}


/*!
 * PBC Welcome Note (Front Page (Minimized) Version)
*/
.principal-card{
    max-width:100%;
    margin:auto;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    text-align:center;
}

/* Language */

.lang-switch{
    display:flex;
    justify-content:flex-end;
    padding:12px 15px;
    gap:8px;
    background:#f7f7f7;
}

.lang-btn{
    border:none;
    background:#e5e5e5;
    padding:6px 14px;
    border-radius:20px;
    cursor:pointer;
    font-size:12px;
    font-weight:700;
    transition:.3s;
}

.lang-btn.active{
    background:#003F87;
    color:#fff;
}

/* Photo */

.principal-photo{
    background:#003F87;
    padding:30px 20px;
}

.principal-photo img{
    width:180px;
    height:220px;
    object-fit:cover;
    border-radius:16px;
    border:5px solid #F4B400;
}

/* Content */

.principal-content{
    padding:25px;
}

.tag{
    display:inline-block;
    background:#F4B400;
    color:#222;
    padding:6px 14px;
    border-radius:25px;
    font-size:12px;
    font-weight:700;
}

.tag i{
    margin-right:6px;
}

.principal-content h3{
    margin:18px 0 12px;
    color:#003F87;
    font-size:26px;
}

.principal-content p{
    color:#555;
    line-height:1.8;
    font-size:15px;
}

.principal-name{
    margin:20px 0;
}

.principal-name strong{
    color:#003F87;
    font-size:18px;
}

.principal-name span{
    color:#777;
}

.principal-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#003F87;
    color:#fff;
    text-decoration:none;
    padding:12px 22px;
    border-radius:30px;
    transition:.3s;
}

.principal-btn:hover{
    background:#F4B400;
    color:#222;
}

.principal-btn i{
    transition:.3s;
}

.principal-btn:hover i{
    transform:translateX(5px);
}


.bc-announcements{

max-width:1300px;
margin:auto;
padding:0px 25px;
font-family:Segoe UI,Arial,sans-serif;

}

.bc-title{

text-align:center;
margin-bottom:50px;

}

.bc-title span{

color:#FDB913;
font-weight:700;
letter-spacing:2px;

}

<!--
.bc-title h2{

font-size:42px;
color:#003C8F;
margin:10px 0;

}


.bc-title p{

max-width:650px;
margin:auto;
color:#666;
line-height:1.8;

}
-->

.bc-announcement-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:10px;

}

.announcement{

display:flex;
padding:30px;
border-radius:18px;
background:#fff;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;
position:relative;
overflow:hidden;

}

.announcement:hover{

transform:translateY(-10px);

box-shadow:0 30px 60px rgba(0,0,0,.15);

}

/* Split Button Style*/
.split-button{
    display:inline-flex;
    border-radius:50px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
    font-family:Arial, sans-serif;
}

.split-button a{
    text-decoration:none;
    padding:4px 8px;
    color:#fff;
    background:#0b5ed7;
    font-weight:600;
    transition:.3s;
}

.split-button .left-btn{
    border-right:2px solid rgba(255,255,255,.4);
}

.split-button a:hover{
    background:#084298;
}

.icon{

width:70px;
height:70px;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
margin-right:20px;
background:#003C8F;
color:#fff;
flex-shrink:0;

}

.content h3{

margin:10px 0;
color:#003C8F;

}

.content p{

color:#666;
line-height:1.8;

}

.badge{

padding:6px 15px;
border-radius:40px;
font-size:12px;
font-weight:700;
color:#fff;

}

.red{

background:#E53935;

}

.orange{

background:#FB8C00;

}

.green{

background:#43A047;

}

.blue{

background:#1976D2;

}

.meta{

margin:15px 0;
display:flex;
flex-wrap:wrap;
gap:15px;
font-size:14px;
color:#777;

}

.content a{

display:inline-block;
margin-top:10px;
padding:8px 12px;
background:#FDB913;
color:#003C8F;
font-weight:700;
border-radius:50px;
text-decoration:none;
transition:.3s;

}

.content a:hover{

background:#003C8F;
color:#fff;

}

.view-all{

text-align:center;
margin-top:20px;

}

.view-all a{

display:inline-block;
padding:18px 45px;
background:#003C8F;
color:#fff;
text-decoration:none;
font-weight:700;
border-radius:60px;
transition:.3s;

}

.view-all a:hover{

background:#FDB913;
color:#003C8F;

}

@media(max-width:768px){

.announcement{

flex-direction:column;
text-align:center;

}

.icon{

margin:auto auto 20px;

}

.meta{

justify-content:center;

}

}
/*=========================================
 BANDARI COLLEGE PREMIUM TABS
==========================================*/

.bandari-tabs{

    margin:0px auto;

    background:#ffffff;

    border-radius:18px;

    box-shadow:0 15px 45px rgba(0,0,0,.10);

    overflow:hidden;

}

/* Navigation */

.bandari-tabs .nav-tabs{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    padding:20px;

    gap:18px;

    border:none;

    background:linear-gradient(135deg,#003E7E,#005DAA);

}

/* Remove Bootstrap borders */

.bandari-tabs .nav-tabs>li{

    float:none;

    margin:0;

}

/* Button */

.bandari-tabs .nav-tabs>li>a{

    border:none;

    border-radius:60px;

    padding:16px 32px;

    font-size:16px;

    font-weight:700;

    color:#ffffff;

    background:rgba(255,255,255,.10);

    transition:.35s;

    letter-spacing:.3px;

}

/* Hover */

.bandari-tabs .nav-tabs>li>a:hover{

    background:#ffffff;

    color:#005DAA;

    transform:translateY(-3px);

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

}

/* Active */

.bandari-tabs .nav-tabs>li.active>a,

.bandari-tabs .nav-tabs>li.active>a:hover,

.bandari-tabs .nav-tabs>li.active>a:focus{

    background:linear-gradient(135deg,#FFD200,#F4B400);

    color:#003E7E;

    box-shadow:0 12px 30px rgba(0,0,0,.25);

}

/* Icons */

.bandari-tabs i{

    margin-right:8px;

}

/* Content */

.bandari-tabs .tab-content{

    padding:15px;

    background:#f8fbff;

    min-height:200px;

}

/* Pane Animation */

.tab-pane{

    animation:fadeSlide .5s;

}

@keyframes fadeSlide{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* NEW Badge */

.new-badge{

    display:inline-block;

    margin-left:8px;

    padding:3px 8px;

    border-radius:30px;

    background:#ff3b30;

    color:#fff;

    font-size:10px;

    font-weight:700;

    animation:blink 1.2s infinite;

}

@keyframes blink{

    50%{

        opacity:.35;

    }

}

/* Mobile */

@media(max-width:768px){

.bandari-tabs .nav-tabs{

flex-direction:column;

}

.bandari-tabs .nav-tabs>li{

width:100%;

}

.bandari-tabs .nav-tabs>li>a{

display:block;

text-align:center;

}

}

/* ======================================================
   BANDARI COLLEGE UPCOMING EVENTS
====================================================== */

.bc-events{
    max-width:1300px;
    margin:5px auto;
    padding:20px;
}

.bc-events-heading{
    text-align:center;
    margin-bottom:30px;
}

.bc-events-heading span{
    color:#0094d9;
    font-weight:700;
    letter-spacing:3px;
    font-size:13px;
}

.bc-events-heading h2{
    margin:2px 0;
    font-size:42px;
    color:#04264d;
}

.bc-events-heading p{
    color:#666;
    max-width:650px;
    margin:auto;
}

.bc-events-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:25px;
}

.bc-event-card{
    display:flex;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.bc-event-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.15);
}

.bc-event-date{
    width:95px;
    background:#04264d;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.bc-event-date span{
    font-size:14px;
    letter-spacing:2px;
}

.bc-event-date strong{
    font-size:38px;
    line-height:1;
}

.bc-event-info{
    padding:25px;
    flex:1;
}

.bc-event-info h3{
    margin:0 0 15px;
    color:#04264d;
}

.bc-event-meta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    font-size:14px;
    color:#777;
    margin-bottom:15px;
}

.bc-event-meta i{
    color:#0094d9;
}

.bc-event-info p{
    color:#666;
    line-height:1.7;
    margin-bottom:20px;
}

.bc-event-info a{
    text-decoration:none;
    color:#0094d9;
    font-weight:700;
}

.bc-event-info a:hover{
    color:#04264d;
}

.bc-events-button{
    text-align:center;
    margin-top:45px;
}

.bc-events-button a{
    display:inline-block;
    background:#0094d9;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}

.bc-events-button a:hover{
    background:#04264d;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/*!
 * Quick Links, Documents, Downloads & Visitors Counter 
*/
.bc-quicklinks-card{
    //background:linear-gradient(135deg,#003F87,#0059b3);
    background:linear-gradient(135deg,#FFFFFF,#FFFFFF);
    border-top:5px solid #F4B400;
    border-radius:14px;
    padding:25px;
    box-shadow:0 10px 25px rgba(0,63,135,.25);
    transition:.35s;
    height:100%;
}

.bc-quicklinks-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 35px rgba(0,63,135,.35);
}

.bc-quicklinks-title{
    color:#012b99;
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    gap:10px;
}

.bc-quicklinks-title i{
    color:#F4B400;
}

.bc-quicklinks-list{
    list-style:none;
    margin:0;
    padding:0;
}

.bc-quicklinks-list li{
    margin-bottom:12px;
}

.bc-quicklinks-list li:last-child{
    margin-bottom:0;
}

.bc-quicklinks-list a{
    display:flex;
    /* justify-content:space-between; */
    /* align-items:left; */
    text-align: left;
    padding:13px 16px;
    background:#012B99;
    border:1px solid rgba(255,255,255,.15);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.bc-quicklinks-list a:hover{
    background:#F4B400;
    color:#003F87;
    transform:translateX(5px);
}

.bc-quicklinks-list a > i{
    width:22px;
    color:#F4B400;
    margin-right:10px;
}

.bc-quicklinks-list a:hover > i{
    color:#003F87;
}

.bc-quicklinks-list span{
    color:#F4B400;
    transition:.3s;
}

.bc-quicklinks-list a:hover span{
    color:#003F87;
    transform:translateX(5px);
}

@media(max-width:768px){

    .bc-quicklinks-card{
        padding:20px;
    }

    .bc-quicklinks-title{
        font-size:20px;
    }

}


/*!
 * Our Partners Style
*/
/* ==========================================================
   Bandari College - Our Partners Section
   Joomla 6 + Helix Ultimate
   ========================================================== */


/* ===========================
   Main Card
   =========================== */

.bc-partners-card {
    position: relative;
    max-width: 100%;
    margin: 60px auto;
    padding: 70px 50px 40px;
    overflow: hidden;

    background: linear-gradient(to bottom, #ffffff, #fbfdff);

    border-radius: 0px 0px 0px 0px;

    box-shadow:
        0 15px 45px rgba(0, 0, 0, .08),
        0 30px 70px rgba(0, 0, 0, .10);
}


/* ===========================
   Decorative Anchor
   =========================== */

.bc-anchor-bg {

    position: absolute;

    top: 20px;
    left: -35px;

    font-size: 260px;

    color: rgba(10, 77, 146, .07);

    transform: rotate(-20deg);

    z-index: 0;
}


/* ===========================
   Decorative Dots
   =========================== */

.bc-dots {

    position: absolute;

    top: 0;
    right: 0;

    width: 230px;
    height: 180px;

    opacity: .7;

    background-image:
        radial-gradient(#b5c8e0 1.5px, transparent 1.5px);

    background-size: 13px 13px;
}


/* ===========================
   Header
   =========================== */

.bc-partners-header {

    position: relative;

    text-align: center;

    z-index: 2;
}

.bc-partners-header h5 {

    margin-bottom: 10px;

    color: #123f82;

    font-size: 16px;

    letter-spacing: 4px;
}

.bc-partners-header h1 {

    margin: 10px 0;

    color: #082d61;

    font-size: 58px;

    font-weight: 800;
}

.bc-partners-header p {

    max-width: 900px;

    margin: auto;

    color: #5b6673;

    font-size: 18px;

    line-height: 1.8;
}


/* ===========================
   Decorative Title
   =========================== */

.bc-title-decoration {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 18px;

    color: #123f82;
}

.bc-title-decoration span {

    width: 80px;

    height: 2px;

    background: #d5dfeb;
}

.bc-title-decoration i {

    font-size: 28px;
}


/* ===========================
   Gold Divider
   =========================== */

.bc-gold-divider {

    width: 70px;

    height: 5px;

    margin: 20px auto;

    background: #f4b52a;

    border-radius: 5px;
}

.bc-small-divider {

    width: 38px;

    height: 3px;

    margin: 18px auto;

    background: #f4b52a;

    border-radius: 3px;
}


/* ===========================
   Partners Grid
   =========================== */

.bc-partners-grid {

    display: grid;

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

    margin-top: 60px;

    margin-bottom: 55px;
}


/* ===========================
   Partner Column
   =========================== */

.bc-partner {

    padding: 25px;

    text-align: center;

    border-right: 1px solid #e6ebf1;

    transition: all .35s ease;
}

.bc-partner:last-child {

    border-right: none;
}

.bc-partner:hover {

    background: #fafcff;
}

.bc-partner img {

    height: 85px;

    margin-bottom: 18px;

    transition: transform .35s ease;
}

.bc-partner:hover img {

    transform: scale(1.08);
}

.bc-partner h3 {

    margin-bottom: 12px;

    color: #0b356c;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1.4;
}

.bc-partner p {

    color: #596675;

    font-size: 15px;

    line-height: 1.7;
}


/* ===========================
   Values Ribbon
   =========================== */

.bc-values-bar-partner {

    display: grid;

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

    overflow: hidden;

    color: #ffffff;

    background: linear-gradient(90deg,
            #072f67,
            #0a4d97);

    border-radius: 18px;

    box-shadow: 0 15px 30px rgba(0, 40, 120, .20);
}

.bc-values-bar-partner .bc-value-partner {

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 28px;

    border-right: 1px solid rgba(255, 255, 255, .20);
}

.bc-values-bar-partner .bc-value-partner:last-child {

    border-right: none;
}

.bc-value-partner i {

    min-width: 45px;

    color: #ffc530;

    font-size: 40px;
}

.bc-value-partner b {

    display: block;

    margin-bottom: 6px;

    font-size: 18px;
}

.bc-value-partner p {

    margin: 0;

    color: #d8e6ff;

    font-size: 14px;

    line-height: 1.6;
}


/* ===========================
   Footer
   =========================== */

.bc-partners-footer {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

    margin-top: 45px;

    color: #123f82;

    font-size: 24px;

    font-weight: 600;

    letter-spacing: 2px;
}

.bc-partners-footer span {

    width: 85px;

    height: 2px;

    background: #d7e1ed;
}

.bc-partners-footer i {

    font-size: 32px;
}


/* ===========================
   Responsive
   =========================== */

@media (max-width:1200px) {

    .bc-partners-grid {

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

    }

    .bc-values-bar-partner {

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

    }

}

@media (max-width:768px) {

    .bc-partners-grid {

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

    }

    .bc-partners-header h1 {

        font-size: 38px;

    }

    .bc-values-bar-partner {

        grid-template-columns: 1fr;

    }

    .bc-value-partner {

        border-bottom: 1px solid rgba(255,255,255,.15);

    }

}

@media (max-width:576px) {

    .bc-partners-grid {

        grid-template-columns: 1fr;

    }

    .bc-partners-card {

        padding: 40px 25px;

    }

    .bc-partners-header h1 {

        font-size: 30px;

    }

    .bc-partners-footer {

        font-size: 18px;

    }

}



/*!
 * BC Management Chart
*/
/*=================================================
 Bandari College Organizational Chart
=================================================*/

.bc-org-chart{

    max-width:1400px;

    margin:70px auto;

    padding:20px;

}

.bc-org-title{

    text-align:center;

    margin-bottom:60px;

}

.bc-org-title span{

    color:#00A0E3;

    letter-spacing:3px;

    font-size:13px;

    font-weight:700;

}

.bc-org-title h2{

    font-size:42px;

    color:#003B6D;

    margin:10px 0;

}

.bc-org-title p{

    max-width:700px;

    margin:auto;

    color:#666;

}

/* Levels */

.bc-org-level{

    display:flex;

    justify-content:center;

}

.bc-org-grid{

    display:grid;

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

    gap:30px;

    margin-top:30px;

}

.bc-org-grid-4{

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

}

/* Cards */

.bc-org-card{

    background:#fff;

    border-radius:22px;

    padding:30px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.bc-org-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:#00A0E3;

}

.bc-org-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.bc-org-primary::before{

    background:#003B6D;

}

.bc-org-gold::before{

    background:#E7A500;

}

.bc-org-card img{

    width:110px;

    height:110px;

    border-radius:50%;

    object-fit:cover;

    border:5px solid #f3f3f3;

    margin-bottom:20px;

}

.bc-org-card h3{

    color:#003B6D;

    margin:0;

}

.bc-org-card h4{

    color:#003B6D;

    margin:15px 0 0;

}

.bc-org-card small{

    display:block;

    color:#888;

    margin-top:8px;

    font-size:14px;

}

.bc-org-card i{

    font-size:45px;

    color:#00A0E3;

    margin-bottom:15px;

}

/* Connecting lines */

.bc-org-line{

    width:4px;

    height:45px;

    background:#d4d4d4;

    margin:15px auto;

}

/* Hover animation */

.bc-org-card:hover img{

    transform:scale(1.08);

}

.bc-org-card img{

    transition:.35s;

}

/* Responsive */

@media(max-width:991px){

.bc-org-grid{

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

}

.bc-org-grid-4{

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

}

}

@media(max-width:768px){

.bc-org-grid,

.bc-org-grid-4{

grid-template-columns:1fr;

}

.bc-org-card{

padding:25px;

}

.bc-org-title h2{

font-size:32px;

}

}


/*!
 * Bandari College History Style
*/
.bc-history-section{

    max-width:1400px;

    margin:80px auto;

    padding:20px;

}

.bc-history-header{

    text-align:center;

    margin-bottom:70px;

}

.bc-history-header span{

    color:#0099dd;

    font-weight:700;

    letter-spacing:3px;

    font-size:13px;

}

.bc-history-header h2{

    font-size:46px;

    color:#003B6D;

    margin:12px 0;

}

.bc-history-header p{

    max-width:760px;

    margin:auto;

    color:#666;

    line-height:1.8;

}

.bc-history-timeline{

    position:relative;

    padding:30px 0;

}

.bc-history-timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    background:#0099dd;

    transform:translateX(-50%);

}

.bc-history-item{

    width:50%;

    position:relative;

    margin-bottom:70px;

}

.bc-history-item.left{

    left:0;

    padding-right:60px;

}

.bc-history-item.right{

    left:50%;

    padding-left:60px;

}

.bc-history-year{

    position:absolute;

    top:30px;

    right:-35px;

    width:70px;

    height:70px;

    border-radius:50%;

    background:#003B6D;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:bold;

    z-index:2;

}

.bc-history-item.right .bc-history-year{

    left:-35px;

}

.bc-history-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.35s;

}

.bc-history-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.bc-history-card i{

    font-size:42px;

    color:#0099dd;

    margin-bottom:20px;

}

.bc-history-card h3{

    color:#003B6D;

    margin-bottom:15px;

}

.bc-history-card p{

    color:#666;

    line-height:1.8;

}

@media(max-width:991px){

.bc-history-timeline::before{

left:30px;

}

.bc-history-item{

width:100%;

padding-left:80px!important;

padding-right:0!important;

left:0!important;

}

.bc-history-year{

left:-30px!important;

right:auto;

}

}


/*!
 * Bandari College Fee Structure
*/
.bc-fee-wrapper{
    max-width:1400px;
    margin:0px auto;
    padding:20px;
}

.bc-fee-header{
    text-align:center;
    margin-bottom:50px;
}

.bc-fee-header span{
    color:#00A0E3;
    font-weight:700;
    letter-spacing:3px;
}

.bc-fee-header h2{
    font-size:44px;
    color:#003B6D;
    margin:15px 0;
}

.bc-fee-header p{
    max-width:750px;
    margin:auto;
    color:#666;
}

.bc-fee-tabs{
    display:flex;
    justify-content:center;
    gap:15px;
    margin-bottom:40px;
}

.bc-fee-btn{
    background:#fff;
    border:2px solid #00A0E3;
    color:#003B6D;
    padding:15px 35px;
    cursor:pointer;
    border-radius:40px;
    font-weight:700;
    transition:.3s;
}

.bc-fee-btn.active,
.bc-fee-btn:hover{
    background:#003B6D;
    color:#fff;
}

.bc-fee-content{
    display:none;
}

.bc-fee-content.active{
    display:block;
}

.bc-fee-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.bc-fee-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    position:relative;
    transition:.35s;
}

.bc-fee-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

.featured{
    border:3px solid #00A0E3;
}

.popular{
    position:absolute;
    top:-14px;
    right:25px;
    background:#f4b400;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:12px;
    font-weight:bold;
}

.bc-price{
    font-size:36px;
    color:#00A0E3;
    margin:20px 0;
    font-weight:bold;
}

.bc-fee-card ul{
    padding:0;
    margin:25px 0;
    list-style:none;
}

.bc-fee-card li{
    padding:10px 0;
    border-bottom:1px solid #eee;
}

.bc-fee-link{
    display:block;
    text-align:center;
    text-decoration:none;
    background:#003B6D;
    color:#fff;
    padding:14px;
    border-radius:35px;
    transition:.3s;
}

.bc-fee-link:hover{
    background:#00A0E3;
}

@media(max-width:768px){

.bc-fee-tabs{
    flex-direction:column;
    align-items:center;
}

.bc-fee-btn{
    width:260px;
}

}


/*!
 * Entry Requirements Style
*/
.bc-entry{
    max-width:1400px;
    margin:2px auto;
    padding:20px;
}

.bc-entry-header{
    text-align:center;
    margin-bottom:50px;
}

.bc-entry-header span{
    display:inline-block;
    color:#0095d9;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.bc-entry-header h2{
    font-size:42px;
    color:#003d66;
    margin:0;
    font-weight:800;
}

.bc-entry-header p{
    max-width:720px;
    margin:18px auto 0;
    color:#666;
    line-height:1.8;
    font-size:17px;
}

.bc-entry-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.bc-entry-card{
    position:relative;
    background:#fff;
    border-radius:20px;
    padding:35px;
    overflow:hidden;
    transition:.4s;
    border:1px solid #e6eef5;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.bc-entry-card:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;
    background:linear-gradient(90deg,#f0bb0d,#0b9fdf);
}

.bc-entry-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px rgba(0,0,0,.18);
}

.bc-entry-icon{
    width:80px;
    height:80px;
    background:linear-gradient(135deg,#0095d9,#003d66);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    margin-bottom:25px;
}

.bc-entry-card h3{
    color:#003d66;
    font-size:24px;
    margin-bottom:20px;
    font-weight:700;
}

.bc-entry-card ul{
    padding:0;
    margin:0;
    list-style:none;
}

.bc-entry-card ul li{
    position:relative;
    padding-left:30px;
    margin-bottom:18px;
    line-height:1.7;
    color:#555;
}

.bc-entry-card ul li:before{
    content:"✔";
    position:absolute;
    left:0;
    color:#0095d9;
    font-weight:bold;
}

.bc-entry-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
    padding:12px 24px;
    background:#003d66;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    font-weight:600;
}

.bc-entry-btn:hover{
    background:#0095d9;
    color:#fff;
    text-decoration:none;
}

.bc-entry-btn i{
    transition:.3s;
}

.bc-entry-btn:hover i{
    transform:translateX(5px);
}

@media(max-width:768px){

    .bc-entry-header h2{
        font-size:32px;
    }

    .bc-entry-card{
        padding:28px;
    }

}



/*!
 * How to Apply to BC Programs Style
*/
.bc-apply-section{
    max-width:1400px;
    margin:80px auto;
    padding:20px;
}

.bc-apply-header{
    text-align:center;
    margin-bottom:60px;
}

.bc-apply-header span{
    color:#0095d9;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.bc-apply-header h2{
    font-size:42px;
    color:#003d66;
    margin:15px 0;
    font-weight:800;
}

.bc-apply-header p{
    max-width:720px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.bc-apply-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(450px,1fr));
    gap:40px;
}

.bc-apply-card{
    background:#fff;
    border-radius:25px;
    padding:40px;
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
    transition:.4s;
}

.bc-apply-card:hover{
    transform:translateY(-10px);
    box-shadow:0 35px 70px rgba(0,0,0,.15);
}

.bc-apply-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:6px;
    background:linear-gradient(90deg,#f0bb0d,#0b9fdf);
}

.bc-card-title{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:35px;
}

.bc-card-title i{
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#0095d9,#003d66);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
}

.bc-card-title h3{
    margin:0;
    color:#003d66;
    font-size:28px;
}

.bc-step{
    display:flex;
    position:relative;
    margin-bottom:30px;
}

.bc-step:not(:last-of-type)::after{
    content:"";
    position:absolute;
    left:24px;
    top:55px;
    width:3px;
    height:55px;
    background:#d6e8f5;
}

.bc-number{
    width:50px;
    height:50px;
    background:#0095d9;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:bold;
    font-size:18px;
    flex-shrink:0;
    margin-right:20px;
}

.bc-content h4{
    margin:0 0 8px;
    color:#003d66;
}

.bc-content p{
    margin:0;
    color:#666;
    line-height:1.7;
}

.bc-apply-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:20px;
    background:#003d66;
    color:#fff;
    padding:15px 28px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    font-weight:600;
}

.bc-apply-btn:hover{
    background:#0095d9;
    color:#fff;
    text-decoration:none;
}

.bc-apply-btn i{
    transition:.3s;
}

.bc-apply-btn:hover i{
    transform:translateX(5px);
}

@media(max-width:991px){

    .bc-apply-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .bc-apply-card{
        padding:30px;
    }

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

    .bc-apply-header h2{
        font-size:32px;
    }

}



/*!
 * Programme Page Style
*/
:root{--bc-blue:#002147;--bc-yellow:#ffc107;--bc-blue-light:#004b8d;--bc-gray:#f8fbff;}

/* HERO */
.bc-hero-v2{position:relative;background:var(--bc-blue);overflow:hidden;}
.bc-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#002147 0%,#004b8d 50%,#002147 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.bc-hero-v2 .container{position:relative;z-index:2;}
.min-vh-75{min-height:75vh;display:flex;align-items:center;padding:80px 0;}
.bc-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,193,7,.15);border:1px solid var(--bc-yellow);color:var(--bc-yellow);padding:8px 18px;border-radius:50px;font-weight:600;margin-bottom:20px;}
.bc-hero-title{font-size:58px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px;}
.bc-hero-title span{color:var(--bc-yellow);}
.bc-hero-desc{font-size:18px;color:rgba(255,255,.9);max-width:540px;margin-bottom:30px;line-height:1.7;}
.bc-hero-stats{display:flex;gap:40px;margin-bottom:35px;}
.bc-mini-stat{color:#fff;}
.bc-mini-stat strong{display:block;font-size:32px;color:var(--bc-yellow);line-height:1;}
.bc-mini-stat span{font-size:14px;opacity:.8;}
.bc-hero-actions{display:flex;gap:15px;flex-wrap:wrap;}
.bc-btn-gold{background:var(--bc-yellow);color:var(--bc-blue);padding:16px 32px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.3s;border:none;}
.bc-btn-gold:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,193,7,.3);color:var(--bc-blue);}
.bc-btn-ghost{border:2px solid #fff;color:#fff;padding:14px 30px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.3s;}
.bc-btn-ghost:hover{background:#fff;color:var(--bc-blue);}
.bc-btn-gold-sm{background:var(--bc-yellow);color:var(--bc-blue);padding:10px 20px;border-radius:6px;font-weight:700;text-decoration:none;font-size:14px;}
.bc-btn-outline-sm{border:2px solid var(--bc-blue);color:var(--bc-blue);padding:8px 18px;border-radius:6px;font-weight:600;text-decoration:none;font-size:14px;background:transparent;cursor:pointer;}
.bc-btn-outline-sm:hover{background:var(--bc-blue);color:#fff;}
.bc-btn-white{background:#fff;color:var(--bc-blue);padding:16px 32px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;}
.bc-btn-lg{padding:18px 40px;font-size:18px;}
.bc-hero-form-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 30px 60px rgba(0,0,0,.3);}
.bc-form-header{text-align:center;margin-bottom:30px;}
.bc-form-header i{font-size:40px;color:var(--bc-blue);margin-bottom:10px;}
.bc-form-header h3{color:var(--bc-blue);font-weight:800;margin-bottom:5px;}
.bc-form-header p{color:#666;margin:0;}
.bc-form-group{margin-bottom:20px;}
.bc-form-group label{font-weight:600;color:var(--bc-blue);margin-bottom:8px;display:block;font-size:14px;}
.bc-form-group .form-select{padding:14px;border:2px solid #e0e7ff;border-radius:8px;}
.bc-hero-wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0;}
.bc-hero-wave svg{display:block;}

/* Common */
.bc-tag{display:inline-block;padding:8px 18px;background:var(--bc-yellow);color:var(--bc-blue);font-weight:700;border-radius:30px;margin-bottom:15px;font-size:14px;}
.bc-h2{font-size:42px;font-weight:800;color:var(--bc-blue);margin-bottom:15px;}
.bc-sub{max-width:700px;margin:auto;font-size:18px;color:#666;}

/* STATS */
.bc-long-stats{margin-top:-70px;position:relative;z-index:10;padding-bottom:80px;}
.bc-stat-card{background:#ffffff;border-radius:18px;padding:35px 25px;text-align:center;box-shadow:0 15px 45px rgba(0,0,0,.12);transition:.35s;height:100%;}
.bc-stat-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,33,71,.18);}
.bc-stat-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--bc-blue);color:var(--bc-yellow);display:flex;align-items:center;justify-content:center;font-size:34px;border-radius:50%;}
.bc-stat-number{display:block;font-size:52px;font-weight:800;color:var(--bc-blue);line-height:1;margin-bottom:12px;}
.bc-stat-number::after{content:"+";font-size:28px;color:var(--bc-yellow);margin-left:3px;}
.bc-stat-number[data-suffix="%"]::after{content:"%";}
.bc-stat-card h4{font-size:20px;font-weight:700;color:#555;margin:0;}

/* FILTER - FIXED HORIZONTAL ALIGNMENT */
.bc-programme-filter{padding:30px 0 60px;background:var(--bc-gray);}
.bc-filter-buttons{display:flex!important;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:40px;flex-direction:row!important;}
.bc-filter-btn{padding:14px 30px;background:#ffffff;border:2px solid #dbe6f2;border-radius:50px;font-size:16px;font-weight:700;color:var(--bc-blue);cursor:pointer;transition:.35s;white-space:nowrap;}
.bc-filter-btn:hover{background:var(--bc-blue);border-color:var(--bc-blue);color:#ffffff;transform:translateY(-3px);}
.bc-filter-btn.active{background:var(--bc-yellow);border-color:var(--bc-yellow);color:var(--bc-blue);box-shadow:0 10px 25px rgba(255,193,7,.35);}

/* Programme Cards */
.bc-prog-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 40px rgba(0,33,71,.08);transition:.3s;height:100%;border:2px solid transparent;}
.bc-prog-card:hover{transform:translateY(-8px);border-color:var(--bc-yellow);box-shadow:0 20px 50px rgba(0,33,71,.15);}
.bc-prog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.bc-prog-level{background:var(--bc-blue);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;}
.bc-prog-code{background:var(--bc-gray);color:var(--bc-blue);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;}
.bc-prog-card h4{font-size:20px;font-weight:700;color:var(--bc-blue);margin-bottom:15px;min-height:50px;}
.bc-prog-meta{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:15px;font-size:13px;color:#666;}
.bc-prog-meta i{color:var(--bc-yellow);}
.bc-prog-card p{color:#666;font-size:15px;line-height:1.6;margin-bottom:20px;}
.bc-prog-footer{display:flex;gap:10px;}

/* Careers Hexagon */
.bc-careers-v2{background:#f7f9fc;}
.bc-hex-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:900px;margin:auto;}
.bc-hex{width:180px;height:200px;position:relative;}
.bc-hex-inner{width:100%;height:100%;background:#fff;clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.3s;box-shadow:0 10px 30px rgba(0,33,71,.1);}
.bc-hex-inner:hover{background:var(--bc-blue);transform:scale(1.05);}
.bc-hex-inner i{font-size:36px;color:var(--bc-yellow);margin-bottom:10px;}
.bc-hex-inner h6{color:var(--bc-blue);font-weight:700;font-size:15px;margin:0;}
.bc-hex-inner:hover h6{color:#fff;}

/* Stepper */
.bc-admission-v2{background:#fff;}
.bc-stepper{display:flex;justify-content:space-between;align-items:flex-start;max-width:1000px;margin:auto;position:relative;}
.bc-step-item{text-align:center;flex:1;position:relative;z-index:2;}
.bc-step-circle{width:70px;height:70px;background:var(--bc-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin:0 auto 15px;border:4px solid #fff;box-shadow:0 5px 20px rgba(0,33,71,.2);}
.bc-step-item h5{color:var(--bc-blue);font-weight:700;font-size:16px;margin-bottom:5px;}
.bc-step-item p{color:#666;font-size:13px;margin:0;}
.bc-step-line{flex:1;height:3px;background:linear-gradient(90deg,var(--bc-blue) 0%,var(--bc-yellow) 100%);margin-top:35px;position:relative;z-index:1;}

/* FAQ */
.bc-faq-v2{background:var(--bc-gray);}
.bc-accordion .accordion-item{border:none;margin-bottom:15px;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.06);}
.bc-accordion .accordion-button{font-weight:700;color:var(--bc-blue);padding:20px;font-size:16px;}
.bc-accordion .accordion-button:not(.collapsed){background:var(--bc-blue);color:#fff;}
.bc-accordion .accordion-button:focus{box-shadow:none;}
.bc-accordion .accordion-body{padding:25px;line-height:1.8;color:#555;}

/* CTA */
.bc-cta-v2{padding:80px 0;background:var(--bc-blue);}
.bc-cta-inner{background:linear-gradient(135deg,var(--bc-blue),var(--bc-blue-light));border-radius:24px;padding:60px;color:#fff;}
.bc-cta-inner h2{font-size:36px;font-weight:800;margin-bottom:10px;}
.bc-cta-inner p{font-size:18px;opacity:.9;margin:0;}

/* Responsive */
@media(max-width:991px){
    .bc-hero-title{font-size:40px;}
    .bc-hero-form-card{margin-top:40px;}
    .bc-long-stats{margin-top:40px;}
    .bc-stepper{flex-direction:column;}
    .bc-step-line{display:none;}
    .bc-step-item{margin-bottom:30px;}
}
@media(max-width:768px){
    .bc-filter-buttons{gap:10px;}
    .bc-filter-btn{width:calc(50% - 10px);padding:12px;}
    .bc-hex{width:140px;height:160px;}
}
@media(max-width:576px){
    .bc-hero-title{font-size:32px;}
    .bc-filter-btn{width:100%;}
    .bc-hero-stats{gap:20px;}
}



/*!
 * Floating Events for Celebration
*/
/* Floating Celebration Button - Bandari College */

.celebration-float {
    position: fixed;
    bottom: 55px;
    left: 25px;
    z-index: 9999;
    font-family: Arial, sans-serif;
}

/* Main Button */
.celebration-main {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    background: linear-gradient(135deg, #005baa, #00a859); /* Bandari-inspired blue & green */
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    transition: all 0.3s ease;
}

.celebration-main:hover {
    transform: scale(1.1);
}

/* Menu */
.celebration-menu {
    position: absolute;
    bottom: 75px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: 0.3s ease;
}

/* Active state */
.celebration-float.active .celebration-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Items */
.celebration-item {
    background: #ffffff;
    color: #003b73;
    padding: 10px 14px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    transition: 0.3s;
    white-space: nowrap;
}

.celebration-item:hover {
    background: #005baa;
    color: #fff;
}

/* Color accents */
.sabasaba { border-left: 4px solid #e63946; }
.nanenane { border-left: 4px solid #f4a261; }
.uhuru { border-left: 4px solid #2a9d8f; }
.independence { border-left: 4px solid #457b9d; }


/*!
 * Short Course Style
*/
:root{--bc-blue:#002147;--bc-yellow:#ffc107;--bc-blue-light:#004b8d;}

/* SHORT COURSE HERO */
.bc-short-hero{
    position:relative;
    background:linear-gradient(135deg, #001122 0%, var(--bc-blue) 50%, #001a33 100%);
    overflow:hidden;
    padding:0;
}
.min-vh-80{min-height:80vh;display:flex;align-items:center;padding:100px 0;}

/* Animated Particles */
.bc-short-particles{position:absolute;inset:0;overflow:hidden;z-index:1;}
.bc-short-particles span{
    position:absolute;
    display:block;
    width:20px;height:20px;
    background:rgba(255,193,7,0.15);
    animation:float 25s linear infinite;
    bottom:-150px;
    border-radius:50%;
}
.bc-short-particles span:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s;}
.bc-short-particles span:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s;}
.bc-short-particles span:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s;}
.bc-short-particles span:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s;}
.bc-short-particles span:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s;}
.bc-short-particles span:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;}
.bc-short-particles span:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;}
.bc-short-particles span:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;}
.bc-short-particles span:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s;}
.bc-short-particles span:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;}

@keyframes float{
    0%{transform:translateY(0) rotate(0deg);opacity:1;}
    100%{transform:translateY(-1000px) rotate(720deg);opacity:0;}
}

/* Content */
.bc-short-hero .container{position:relative;z-index:2;}
.bc-short-tag{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(255,193,7,0.15);
    border:1px solid var(--bc-yellow);
    color:var(--bc-yellow);
    padding:10px 20px;
    border-radius:50px;
    font-weight:600;
    margin-bottom:25px;
    backdrop-filter:blur(10px);
}
.bc-short-title{
    font-size:56px;
    font-weight:800;
    color:#fff;
    line-height:1.15;
    margin-bottom:25px;
}
.bc-short-title span{
    background:linear-gradient(135deg, var(--bc-yellow), #ffdb4d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.bc-short-desc{
    font-size:18px;
    color:rgba(255,255,255,0.9);
    max-width:540px;
    margin-bottom:35px;
    line-height:1.8;
}

/* Features */
.bc-short-features{
    display:flex;
    gap:30px;
    margin-bottom:40px;
    flex-wrap:wrap;
}
.bc-feature-item{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
}
.bc-feature-item i{
    width:45px;height:45px;
    background:rgba(255,193,7,0.2);
    color:var(--bc-yellow);
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}
.bc-feature-item strong{display:block;font-size:14px;margin-bottom:2px;}
.bc-feature-item span{font-size:12px;opacity:0.8;}

/* Buttons */
.bc-short-actions{display:flex;gap:15px;flex-wrap:wrap;}
.bc-btn-gold{
    background:var(--bc-yellow);
    color:var(--bc-blue);
    padding:16px 32px;
    border-radius:10px;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:.3s;
    border:none;
}
.bc-btn-gold:hover{
    background:#fff;
    transform:translateY(-3px);
    box-shadow:0 15px 35px rgba(255,193,7,0.4);
    color:var(--bc-blue);
}
.bc-btn-outline-white{
    border:2px solid #fff;
    color:#fff;
    padding:14px 30px;
    border-radius:10px;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:.3s;
    backdrop-filter:blur(10px);
}
.bc-btn-outline-white:hover{
    background:#fff;
    color:var(--bc-blue);
}

/* Glass Card */
.bc-short-glass-card{
    background:rgba(255,255,0.08);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:24px;
    padding:35px;
    box-shadow:0 25px 50px rgba(0,0,0,0.3);
}
.bc-glass-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,0.1);
}
.bc-glass-header h3{
    color:#fff;
    font-weight:700;
    margin:0;
    font-size:20px;
}
.bc-live-badge{
    background:rgba(255,59,48,0.2);
    color:#ff3b30;
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:6px;
}
.bc-live-badge i{font-size:8px;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}

/* Quick Course Items */
.bc-course-quick{display:flex;flex-direction:column;gap:15px;}
.bc-quick-item{
    display:flex;
    gap:15px;
    padding:18px;
    background:rgba(255,255,255,0.05);
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.1);
    transition:.3s;
}
.bc-quick-item:hover{
    background:rgba(255,255,255,0.12);
    transform:translateX(5px);
}
.bc-quick-icon{
    width:50px;height:50px;
    background:rgba(255,193,7,0.2);
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
}
.bc-quick-info h5{
    color:#fff;
    font-size:16px;
    font-weight:700;
    margin:0 0 5px 0;
}
.bc-quick-info p{
    color:rgba(255,255,255,0.7);
    font-size:13px;
    margin:0 0 8px 0;
}
.bc-quick-price{
    color:var(--bc-yellow);
    font-weight:700;
    font-size:15px;
}

/* Responsive */
@media(max-width:991px){
    .bc-short-title{font-size:40px;}
    .bc-short-glass-card{margin-top:40px;}
    .bc-short-features{flex-direction:column;gap:20px;}
}
@media(max-width:576px){
    .bc-short-title{font-size:32px;}
    .bc-short-actions{flex-direction:column;}
    .bc-btn-gold,.bc-btn-outline-white{width:100%;justify-content:center;}
}
:root{--bc-blue:#002147;--bc-yellow:#ffc107;--bc-blue-light:#004b8d;--bc-gray:#f8fbff;}

/* HERO */
.bc-short-hero{position:relative;background:var(--bc-blue);overflow:hidden;}
.bc-short-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#002147 0%,#004b8d 50%,#002147 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.bc-short-hero .container{position:relative;z-index:2;}
.min-vh-70{min-height:70vh;display:flex;align-items:center;padding:80px 0;}
.bc-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,193,7,.15);border:1px solid var(--bc-yellow);color:var(--bc-yellow);padding:8px 18px;border-radius:50px;font-weight:600;margin-bottom:20px;}
.bc-hero-title{font-size:54px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px;}
.bc-hero-title span{color:var(--bc-yellow);}
.bc-hero-desc{font-size:18px;color:rgba(255,255,.9);max-width:540px;margin-bottom:25px;line-height:1.7;}
.bc-hero-badges{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap;}
.bc-hero-badges span{color:#fff;font-size:14px;display:flex;align-items:center;gap:8px;}
.bc-hero-badges i{color:var(--bc-yellow);}
.bc-hero-actions{display:flex;gap:15px;flex-wrap:wrap;}
.bc-btn-gold{background:var(--bc-yellow);color:var(--bc-blue);padding:16px 32px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.3s;border:none;}
.bc-btn-gold:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,193,7,.3);color:var(--bc-blue);}
.bc-btn-ghost{border:2px solid #fff;color:#fff;padding:14px 30px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.3s;}
.bc-btn-ghost:hover{background:#fff;color:var(--bc-blue);}
.bc-btn-white{background:#fff;color:var(--bc-blue);padding:16px 32px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.3s;}
.bc-btn-outline-white{border:2px solid #fff;color:#fff;padding:14px 30px;border-radius:8px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:.3s;}
.bc-btn-outline-white:hover{background:#fff;color:var(--bc-blue);}

/* Quick Form */
.bc-hero-quick-form{background:#fff;border-radius:20px;padding:40px;box-shadow:0 30px 60px rgba(0,0,0,.3);}
.bc-form-header{text-align:center;margin-bottom:25px;}
.bc-form-header i{font-size:36px;color:var(--bc-blue);margin-bottom:10px;}
.bc-form-header h3{color:var(--bc-blue);font-weight:800;margin-bottom:5px;}
.bc-form-header p{color:#666;margin:0;font-size:14px;}
.bc-form-group{margin-bottom:18px;}
.bc-form-group input,.bc-form-group .form-select{width:100%;padding:14px;border:2px solid #e0e7ff;border-radius:8px;font-size:15px;}
.bc-form-group input:focus,.bc-form-group .form-select:focus{border-color:var(--bc-blue);outline:none;}

/* Common */
.bc-tag{display:inline-block;padding:8px 18px;background:var(--bc-yellow);color:var(--bc-blue);font-weight:700;border-radius:30px;margin-bottom:15px;font-size:14px;}
.bc-h2{font-size:42px;font-weight:800;color:var(--bc-blue);margin-bottom:15px;}
.bc-sub{max-width:700px;margin:auto;font-size:18px;color:#666;}

/* Stats */
.bc-long-stats{margin-top:-70px;position:relative;z-index:10;padding-bottom:80px;}
.bc-stat-card{background:#ffffff;border-radius:18px;padding:35px 25px;text-align:center;box-shadow:0 15px 45px rgba(0,0,0,.12);transition:.35s;height:100%;}
.bc-stat-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,33,71,.18);}
.bc-stat-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--bc-blue);color:var(--bc-yellow);display:flex;align-items:center;justify-content:center;font-size:34px;border-radius:50%;}
.bc-stat-number{display:block;font-size:52px;font-weight:800;color:var(--bc-blue);line-height:1;margin-bottom:12px;}
.bc-stat-number::after{content:"+";font-size:28px;color:var(--bc-yellow);margin-left:3px;}
.bc-stat-number[data-suffix="%"]::after{content:"%";}
.bc-stat-card h4{font-size:20px;font-weight:700;color:#555;margin:0;}

/* Explorer */
.bc-short-explorer{padding:80px 0;background:#fff;}
.bc-filter-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
.bc-pill{background:#fff;border:2px solid #e0e7ff;padding:12px 26px;border-radius:50px;font-weight:700;color:var(--bc-blue);cursor:pointer;transition:.3s;}
.bc-pill:hover,.bc-pill.active{background:var(--bc-blue);color:#fff;border-color:var(--bc-blue);}

/* Course Cards */
.bc-course-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,33,71,.08);transition:.3s;height:100%;border:2px solid transparent;}
.bc-course-card:hover{transform:translateY(-8px);border-color:var(--bc-yellow);box-shadow:0 20px 50px rgba(0,33,71,.15);}
.bc-course-badge{position:absolute;top:15px;right:15px;background:var(--bc-yellow);color:var(--bc-blue);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;z-index:2;}
.bc-course-img{position:relative;height:200px;overflow:hidden;}
.bc-course-img img{width:100%;height:100%;object-fit:cover;}
.bc-course-duration{position:absolute;bottom:15px;left:15px;background:rgba(0,33,71,.9);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;}
.bc-course-body{padding:25px;}
.bc-course-meta{display:flex;gap:15px;margin-bottom:12px;font-size:13px;color:#666;}
.bc-course-meta i{color:var(--bc-yellow);}
.bc-course-body h4{font-size:20px;font-weight:700;color:var(--bc-blue);margin-bottom:12px;min-height:50px;}
.bc-course-body p{color:#666;font-size:15px;line-height:1.6;margin-bottom:18px;min-height:72px;}
.bc-course-features{list-style:none;padding:0;margin-bottom:20px;}
.bc-course-features li{font-size:14px;color:#555;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.bc-course-features i{color:var(--bc-yellow);font-size:12px;}
.bc-course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e0e7ff;}
.bc-course-price{display:flex;flex-direction:column;}
.bc-price-label{font-size:12px;color:#999;}
.bc-course-price strong{font-size:20px;color:var(--bc-blue);}
.bc-btn-outline-sm{border:2px solid var(--bc-blue);color:var(--bc-blue);padding:8px 18px;border-radius:6px;font-weight:600;text-decoration:none;font-size:14px;background:transparent;transition:.3s;}
.bc-btn-outline-sm:hover{background:var(--bc-blue);color:#fff;}
.bc-btn-gold-sm{background:var(--bc-yellow);color:var(--bc-blue);padding:10px 20px;border-radius:6px;font-weight:700;text-decoration:none;font-size:14px;transition:.3s;}
.bc-btn-gold-sm:hover{opacity:.9;}

/* CTA */
.bc-cta-short{padding:80px 0;background:var(--bc-gray);}
.bc-cta-box{background:linear-gradient(135deg,var(--bc-blue),var(--bc-blue-light));border-radius:24px;padding:60px;color:#fff;}
.bc-cta-box h2{font-size:36px;font-weight:800;margin-bottom:10px;}
.bc-cta-box p{font-size:18px;opacity:.9;margin-bottom:20px;}
.bc-cta-meta{display:flex;gap:25px;flex-wrap:wrap;font-size:15px;}
.bc-cta-meta i{color:var(--bc-yellow);}
.bc-cta-buttons{display:flex;gap:15px;flex-wrap:wrap;}

/* Modal */
.bc-modal-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;}
.bc-modal-box{background:var(--bc-gray);padding:20px;border-radius:12px;margin-bottom:20px;}
.bc-modal-box h6{color:var(--bc-blue);font-weight:700;margin-bottom:15px;}
.bc-next-date{font-size:24px;font-weight:800;color:var(--bc-yellow);margin:0;}

/* Responsive */
@media(max-width:991px){
    .bc-hero-title{font-size:40px;}
    .bc-hero-quick-form{margin-top:40px;}
    .bc-long-stats{margin-top:40px;}
    .bc-modal-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
    .bc-filter-pills{gap:8px;}
    .bc-pill{width:calc(50% - 8px);padding:10px;}
    .bc-hero-badges{flex-direction:column;gap:10px;}
}
@media(max-width:576px){
    .bc-hero-title{font-size:32px;}
    .bc-h2{font-size:32px;}
    .bc-pill{width:100%;}
}




/*!
 * Department Page Styling
*/

/*!
 * BCD Department Style
*/
/* ================= GENERAL ================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', sans-serif;
}

body {
  background: #f5f7fb;
  color: #1a1a1a;
}

/* ================= HERO SECTION ================= */
.bc-hero {
  position: relative;
  height: 90vh;
  background: url('/images/pages/long_course_programme_bc.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}

.bc-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 30, 60, 0.75);
}

.bc-hero-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding: 20px;
  color: #fff;
}

.bc-hero-title {
  font-size: 3.2rem;
  font-weight: 700;
  animation: fadeDown 1s ease-in-out;
}

.bc-hero-subtitle {
  font-size: 1.2rem;
  margin: 15px 0 30px;
  opacity: 0.9;
  animation: fadeUp 1.2s ease-in-out;
}

/* SEARCH BOX */
.bc-search-box {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.bc-search-box input {
  width: 60%;
  padding: 12px;
  border: none;
  border-radius: 30px 0 0 30px;
  outline: none;
}

.bc-search-box button {
  padding: 12px 20px;
  border: none;
  background: #00a8ff;
  color: white;
  border-radius: 0 30px 30px 0;
  cursor: pointer;
}

/* BUTTONS */
.bc-hero-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.btn-primary,
.btn-outline {
  padding: 12px 25px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.btn-primary {
  background: #00a8ff;
  color: white;
}

.btn-primary:hover {
  background: #0077cc;
}

.btn-outline {
  border: 2px solid #fff;
  color: #fff;
}

.btn-outline:hover {
  background: #fff;
  color: #001f3f;
}

/* ================= INTRO SECTION ================= */
.bc-intro {
  padding: 80px 20px;
  background: #fff;
}

.bc-container {
  max-width: 1200px;
  margin: auto;
}

.bc-intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.bc-intro-text h2 {
  font-size: 2.2rem;
  margin-bottom: 15px;
  color: #001f3f;
}

.bc-intro-text p {
  margin-bottom: 15px;
  line-height: 1.6;
  color: #444;
}

.bc-intro-text ul {
  list-style: none;
  margin-top: 15px;
}

.bc-intro-text ul li {
  margin-bottom: 10px;
  font-weight: 500;
}

.bc-intro-text ul li i {
  color: #00a8ff;
  margin-right: 8px;
}

.bc-intro-image img {
  width: 100%;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* ================= ANIMATIONS ================= */
@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-30px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
  .bc-intro-grid {
    grid-template-columns: 1fr;
  }

  .bc-hero-title {
    font-size: 2.2rem;
  }

  .bc-search-box input {
    width: 70%;
  }
}
/* ================= DEPARTMENT SECTION ================= */
.bc-departments {
  padding: 80px 20px;
  background: #f4f8fb;
}

.bc-section-header {
  text-align: center;
  margin-bottom: 50px;
}

.bc-section-header h2 {
  font-size: 2.4rem;
  color: #001f3f;
}

.bc-section-header p {
  color: #555;
  margin-top: 10px;
}

/* GRID */
.bc-dept-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.bc-dept-card {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;
}

.bc-dept-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* ICON */
.bc-dept-icon {
  font-size: 40px;
  color: #00a8ff;
  margin-bottom: 15px;
}

/* TITLE */
.bc-dept-card h3 {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #001f3f;
}

/* TEXT */
.bc-dept-card p {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 10px;
}

/* LIST */
.bc-dept-card ul {
  list-style: none;
  margin-bottom: 15px;
}

.bc-dept-card ul li {
  font-size: 0.9rem;
  padding-left: 15px;
  position: relative;
}

.bc-dept-card ul li::before {
  content: "•";
  color: #00a8ff;
  position: absolute;
  left: 0;
}

/* BUTTON */
.bc-btn {
  padding: 10px 18px;
  border: none;
  background: #00a8ff;
  color: #fff;
  border-radius: 25px;
  cursor: pointer;
  transition: 0.3s;
}

.bc-btn:hover {
  background: #0077cc;
}

/* ================= MODAL ================= */
.bc-modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}

.bc-modal-content {
  background: #fff;
  width: 60%;
  margin: 8% auto;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  animation: fadeIn 0.4s ease;
}

.bc-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 28px;
  cursor: pointer;
}

@keyframes fadeIn {
  from {opacity: 0; transform: scale(0.9);}
  to {opacity: 1; transform: scale(1);}
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1024px) {
  .bc-dept-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .bc-dept-grid {
    grid-template-columns: 1fr;
  }

  .bc-modal-content {
    width: 90%;
  }
}

.bc-support {
  padding: 80px 20px;
  background: #ffffff;
}

.bc-support-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.bc-support-card {
  background: #f4f8fb;
  padding: 25px;
  border-radius: 15px;
  text-align: center;
  transition: 0.3s ease;
}

.bc-support-card:hover {
  transform: translateY(-8px);
  background: #eaf4ff;
}

.bc-support-card i {
  font-size: 35px;
  color: #00a8ff;
  margin-bottom: 10px;
}

.bc-support-card h3 {
  margin-bottom: 10px;
  color: #001f3f;
}

.bc-support-card p {
  font-size: 0.95rem;
  color: #555;
}

.bc-facilities {
  padding: 80px 20px;
  background: #f4f8fb;
}

.bc-facilities-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}

.bc-facility {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.bc-facility:hover {
  transform: translateY(-6px);
}

.bc-facility i {
  font-size: 30px;
  color: #00a8ff;
  margin-bottom: 10px;
}

.bc-facility h3 {
  font-size: 0.95rem;
  color: #001f3f;
}

.bc-cta {
  position: relative;
  padding: 100px 20px;
  //background: url('/images/pages/long_course_programme_bg.jpg') center/cover no-repeat;
  background-color: #012b99;
  color: #fff;
  text-align: center;
}

.bc-cta-overlay {
  position: absolute;
  inset: 0;
  //background: rgba(0, 20, 40, 0.75);
  background: #0b9fdf;
}

.bc-cta-content {
  position: relative;
  z-index: 2;
}

.bc-cta h2 {
  font-size: 2.5rem;
  margin-bottom: 15px;
}

.bc-cta p {
  margin-bottom: 25px;
  opacity: 0.9;
}

.bc-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.btn-secondary {
  padding: 12px 25px;
  border-radius: 30px;
  background: #ffffff;
  color: #001f3f;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.btn-secondary:hover {
  background: #00a8ff;
  color: #fff;
}


/*!
 * New Management Structure for Bandari College
*/
#bc-orgchart-container{

width:100%;
overflow:auto;
padding:30px;

}



#bc-orgchart{

min-width:900px;

}



.bc-node{

background:white;
border-radius:15px;
padding:12px;
width:170px;
text-align:center;

box-shadow:
0 5px 20px rgba(0,0,0,.15);

border-top:5px solid #005b96;

}



.bc-node img{

width:70px;
height:70px;

border-radius:50%;

object-fit:cover;

border:3px solid #f2b705;

margin-bottom:8px;

}



.bc-node b{

display:block;

font-size:14px;

color:#005b96;

}



.google-visualization-orgchart-node{

background:white!important;

border:none!important;

}



.google-visualization-orgchart-lineleft,
.google-visualization-orgchart-lineright,
.google-visualization-orgchart-linebottom{

border-color:#005b96!important;

}



.google-visualization-orgchart-node-medium{

padding:10px!important;

}



/*!
 * BC Management New Style
*/
#bc-orgchart-container{

width:100%;
overflow:auto;
padding:30px;

}



#bc-orgchart{

min-width:900px;

}



.bc-node{

background:white;
border-radius:15px;
padding:12px;
width:170px;
text-align:center;

box-shadow:
0 5px 20px rgba(0,0,0,.15);

border-top:5px solid #005b96;

}




.bc-node img{

width:70px;
height:70px;

border-radius:50%;

object-fit:cover;

border:3px solid #f2b705;

margin-bottom:8px;

}



.bc-node b{

display:block;

font-size:14px;

color:#005b96;

}



.google-visualization-orgchart-node{

background:white!important;

border:none!important;

}



.google-visualization-orgchart-lineleft,
.google-visualization-orgchart-lineright,
.google-visualization-orgchart-linebottom{

border-color:#005b96!important;

}



.google-visualization-orgchart-node-medium{

padding:10px!important;

}

.chart-wrapper {
    overflow-x: auto;
    display: flex;
    justify-content: center;
}

#chart_div {
    min-width: fit-content;
}