@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');

/**=====++++++ Menu Style +++++++=======**/

:root {
    --theme-primary: #0143b3;
    --theme-warning: #ffcb05;
    --font-heading: "Bricolage Grotesque", sans-serif;
}

/* ===== COMMON ===== */
body.lock {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.Times
{
    font-size: 24px;
    font-weight:600;
    font-family:"Bricolage Grotesque", ", sans-serif";
}

.text-uppercase {
    text-transform: uppercase !important;
    font-family: 'Bricolage Grotesque', sans-serif;
}

.bread-crumb li a
{
    font-size:16px;
    font-weight:600;
    font-family:"Bricolage Grotesque", ", sans-serif";
}

/* ===== DESKTOP MENU ===== */
.desktop-menu {
    position: fixed;
    inset: 0;
    background: #0b2c5d;
    color: #fff;
    z-index: 9999;
    display: none;
}

.desktop-menu h4 {
    color: #ffd200;
    border-bottom: 2px solid #ffd200;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.desktop-menu a {
    display: block;
    color: #fff;
    margin-bottom: 10px;
}

.desktop-menu a:hover {
    color: #ffd200;
}

.menu-grid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 40px;
}

.desktop-menu .close-btn {
    font-size: 28px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

/* ===== MOBILE MENU ===== */
.mobile-menu {
    position: fixed;
    inset: 0;
    background: #0b2c5d;
    z-index: 9999;
    transform: translateX(-100%);
    transition: 0.3s ease;
}

.mobile-menu.open {
    transform: translateX(0);
}

.menu-backdrop {
    position: absolute;
    inset: 0;
}

.menu-box {
    position: relative;
    padding: 40px 20px;
}

.mobile-menu .close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}

.mobile-menu a {
    color: #fff;
    display: block;
    padding: 10px 0;
}

.dropdown > ul {
    padding-left: 15px;
}

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

/***** Additional ****/

.team-sec
{
  background:#eee url(../Images/mdjssv1.png) no-repeat center !important;
  background-size:cover;
}

.about-right{background:url(../Images/hAbt_logo.png) !important;
             background-repeat:no-repeat !important;
             background-size:contain !important;
             background-position:center !important;
         }

.principal-message
{
    background:#eee, url(../Images/hAbt_logo.png) !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
    background-position:center !important;
}

.facilities
{
    background-image: url(../Images/hAbt_logo2.png) !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
    background-position:center !important;
}

/**++++++++===== Enquiry Style =======+++++++**/


/**++++++++===== Enquiry Style END =======+++++++**/

/**===+++++++=== Left fixed opportunity btn ===++++++===**/

.left-fixed-btn {
    position: fixed;
    left: 0;
    top: 65%;
    z-index: 9999;
}

.left-fixed-btn a {
    left: -11px;
    position: relative;
    display: block;
    background: linear-gradient(45deg, #005fb1, #0a46a1);
    color: white;
    padding: 14px 22px;
    border: 1px solid #ffffff;
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
    transform: rotate(-90deg);
    transform-origin: left top;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease;
}

.left-fixed-btn a:hover {
    transform: rotate(-90deg) scale(1.05);
}

@media(max-width:768px)
{
    .left-fixed-btn 
    {
        display:none;
    }
}

/**===+++++++=== Left fixed opportunity btn END ===++++++===**/

/**===+++++++=== Right fixed Quick Enquiry  ===++++++===**/
/*
.fixed-right-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(180deg, #ffd54f, #f4c20d);
    color: #000;
    padding: 18px 8px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    border-radius: 18px 0 0 18px; 
    box-shadow: -6px 8px 20px rgba(0,0,0,0.35);

    z-index: 9999;
    transition: all 0.3s ease;
}
*/
/* ═══════════════════════════════
   RIGHT FIXED ENQUIRY BUTTON
═══════════════════════════════ */

.fixed-right-btn{
    position:fixed;
    top:40%;
    right:0;
    background:#ffc107;
    color:#000;
    padding:10px 14px;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    border-radius:8px 0 0 8px;
    cursor:pointer;
    font-weight:600;
    z-index:9999;
}

.fixed-right-btn .arrow-icon {
    font-size:18px;
    animation:bounceArrow 1.2s infinite;
}

.fixed-right-btn:hover {
    background:linear-gradient(180deg,#ffca28,#e0ad00);
}

@keyframes bounceArrow {
    0% { transform: translateX(0); }
    50% { transform: translateX(4px); }
    100% { transform: translateX(0); }
}


/* ═══════════════════════════════
   MODAL OVERLAY BACKGROUND
═══════════════════════════════ */
/*
.enquiry-form{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.65);
  z-index:99999;
  justify-content:center;
  align-items:center;
  padding:15px;
}
*/
/* RIGHT BUTTON */

.fixed-right-btn{
    /*position:fixed;
    top:50%;
    right:0; */
    position: fixed !important;
    top: 50% !important;
    right: -10px !important;
    transform:translateY(-50%) rotate(180deg);
    writing-mode:vertical-rl;
    background:#ffc107;
    padding:12px 10px;
    font-weight:600;
    border-radius:8px 0 0 8px;
    cursor:pointer;
    z-index:9999;
}

/* OVERLAY BACKGROUND */
.enquiry-form{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    visibility:hidden;
    opacity:0;
    transition:0.3s;
    z-index:9998;
}


/* SHOW OVERLAY */

.enquiry-form.modal-open{
    visibility:visible;
    opacity:1;
}

/* RIGHT SLIDE PANEL */

.enquiry-panel{
    position:absolute;
   /* top:0; */
   top:15px;
    right:-480px;
    width:400px;
    height:96%;
    background:#fff;
    padding:25px;
    overflow-y:auto;
    transition:0.4s;
}

@media(max-width:768px)
{
    .enquiry-panel
    {
        top: 120px;
        height: 80%;
    }
}

/* PANEL OPEN */

.enquiry-form.modal-open .enquiry-panel{
    right:0;
}


/* HEADER */

.form-header{
    position:relative;
    margin-bottom:20px;
}

.form-header h2{
    font-size:22px;
    font-weight:700;
}


/* CLOSE BUTTON */

.close-btn{
    position:absolute;
    top:0;
    right:0;
    background:#eee;
    border:none;
    width:32px;
    height:32px;
    border-radius:50%;
    cursor:pointer;
}

.close-btn:hover{
    background:#ffc107;
}


/* FORM */

.enquiry-card{
    padding:10px;
}

.custom-input{
    border-radius:6px;
}

.custom-btn{
    background:#11296b;
    color:#fff;
}

/* ===================== */
/* TABLET RESPONSIVE */
/* ===================== */

@media (max-width:991px){

    .enquiry-panel{
        width:350px;
        right:-360px;
        padding:20px;
    }

    .form-header h2{
        font-size:20px;
    }

}

/* ===================== */
/* MOBILE RESPONSIVE */
/* ===================== */

@media (max-width:576px){

    .enquiry-panel{
        width:100%;
        right:-100%;
        padding:18px;
    }

    .enquiry-form.modal-open .enquiry-panel{
        right:0;
    }

    .form-header h2{
        font-size:18px;
    }

    .close-btn{
        width:28px;
        height:28px;
    }

}

html, body { width: 100%; overflow-x: hidden !important; }

/**===+++++++=== Right fixed Quick Enquiry END  ===++++++===**/

/**===+++++++=== Gallery for Home Style  ===++++++===**/
.gallery-card {
    width: 100%;
    padding: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.gallery-img {
    position: relative;
    overflow: hidden;
} 


.gallery-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: 0.4s;
    border-radius: 12px;
}

.gallery-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, rgba(255,193,7,0.95), transparent);
    color: #000;
    transition: 0.4s;
}

.gallery-overlay h5 {
    margin: 0;
    font-weight: bold;
}

.gallery-overlay span {
    font-size: 13px;
}

.gallery-card:hover img {
    transform: scale(1.08);
}

.gallery-card:hover .gallery-overlay {
    background: linear-gradient(to top, rgba(255,193,7,1), transparent);
}




/* ===============================
   GALLERY SECTION STYLING
=================================*/

/* Owl Nav Buttons */
.gallery-owl .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.gallery-owl .owl-nav button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #ffc107 !important;
    color: #000 !important;
    font-size: 22px !important;
    border: none !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: 0.3s ease;
    pointer-events: all;
}

.gallery-owl .owl-nav button:hover {
    background: #0d2c6c !important;
    color: #fff !important;
    transform: scale(1.1);
}

/* Hide default dots */
.gallery-owl .owl-dots {
    display: none;
}

/* VIEW ALL Button */
.btn-theme-warning {
    background: linear-gradient(to right, #ffc107, #ffb300);
    border: none;
    padding: 8px 25px;
    font-weight: 600;
    border-radius: 25px;
    transition: 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.btn-theme-warning:hover {
    background: #0d2c6c;
    color: #fff !important;
    transform: translateY(-3px);
}

/* Gallery Card Hover Effect */
.gallery-card {
    overflow: hidden;
    border-radius: 10px;
}

.gallery-img {
    position: relative;
    overflow: hidden;
}

.gallery-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: 0.5s ease;
}

.gallery-img:hover img {
    transform: scale(1.1);
}

/* Overlay */
.gallery-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, #ffc107, rgba(255,193,7,0.1));
    color: #000;
}

.gallery-overlay h5 {
    margin: 0;
    font-weight: 600;
}

.gallery-overlay span {
    font-size: 14px;
}


.gallery-owl .owl-stage {
    display: flex;
    transition-timing-function: linear !important;
}

.gallery-owl .owl-item {
    transition: transform 0s !important;
}

/**===+++++++=== Gallery for Home Style END ===++++++===**/

.alumni-slider img 
{
    width:100%;
    height: 50%;
    object-fit: cover;
    border-radius: 6px;
}


/* ══════════════════════════════════════════
   ABOUT US SECTION (below slider)
══════════════════════════════════════════ */
.about-us {
  /*padding: 60px 0; */
  background: #fff;
}
.about-right {
  padding: 20px 40px 20px 20px;
  background: url('Images/hAbt_logo.png') no-repeat center / contain;
}
/*.about-left img { border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,.15); } */
.sec-title { font-family: 'Segoe UI', sans-serif; font-weight: 800; }
.text-theme-primary { color: var(--navy) !important; }
.sec-subtitle { font-size: 1.4rem; color: #333; }
.quote {
 /* background: #f1f3f8; */
  border-radius: 8px;
  padding: 14px 20px;
  font-style: italic;
  color: var(--navy);
  font-weight: 600;
  font-size: 1.1rem;
  text-align: center;
  margin: 16px 0;
}
.btn-theme-yellow {
  border: 2px solid var(--gold);
  background: transparent;
  color: #212121;
  font-weight: 700;
  border-radius: 8px;
  padding: 10px 24px;
  transition: all .2s;
  font-size: .9rem;
}
.btn-theme-yellow:hover { background: var(--gold); color: #212121; }


/*======== Leaders Message ======*/
 /**** Original from sunbeam ****/
 /*
 .leadershipSlide{transition:none}
.sam-slide .img-card img{aspect-ratio:300/400!important}
.sam-slide .img-card{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}
.sam-slide .img-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)!important}
.leadership-center
{
    animation:slideInCenter .6s ease-out;
    background: transparent linear-gradient(308deg, #e2f0ff 0, #fff 100%) 0 0 no-repeat padding-box;
    padding: 1.25rem .75rem;
    position: relative;
    z-index: 1;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.leadership-center img{cursor:auto!important}
@keyframes slideInCenter{
from{opacity:0;transform:scale(.9) translateY(20px)}
to{opacity:1;transform:scale(1) translateY(0)}
}
.slide-out-left{animation:slideOutLeft .25s ease-in forwards}
.slide-out-right{animation:slideOutRight .25s ease-in forwards}
.slide-in-left{animation:slideInLeft .5s ease-out forwards}
.slide-in-right{animation:slideInRight .5s ease-out forwards}
@keyframes slideOutLeft{
from{opacity:1;transform:translateX(0)}
to{opacity:0;transform:translateX(-50px)}
}
@keyframes slideOutRight{
from{opacity:1;transform:translateX(0)}
to{opacity:0;transform:translateX(50px)}
}
@keyframes slideInLeft{
from{opacity:0;transform:translateX(-50px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slideInRight{
from{opacity:0;transform:translateX(50px)}
to{opacity:1;transform:translateX(0)}
}
.sam-slide .img-card img{transition:transform .3s ease}
.sam-slide-prev{transition:all .3s ease;opacity:.7}
.sam-slide-prev:hover{opacity:1;transform:scale(1.1)}
@media (max-width:768px){
.sam-custom-nav{z-index:9999}
.leadership-center .col-lg-7{margin-top:1rem}
.leadershipSlide{min-height:300px}
@keyframes slideOutLeft{
from{opacity:1;transform:translateX(0)}
to{opacity:0;transform:translateX(-30px)}
}
@keyframes slideOutRight{
from{opacity:1;transform:translateX(0)}
to{opacity:0;transform:translateX(30px)}
}
@keyframes slideInLeft{
from{opacity:0;transform:translateX(-30px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slideInRight{
from{opacity:0;transform:translateX(30px)}
to{opacity:1;transform:translateX(0)}
}
}
.leadershipSlide.loading{opacity:.5;pointer-events:none}
.quote
{
    text-wrap: balance !important;
    line-height: 1.4 !important;
    padding: .4em .5em !important;
    background:none;
    color:#112972;
    
}

.fw-semibold
{
    font-weight: 600 !important;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.leadership-center .quote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5.2rem;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, .5);
    z-index: -1;
}

.leadership-center .quote i {
    padding: 0 .25rem;
    background: #f3f9ff;
}

.quote i{animation:fadeInQuote .8s ease-out .3s both}
@keyframes fadeInQuote{
from{opacity:0;transform:translateX(-10px)}
to{opacity:1;transform:translateX(0)}
}
#finalSearchData{max-height:250px!important;overflow-y:auto}
#finalSearchData li a{font-weight:600}
.gal-wrapper img{aspect-ratio:9/6;object-fit:cover}
.img-card{transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden}
.img-card.expanded{z-index:10;transform:scale(1.1);box-shadow:0 10px 25px rgba(0,0,0,.3)}
.img-card.expanded~.img-card{opacity:.5}
.img-card.expanded .full-details{opacity:1;max-height:500px;padding:10px 0}
.img-card .full-details{opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}
.expanded-card{transition:all .4s ease;z-index:5}

.leadership-center .subtitle
{
    color: #fff;
    font-size:18px;
    font-family:"bricolage-grotesque-24-cond",sans-serif;
    line-height:1.2;
    font-weight: 700;
    gap: .25rem !important;
    align-items: center !important;
    position: relative;
    z-index: 1;
}

.leadership-center .subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    height: 2rem;
    width: 100% !important;
    background: #2184ff;
    z-index: -1;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.img-card .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .2em .5em;
    background: rgba(255, 205, 5, .829);
    color: #11296b;
    font-size: .875rem;
    margin: 0;
    z-index: 1;
}

pe-2 {
    padding-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.span-border-bottom::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    transform: translate(0, 100%);
    height: .05rem;
    border-radius: 12px;
    border: .1rem solid #11296b;
    width: 50%;
    border-radius: 50px;
}
*/
/*******/
/*
.expanded-card {
    animation: fadeZoom .5s ease;
}

.small-leader-card {
    cursor: pointer;
    transition: .4s;
}

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

@keyframes fadeZoom {

    from {
        opacity: 0;
        transform: scale(.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
*/
/* NAVIGATION BUTTONS */
/*
.leadership-owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 20;
    pointer-events: none;
}

.leadership-owl-nav button {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    border: 2px solid #003078 !important;
    background: #fff;
    color: #0746ff !important;
    font-size: 20px;
    transition: .3s ease;
    pointer-events: auto;
    /*position: absolute;*/
    /*
    display: flex;
    align-items: center;
    justify-content: center;
}

.leadership-owl-nav button:hover {
    background: #1d3f91;
    color: #fff;
}

.team-slider-prev {
    left: -15px;
}

.team-slider-next {
    right: -15px;
}
*/
/* =========================
   MOBILE VIEW LEADERSHIP
========================= */
/*
@media (max-width: 768px) {

    .leadershipSlide {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        align-items: center;
        justify-content: center;
    }

    .leadershipSlide .expanded-card {

        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100%;
        margin: 0 auto !important;
        padding: 0 10px;
    }

    .leadershipSlide .expanded-card .leadership-center {

        display: flex;
        flex-direction: column;
        background: #eef3f8;
        overflow: hidden;
    }

   

    .leadershipSlide .expanded-card .img-card {

        position: relative;
        text-align: center;
    }

    .leadershipSlide .expanded-card .img-card img {

        width: 70% !important;
        height: auto;
        display: block;
    }

    .leadershipSlide .expanded-card .content {

        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #f3c300;
        color: #000;
        font-size: 13px;
        font-weight: 700;
        padding: 8px;
        margin: 0;
        text-transform: uppercase;
    }

    
    .leadershipSlide .expanded-card .col-lg-7 {

        width: 100%;
        padding: 12px !important;
    }

    .leadershipSlide .expanded-card .subtitle {

        background: #2d74ff;
        color: #fff;
        font-size: 11px;
        padding: 7px 10px;
        display: inline-block;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .leadershipSlide .expanded-card .quote {

        margin-bottom: 8px !important;
    }

    .leadershipSlide .expanded-card .text-fixx {

        font-size: 12px;
        line-height: 1.7;
        color: #222;
    }

    .leadershipSlide .expanded-card .readmore {

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

  

    .small-leader-card {
        display: none !important;
    }

   

    .leadership-owl-nav button {

        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .team-slider-prev {
        left: 2px;
    }

    .team-slider-next {
        right: 2px;
    }

  

    .team-bg-heading {

        text-align: center;
        padding: 12px 0;
    }

    .team-bg-heading a {

        font-size: 12px;
    }
}
*/

/*======== Leaders Message ======*/
.leadership-section {
    background: #f3f5f9;
    padding: 80px 0;
}

/* Title */
.section-title h2 {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 60px;
}
.section-title span { color: #1e3a8a; }
.section-title b {
    display:inline-block;
    width:3px;
    height:28px;
    background:#f4c400;
    margin:0 12px;
}

/* MAIN BOX */
.leader-content-box {
    display: flex;
    background: linear-gradient(308deg,#e2f0ff 0,#fff 100%);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
   /* border-left: 6px solid #1e3a8a; */
    padding: 35px;
    gap: 30px;
    align-items: flex-start;
    position: relative;
}

/* IMAGE */
.leader-image {
    position: relative;
    min-width: 220px;
}

.leader-image img {
    width: 220px;
    height: 300px;
    object-fit: cover;
}

/* YELLOW NAME STRIP */
.leader-name-strip {
    position: absolute;
    bottom: -18px;
    left: 20px;
    background: #f4c400;
    padding: 12px 22px;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
}

/* RIGHT CONTENT */
.leader-content {
    flex: 1;
    position: relative;
    padding-top: 8px;
}

/* FULL BLUE STRIP */
.leader-role {
    position: relative;
    display: inline-block;
    background: #2575fc;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 22px;
    text-transform: uppercase;
    z-index: 2;
    margin-bottom: 28px;
}

/* EXTENDED BLUE STRIP */
.leader-role::before {
    content: "";
    position: absolute;
    left: -285px;
    top: 0;
    width: 525px;
    height: 100%;
    background: #2575fc;
    z-index: -1;
}

@media(max-width:768px)
{
    .leader-role::before 
    {
        width:190px;
        left:0;
    }
    .leader-content::before 
    {
        top: 119px !important;  
    }
}

/* HORIZONTAL LINE */
.leader-content::before {
    content: "";
    position: absolute;
    top: 99px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,0.35);
}

/* QUOTE */
.quote {
   /* margin-top: 20px !important;*/
    /*margin-bottom: 15px !important;*/
    color: #163b8c;
    font-size:14px !important;
    padding:0 !important;
}

.quote i
{
    position:relative;
    left:-83px;
}

/* DESCRIPTION */
#leaderDesc {
    font-size: 16px;
    line-height: 2;
    color: #111;
    font-weight: 500;
    max-width: 95%;
}

/* CAROUSEL EFFECT */
.leadership-carousel .owl-item {
    transition: .4s ease;
    transform: scale(.85);
    opacity: .6;
}

.leadership-carousel .owl-item.center {
    transform: scale(1.08);
    opacity: 1;
    z-index: 9;
}

/* CARD */
.team-card {
    background: #fff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.team-card img {
    width: 100%;
    /*height: 320px;*/
    height:275px;
    object-fit: cover;
}

.team-info {
    background: #f4c400;
    padding: 10px;
}

.team-info h6 {
    margin: 0;
    font-weight: 700;
    font-size:13px !important;
}

.team-info span {
    font-size: 11px;
}

/* NAV */
.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #1e3a8a;
    color: #fff;
    border: none;
    font-size: 22px;
    cursor: pointer;
    z-index: 99;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}
/*
.prev-btn { left: -25px; }
.next-btn { right: -25px; }
*/
.prev-btn { left: 2px; }
.next-btn { right: 2px; }

.nav-btn:hover {
    background: #f4c400;
    color: #000;
}

.leader-image
{
    position:relative;
    z-index:10;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media (max-width: 991px) {

    .leader-content-box {
        flex-direction: column;
        padding: 25px;
    }

    .leader-image {
        min-width: 100%;
        text-align: center;
    }

    .leader-image img {
        width: 100%;
        height: auto;
    }

    .leader-name-strip {
        position: relative;
        bottom: 0;
        left: 0;
        display: inline-block;
        margin-top: 10px;
    }

    .leader-role {
        margin-top: 20px;
    }

    .prev-btn, .next-btn {
        display: block; /* hide arrows on mobile */
    }
}

/**++++ Team Heading Style +++++**/
.team-sec {
    position: relative;
}

/* Full width blue strip */
.team-sec .team-bg-heading {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: #11296b;
    top: 6px;
    padding: 25px 0;
}

/* Inner content alignment */
.team-sec .container-custom {
    max-width: 1306px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: right;
}

/* Link styling */
.team-sec .team-bg-heading a { 
    top: -10px;
    position: relative;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
}

.team-sec .team-bg-heading a:hover {
    opacity: 0.8;
}

/**======== Leadership Style END ============**/

/* CARD */
.team-card {
    background: #fff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.team-card img {
    width: 100%;
    height: 226px;
    object-fit: cover;
}

.team-info {
    background: #f4c400;
    padding: 15px;
}

.team-info h6 {
    margin: 0;
    font-weight: 700;
}

.team-info span {
    font-size: 13px;
}

/* NAV */
.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #1e3a8a;
    color: #fff;
    border: none;
    font-size: 22px;
    cursor: pointer;
    z-index: 99;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}
/*
.prev-btn { left: -25px; }
.next-btn { right: -25px; }
*/
.prev-btn { left: 2px; }
.next-btn { right: 2px; }

.nav-btn:hover {
    background: #f4c400;
    color: #000;
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

@media (max-width: 991px) {

    .leader-content-box {
        flex-direction: column;
        padding: 25px;
    }

    .leader-image {
        min-width: 100%;
        text-align: center;
    }

    .leader-image img {
        width: 100%;
        height: 39vh;
    }

    .leader-name-strip {
        position: relative;
        bottom: 0;
        left: 0;
        display: inline-block;
        margin-top: 10px;
    }

    .leader-role {
        margin-top: 20px;
    }
    

    .prev-btn, .next-btn {
        display: block; /* hide arrows on mobile */
    }
}

/**++++ Team Heading Style +++++**/
.team-sec {
    position: relative;
}

/* Full width blue strip */
/*
.team-sec .team-bg-heading {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
*/
   /* background: #11296b;*/
   /*
    top: 6px;
    padding: 25px 0;
}*/

.team-sec .team-bg-heading {
    width: 100%;
    position: absolute;
    bottom: 6%;
    text-align: right;
    font-weight: 700;
    font-family: var(--font-heading);
    /*padding: .5rem 1rem;*/
    padding-right: calc((100vw - 1306px) / 3);
    background: #11296b;
}

/* Inner content alignment */
.team-sec .container-custom {
    max-width: 1306px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: right;
}

/* Link styling */
.team-sec .team-bg-heading a { 
    /*top: -10px;*/
    position: relative;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s ease;
    z-index: 5;
}

.team-sec .team-bg-heading a:hover {
    opacity: 0.8;
}


/* MOBILE VIEW */
@media (max-width: 767px) {

    .leadersthought {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        z-index: -1;
    }

    .leadership-section .row {
        position: relative;
    }

    .leader-content-box {
        margin-bottom: 0;
    }
}

/*****===== Leaders Section Style END ============********/

.principal-strip {
    background: #2184ff;
    position: absolute;
    width: 100%;
    bottom: 20%;
    left: 0;
}

.principal-strip a {
    color: #fff !important;
    font-weight: 600;
    font-family: var(--font-heading);
    font-size: 12px;
    position: relative;
    left: 0;
    z-index: 5;
    transition-duration: .3s;
}

.principal-strip a span {
    position: relative;
    right: 0;
    transition-duration: .3s;
}


/* ===== PRINCIPAL SECTION ===== */

/* SECTION */
.principal-section {
    padding: 20px 0;
    position: relative;
}


.section-title h2 {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 1px;
}

.section-title span {
    color: #1e3a8a;
}

.section-title i {
    display: inline-block;
    width: 3px;
    height: 28px;
    background: #f4c400;
    margin: 0 14px;
    vertical-align: middle;
}


.principal-main {
    display: flex;
    align-items: stretch;   
    gap: 40px;
}


.principal-left {
    flex: 1;
    display: flex;
}

.principal-box {
    background: #e6e7ea;
    padding: 50px 50px 90px 50px;
    position: relative;
    width: 89%;
    display: flex;
    flex-direction: column;
    z-index:10;
}

.principal-box:before {
    content: "";
    position: absolute;
    left: -12px;
    top: -5px;
    width: 6px;
    height: 80px;
    background: #f4c400;
}

.principal-box:after {
    content: "";
    position: absolute;
    left: -12px;
    top: -10px;
    width: 60px;
    height: 6px;
    background: #f4c400;
}

.principal-box p {
    font-size: 15px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 20px;
}


.principal-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #1e3a8a;
    padding: 18px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.principal-bottom .name {
    color: #fff;
    font-weight: 700;
}

.principal-bottom .school {
    color: #f4c400;
    font-size: 13px;
}


.principal-right {
    flex: 0 0 380px;
    position: relative;
}

.principal-img-wrapper {
    position: relative;
    text-align: center;
    left: -102px;
    z-index:10;
}


.principal-img-wrapper:before {
    content: "";
    position: absolute;
    top: -15px;
    right: -15px;
    width: 100px;
    height: 100px;
    border-top: 8px solid #1e3a8a;
    border-right: 8px solid #1e3a8a;
}

.principal-img-wrapper img {
    width: 100%;
    box-shadow: 0 30px 60px rgba(0,0,0,0.15);
}


.designation {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #f4c400d6;
    padding: 14px 0;
    font-weight: 700;
}

@media (max-width: 991px) {

    .principal-main {
        flex-direction: column-reverse;
        gap: 40px;
    }

    .principal-right {
        flex: unset;
        width: 100%;
        max-width: 400px;
    }

    .principal-box {
        padding: 40px 25px 80px 25px;
    }

    .principal-bottom {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }
}

@media(max-width:768px)
{
    .principal-box
    {
        width:100%;
    }
    
    .principal_cont
    {
        display:none;
    }
    
    .principal-box a
    {
        padding-bottom:20px;
    }
    
    .principal-img-wrapper 
    {
        position:relative;
        left:0;
    }
    
    .section-title h2
    {
        font-size:28px !important;
        
    }
    
    .principal-bottom
    {
        padding: 3px 40px;
    }
    
    .principal-strip
    {
        bottom: -20px;
    }
}

/*****================ Campus Facilities Style ==================*****/
/* ===============================
   CAMPUS FACILITIES SECTION
================================ */

.facilities{
    background: var(--theme-primary);
    overflow: hidden;
    position: relative;
}

/* Section Title */
.sec-title{
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sec-subtitle{
    font-weight: 400;
}

/* ===============================
   Facility Card
================================ */

.facility-card{
  /*  display: flex; */
    align-items: center;
    gap: 10px;
    padding: 5px;
    transition: 0.4s ease;
}

.sec-subtitlee 
{
    font-size: 1.4rem;
    color: #333; 
    font-weight: 400;
    top: 12px !important;
    position: relative;
}

/* Image Wrapper */
.facility-img{
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}

.facility-img img{
    transition: transform 0.6s ease;
   /* border-radius: 6px; */
    border: 3px solid #fff;
}

/* Hover Zoom */
.facility-card:hover img{
    transform: scale(1.08);
}

/* Facility Name Overlay */
.fac-name{
   /* position: absolute;
    bottom: 15px;
    left: 15px;
    background: var(--theme-warning);
    color: var(--theme-primary);
    font-size: 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s ease;
*/
background-color: rgb(255, 203, 5, .8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 1.1rem;
    font-family: "bricolage-grotesque-24-cond",sans-serif;
}

.facility-card:hover .fac-name{
    background: #fff;
}

/* Number Style */
.fac-count{
    font-size: 80px;
    line-height: 1;
    opacity: 0.15;
    position: relative;
}

/* Alternate layout (odd/even feel like Sunbeam) */
.facility-card:nth-child(even){
    flex-direction: row-reverse;
}

/* ===============================
   Owl Carousel Custom
================================ */

.facility-owl .owl-stage{
    display: flex;
    align-items: stretch;
}

.facility-owl .owl-item{
    display: flex;
    justify-content: center;
}

/* ===============================
   Custom Navigation Buttons
================================ */

.facility-nav{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.facility-prev,
.facility-next{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--theme-warning);
    color: var(--theme-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease;
    font-size: 18px;
}

.facility-prev:hover,
.facility-next:hover{
    background: #fff;
}

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

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

    .sec-title{
        font-size: 32px;
    }

    .facility-card{
        flex-direction: column !important;
        text-align: center;
    }

    .fac-count{
        font-size: 60px;
    }

}

/* Mobile */
@media(max-width:576px){

    .sec-title{
        font-size: 26px;
    }

    .fac-name{
        font-size: 13px;
        padding: 6px 10px;
    }

    .fac-count{
        display: none !important;
    }

}

@media(max-width:768px)
{
    .sec-subtitlee 
    {
        font-weight: 400;
        top: 5px !important;
        position: relative;
    }
    
    .sec-subtitle_story
    {
        font-weight: 400;
        top: 5px !important;
        position: relative;
    }
}

.sec-subtitle_story
{
    font-size: 1.4rem;
    color: #333; 
    font-weight: 400;
    top: 12px !important;
    position: relative;
}
/******============ Campus Facilities Style END ============*******/

/**=========== Alumni Style =========**/
/* ===== SECTION ===== */

.alumni-section {
    background: #f2f2f2;
}

/* Heading */
.sec-title {
    font-weight: 700;
    letter-spacing: 1px;
}

.text-theme-primary {
    color: #1f3c88;
}

.divider {
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #ffc107;
    margin: 0 10px;
}


.alumni-slider-prev
{
    position:relative;
    left:-33px !important;
}
.alumni-slider-next
{
    position:relative;
    right:-10px !important;
    
}
/* ===== SLIDER IMAGES ===== */

.alumni-slider .alumni-item {
    padding: 0 90px;
}

@media(max-width:768px)
{
    .alumni-slider img
    {
        width: 100% !important;
        height: 222px !important;
    }
    .alumni-slider .alumni-item {
        padding: 0 0px;
    }
}

.alumni-slider img {
    width: 100%;
    height: 320px; /* 👈 fixed height for all */
    object-fit: cover; /* image stretch na ho */
    border-radius: 6px;
    transition: 0.4s;
    opacity: 1; /* sab visible */
    transform: scale(1); /* sab equal size */
}

.alumni-slider .owl-item.center img {
    border: 4px solid #1f3c88;
}

.alumni-slider .owl-item:not(.center) img {
    opacity: 0.7;
}

/* ===== CARD ===== */

.alumni-card-wrap {
    max-width: 850px;
    margin-top: 30px;
}

.alumni-card {
    background: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    border-radius: 6px;
    overflow: hidden;
}

/* Header */
.alumni-card .card-header {
    height: 60px;
}

.card-left {
    background: #1f3c88;
    padding: 15px 20px;
    color: #fff;
}

.card-left .subtitle {
    color: #e7ad00;
    font-weight: 600;
    font-size: 15px;
}

.card-right {
    background: #ffc107;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/* Body */
.alumni-card .card-body {
    background: #efefef;
    padding: 25px;
    font-size: 15px;
}

/* Read more */
/*
.readmore {
    color: #1f3c88;
    font-weight: 600;
    text-decoration: none;
}
*/
.readmore{
    display:inline-block;
    margin-top:8px;
    color:#1f3c88;
    font-weight:600;
    position:relative;
    z-index:10;
}

.readmore:hover {
    text-decoration: underline;
}


@media (max-width:768px){

    .alumni-card .card-header{
        flex-direction:column;
        height:auto;
    }

    .card-left{
        width:100%;
        padding:12px 15px;
    }

    .card-right{
        width:100%;
        padding:8px;
        justify-content:center;
    }

    .alumni-card .card-body{
        padding:15px;
        font-size:14px;
    }

}

/* ===== NAVIGATION ===== */

.owl-custom-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.owl-custom-nav button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #ffc107;
    background: #fff;
    color: #ffc107;
    font-size: 20px;
    transition: 0.3s;
}

.owl-custom-nav button:hover {
    background: #ffc107;
    color: #fff;
}

/* ===== VIEW ALL ===== */

.btn-view-all {
    border: 2px solid #ffc107;
    padding: 6px 25px;
    border-radius: 30px;
    color: #1f3c88;
    font-weight: 600;
    text-decoration: none;
}

.btn-view-all:hover {
    background: #ffc107;
    color: #000;
}

/* Responsive */
@media (max-width: 768px) {

    .card-header {
        flex-direction: column;
        height: auto;
    }

    .card-right {
        width: 100%;
        padding: 10px 0;
    }

    .owl-custom-nav {
        display: none;
    }
}
/**=========== Alumni Style END ======**/


/**========== Highlights Style ==========**/
.notice-board-wrapper {
    display: flex;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
   /* border-radius: 12px; */
    overflow: hidden;
    margin: 30px 0;
}

/* LEFT SIDE */
.notice-left {
    background: linear-gradient(135deg, #004aad, #007bff);
    color: #fff;
    padding: 30px 20px;
    /*width: 220px; */
    width:380px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.notice-icon {
    font-size: 80px;
    margin-bottom: 10px;
}

.notice-left h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.highlight-text {
    font-size: 14px;
    opacity: 0.9;
}

/* RIGHT SIDE */
.notice-right {
    flex: 1;
    padding: 20px;
    background: #f9fbff;
}

/* SCROLL AREA */
.notice-scroll {
    height: 300px;
    overflow: hidden;
    position: relative;
}

/* NOTICE ITEM */
.notice-item {
    padding: 12px 15px;
    border-bottom: 1px dashed #e5e5e5;
    transition: 0.3s;
}

.notice-item:hover {
    background: #eef4ff;
    transform: translateX(5px);
}

.notice-date {
    font-size: 13px;
    font-weight: 600;
    color: #004aad;
    margin-bottom: 5px;
}

.notice-text {
    font-size: 14px;
    color: #333;
}


@media (max-width: 768px) {
    .notice-board-wrapper {
        flex-direction: column;
    }

    .notice-left {
        width: 100%;
    }
}
/**========= Highlights Style END ===========**/

/**======== Toppers Style ===============**/
/*
.sun-achievement-section {
    padding: 50px 0;
    background: #f5f9ff;
}

.sun-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    overflow: hidden;
}

.sun-header {
    padding: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.birthday-head {
    background: linear-gradient(90deg,#004aad,#007bff);
    border-bottom: 4px solid #ffc107;
}

.sow-head {
    background: linear-gradient(90deg,#004aad,#0056b3);
    border-bottom: 4px solid #ffc107;
}

.topper-head {
    background: linear-gradient(90deg,#003580,#0066ff);
    border-bottom: 4px solid #ffc107;
}

.sun-scroll {
    height: 350px;
    overflow: hidden;
    padding: 15px;
}

.sun-item {
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
    background: #f9fbff;
    border-radius: 12px;
    transition: 0.3s;
}

.sun-item:hover {
    transform: translateY(-5px);
    background: #eef4ff;
}

.sun-img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 4px solid #ffc107;
    object-fit: cover;
}

.sun-name {
    font-size: 17px;
    font-weight: 600;
    color: #004aad;
    margin-top: 8px;
}

.sun-class {
    font-size: 14px;
    color: #444;
}
*/

/* ===== SECTION ===== */
/*
.sun-achievement-section {
    padding: 60px 0;
    background: linear-gradient(to bottom,#f5f9ff,#eaf2ff);
}
*/
/* ===== CARD ===== */
/*
.sun-card {
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: 0.3s ease;
    position: relative;
}

.sun-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}
*/
/* ===== HEADER ===== */
/*
.sun-header {
    padding: 14px;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    letter-spacing: 0.5px;
}


.birthday-head,
.sow-head,
.topper-head {
    border-bottom: 5px solid #ffc107;
}
*/
/* ===== SCROLL BOX ===== */
/*
.sun-scroll {
    height:500px;
    overflow: hidden;
    padding: 20px;
}
*/
/* ===== ITEM CARD ===== */
/*
.sun-item {
    display: flex;
    flex-direction: column;
    align-items: center;   
    justify-content: center;
    text-align: center;
    padding: 20px 15px;
    margin-bottom: 18px;
   background:linear-gradient(45deg, #009393, #fff8c6);
    border-radius: 15px;
    transition: 0.3s ease;
}

.sun-item:hover {
    background: #eef4ff;
    transform: scale(1.03);
}
*/
/* ===== IMAGE ===== */
/*
.sun-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #ffc107;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    margin-bottom: 15px;
    transition: 0.3s ease;
}
*/

/* Soft golden glow on hover */
/*
.sun-item:hover .sun-img {
    box-shadow: 0 0 25px rgba(255,193,7,0.7);
}
*/

/* ===== NAME ===== */
/*
.sun-name {
    font-size: 18px;
    font-weight: 600;
    color: #004aad;
    margin-bottom: 5px;
}
*/

/* ===== CLASS ===== */
/*
.sun-class {
    font-size: 14px;
    color: #555;
    background: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}
*/
/*////////////////*/
/*
.sun-achievement-section {
    padding: 60px 0;
    background: #0a0a1a; 
    position: relative;
    overflow: hidden;
}
*/

/* Subtle animated star-dust background for entire section */
/*
.sun-achievement-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(255,193,7,0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(100,150,255,0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 60% 80%, rgba(255,100,150,0.07) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}

.sun-achievement-section .container,
.sun-achievement-section .row {
    position: relative;
    z-index: 1;
}
*/
/* ===================================================
   SECTION TITLE (optional — agar use karo)
   =================================================== */
/*
.sun-section-title {
    font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.sun-section-title::after {
    content: '';
    display: block;
    width: 60px; height: 3px;
    background: #FFC107;
    margin: 10px auto 0;
    border-radius: 2px;
}
*/


.card-section {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: nowrap;  
}

.custom-card {
   /* background: linear-gradient(135deg, #541700, #cefffe); */
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    width: 320px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.custom-card h3 
{
    color: #000000 !important;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.card-body {
    display: flex;
    overflow-x: auto;
    gap: 15px;
}

.card-item {
    min-width: 200px;
}

.card-img {
    width: 130px;
    height: 130px;
    border-radius: 15px;
    object-fit: cover;
    border: 4px solid #fff;
    margin-left: 23px;
}

.marks {
    color: #ffd700;
    font-weight: bold;
}

.wish {
    font-size: 13px;
}

.no-data {
    color: #302f2f;
    font-size: 14px;
}


.topper-wrapper {
    display: flex;
    overflow: hidden;
    gap: 20px;
    padding: 10px;
}

.card-item {
    min-width: 200px;
    background: #133572;
    color: #fff;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
}

.card-img {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    object-fit: cover;
    border: 3px solid #fff;
}

.birthday-wrapper {
    display: flex;
    overflow: hidden;
    gap: 20px;
    padding: 10px;
}


@media (max-width: 768px) {
    .card-section {
        flex-wrap: wrap;  /* mobile में नीचे आना सही है */
    }
}

/**======== Toppers Style END =============**/