/* BBA static demo, option 3 "Campus Immersive" (resources/views/iitpatna/demo/bba-campus.blade.php). Brand: #00487E, #FF8B25, #EBFAFD */
body[data-iit-page=bba-campus] {
    --c3-blue: #00487e;
    --c3-navy: #03224a;
    --c3-gold: #ff8b25;
    --c3-foam: #ebfafd;
    --c3-ink: #0d2a40;
    --c3-muted: #56697c;
    background: #fff
}

body[data-iit-page=bba-campus] .c3 { overflow-x: clip }
body[data-iit-page=bba-campus] .c3 h1,
body[data-iit-page=bba-campus] .c3 h2,
body[data-iit-page=bba-campus] .c3 h3 { color: var(--c3-ink); letter-spacing: -.01em }
body[data-iit-page=bba-campus] .c3 em { color: var(--c3-gold); font-style: normal }

/* buttons */
body[data-iit-page=bba-campus] .c3-btns { display: flex; flex-wrap: wrap; gap: 12px }
body[data-iit-page=bba-campus] .c3-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border-radius: 999px; font-weight: 700; text-decoration: none; transition: transform .2s }
body[data-iit-page=bba-campus] .c3-btn:hover { transform: translateY(-2px) }
body[data-iit-page=bba-campus] .c3-btn--gold { background: var(--c3-gold); box-shadow: 0 12px 24px rgba(255, 139, 37, .35); color: #fff }
body[data-iit-page=bba-campus] .c3-btn--gold:hover { color: #fff }
body[data-iit-page=bba-campus] .c3-btn--glass { border: 1px solid rgba(255, 255, 255, .5); color: #fff }
body[data-iit-page=bba-campus] .c3-btn--glass:hover { background: rgba(255, 255, 255, .1); color: #fff }

/* section basics */
body[data-iit-page=bba-campus] .c3-s { padding: 90px 0 }
body[data-iit-page=bba-campus] .c3-band { background: var(--c3-foam) }
body[data-iit-page=bba-campus] .c3-s h2 { margin: 0 0 34px; font-size: calc(42px * var(--iit-heading-scale, 1)); line-height: 1.1 }
body[data-iit-page=bba-campus] .c3-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 12px; color: var(--c3-blue); font-size: 13px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase }
body[data-iit-page=bba-campus] .c3-eyebrow:before { width: 40px; height: 3px; background: var(--c3-gold); content: "" }
body[data-iit-page=bba-campus] .c3-eyebrow--light { color: #ffd2a8 }

/* 1. hero */
body[data-iit-page=bba-campus] .c3-hero {
    padding: 70px 0 120px;
    background: linear-gradient(100deg, rgba(3, 34, 74, .96) 0%, rgba(3, 34, 74, .82) 45%, rgba(3, 34, 74, .35) 100%), var(--c3-photo) center / cover no-repeat;
    color: #fff
}

body[data-iit-page=bba-campus] .c3-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: 60px }
body[data-iit-page=bba-campus] .c3-crumb { margin-bottom: 20px; color: #c8d8ea; font-size: 13.5px }
body[data-iit-page=bba-campus] .c3-crumb a { color: #fff; text-decoration: none }
body[data-iit-page=bba-campus] .c3-crumb b { color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-tag { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 999px; background: rgba(255, 255, 255, .1); backdrop-filter: blur(6px); font-size: 13.5px }
body[data-iit-page=bba-campus] .c3-tag i { color: #4ade80; font-size: 9px }
body[data-iit-page=bba-campus] .c3-hero h1 { margin: 20px 0 14px; color: #fff; font-size: calc(60px * var(--iit-heading-scale, 1)); font-weight: 800; line-height: 1.02 }
body[data-iit-page=bba-campus] .c3-lead { max-width: 520px; margin: 0 0 28px; color: #d9e6f3; font-size: 17px; line-height: 1.6 }

/* glass form */
body[data-iit-page=bba-campus] .c3-glass { padding: 28px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 24px; background: rgba(255, 255, 255, .12); backdrop-filter: blur(16px); box-shadow: 0 30px 60px rgba(0, 0, 0, .3) }
body[data-iit-page=bba-campus] .c3-glass h2 { margin: 0 0 6px; color: #fff; font-size: 22px }
body[data-iit-page=bba-campus] .c3-glass > p { margin: 0 0 16px; color: #d5e2ef; font-size: 13.5px }
body[data-iit-page=bba-campus] .c3-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
body[data-iit-page=bba-campus] .c3-full { grid-column: 1 / -1 }

body[data-iit-page=bba-campus] .c3-form input:not([type=checkbox]),
body[data-iit-page=bba-campus] .c3-form select {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 12px;
    background: rgba(255, 255, 255, .94);
    color: var(--c3-ink);
    font: inherit;
    font-size: 14px
}

body[data-iit-page=bba-campus] .c3-form input:focus,
body[data-iit-page=bba-campus] .c3-form select:focus { outline: 3px solid rgba(255, 139, 37, .5) }
body[data-iit-page=bba-campus] .c3-phone { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 8px }
body[data-iit-page=bba-campus] .c3-consent { display: flex; align-items: flex-start; gap: 8px; color: #d5e2ef; font-size: 12.5px; line-height: 1.45 }
body[data-iit-page=bba-campus] .c3-consent input { margin-top: 2px; accent-color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-form button { height: 50px; border: 0; border-radius: 12px; background: var(--c3-gold); color: #fff; font-weight: 700; font-size: 15px; cursor: pointer }
body[data-iit-page=bba-campus] .c3-form-success { padding: 18px; border-radius: 12px; background: #e9f8ef; color: #17733d; font-weight: 600; line-height: 1.5 }
body[data-iit-page=bba-campus] .c3-form-errors { margin-bottom: 12px; padding: 10px 14px; border-radius: 10px; background: #fdecec; color: #b42318; font-size: 13.5px }
body[data-iit-page=bba-campus] .c3-form-errors ul { margin: 0; padding-left: 18px }

/* stats strip */
body[data-iit-page=bba-campus] .c3-stats { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: -56px }
body[data-iit-page=bba-campus] .c3-stats > div { display: flex; align-items: center; gap: 14px; padding: 22px; border-radius: 20px; background: #fff; box-shadow: 0 18px 40px rgba(3, 34, 74, .14) }
body[data-iit-page=bba-campus] .c3-stats i { display: grid; width: 52px; height: 52px; flex: 0 0 52px; place-items: center; border-radius: 50%; background: var(--c3-foam); color: var(--c3-blue); font-size: 20px }
body[data-iit-page=bba-campus] .c3-stats > div:nth-child(even) i { background: #fff0e2; color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-stats span { color: var(--c3-muted); font-size: 13px }
body[data-iit-page=bba-campus] .c3-stats b { display: block; color: var(--c3-ink); font-size: 21px }

/* 2. why */
body[data-iit-page=bba-campus] .c3-why { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 50px }
body[data-iit-page=bba-campus] .c3-why-photo { position: relative; height: 460px; border-radius: 30px 160px 30px 30px; background-position: center; background-size: cover }
body[data-iit-page=bba-campus] .c3-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px }
body[data-iit-page=bba-campus] .c3-cards > div { padding: 22px; border: 1px solid #e3ebf3; border-radius: 18px; transition: box-shadow .2s, transform .2s }
body[data-iit-page=bba-campus] .c3-cards > div:hover { box-shadow: 0 16px 30px rgba(3, 34, 74, .08); transform: translateY(-3px) }
body[data-iit-page=bba-campus] .c3-cards i { margin-bottom: 12px; color: var(--c3-gold); font-size: 22px }
body[data-iit-page=bba-campus] .c3-cards h3 { margin: 0 0 4px; font-size: 17px }
body[data-iit-page=bba-campus] .c3-cards p { margin: 0; color: var(--c3-muted); font-size: 14px; line-height: 1.55 }

/* 3. rankings */
body[data-iit-page=bba-campus] .c3-rank { padding-top: 0 }
body[data-iit-page=bba-campus] .c3-rank-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none }
body[data-iit-page=bba-campus] .c3-rank-row li { padding: 8px; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(3, 34, 74, .1) }
body[data-iit-page=bba-campus] .c3-rank-row img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain }

/* 4. timeline */
body[data-iit-page=bba-campus] .c3-timeline { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px }
body[data-iit-page=bba-campus] .c3-timeline:before { position: absolute; top: 22px; right: 4%; left: 4%; height: 3px; background: linear-gradient(90deg, var(--c3-blue), var(--c3-gold)); content: "" }
body[data-iit-page=bba-campus] .c3-sem { position: relative; padding-top: 58px }
body[data-iit-page=bba-campus] .c3-sem:before { position: absolute; top: 10px; left: 50%; width: 26px; height: 26px; box-sizing: border-box; border: 5px solid var(--c3-foam); border-radius: 50%; background: var(--c3-blue); content: ""; transform: translateX(-50%) }
body[data-iit-page=bba-campus] .c3-sem:nth-child(even):before { background: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-sem-card { height: 100%; box-sizing: border-box; padding: 18px; border-radius: 18px; background: #fff; box-shadow: 0 10px 24px rgba(3, 34, 74, .07) }
body[data-iit-page=bba-campus] .c3-sem-card h3 { margin: 0; font-size: 16px }
body[data-iit-page=bba-campus] .c3-sem-card small { color: var(--c3-gold); font-weight: 700 }
body[data-iit-page=bba-campus] .c3-sem-card ul { margin: 10px 0 0; padding-left: 16px; color: var(--c3-muted); font-size: 12.8px; line-height: 1.5 }
body[data-iit-page=bba-campus] .c3-sem-card li { margin-bottom: 4px }
body[data-iit-page=bba-campus] .c3-notes { display: grid; gap: 10px; margin-top: 26px }
body[data-iit-page=bba-campus] .c3-notes p { margin: 0; padding: 14px 18px; border-radius: 14px; background: #fff; color: var(--c3-muted); font-size: 14.5px }
body[data-iit-page=bba-campus] .c3-notes b { color: var(--c3-ink) }
body[data-iit-page=bba-campus] .c3-notes i { margin-right: 6px; color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 34px; align-items: start }
body[data-iit-page=bba-campus] .c3-spec { border-radius: 22px; color: #fff }
body[data-iit-page=bba-campus] .c3-spec:nth-child(4n+1) { background: linear-gradient(150deg, #00487e, #0a6bb5) }
body[data-iit-page=bba-campus] .c3-spec:nth-child(4n+2) { background: linear-gradient(150deg, #ff8b25, #e8590c) }
body[data-iit-page=bba-campus] .c3-spec:nth-child(4n+3) { background: linear-gradient(150deg, #0f8a7e, #10b39f) }
body[data-iit-page=bba-campus] .c3-spec:nth-child(4n) { background: linear-gradient(150deg, #5b2a86, #8e44ad) }
body[data-iit-page=bba-campus] .c3-spec summary { display: block; min-height: 170px; padding: 24px; cursor: pointer; list-style: none }
body[data-iit-page=bba-campus] .c3-spec summary::-webkit-details-marker { display: none }
body[data-iit-page=bba-campus] .c3-spec summary > i { font-size: 28px }
body[data-iit-page=bba-campus] .c3-spec h3 { margin: 34px 0 8px; color: #fff; font-size: 19px }
body[data-iit-page=bba-campus] .c3-spec summary span { font-size: 13px; opacity: .9 }
body[data-iit-page=bba-campus] .c3-spec summary span i { margin-left: 4px; transition: transform .2s }
body[data-iit-page=bba-campus] .c3-spec[open] summary span i { transform: rotate(180deg) }
body[data-iit-page=bba-campus] .c3-spec small { display: block; margin: 0 24px 4px; font-size: 12px; font-weight: 700; letter-spacing: .1em; opacity: .85; text-transform: uppercase }
body[data-iit-page=bba-campus] .c3-spec ul { margin: 0 24px 14px; padding-left: 18px; font-size: 13.5px; line-height: 1.55 }
body[data-iit-page=bba-campus] .c3-spec ul:last-child { padding-bottom: 10px }

/* 5. eligibility + fee */
body[data-iit-page=bba-campus] .c3-ef { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 40px; align-items: start }
body[data-iit-page=bba-campus] .c3-acc { margin-bottom: 12px; border: 1px solid #e3ebf3; border-radius: 16px; background: #fff }
body[data-iit-page=bba-campus] .c3-acc summary { display: flex; justify-content: space-between; padding: 18px 20px; color: var(--c3-ink); font-size: 16px; font-weight: 700; cursor: pointer; list-style: none }
body[data-iit-page=bba-campus] .c3-acc summary::-webkit-details-marker { display: none }
body[data-iit-page=bba-campus] .c3-acc summary:after { color: var(--c3-gold); content: "+"; font-size: 22px; line-height: 1 }
body[data-iit-page=bba-campus] .c3-acc[open] summary:after { content: "–" }
body[data-iit-page=bba-campus] .c3-acc > div { padding: 0 20px 18px; color: var(--c3-muted); font-size: 14.5px; line-height: 1.65 }
body[data-iit-page=bba-campus] .c3-acc p { margin: 0 0 10px }
body[data-iit-page=bba-campus] .c3-acc ul { margin: 0 0 10px; padding-left: 20px }
body[data-iit-page=bba-campus] .c3-acc li { margin-bottom: 6px }
body[data-iit-page=bba-campus] .c3-fee { padding: 34px; border-radius: 26px; background: var(--c3-navy); color: #fff; text-align: center }
body[data-iit-page=bba-campus] .c3-ring { display: grid; width: 190px; height: 190px; place-items: center; margin: 10px auto 22px; border-radius: 50%; background: conic-gradient(var(--c3-gold) 0 75%, rgba(255, 255, 255, .15) 75%) }
body[data-iit-page=bba-campus] .c3-ring > div { display: grid; width: 160px; height: 160px; place-content: center; border-radius: 50%; background: var(--c3-navy) }
body[data-iit-page=bba-campus] .c3-ring b { font-size: 36px; line-height: 1 }
body[data-iit-page=bba-campus] .c3-ring small { color: #b9cbdc }
body[data-iit-page=bba-campus] .c3-fee ul { margin: 0 0 12px; padding: 0; list-style: none; text-align: left }
body[data-iit-page=bba-campus] .c3-fee li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .15); font-size: 14px }
body[data-iit-page=bba-campus] .c3-fee li span { color: #b9cbdc }
body[data-iit-page=bba-campus] .c3-fee-note { margin: 0 0 18px; color: #8fa6bd; font-size: 12.5px }

/* 6. assessment */
body[data-iit-page=bba-campus] .c3-assess { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 40px; align-items: center }
body[data-iit-page=bba-campus] .c3-assess p { margin: 0; color: var(--c3-muted); line-height: 1.75 }
body[data-iit-page=bba-campus] .c3-assess h2 { margin-bottom: 18px }
body[data-iit-page=bba-campus] .c3-assess-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px }
body[data-iit-page=bba-campus] .c3-assess-grid span { display: flex; align-items: center; gap: 10px; padding: 18px; border-radius: 16px; background: #fff; color: var(--c3-ink); font-size: 14.5px; font-weight: 600 }
body[data-iit-page=bba-campus] .c3-assess-grid i { color: var(--c3-gold); font-size: 18px }

/* 7. steps */
body[data-iit-page=bba-campus] .c3-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none }
body[data-iit-page=bba-campus] .c3-steps li { padding: 26px 30px 26px 44px; color: #fff; clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%, 12% 50%) }
body[data-iit-page=bba-campus] .c3-steps li:first-child { padding-left: 26px; clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%) }
body[data-iit-page=bba-campus] .c3-steps li:nth-child(odd) { background: var(--c3-blue) }
body[data-iit-page=bba-campus] .c3-steps li:nth-child(even) { background: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-steps b { display: block; font-size: 26px; opacity: .55 }
body[data-iit-page=bba-campus] .c3-steps h3 { margin: 0; color: #fff; font-size: 16px }
body[data-iit-page=bba-campus] .c3-steps p { margin: 4px 0 0; font-size: 12.5px; opacity: .92 }

/* 8. cta */
body[data-iit-page=bba-campus] .c3-cta { padding: 90px 0 40px; background: linear-gradient(rgba(3, 34, 74, .86), rgba(3, 34, 74, .86)), var(--c3-photo) center / cover no-repeat; color: #fff; text-align: center }
body[data-iit-page=bba-campus] .c3-cta h2 { margin: 0 0 12px; color: #fff; font-size: calc(46px * var(--iit-heading-scale, 1)) }
body[data-iit-page=bba-campus] .c3-cta > .wrap > p { max-width: 600px; margin: 0 auto 26px; color: #d0deeb }
body[data-iit-page=bba-campus] .c3-cta .c3-btns { justify-content: center }
body[data-iit-page=bba-campus] .c3-fine { max-width: 900px; margin: 50px auto 0 !important; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .15); color: #9fb4c8 !important; font-size: 12.5px; line-height: 1.6 }
body[data-iit-page=bba-campus] .c3-fine a { color: #ffd2a8 }

/* tablet */
@media (max-width: 1100px) {
    body[data-iit-page=bba-campus] .c3-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px }
    body[data-iit-page=bba-campus] .c3-timeline:before { display: none }
    body[data-iit-page=bba-campus] .c3-specs { grid-template-columns: repeat(2, minmax(0, 1fr)) }
    body[data-iit-page=bba-campus] .c3-rank-row { grid-template-columns: repeat(3, minmax(0, 1fr)) }
}

@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .c3-hero { padding: 44px 0 100px }
    body[data-iit-page=bba-campus] .c3-hero-grid,
    body[data-iit-page=bba-campus] .c3-why,
    body[data-iit-page=bba-campus] .c3-ef,
    body[data-iit-page=bba-campus] .c3-assess { grid-template-columns: 1fr; gap: 36px }
    body[data-iit-page=bba-campus] .c3-hero h1 { font-size: calc(42px * var(--iit-heading-scale, 1)) }
    body[data-iit-page=bba-campus] .c3-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) }
    body[data-iit-page=bba-campus] .c3-why-photo { height: 300px }
    body[data-iit-page=bba-campus] .c3-steps { grid-template-columns: 1fr; gap: 8px }
    body[data-iit-page=bba-campus] .c3-steps li,
    body[data-iit-page=bba-campus] .c3-steps li:first-child { padding: 18px 20px; border-radius: 14px; clip-path: none }
    body[data-iit-page=bba-campus] .c3-s h2,
    body[data-iit-page=bba-campus] .c3-cta h2 { font-size: calc(32px * var(--iit-heading-scale, 1)) }
}

/* phones */
@media (max-width: 640px) {
    body[data-iit-page=bba-campus] .c3-s { padding: 60px 0 }
    body[data-iit-page=bba-campus] .c3-rank { padding-top: 0 }
    body[data-iit-page=bba-campus] .c3-hero h1 { font-size: calc(36px * var(--iit-heading-scale, 1)) }
    body[data-iit-page=bba-campus] .c3-glass { padding: 22px 16px }
    body[data-iit-page=bba-campus] .c3-form,
    body[data-iit-page=bba-campus] .c3-cards,
    body[data-iit-page=bba-campus] .c3-specs,
    body[data-iit-page=bba-campus] .c3-assess-grid { grid-template-columns: 1fr }
    body[data-iit-page=bba-campus] .c3-stats > div { flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px }
    body[data-iit-page=bba-campus] .c3-timeline { grid-template-columns: 1fr }
    body[data-iit-page=bba-campus] .c3-sem { padding-top: 0 }
    body[data-iit-page=bba-campus] .c3-sem:before { display: none }
    body[data-iit-page=bba-campus] .c3-rank-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px }
    body[data-iit-page=bba-campus] .c3-btns .c3-btn { flex: 1 1 100%; justify-content: center }
}

/* v2: hero contact line */
body[data-iit-page=bba-campus] .c3-contact { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 26px 0 0; padding: 0; list-style: none }
body[data-iit-page=bba-campus] .c3-contact li { display: flex; align-items: center; gap: 8px }
body[data-iit-page=bba-campus] .c3-contact i { color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-contact a { color: #fff; font-size: 14.5px; text-decoration: none }

/* v2: alumni companies marquee */
body[data-iit-page=bba-campus] .c3-alum { overflow: hidden; padding: 80px 0; background: radial-gradient(circle at 85% 0, #0d4a86, transparent 50%), var(--c3-navy) }
body[data-iit-page=bba-campus] .c3-alum-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 34px }
body[data-iit-page=bba-campus] .c3-alum-head h2 { max-width: 640px; margin: 0; color: #fff; font-size: calc(40px * var(--iit-heading-scale, 1)); line-height: 1.12 }
body[data-iit-page=bba-campus] .c3-marquee { -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent) }
body[data-iit-page=bba-campus] .c3-marquee-track { display: flex; width: max-content; gap: 18px; animation: c3-marquee 70s linear infinite }
body[data-iit-page=bba-campus] .c3-marquee:hover .c3-marquee-track { animation-play-state: paused }
@keyframes c3-marquee { to { transform: translateX(-50%) } }
body[data-iit-page=bba-campus] .c3-alum-card { display: flex; flex: 0 0 300px; align-items: center; gap: 14px; margin: 0; padding: 14px; border-radius: 18px; background: #fff }
body[data-iit-page=bba-campus] .c3-alum-photo { width: 64px; height: 64px; flex: 0 0 64px; border: 3px solid var(--c3-gold); border-radius: 50%; object-fit: cover }
body[data-iit-page=bba-campus] .c3-alum-card figcaption { min-width: 0 }
body[data-iit-page=bba-campus] .c3-alum-card b { display: block; overflow: hidden; color: var(--c3-ink); font-size: 15px; text-overflow: ellipsis; white-space: nowrap }
body[data-iit-page=bba-campus] .c3-alum-card span { display: block; overflow: hidden; color: var(--c3-muted); font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap }
body[data-iit-page=bba-campus] .c3-alum-logo { display: block; max-width: 120px; height: 28px; margin-top: 6px; object-fit: contain; object-position: left center }

/* v2: curriculum as three year cards */
body[data-iit-page=bba-campus] .c3-years { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 20px }
body[data-iit-page=bba-campus] .c3-year { overflow: hidden; border-radius: 22px; background: #fff; box-shadow: 0 14px 30px rgba(3, 34, 74, .08) }
body[data-iit-page=bba-campus] .c3-year-toggle { display: flex; width: 100%; align-items: center; gap: 12px; padding: 18px 22px; border: 0; background: var(--c3-blue); color: #fff; cursor: pointer; text-align: left }
body[data-iit-page=bba-campus] .c3-year:nth-child(2) .c3-year-toggle { background: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-year:nth-child(3) .c3-year-toggle { background: var(--c3-navy) }
body[data-iit-page=bba-campus] .c3-year-toggle span { padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .2); font-size: 13px; font-weight: 700 }
body[data-iit-page=bba-campus] .c3-year-toggle b { font-size: 17px }
body[data-iit-page=bba-campus] .c3-year-toggle i { margin-left: auto; transition: transform .2s ease }
body[data-iit-page=bba-campus] .c3-year.is-open .c3-year-toggle i { transform: rotate(180deg) }
body[data-iit-page=bba-campus] .c3-year-sem { padding: 18px 22px }
body[data-iit-page=bba-campus] .c3-year-sem + .c3-year-sem { border-top: 1px dashed #d8e3ee }
body[data-iit-page=bba-campus] .c3-year-sem h3 { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; font-size: 17px }
body[data-iit-page=bba-campus] .c3-year-sem small { padding: 3px 10px; border-radius: 999px; background: #fff0e2; color: #c2600c; font-size: 12px }
body[data-iit-page=bba-campus] .c3-year-sem ul { margin: 0; padding: 0; list-style: none }
body[data-iit-page=bba-campus] .c3-year-sem li { position: relative; padding: 5px 0 5px 20px; color: var(--c3-muted); font-size: 14px; line-height: 1.45 }
body[data-iit-page=bba-campus] .c3-year-sem li:before { position: absolute; top: 5px; left: 0; color: var(--c3-gold); content: "→"; font-weight: 700 }

/* v2: sticky enquiry bar on phones */
body[data-iit-page=bba-campus] .c3-mbar { display: none }

@media (prefers-reduced-motion: reduce) { body[data-iit-page=bba-campus] .c3-marquee-track { animation: none } }
@media (max-width: 1100px) { body[data-iit-page=bba-campus] .c3-years { grid-template-columns: 1fr; max-width: 640px } }
@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .c3-alum-head { flex-direction: column; align-items: flex-start }
    body[data-iit-page=bba-campus] .c3-alum-head h2 { font-size: calc(30px * var(--iit-heading-scale, 1)) }
}
@media (max-width: 640px) {
    body[data-iit-page=bba-campus] .c3-alum { padding: 56px 0 }
    body[data-iit-page=bba-campus] .c3-alum-card { flex-basis: 260px }
    body[data-iit-page=bba-campus] .c3-mbar { position: fixed; z-index: 50; right: 84px; bottom: 12px; left: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 10px 10px 16px; border-radius: 16px; background: var(--c3-navy); box-shadow: 0 16px 30px rgba(0, 0, 0, .3); color: #fff }
    body[data-iit-page=bba-campus] .c3-mbar b { display: block; font-size: 13.5px }
    body[data-iit-page=bba-campus] .c3-mbar small { color: #b9cbdc; font-size: 12px }
    body[data-iit-page=bba-campus] .c3-mbar a { padding: 10px 16px; border-radius: 12px; background: var(--c3-gold); color: #fff; font-weight: 700; text-decoration: none }
    body[data-iit-page=bba-campus] .c3-cta { padding-bottom: 90px }
}

/* v3: full registration-page content */
body[data-iit-page=bba-campus] .c3-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding: 0; list-style: none }
body[data-iit-page=bba-campus] .c3-chips li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 10px; background: rgba(255, 255, 255, .95); color: var(--c3-navy); font-size: 13.5px; font-weight: 600 }
body[data-iit-page=bba-campus] .c3-chips i { color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-hero .c3-btns { gap: 10px }
body[data-iit-page=bba-campus] .c3-hero .c3-btn { padding: 12px 20px; font-size: 14.5px }
body[data-iit-page=bba-campus] .c3-form input[readonly] { background: rgba(235, 250, 253, .95); color: var(--c3-blue); font-weight: 600 }

body[data-iit-page=bba-campus] .c3-why-photo--poster { height: auto; aspect-ratio: 1; border-radius: 30px; background-size: cover }
body[data-iit-page=bba-campus] .c3-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px }
body[data-iit-page=bba-campus] .c3-benefits > div { display: flex; gap: 14px; padding: 16px; border: 1px solid #e3ebf3; border-radius: 16px; transition: box-shadow .2s, transform .2s }
body[data-iit-page=bba-campus] .c3-benefits > div:hover { box-shadow: 0 14px 28px rgba(3, 34, 74, .08); transform: translateY(-2px) }
body[data-iit-page=bba-campus] .c3-benefits i { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border-radius: 12px; background: var(--c3-foam); color: var(--c3-blue); font-size: 18px }
body[data-iit-page=bba-campus] .c3-benefits > div:nth-child(4n+2) i,
body[data-iit-page=bba-campus] .c3-benefits > div:nth-child(4n+3) i { background: #fff0e2; color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-benefits span { color: var(--c3-muted); font-size: 13.5px; line-height: 1.5 }
body[data-iit-page=bba-campus] .c3-benefits b { display: block; margin-bottom: 2px; color: var(--c3-ink); font-size: 15px }

body[data-iit-page=bba-campus] .c3-acc ol { margin: 0 0 10px; padding-left: 20px }
body[data-iit-page=bba-campus] .c3-duration { display: flex; gap: 14px; margin-top: 18px; padding: 18px 20px; border-left: 4px solid var(--c3-gold); border-radius: 14px; background: #fff; color: var(--c3-muted); font-size: 14.5px }
body[data-iit-page=bba-campus] .c3-duration i { color: var(--c3-blue); font-size: 22px }
body[data-iit-page=bba-campus] .c3-duration b { display: block; color: var(--c3-ink); font-size: 16px }
body[data-iit-page=bba-campus] .c3-notes p { background: var(--c3-foam) }
body[data-iit-page=bba-campus] .c3-subhead { margin: 34px 0 0; font-size: 22px }
body[data-iit-page=bba-campus] .c3-subhead small { color: var(--c3-muted); font-size: 15px; font-weight: 500 }
body[data-iit-page=bba-campus] .c3-specs { margin-top: 16px }

body[data-iit-page=bba-campus] .c3-degree { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; align-items: start }
body[data-iit-page=bba-campus] .c3-degree > div > p { margin: 0 0 20px; color: var(--c3-muted); line-height: 1.75 }
body[data-iit-page=bba-campus] .c3-degree h2 { margin-bottom: 16px }
body[data-iit-page=bba-campus] .c3-certs { padding: 22px; border-radius: 22px; background: #fff; box-shadow: 0 16px 34px rgba(3, 34, 74, .08) }
body[data-iit-page=bba-campus] .c3-certs h3 { margin: 0 0 12px; font-size: 19px }
body[data-iit-page=bba-campus] .c3-cert-tabs { display: flex; gap: 8px; margin-bottom: 14px }
body[data-iit-page=bba-campus] .c3-cert-tabs button { padding: 8px 18px; border: 1px solid #d3dfea; border-radius: 999px; background: #fff; color: var(--c3-ink); font-weight: 600; cursor: pointer }
body[data-iit-page=bba-campus] .c3-cert-tabs button.is-active { border-color: var(--c3-blue); background: var(--c3-blue); color: #fff }
body[data-iit-page=bba-campus] .c3-certs img { display: none; width: 100%; border-radius: 12px; box-shadow: 0 6px 16px rgba(3, 34, 74, .1) }
body[data-iit-page=bba-campus] .c3-certs img.is-active { display: block }
body[data-iit-page=bba-campus] .c3-disclaimer { margin: 12px 0 0; color: #6b7c8f; font-size: 12.5px; font-style: italic }

body[data-iit-page=bba-campus] .c3-steps6 { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0 0 30px; padding: 0; list-style: none; counter-reset: none }
body[data-iit-page=bba-campus] .c3-steps6 li { position: relative; padding: 24px 22px 22px; border-radius: 20px; background: #fff; box-shadow: 0 12px 28px rgba(3, 34, 74, .08) }
body[data-iit-page=bba-campus] .c3-steps6 li:before { position: absolute; top: 0; left: 22px; right: 22px; height: 4px; border-radius: 0 0 4px 4px; background: var(--c3-blue); content: "" }
body[data-iit-page=bba-campus] .c3-steps6 li:nth-child(even):before { background: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-steps6 b { display: grid; width: 52px; height: 52px; place-items: center; margin-bottom: 14px; border-radius: 50%; background: var(--c3-foam); color: var(--c3-blue); font-size: 20px; font-weight: 800 }
body[data-iit-page=bba-campus] .c3-steps6 li:nth-child(even) b { background: #fff0e2; color: var(--c3-gold) }
body[data-iit-page=bba-campus] .c3-steps6 h3 { margin: 0 0 6px; font-size: 17px }
body[data-iit-page=bba-campus] .c3-steps6 p { margin: 0; color: var(--c3-muted); font-size: 14px; line-height: 1.55 }
body[data-iit-page=bba-campus] .c3-center { text-align: center }

body[data-iit-page=bba-campus] .c3-row-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 26px }
body[data-iit-page=bba-campus] .c3-row-head h2 { margin: 0 }
body[data-iit-page=bba-campus] .c3-arrows { display: flex; gap: 10px }
body[data-iit-page=bba-campus] .c3-arrows button { display: grid; width: 46px; height: 46px; place-items: center; border: 1.5px solid var(--c3-blue); border-radius: 50%; background: #fff; color: var(--c3-blue); cursor: pointer }
body[data-iit-page=bba-campus] .c3-arrows button:last-child { background: var(--c3-blue); color: #fff }
body[data-iit-page=bba-campus] .c3-hscroll { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: none }
body[data-iit-page=bba-campus] .c3-hscroll::-webkit-scrollbar { display: none }
body[data-iit-page=bba-campus] .c3-hscroll img { width: 100%; border-radius: 18px; box-shadow: 0 12px 26px rgba(3, 34, 74, .12); scroll-snap-align: start }

body[data-iit-page=bba-campus] .c3-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 24px }
body[data-iit-page=bba-campus] .c3-gallery figure { margin: 0; overflow: hidden; border-radius: 16px; aspect-ratio: 3 / 2 }
body[data-iit-page=bba-campus] .c3-gallery figure[hidden] { display: none }
body[data-iit-page=bba-campus] .c3-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s }
body[data-iit-page=bba-campus] .c3-gallery figure:hover img { transform: scale(1.06) }
body[data-iit-page=bba-campus] .c3-more { padding: 12px 26px; border: 1.5px solid var(--c3-blue); border-radius: 999px; background: #fff; color: var(--c3-blue); font-weight: 700; cursor: pointer }

body[data-iit-page=bba-campus] .c3-recruit { padding: 50px 0; border-top: 1px solid #e3ebf3; text-align: center }
body[data-iit-page=bba-campus] .c3-logos { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; margin-top: 10px }
body[data-iit-page=bba-campus] .c3-logos img { width: 100%; height: 76px; padding: 10px; box-sizing: border-box; border: 1px solid #e3ebf3; border-radius: 14px; background: #fff; object-fit: contain; filter: grayscale(.2) }

body[data-iit-page=bba-campus] .c3-elite { width: 230px; height: 230px; flex: 0 0 230px; border-radius: 22px; object-fit: cover; box-shadow: 0 14px 30px rgba(0, 0, 0, .25) }

body[data-iit-page=bba-campus] .c3-cta-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; max-width: 900px; margin: 0 auto }
body[data-iit-page=bba-campus] .c3-cta-cards a { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 20px 14px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 18px; background: rgba(255, 255, 255, .08); color: #fff; text-decoration: none; backdrop-filter: blur(6px); transition: background .2s }
body[data-iit-page=bba-campus] .c3-cta-cards a:hover { background: rgba(255, 255, 255, .16); color: #fff }
body[data-iit-page=bba-campus] .c3-cta-cards i { margin-bottom: 6px; color: var(--c3-gold); font-size: 24px }
body[data-iit-page=bba-campus] .c3-cta-cards span { color: #c8d8e8; font-size: 13px }

@media (max-width: 1100px) {
    body[data-iit-page=bba-campus] .c3-steps6 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
    body[data-iit-page=bba-campus] .c3-hscroll { grid-auto-columns: calc((100% - 20px) / 2) }
    body[data-iit-page=bba-campus] .c3-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)) }
    body[data-iit-page=bba-campus] .c3-logos { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}

@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .c3-degree { grid-template-columns: 1fr }
    body[data-iit-page=bba-campus] .c3-cta-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) }
    body[data-iit-page=bba-campus] .c3-why-photo--poster { max-width: 520px }
}

@media (max-width: 640px) {
    body[data-iit-page=bba-campus] .c3-benefits,
    body[data-iit-page=bba-campus] .c3-steps6 { grid-template-columns: 1fr }
    body[data-iit-page=bba-campus] .c3-hscroll { grid-auto-columns: 85% }
    body[data-iit-page=bba-campus] .c3-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
    body[data-iit-page=bba-campus] .c3-logos { grid-template-columns: repeat(2, minmax(0, 1fr)) }
    body[data-iit-page=bba-campus] .c3-elite { width: 180px; height: 180px; flex-basis: 180px }
    body[data-iit-page=bba-campus] .c3-row-head { flex-direction: column; align-items: flex-start }
    body[data-iit-page=bba-campus] .c3-hero .c3-btn { flex: 1 1 calc(50% - 10px); justify-content: center; padding: 12px 10px; font-size: 13.5px }
}

/* ==========================================================================
   Course page chrome: own header (section menu that scrolls) and registration-style footer
   ========================================================================== */
html:has(body[data-iit-page=bba-campus]) { scroll-behavior: smooth }
body[data-iit-page=bba-campus] .c3-anchor { scroll-margin-top: 78px }
body[data-iit-page=bba-campus] #enquire { scroll-margin-top: 90px }

body[data-iit-page=bba-campus] .ch { position: sticky; z-index: 60; top: 0; background: #fff; box-shadow: 0 1px 0 #e3ebf3; transition: box-shadow .2s }
body[data-iit-page=bba-campus] .ch.is-scrolled { box-shadow: 0 8px 24px rgba(3, 34, 74, .12) }
body[data-iit-page=bba-campus] .ch-inner { display: flex; align-items: center; gap: 24px; max-width: 1320px; height: 72px; margin: 0 auto; padding: 0 20px; box-sizing: border-box }
body[data-iit-page=bba-campus] .ch-logo { flex: 0 0 auto; display: flex; align-items: center }
body[data-iit-page=bba-campus] .ch-logo img { display: block; height: 52px; width: auto }
body[data-iit-page=bba-campus] .ch-logo b { color: var(--c3-navy); font-size: 18px }
body[data-iit-page=bba-campus] .ch-nav { display: flex; flex: 1 1 auto; justify-content: center; gap: 4px; min-width: 0; overflow-x: auto; scrollbar-width: none }
body[data-iit-page=bba-campus] .ch-nav::-webkit-scrollbar { display: none }
body[data-iit-page=bba-campus] .ch-nav a { flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; color: var(--c3-ink); font-size: 14.5px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s }
body[data-iit-page=bba-campus] .ch-nav a:hover { background: var(--c3-foam); color: var(--c3-blue) }
body[data-iit-page=bba-campus] .ch-nav a.is-active { background: var(--c3-blue); color: #fff }
body[data-iit-page=bba-campus] .ch-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 12px }
body[data-iit-page=bba-campus] .ch-phone { display: flex; align-items: center; gap: 8px; color: var(--c3-ink); font-size: 14px; font-weight: 600; text-decoration: none }
body[data-iit-page=bba-campus] .ch-phone i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #fff0e2; color: var(--c3-gold) }
body[data-iit-page=bba-campus] .ch-btn { padding: 11px 22px; border-radius: 999px; background: var(--c3-gold); box-shadow: 0 8px 18px rgba(255, 139, 37, .3); color: #fff; font-weight: 700; text-decoration: none }
body[data-iit-page=bba-campus] .ch-btn:hover { color: #fff; filter: brightness(1.05) }
body[data-iit-page=bba-campus] .ch-toggle { display: none; width: 42px; height: 42px; border: 1px solid #d3dfea; border-radius: 10px; background: #fff; color: var(--c3-navy); font-size: 18px; cursor: pointer }

body[data-iit-page=bba-campus] .cf { background: #01182f; color: #a9bccf }
body[data-iit-page=bba-campus] .cf-inner { max-width: 1320px; margin: 0 auto; padding: 44px 20px 0; box-sizing: border-box }
body[data-iit-page=bba-campus] .cf-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px; padding-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, .1) }
body[data-iit-page=bba-campus] .cf-logo img { display: block; height: 56px; width: auto; padding: 6px 10px; border-radius: 12px; background: #fff }
body[data-iit-page=bba-campus] .cf-logo b { color: #fff }
body[data-iit-page=bba-campus] .cf-contact { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 0; padding: 0; list-style: none }
body[data-iit-page=bba-campus] .cf-contact li { display: flex; align-items: center; gap: 8px }
body[data-iit-page=bba-campus] .cf-contact i { color: var(--c3-gold) }
body[data-iit-page=bba-campus] .cf-contact a { color: #fff; text-decoration: none }
body[data-iit-page=bba-campus] .cf-social { display: flex; gap: 10px }
body[data-iit-page=bba-campus] .cf-social a { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, .08); color: #fff; text-decoration: none; transition: background .2s }
body[data-iit-page=bba-campus] .cf-social a:hover { background: var(--c3-gold) }
body[data-iit-page=bba-campus] .cf-notes { padding: 22px 0; font-size: 13px; line-height: 1.65 }
body[data-iit-page=bba-campus] .cf-notes p { margin: 0 0 8px; color: #a9bccf }
body[data-iit-page=bba-campus] .cf-notes a { color: #ffd2a8; word-break: break-all }
body[data-iit-page=bba-campus] .cf-bottom { padding: 18px 0 24px; border-top: 1px solid rgba(255, 255, 255, .1); color: #8ea4bb; font-size: 13px; text-align: center }

@media (max-width: 1100px) {
    body[data-iit-page=bba-campus] .ch-phone span { display: none }
}

@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .ch-inner { height: 64px; gap: 12px }
    body[data-iit-page=bba-campus] .ch-logo img { height: 44px }
    body[data-iit-page=bba-campus] .ch-toggle { display: grid; place-items: center }
    body[data-iit-page=bba-campus] .ch-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; flex-direction: column; gap: 2px; padding: 10px 16px 16px; background: #fff; box-shadow: 0 14px 24px rgba(3, 34, 74, .14) }
    body[data-iit-page=bba-campus] .ch.is-open .ch-nav { display: flex }
    body[data-iit-page=bba-campus] .ch-nav a { padding: 12px 14px; border-radius: 10px }
    body[data-iit-page=bba-campus] .c3-anchor { scroll-margin-top: 70px }
}

@media (max-width: 640px) {
    body[data-iit-page=bba-campus] .ch-phone { display: none }
    body[data-iit-page=bba-campus] .ch-btn { padding: 9px 16px; font-size: 14px }
    body[data-iit-page=bba-campus] .cf-top { flex-direction: column; align-items: flex-start }
    body[data-iit-page=bba-campus] .cf { padding-bottom: 80px }
}

/* course header uses the site header colours (Admin -> Appearance), so the white logo text stays visible */
body[data-iit-page=bba-campus] .ch { background: var(--iit-header-bg, #fff); box-shadow: none }
body[data-iit-page=bba-campus] .ch.is-scrolled { box-shadow: 0 8px 24px rgba(3, 34, 74, .25) }
body[data-iit-page=bba-campus] .ch-logo img { height: 56px }
body[data-iit-page=bba-campus] .ch-nav a,
body[data-iit-page=bba-campus] .ch-phone { color: var(--iit-header-text, var(--c3-ink)) }
body[data-iit-page=bba-campus] .ch-nav a:hover { background: rgba(255, 255, 255, .14); color: var(--iit-header-text, var(--c3-blue)) }
body[data-iit-page=bba-campus] .ch-nav a.is-active { background: var(--c3-gold); color: #fff }
body[data-iit-page=bba-campus] .ch-nav { justify-content: flex-end }
body[data-iit-page=bba-campus] .cf-logo img { padding: 0; border-radius: 0; background: none }
body[data-iit-page=bba-campus] .cf-logo img { width: 190px; max-width: 100%; height: auto; max-height: 58px }
body[data-iit-page=bba-campus] .cf-social img { display: block; width: 34px; height: 34px; object-fit: contain }
@media (min-width: 1001px) {
    body[data-iit-page=bba-campus] .cf-logo img { width: 330px; max-height: 74px }
}
@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .ch-nav { background: var(--iit-header-bg, #fff) }
    body[data-iit-page=bba-campus] .ch-toggle { border-color: rgba(255, 255, 255, .35); background: transparent; color: var(--iit-header-text, var(--c3-navy)) }
}

/* course banners can be links */
body[data-iit-page=bba-campus] .c3-hscroll > a { display: block; scroll-snap-align: start }

/* home top strip above the course header: full width like the home page */
@media (min-width: 1001px) {
    body[data-iit-page=bba-campus] .ch-topbar.hs-scope.hs-scope .top > .wrap { width: calc(100% - 48px); max-width: 1560px }
}
body[data-iit-page=bba-campus] .ch-topbar .top-links i { margin-right: 4px }

/* bigger logo in the course header */
body[data-iit-page=bba-campus] .ch-inner { height: 84px }
body[data-iit-page=bba-campus] .ch-logo img { height: 68px }
@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .ch-inner { height: 70px }
    body[data-iit-page=bba-campus] .ch-logo img { height: 54px }
}
body[data-iit-page=bba-campus] .c3-anchor { scroll-margin-top: 90px }
@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .c3-anchor { scroll-margin-top: 76px }
}

/* How to apply (home Admission Process design): button under the steps */
body[data-iit-page=bba-campus] .apx-cta { margin-top: 34px; text-align: center }
@media (max-width: 480px) {
    body[data-iit-page=bba-campus] .ch-inner { padding: 0 12px; gap: 8px }
    body[data-iit-page=bba-campus] .ch-logo img { height: 46px }
}

/* header without phone / Register button: menu on the right */
body[data-iit-page=bba-campus] .ch-nav { justify-content: flex-end }
body[data-iit-page=bba-campus] .ch-actions { margin-left: auto }

/* refund policy button in the course footer */
body[data-iit-page=bba-campus] .cf-notes a.cf-refund { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; padding: 9px 18px; border-radius: 999px; background: var(--c3-gold, #ff8b25); color: #fff; font-weight: 600; font-size: 14px; text-decoration: none; word-break: normal; transition: background .2s }
body[data-iit-page=bba-campus] .cf-notes a.cf-refund:hover, body[data-iit-page=bba-campus] .cf-notes a.cf-refund:focus-visible { background: #e57510; color: #fff }

/* top banner: optional background photo slider (Admin -> Course Pages -> Top banner -> Background slider) */
body[data-iit-page=bba-campus] .c3-hero--slider { position: relative; overflow: hidden; background: #03224a; isolation: isolate }
body[data-iit-page=bba-campus] .c3-hero--slider::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(100deg, rgba(3, 34, 74, .96) 0%, rgba(3, 34, 74, .82) 45%, rgba(3, 34, 74, .35) 100%); content: ""; pointer-events: none }
body[data-iit-page=bba-campus] .c3-hero--slider > .wrap { position: relative; z-index: 2 }
body[data-iit-page=bba-campus] .c3-hero-slides { position: absolute; z-index: 0; inset: 0 }
body[data-iit-page=bba-campus] .c3-hero-slides span { position: absolute; inset: 0; background: center / cover no-repeat; opacity: 0; transform: scale(1.06); transition: opacity 1.2s ease, transform 6s ease }
body[data-iit-page=bba-campus] .c3-hero-slides span.is-active { opacity: 1; transform: scale(1) }
@media (prefers-reduced-motion: reduce) {
    body[data-iit-page=bba-campus] .c3-hero-slides span { transition: none; transform: none }
}

/* program structure: one tab per specialisation track (BS, BS-MS, MS, M.Tech) */
body[data-iit-page=bba-campus] .c3-track-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 4px }
body[data-iit-page=bba-campus] .c3-track-tabs button { padding: 11px 20px; border: 1px solid #cfdcea; border-radius: 999px; background: #fff; color: var(--c3-ink, #0b2545); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; transition: background .2s, color .2s, border-color .2s }
body[data-iit-page=bba-campus] .c3-track-tabs button:hover { border-color: var(--c3-blue, #00487e) }
body[data-iit-page=bba-campus] .c3-track-tabs button.is-active { border-color: var(--c3-blue, #00487e); background: var(--c3-blue, #00487e); color: #fff }
body[data-iit-page=bba-campus] .c3-track-tabs button:focus-visible { outline: 3px solid var(--c3-gold, #ff8b25); outline-offset: 2px }
@media (max-width: 600px) {
    body[data-iit-page=bba-campus] .c3-track-tabs button { flex: 1 1 100%; text-align: center }
}

/* degree section without degree images (for example About IIIT Ranchi): text uses the full width */
body[data-iit-page=bba-campus] .c3-degree:not(:has(.c3-certs)) { grid-template-columns: minmax(0, 1fr) }
body[data-iit-page=bba-campus] .c3-degree:not(:has(.c3-certs)) > div { max-width: 920px }

/* ===== polish (Oct 2026): calmer spacing, full posters, card hover, soft patterns ===== */
body[data-iit-page=bba-campus] .c3-s { padding: 80px 0 }
body[data-iit-page=bba-campus] .c3-rank { padding-top: 48px }
body[data-iit-page=bba-campus] .c3-s h2 { letter-spacing: -.01em }
body[data-iit-page=bba-campus] .c3-band { background-color: var(--c3-foam); background-image: radial-gradient(rgba(0, 72, 126, .07) 1px, transparent 1.4px); background-size: 22px 22px }

/* key facts */
body[data-iit-page=bba-campus] .c3-stats > div { border-bottom: 3px solid transparent; transition: transform .25s, box-shadow .25s, border-color .25s }
body[data-iit-page=bba-campus] .c3-stats > div:hover { border-bottom-color: var(--c3-gold); box-shadow: 0 22px 44px rgba(3, 34, 74, .18); transform: translateY(-4px) }

/* rankings */
body[data-iit-page=bba-campus] .c3-rank-row li { transition: transform .25s, box-shadow .25s }
body[data-iit-page=bba-campus] .c3-rank-row li:hover { box-shadow: 0 18px 34px rgba(3, 34, 74, .16); transform: translateY(-5px) }

/* benefits: the whole poster, next to the heading */
body[data-iit-page=bba-campus] .c3-why { align-items: start }
body[data-iit-page=bba-campus] .c3-why-photo--poster { position: sticky; top: 110px; height: auto; aspect-ratio: auto; margin-top: 8px; background: none }
body[data-iit-page=bba-campus] .c3-why-photo--poster img { display: block; width: 100%; height: auto; border-radius: 28px; box-shadow: 0 26px 50px rgba(3, 34, 74, .2) }
body[data-iit-page=bba-campus] .c3-benefits > div { align-items: flex-start; background: #fff }
body[data-iit-page=bba-campus] .c3-benefits > div:hover { border-color: rgba(255, 139, 37, .45) }
body[data-iit-page=bba-campus] .c3-benefits i { transition: background .25s, color .25s }
body[data-iit-page=bba-campus] .c3-benefits > div:hover i { background: var(--c3-blue); color: #fff }
body[data-iit-page=bba-campus] .c3-benefits > div:nth-child(4n+2):hover i,
body[data-iit-page=bba-campus] .c3-benefits > div:nth-child(4n+3):hover i { background: var(--c3-gold); color: #fff }

/* eligibility & fee */
body[data-iit-page=bba-campus] .c3-acc { transition: box-shadow .25s, border-color .25s }
body[data-iit-page=bba-campus] .c3-acc[open] { border-color: transparent; box-shadow: 0 16px 34px rgba(3, 34, 74, .09); border-left: 4px solid var(--c3-blue) }
body[data-iit-page=bba-campus] .c3-acc summary:hover { color: var(--c3-blue) }
body[data-iit-page=bba-campus] .c3-fee { position: relative; overflow: hidden; background: linear-gradient(160deg, #0b3d6b 0%, var(--c3-navy) 60%); box-shadow: 0 30px 60px rgba(3, 34, 74, .28) }
body[data-iit-page=bba-campus] .c3-fee::before { position: absolute; top: -90px; right: -90px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 139, 37, .28), transparent 70%); content: ""; pointer-events: none }
body[data-iit-page=bba-campus] .c3-fee > * { position: relative }

/* curriculum */
body[data-iit-page=bba-campus] .c3-year { transition: transform .25s, box-shadow .25s }
body[data-iit-page=bba-campus] .c3-year:hover { box-shadow: 0 24px 46px rgba(3, 34, 74, .14); transform: translateY(-4px) }
body[data-iit-page=bba-campus] .c3-notes p { transition: transform .2s }
body[data-iit-page=bba-campus] .c3-notes p:hover { transform: translateX(4px) }
body[data-iit-page=bba-campus] .c3-spec { transition: transform .25s, box-shadow .25s }
body[data-iit-page=bba-campus] .c3-spec:hover { box-shadow: 0 20px 40px rgba(3, 34, 74, .2); transform: translateY(-3px) }

/* degree */
body[data-iit-page=bba-campus] .c3-certs { box-shadow: 0 26px 54px rgba(3, 34, 74, .12) }
body[data-iit-page=bba-campus] .c3-assess-grid span { transition: transform .2s, box-shadow .2s }
body[data-iit-page=bba-campus] .c3-assess-grid span:hover { box-shadow: 0 12px 26px rgba(3, 34, 74, .1); transform: translateY(-3px) }

/* course banners and contact cards */
body[data-iit-page=bba-campus] .c3-hscroll img { transition: transform .35s }
body[data-iit-page=bba-campus] .c3-hscroll a:hover img { transform: scale(1.03) }
body[data-iit-page=bba-campus] .c3-cta-cards a { transition: transform .25s, background .25s, border-color .25s }
body[data-iit-page=bba-campus] .c3-cta-cards a:hover { border-color: var(--c3-gold); background: rgba(255, 255, 255, .14); transform: translateY(-4px) }

@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .c3-s { padding: 56px 0 }
    body[data-iit-page=bba-campus] .c3-rank { padding-top: 36px }
    body[data-iit-page=bba-campus] .c3-why-photo--poster { position: static; margin-bottom: 26px }
}
@media (prefers-reduced-motion: reduce) {
    body[data-iit-page=bba-campus] .c3-stats > div, body[data-iit-page=bba-campus] .c3-rank-row li, body[data-iit-page=bba-campus] .c3-year,
    body[data-iit-page=bba-campus] .c3-spec, body[data-iit-page=bba-campus] .c3-hscroll img, body[data-iit-page=bba-campus] .c3-notes p { transition: none }
}
body[data-iit-page=bba-campus] .c3-rank { padding-bottom: 24px }
@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .c3-rank { padding-bottom: 8px }
}

/* gallery as a slider (Admin -> Course Pages -> Gallery -> Slider) */
body[data-iit-page=bba-campus] .hs-scope .gl--slider .gl-head { align-items: end }
body[data-iit-page=bba-campus] .hs-scope .gl-arrows { display: flex; flex: 0 0 auto; gap: 10px }
body[data-iit-page=bba-campus] .hs-scope .gl-arrow { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid #cfdcea; border-radius: 50%; background: #fff; color: var(--c3-blue, #00487e); font-size: 16px; cursor: pointer; transition: background .2s, color .2s, border-color .2s, opacity .2s }
body[data-iit-page=bba-campus] .hs-scope .gl-arrow:hover:not(:disabled) { border-color: var(--c3-gold, #ff8b25); background: var(--c3-gold, #ff8b25); color: #fff }
body[data-iit-page=bba-campus] .hs-scope .gl-arrow:disabled { opacity: .4; cursor: default }
body[data-iit-page=bba-campus] .hs-scope .gl-arrow:focus-visible { outline: 3px solid var(--c3-gold, #ff8b25); outline-offset: 2px }
body[data-iit-page=bba-campus] .hs-scope .gl-grid.gl-grid--slider { display: flex; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; grid-template-rows: none }
body[data-iit-page=bba-campus] .hs-scope .gl-grid.gl-grid--slider::-webkit-scrollbar { display: none }
body[data-iit-page=bba-campus] .hs-scope .gl-grid.gl-grid--slider .gl-item { flex: 0 0 calc((100% - 32px) / 3); height: 300px; border-radius: 18px; scroll-snap-align: start; grid-column: auto; grid-row: auto }
body[data-iit-page=bba-campus] .hs-scope .gl-grid.gl-grid--slider .gl-item img { width: 100%; height: 100% }
body[data-iit-page=bba-campus] .hs-scope .gl-dots { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 22px }
body[data-iit-page=bba-campus] .hs-scope .gl-dots button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 999px; background: #c9d6e3; cursor: pointer; transition: width .25s, background .25s }
body[data-iit-page=bba-campus] .hs-scope .gl-dots button.is-active { width: 28px; background: var(--c3-gold, #ff8b25) }
@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .hs-scope .gl-grid.gl-grid--slider .gl-item { flex-basis: calc((100% - 16px) / 2); height: 240px }
    body[data-iit-page=bba-campus] .hs-scope .gl--slider .gl-head { display: flex; flex-wrap: wrap }
}
@media (max-width: 560px) {
    body[data-iit-page=bba-campus] .hs-scope .gl-grid.gl-grid--slider .gl-item { flex-basis: 86%; height: 220px }
}

/* Phones: keep the poster in normal flow instead of sticking it during scroll. */
@media (max-width: 980px) { body[data-iit-page=bba-campus] .c3-why-photo--poster { position: relative; top: auto } }

/* course header: bigger logo, same as the main site header */
body[data-iit-page=bba-campus] .ch-inner { height: 96px }
body[data-iit-page=bba-campus] .ch-logo img { height: 80px; max-width: 380px; object-fit: contain }
@media (max-width: 900px) {
    body[data-iit-page=bba-campus] .ch-inner { height: 76px }
    body[data-iit-page=bba-campus] .ch-logo img { height: 60px; max-width: 260px }
}
@media (max-width: 480px) {
    body[data-iit-page=bba-campus] .ch-logo img { height: 52px; max-width: 230px }
}
body[data-iit-page=bba-campus] .c3-anchor { scroll-margin-top: 102px }

/* course pages: home ranking circles */
body[data-iit-page=bba-campus] .c3-rank-circles { margin-top: 26px }
body[data-iit-page=bba-campus] .c3-rank-circles .rkc-rank, body[data-iit-page=bba-campus] .c3-rank-circles .rkc-label { color: var(--c3-ink, #0d2a40) }

/* course header and top strip on the same left line as the page content (.wrap) */
body[data-iit-page=bba-campus] .ch-inner { max-width: calc(var(--iit-max-width, 1160px) + 40px) }
body[data-iit-page=bba-campus] .top .wrap { width: min(var(--iit-max-width, 1160px), calc(100% - 40px)) !important; margin: 0 auto !important; padding: 0 !important }
body[data-iit-page=bba-campus] .hs-scope .als-more a { color: #fff }

/* Course rankings: swipe on phones and track the active card with dots. */
body[data-iit-page=bba-campus] .c3-rank-row li { min-width: 0 }
body[data-iit-page=bba-campus] .c3-rank-row li a { display: block }
body[data-iit-page=bba-campus] .c3-rank-nav { display: none }
@media (max-width: 640px) {
    body[data-iit-page=bba-campus] .c3-rank { padding-bottom: 0 }
    body[data-iit-page=bba-campus] #rankings + #benefits > .c3-s { padding-top: 16px }
    body[data-iit-page=bba-campus] #structure > .c3-s,
    body[data-iit-page=bba-campus] #structure + .c3-anchor > .c3-s { padding-top: 16px; padding-bottom: 16px }
    body[data-iit-page=bba-campus] .c3-rank-row {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none
    }

    body[data-iit-page=bba-campus] .c3-rank-row::-webkit-scrollbar { display: none }
    body[data-iit-page=bba-campus] .c3-rank-row li { flex: 0 0 72%; scroll-snap-align: center }
    body[data-iit-page=bba-campus] .c3-rank-circles .rkc-track.rank-strip-track { justify-content: flex-start }
    body[data-iit-page=bba-campus] .c3-rank-circles .rkc { scroll-snap-align: center }
    body[data-iit-page=bba-campus] .c3-rank-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin-top: 18px
    }

    body[data-iit-page=bba-campus] .c3-rank-dots { display: flex; align-items: center; gap: 7px }
    body[data-iit-page=bba-campus] .c3-rank-arrow {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border: 1px solid #d5e0e9;
        border-radius: 50%;
        background: #fff;
        color: var(--c3-blue, #00487e);
        cursor: pointer
    }

    body[data-iit-page=bba-campus] .c3-rank-arrow:hover { border-color: var(--c3-blue, #00487e); background: var(--c3-blue, #00487e); color: #fff }

    body[data-iit-page=bba-campus] .c3-rank-dots button {
        width: 8px;
        height: 8px;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: #b7c8d6;
        cursor: pointer;
        transition: width .2s ease, background .2s ease
    }

    body[data-iit-page=bba-campus] .c3-rank-dots button.is-active {
        width: 22px;
        background: var(--c3-gold, #ff8b25)
    }
}

/* phones: the chat agent and the back-to-top button sit above the "Register" bar, the bar uses the full width */
@media (max-width: 640px) {
    body[data-iit-page=bba-campus] .c3-mbar { right: 12px }
    body[data-iit-page=bba-campus]:has(.c3-mbar) .cbot { bottom: 86px }
    body[data-iit-page=bba-campus]:has(.c3-mbar) .float-top { bottom: 86px !important }
}