:root{
  --maroon:        #8B1538;
  --maroon-dark:   #6B0F2A;
  --maroon-tint:   #FBEEF1;
  --gold:          #D4A52A;
  --gold-dark:     #B8860B;
  --navy:          #1B2A4A;
  --navy-dark:     #121C33;
  --cream:         #FBF8F3;   /* new neutral for section alternation */
  --ink:           #2A2A2E;
  --ink-soft:      #6B6B72;
  --line:          #E8E2D8;
  --white:         #FFFFFF;
  --radius:        14px;
  --shadow-sm:     0 2px 10px rgba(27,18,10,0.06);
  --shadow-md:     0 12px 32px rgba(27,18,10,0.10);
  --shadow-lg:     0 24px 60px rgba(27,18,10,0.16);
  --font-head:     'Antonio', sans-serif;
  --font-body:     'Poppins', 'Montserrat', sans-serif;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{text-decoration:none;}
.container-fluid{max-width:1320px; margin:0 auto; padding:0 24px;}
section{position:relative;}

/* Tabular numerals for any stat / fee figure */
.num-tab{font-variant-numeric:tabular-nums;}

/* generic eyebrow used across new sections (matches your "Who We Are" pattern) */
.eyebrow{
  display:flex; align-items:center; gap:10px;
  font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--maroon); margin-bottom:14px;
}
.eyebrow .ey-line{width:30px; height:2px; background:var(--gold); display:inline-block;}
.eyebrow.on-dark{color:var(--gold);}

h2.sec-title{
  font-family:var(--font-head);
  font-weight:700;
  /* font-size:clamp(28px,3.4vw,40px); */
  color:var(--navy);
  line-height:1.18;
  margin:0 0 12px;
}
h2.sec-title em, h2.sec-title .accent{color:var(--maroon); font-style:normal;}
p.sec-sub{
  font-size:16px; color:var(--ink-soft); max-width:100%; line-height:1.65; margin:0;
}
.center{text-align:center; margin-left:auto; margin-right:auto;}

.btn-maroon{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--maroon); color:var(--white);
  font-weight:600; font-size:15px;
  padding:14px 26px; border-radius:8px;
  box-shadow:var(--shadow-sm);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn-maroon:hover{background:var(--maroon-dark); transform:translateY(-2px); box-shadow:var(--shadow-md);}
.btn-gold{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--gold); color:var(--navy-dark);
  font-weight:700; font-size:15px;
  padding:14px 26px; border-radius:8px;
  box-shadow:var(--shadow-sm);
  transition:transform .18s ease, box-shadow .18s ease;
}
.btn-gold:hover{transform:translateY(-2px); box-shadow:var(--shadow-md);}
.btn-outline{
  display:inline-flex; align-items:center; gap:10px;
  border:1.5px solid var(--maroon); color:var(--maroon) !important;
  font-weight:600; font-size:15px; padding:13px 24px; border-radius:8px;
  transition:all .18s ease;
}
.btn-outline:hover{background:var(--maroon); color:var(--white);}

/* =====================================================
   SECTION A — FEE TRANSPARENCY STRIP
   ===================================================== */
.fee-strip{
  background:linear-gradient(180deg, var(--cream) 0%, #FFFFFF 100%);
  padding:40px 0 40px;
}
.fee-head{max-width:780px; margin:0 auto 36px; text-align:center;}
.fee-head .eyebrow{justify-content:center;}
.fee-head h2{margin-bottom:10px;}
.fee-head .fee-line{
  font-size:17px; color:var(--ink-soft); line-height:1.7;
}
.fee-line strong{color:var(--maroon); font-weight:700;}

.fee-stats{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  margin:38px 0 50px;
}
.fee-stat-card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  padding:30px 22px; text-align:center; box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
.fee-stat-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md);}
.fee-stat-card .fs-num{
  font-family:var(--font-head); font-weight:700; font-size:clamp(30px,4vw,42px);
  color:var(--maroon); line-height:1; margin-bottom:8px;
}
.fee-stat-card .fs-num sup{font-size:.45em; top:-1em;}
.fee-stat-card.gold-accent .fs-num{color:var(--gold-dark);}
.fee-stat-card .fs-lbl{font-size:15px; font-weight:600; color:var(--navy); margin-bottom:4px;}
.fee-stat-card .fs-sub{font-size:13px; color:var(--ink-soft);}

/* The "receipt" comparison table — signature element */
.fee-table-wrap{
  background:var(--white); border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow-md); border:1px solid var(--line);
}
.fee-table{width:100%; border-collapse:collapse; font-size:15px;}
.fee-table thead th{
  background:var(--navy); color:var(--white); font-weight:600; font-size:13px;
  text-transform:uppercase; letter-spacing:.05em;
  padding:16px 20px; text-align:left;
}
.fee-table thead th:last-child{background:var(--maroon); position:relative;}
.fee-table thead th.col-label{background:var(--navy-dark); width:170px;}
.fee-table tbody td{
  padding:15px 20px; border-bottom:1px solid var(--line); vertical-align:middle;
}
.fee-table tbody tr:last-child td{border-bottom:none;}
.fee-table tbody td.col-label{
  font-weight:600; color:var(--navy); background:var(--cream); font-size:14px;
}
.fee-table tbody td.outside{
  color:var(--ink-soft); text-decoration:line-through; text-decoration-color:#C9A0A6;
  text-decoration-thickness:1.5px;
}
.fee-table tbody td.chanakya{
  font-weight:700; color:var(--maroon); background:var(--maroon-tint);
}
.fee-table tbody tr.total-row td{
  font-weight:700; font-size:16px; padding-top:18px; padding-bottom:18px;
  border-top:2px solid var(--navy);
}
.fee-table tbody tr.total-row td.col-label{background:var(--navy); color:var(--white);}
.fee-table tbody tr.total-row td.outside{background:#F7F2F2;}
.fee-table tbody tr.total-row td.chanakya{background:var(--maroon); color:var(--white);}
.fee-caption{
  font-size:13px; color:var(--ink-soft); text-align:center; margin:16px 0 0; font-style:italic;
}

.bscc-callout{
  margin-top:36px; background:linear-gradient(120deg, #FFF8E7 0%, #FDF1D8 100%);
  border:1.5px solid #EBD08A; border-radius:var(--radius);
  padding:26px 30px; display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}
.bscc-callout .bc-left{display:flex; align-items:center; gap:16px;}
.bscc-callout .bc-icon{
  width:54px; height:54px; border-radius:50%; background:var(--gold);
  display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--navy-dark);
  flex-shrink:0;
}
.bscc-callout .bc-title{font-weight:700; color:var(--navy); font-size:16px; margin-bottom:4px;}
.bscc-callout .bc-sub{font-size:14px; color:var(--ink-soft);}

.fee-cta-row{
  display:flex; justify-content:center; align-items:center; gap:16px; margin-top:34px; flex-wrap:wrap;
}
.fee-cta-row .fc-note{width:100%; text-align:center; font-size:14px; color:var(--ink-soft); margin-bottom:6px;}

/* =====================================================
   SECTION B — CAREER PATH PROGRAM CARDS
   ===================================================== */
.career-paths{background:var(--white); padding:80px 0;}
.career-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:42px;
}
.career-card{
  border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  background:var(--white); box-shadow:var(--shadow-sm); display:flex; flex-direction:column;
  transition:transform .22s ease, box-shadow .22s ease;
}
.career-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lg);}
.career-card .cc-top{
  background:var(--navy); color:var(--white); padding:24px 26px 20px; position:relative;
}
.career-card .cc-icon{
  width:46px; height:46px; border-radius:10px; background:var(--gold);
  display:flex; align-items:center; justify-content:center; font-size:20px; color:var(--navy-dark);
  margin-bottom:14px;
}
.career-card .cc-top h3{font-family:var(--font-head); font-size:20px; margin:0 0 4px; font-weight:700;}
.career-card .cc-quote{font-size:13.5px; color:#D8DEEA; font-style:italic; margin:0;}
.career-card .cc-body{padding:22px 26px 26px; flex:1; display:flex; flex-direction:column;}
.career-card .cc-desc{font-size:14.5px; color:var(--ink-soft); line-height:1.6; margin-bottom:18px;}
.career-card .cc-jobs-label{
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
  color:var(--maroon); margin-bottom:10px;
}
.career-card .cc-jobs{list-style:none; margin:0 0 20px; padding:0; flex:1;}
.career-card .cc-jobs li{
  font-size:13.5px; color:var(--ink); padding:6px 0 6px 20px; position:relative; border-bottom:1px dashed var(--line);
}
.career-card .cc-jobs li:last-child{border-bottom:none;}
.career-card .cc-jobs li::before{
  content:'→'; position:absolute; left:0; color:var(--gold-dark); font-weight:700;
}
.career-card .cc-foot{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding-top:16px; border-top:1px solid var(--line); flex-wrap:wrap;
}
.career-card .cc-fee{font-size:14px; font-weight:700; color:var(--navy);}
.career-card .cc-fee span{color:var(--maroon);}
.career-card .cc-badge{
  font-size:11px; font-weight:700; color:#1E7A45; background:#E5F5EC;
  padding:4px 9px; border-radius:20px; white-space:nowrap;
}
.career-card .cc-actions{display:flex; gap:10px; margin-top:14px;}
.career-card .cc-actions a{flex:1; text-align:center; font-size:13.5px; padding:10px 12px;}

/* =====================================================
   SECTION C — TESTIMONIALS
   ===================================================== */
.testimonials {
    background: var(--navy);
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}
.testimonials::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 85% 15%, rgba(212,165,42,0.10), transparent 45%);
}
.testimonials .eyebrow.on-dark .ey-line{background:var(--gold);}
.testimonials h2.sec-title{color:var(--white);}
.testimonials p.sec-sub{color:#B9C2D6;}
.testi-flag{
  display:inline-flex; align-items:center; gap:8px; background:rgba(212,165,42,0.14);
  border:1px solid rgba(212,165,42,0.35); color:#F0DCA0; font-size:12.5px;
  padding:8px 14px; border-radius:8px; margin-top:18px;
}
.testi-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:44px; position:relative; z-index:1;
}
.testi-card{
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12);
  border-radius:var(--radius); padding:26px 22px; backdrop-filter:blur(2px);
}
.testi-card .tq-mark{font-family:var(--font-head); font-size:38px; color:var(--gold); line-height:1; margin-bottom:6px;}
.testi-card .tq-text{
  font-size:14.5px; line-height:1.7; color:#E4E8F1; margin-bottom:20px; min-height:140px;
}
.testi-card .tq-person{display:flex; align-items:center; gap:12px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.12);}
.testi-card .tq-avatar{
  width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,var(--gold),var(--maroon));
  display:flex; align-items:center; justify-content:center; color:var(--white); font-weight:700; font-size:15px;
  flex-shrink:0;
}
.testi-card .tq-name{font-size:14px; font-weight:600; color:var(--white); margin:0;}
.testi-card .tq-meta{font-size:12px; color:#9FAAC2; margin:0;}
.testi-card .tq-prog{
  display:inline-block; margin-top:2px; font-size:10.5px; font-weight:700; color:var(--navy-dark);
  background:var(--gold); padding:2px 7px; border-radius:4px;
}

/* =====================================================
   SECTION D — PLACEMENT ASSISTANCE
   ===================================================== */
.placement{background:var(--cream); padding:40px 0;}
.placement-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
.place-card{
  background:var(--white); border-radius:var(--radius); padding:30px 26px;
  box-shadow:var(--shadow-sm); border:1px solid var(--line); text-align:left;
  transition:transform .2s ease, box-shadow .2s ease;
}
.place-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-md);}
.place-card .pc-icon{
  width:54px; height:54px; border-radius:12px; background:var(--maroon-tint);
  display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--maroon);
  margin-bottom:18px;
}
.place-card h3{font-family:var(--font-head); font-size:18px; color:var(--navy); margin:0 0 10px;}
.place-card p{font-size:14px; color:var(--ink-soft); line-height:1.65; margin:0;}

.sector-row{
  margin-top:40px; background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 30px; display:flex; align-items:center; gap:22px; flex-wrap:wrap;
}
.sector-row .sr-label{font-size:13px; font-weight:700; color:var(--navy); text-transform:uppercase; letter-spacing:.04em; flex-shrink:0;}
.sector-pills{display:flex; gap:10px; flex-wrap:wrap;}
.sector-pills span{
  font-size:13px; font-weight:600; color:var(--maroon); background:var(--maroon-tint);
  padding:7px 14px; border-radius:20px;
}

.honest-note{
  margin-top:30px; padding:20px 26px; border-left:4px solid var(--gold);
  background:#FFFBF0; border-radius:0 10px 10px 0; font-size:14.5px; color:var(--ink); line-height:1.65;
}
.honest-note strong{color:var(--navy);}

/* =====================================================
   SECTION E — CAMPUS INFRASTRUCTURE
   ===================================================== */
.campus{background:var(--white); padding:40px 0;}
.campus-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin-top:42px;}
.campus-card{text-align:center; padding:26px 16px; border-radius:var(--radius); border:1px solid var(--line); transition:all .2s ease;}
.campus-card:hover{background:var(--cream); box-shadow:var(--shadow-sm); transform:translateY(-4px);}
.campus-card .cf-icon{
  width:50px; height:50px; border-radius:50%; background:var(--navy); color:var(--gold);
  display:flex; align-items:center; justify-content:center; font-size:20px; margin:0 auto 14px;
}
.campus-card h4{font-size:15px; color:var(--navy); margin:0 0 8px; font-weight:700;}
.campus-card p{font-size:12.5px; color:var(--ink-soft); line-height:1.55; margin:0;}

.campus-photo-strip{
  display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:36px; border-radius:var(--radius); overflow:hidden;
}
.campus-photo-strip .cp-ph{
  aspect-ratio:3/4; background:linear-gradient(135deg,#D9D2C5,#C7BFAF);
  display:flex; align-items:center; justify-content:center; color:var(--ink-soft); font-size:11px; text-align:center; padding:6px;
  border-radius:8px;
}
.campus-cta{text-align:center; margin-top:34px;}

/* =====================================================
   SECTION F — ADMISSION PROCESS (real sequence → numbering justified)
   ===================================================== */
.admission-steps{background:var(--navy-dark); padding:40px 0; position:relative;}
.admission-steps h2.sec-title{color:var(--white);}
.admission-steps p.sec-sub{color:#A8B2C8;}
.admission-steps .eyebrow.on-dark .ey-line{background:var(--gold);}
.steps-row{
  display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:48px; position:relative;
}
.steps-row::before{
  content:''; position:absolute; top:30px; left:6%; right:6%; height:2px;
  background:repeating-linear-gradient(to right, rgba(212,165,42,0.5) 0 10px, transparent 10px 18px);
  z-index:0;
}
.step-card{position:relative; z-index:1; text-align:center; padding:0 16px;}
.step-card .sc-num{
  width:60px; height:60px; border-radius:50%; background:var(--gold); color:var(--navy-dark);
  font-family:var(--font-head); font-weight:700; font-size:22px;
  display:flex; align-items:center; justify-content:center; margin:0 auto 20px;
  box-shadow:0 0 0 6px var(--navy-dark);
}
.step-card h4{color:var(--white); font-size:16px; margin:0 0 10px; font-weight:700;}
.step-card p{color:#9FAAC2; font-size:13.5px; line-height:1.6; margin:0;}
.admission-cta{text-align:center; margin-top:48px;}
.admission-cta .ac-note{color:#7E8AA6; font-size:13px; margin-top:14px;}

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

    /* ── FLOATING ENQUIRY BUTTON + MODAL FORM ── */
    /* ── FLOATING TRIGGER BUTTON ── */
    .anc-float-trigger {
        position: fixed;
            bottom: 82px;
    right: 10px;
        z-index: 9000;
        display: flex;
        align-items: center;
        gap: 9px;
        background: #8B1A1A;
        color: #fff;
        border: none;
        padding: 13px 20px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 700;
        font-family: inherit;
        cursor: pointer;
        box-shadow: 0 4px 20px rgba(139, 26, 26, 0.5);
        transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
        text-decoration: none;
        line-height: 1;
    }

    .anc-float-trigger:hover {
        background: #6B1212;
        transform: translateY(-2px);
        box-shadow: 0 8px 28px rgba(139, 26, 26, 0.6);
        color: #fff;
    }

    .anc-float-trigger i {
        font-size: 19px;
        flex-shrink: 0;
    }

    .anc-float-trigger .anc-fl-main {
        font-size: 14px;
        font-weight: 700;
        display: block;
    }

    .anc-float-trigger .anc-fl-sub {
        font-size: 11px;
        font-weight: 500;
        opacity: 0.72;
        display: block;
        margin-top: 2px;
        letter-spacing: 0.02em;
    }

    /* Pulse ring */
    .anc-float-trigger::before {
        content: '';
        position: absolute;
        inset: -5px;
        border-radius: 50px;
        border: 2px solid rgba(139, 26, 26, 0.45);
        animation: ancFloatPulse 2.6s ease-out infinite;
        pointer-events: none;
    }

    @keyframes ancFloatPulse {
        0% {
            transform: scale(1);
            opacity: 0.8;
        }

        70% {
            transform: scale(1.12);
            opacity: 0;
        }

        100% {
            transform: scale(1.12);
            opacity: 0;
        }
    }


    /* ── FULL-SCREEN OVERLAY ── */
    .anc-enq-overlay {
        position: fixed;
        inset: 0;
        z-index: 9100;
        background: rgba(10, 4, 4, 0.75);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.22s ease;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .anc-enq-overlay.anc-open {
        opacity: 1;
        pointer-events: all;
    }

    /* ── MODAL PANEL ── */
    .anc-enq-panel {
        background: #fff;
        border-radius: 18px;
        width: 100%;
        max-width: 420px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
        overflow: hidden;
        transform: translateY(30px) scale(0.96);
        transition: transform 0.28s cubic-bezier(0.34, 1.36, 0.64, 1), opacity 0.22s ease;
        opacity: 0;
        position: relative;
        margin: auto;
    }

    .anc-enq-overlay.anc-open .anc-enq-panel {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

    /* ── MODAL HEADER ── */
    .anc-enq-hdr {
        background: #8B1A1A;
        padding: 20px 22px 16px;
    }

    .anc-enq-hdr-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .anc-enq-hdr h3 {
        font-size: 18px;
        font-weight: 800;
        color: #fff;
        margin: 0 0 3px;
        line-height: 1.2;
    }

    .anc-enq-hdr p {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.62);
        margin: 0;
    }

    .anc-enq-close {
        background: rgba(255, 255, 255, 0.14);
        border: none;
        color: #fff;
        width: 30px;
        height: 30px;
        min-width: 30px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 18px;
        transition: background 0.15s;
        flex-shrink: 0;
        margin-top: -2px;
    }

    .anc-enq-close:hover {
        background: rgba(255, 255, 255, 0.28);
    }

    .anc-enq-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: rgba(200, 164, 0, 0.16);
        border: 1px solid rgba(200, 164, 0, 0.32);
        border-radius: 20px;
        padding: 5px 12px;
        margin-top: 12px;
        font-size: 12px;
        font-weight: 600;
        color: #C8A400;
    }

    .anc-enq-pill i {
        font-size: 14px;
    }

    /* ── MODAL BODY ── */
    .anc-enq-body {
        padding: 20px 22px 18px;
    }

    .anc-enq-group {
        margin-bottom: 13px;
    }

    .anc-enq-group label {
        display: block;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: #7A5A5A;
        margin-bottom: 5px;
    }

    .anc-enq-group input,
    .anc-enq-group select {
        width: 100%;
        background: #F7F2F0;
        border: 1px solid rgba(139, 26, 26, 0.14);
        border-radius: 8px;
        padding: 11px 13px;
        font-size: 14px;
        color: #1A0A0A;
        font-family: inherit;
        outline: none;
        transition: border-color 0.2s, background 0.2s;
        -webkit-appearance: none;
        appearance: none;
        box-sizing: border-box;
    }

    .anc-enq-group input::placeholder {
        color: #C0ACAC;
    }

    .anc-enq-group input:focus,
    .anc-enq-group select:focus {
        border-color: rgba(139, 26, 26, 0.48);
        background: #fff;
    }

    .anc-enq-sel-wrap {
        position: relative;
    }

    .anc-enq-sel-wrap::after {
        content: '';
        position: absolute;
        right: 13px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #8B1A1A;
        pointer-events: none;
    }

    /* Submit */
    .anc-enq-submit {
        width: 100%;
        background: #8B1A1A;
        color: #fff;
        border: none;
        padding: 13px 20px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 700;
        font-family: inherit;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        transition: background 0.2s;
        margin-top: 4px;
        box-sizing: border-box;
    }

    .anc-enq-submit:hover {
        background: #6B1212;
    }

    .anc-enq-submit.sent {
        background: #14532D;
        pointer-events: none;
    }

    .anc-enq-submit i {
        font-size: 18px;
    }

    /* Status message */
    .anc-enq-status {
        /* font-size: 13px;
        text-align: center;
        margin-top: 7px;
        min-height: 16px;
        font-weight: 600;
        color: #14532D; */
    }

    /* Footer links */
    .anc-enq-links {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid rgba(139, 26, 26, 0.09);
    }

    .anc-enq-link {
        display: flex;
        align-items: center;
        gap: 9px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        color: #5C0F0F;
        background: rgba(139, 26, 26, 0.05);
        border: 1px solid rgba(139, 26, 26, 0.09);
        border-radius: 8px;
        padding: 9px 13px;
        transition: background 0.15s;
        box-sizing: border-box;
    }

    .anc-enq-link:hover {
        background: rgba(139, 26, 26, 0.1);
        color: #5C0F0F;
    }

    .anc-enq-link i {
        font-size: 17px;
        color: #8B1A1A;
        flex-shrink: 0;
    }

    .anc-enq-note {
        text-align: center;
        font-size: 11px;
        color: #B0A0A0;
        margin-top: 10px;
        line-height: 1.5;
    }

    /* Spinner */
    @keyframes ancSpin {
        to {
            transform: rotate(360deg);
        }
    }

    .anc-spin {
        animation: ancSpin 0.8s linear infinite;
        display: inline-block;
    }

    /* ── RESPONSIVE ── */

    /* Tablet & below: still centered, but tighter padding */
    @media (max-width: 600px) {
        .anc-float-trigger {
            bottom: 18px;
            right: 18px;
            padding: 12px 16px;
            font-size: 13px;
        }

        .anc-float-trigger i {
            font-size: 18px;
        }

        .anc-enq-overlay {
            padding: 12px;
            align-items: flex-end;
        }

        .anc-enq-panel {
            max-width: 100%;
            border-radius: 18px 18px 14px 14px;
            margin: 0;
        }
    }

    /* Small phones */
    @media (max-width: 380px) {
        .anc-enq-hdr h3 {
            font-size: 16px;
        }

        .anc-enq-body {
            padding: 16px 16px 14px;
        }

        .anc-enq-group input,
        .anc-enq-group select {
            font-size: 13px;
            padding: 10px 12px;
        }

        .anc-enq-submit {
            font-size: 14px;
            padding: 12px;
        }

        .anc-enq-link {
            font-size: 12px;
            padding: 8px 11px;
        }
    }

    /* ── END FLOATING ENQUIRY ── */

@media (max-width: 1080px){
  .fee-stats{grid-template-columns:1fr;}
  .career-grid{grid-template-columns:1fr 1fr;}
  .testi-grid{grid-template-columns:1fr 1fr;}
  .placement-grid{grid-template-columns:1fr;}
  .campus-grid{grid-template-columns:repeat(3,1fr);}
  .campus-photo-strip{grid-template-columns:repeat(3,1fr);}
  .steps-row{grid-template-columns:1fr 1fr; row-gap:36px;}
  .steps-row::before{display:none;}
  .fee-table{font-size:13.5px;}
}
@media (max-width: 680px){
  .career-grid{grid-template-columns:1fr;}
  .testi-grid{grid-template-columns:1fr;}
  .campus-grid{grid-template-columns:repeat(2,1fr);}
  .campus-photo-strip{grid-template-columns:repeat(2,1fr);}
  .steps-row{grid-template-columns:1fr;}
  .bscc-callout{flex-direction:column; align-items:flex-start;}
  .fee-table thead th, .fee-table tbody td{padding:10px 12px;}
  .sector-row{flex-direction:column; align-items:flex-start;}
}

.single-graduates-card{
  background: #FFFFFF;
  border: 1px solid #E8E2D8;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(27,18,10,0.06);
  transition: transform .22s ease, box-shadow .22s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.single-graduates-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(27,18,10,0.14);
}

/* ---- Header band ---- */
.single-graduates-card .card-top{
  background: linear-gradient(135deg, #353a5e 0%, #353a5e 100%);
  position: relative;
  padding: 36px 20px 44px;
  display: flex;
  justify-content: center;
}

.single-graduates-card .clg-loc-badge{
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.3);
  padding: 5px 10px 5px 8px;
  border-radius: 20px;
  backdrop-filter: blur(2px);
}
.single-graduates-card .clg-loc-badge i{
  font-size: 11px;
  color: #D4A52A;
}

.single-graduates-card .college-logo{
  width: 96px;
  height: 96px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  position: absolute;
  bottom: -32px;
  border: 3px solid #fff;
  overflow: hidden;
}
.single-graduates-card .college-logo img{
  width: 78%;
  height: 78%;
  object-fit: contain;
}

/* ---- Mid content ---- */
.single-graduates-card .card-mid{
  padding: 32px 2px 8px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.single-graduates-card .card-mid h3{
  font-size: 16.5px;
  font-weight: 700;
  color: #1B2A4A;
  text-align: center;
  margin: 0 0 16px;
  line-height: 1.4;
  min-height: 46px;
}

.single-graduates-card .card-info{
  border-top: 1px solid #EFEAE1;
  padding-top: 16px;
  flex: 1;
}

.single-graduates-card .info-loc{
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #6B6B72;
  margin-bottom: 14px;
}
.single-graduates-card .info-loc i{
  color: #8B1538;
  font-size: 13px;
}

.single-graduates-card .prog-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.single-graduates-card .prog-pills span{
  font-size: 11.5px;
  font-weight: 600;
  color: #8B1538;
  background: #FBEEF1;
  padding: 5px 10px;
  border-radius: 16px;
  white-space: nowrap;
}

/* ---- Button ---- */
.single-graduates-card .card-btn-wrap{
  padding: 18px 22px 22px;
}
.single-graduates-card .myClgbtn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  background: #8B1538;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 0;
  border-radius: 9px;
  transition: background .18s ease, transform .18s ease;
}
.single-graduates-card .myClgbtn:hover{
  background: #6B0F2A;
  transform: translateY(-1px);
}
.single-graduates-card .myClgbtn i{
  font-size: 12px;
}

@media (max-width: 480px){
  .single-graduates-card .card-mid h3{ font-size: 15.5px; min-height: auto; }
  .single-graduates-card .college-logo{ width: 84px; height: 84px; bottom: -28px; }
  .single-graduates-card .card-mid{ padding-top: 40px; }
}


.anc_bscc{
  --bscc-maroon: #8B1538;
  --bscc-navy: #1B2A4A;
  --bscc-gold: #D4A52A;
  padding: 10px 0 30px;
}

/* ---- 3 Key Facts row ---- */
.bscc-facts-row{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 24px;
}
.bscc-fact{
  background: #FBF8F3;
  border: 1px solid #E8E2D8;
  border-radius: 12px;
  padding: 18px 16px;
  text-align: center;
}
.bscc-fact .bf-num{
  display: block;
  font-weight: 800;
  font-size: 22px;
  color: var(--bscc-maroon);
  margin-bottom: 4px;
  line-height: 1.1;
}
.bscc-fact .bf-lbl{
  display: block;
  font-size: 12.5px;
  color: #6B6B72;
  font-weight: 500;
}

/* ---- How It Works heading ---- */
.bscc-steps-wrap{
  margin-top: 46px;
}
.bscc-sub-heading{
  font-size: 21px;
  font-weight: 700;
  color: var(--bscc-navy);
  margin: 0 0 18px;
}

/* Extend existing .apply-content-card with a description line.
   These rules only ADD the .content p style — they assume
   .apply-content-card, .content, .content h3, .content h3 span
   already carry your current maroon-numeral styling. */
.apply-content-card .content p{
  margin: 6px 0 0;
  font-size: 13.5px;
  color: #6B6B72;
  line-height: 1.55;
  padding-left: 0;
}

/* ---- Documents needed ---- */
.bscc-docs-wrap {
    margin-top: 0;
    background: #FFFBF0;
    border: 1px solid #EBD08A;
    border-radius: 14px;
    padding: 12px 20px;
    text-align: -webkit-center;
}
.bscc-docs-label{
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--bscc-navy);
  margin-bottom: 14px;
}
.bscc-docs-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 14px;
    justify-content: center;
}
.bscc-docs-tags span{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: var(--bscc-maroon);
  background: #FBEEF1;
  padding: 8px 14px;
  border-radius: 20px;
}
.bscc-docs-tags span i{ font-size: 12px; }
.bscc-docs-note{
  font-size: 13px;
  color: #8A7A4E;
  font-style: italic;
  margin: 0;
}

/* ---- CTAs ---- */
.bscc-cta-row{
     display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
}
.btn-bscc-primary{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--bscc-maroon);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 15px 28px;
  border-radius: 9px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn-bscc-primary:hover{
  background: #6B0F2A;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(139,21,56,0.25);
}
.btn-bscc-outline{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1.5px solid var(--bscc-navy);
  color: var(--bscc-navy);
  font-weight: 600;
  font-size: 15px;
  padding: 14px 26px;
  border-radius: 9px;
  transition: all .18s ease;
}
.btn-bscc-outline:hover{
  background: var(--bscc-navy);
  color: #fff;
}

@media (max-width: 768px){
  .bscc-facts-row{ grid-template-columns: 1fr; }
  .bscc-cta-row{ flex-direction: column; align-items: stretch; }
  .btn-bscc-primary, .btn-bscc-outline{ justify-content: center; }
}

.anc-about-stats.anc-about-stats-4{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

@media (max-width: 991px){
  .anc-about-stats.anc-about-stats-4{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px){
  .anc-about-stats.anc-about-stats-4{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .anc-about-stats.anc-about-stats-4 .stat-num{
    font-size: 20px;
  }
}
.hero-btns a:nth-child(2){
  border:1px solid #fff;
}