:root{
--brand: #9E363A;
--brand2: #6B2528;
--accent: #C94B50;
--line: #e6c8ca;
--surface: #fff;
--ink: #111;
--muted: #6b7280;
--shadow: 0 10px 28px rgba(0,0,0,.10);
--r-xl: 18px;
}

body{ background: #f6f7fb; color: var(--ink); }

/* =========================
✅ Page Loader (better perceived performance)
========================= */
.page-loader{position: fixed;inset: 0;z-index: 99999;display:flex;align-items:center;justify-content:center;padding: 18px;background: rgba(246,247,251,.75);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: opacity .35s ease, visibility .35s ease;}
.page-loader.is-done{ opacity:0; visibility:hidden; pointer-events:none; }
.loader-card{width: min(520px, 92vw);background: rgba(255,255,255,.92);border: 1px solid rgba(158,54,58,.18);border-radius: 20px;box-shadow: 0 18px 44px rgba(2,6,23,.16);padding: 18px 18px 16px;overflow:hidden;position: relative;}
.loader-card::before{content:"";position:absolute; inset:-120px -120px auto auto;width: 260px; height: 260px;background: radial-gradient(circle at 30% 30%, rgba(201,75,80,.22), rgba(201,75,80,0));transform: rotate(10deg);pointer-events:none;}
.loader-top{display:flex;align-items:center;gap: 12px;position: relative;}
.loader-logo{width: 42px; height: 42px;border-radius: 14px;display:inline-flex; align-items:center; justify-content:center;background: linear-gradient(135deg, rgba(158,54,58,.16), rgba(201,75,80,.10));border: 1px solid rgba(158,54,58,.18);color: var(--brand);flex: 0 0 auto;}
.loader-title{font-weight: 950;margin: 0;font-size: 16px;color:#0f172a;line-height: 1.15;}
.loader-sub{margin: 2px 0 0;color: var(--muted);font-weight: 800;font-size: 13px;}
.loader-bar{margin-top: 14px;height: 10px;border-radius: 999px;background: rgba(2,6,23,.06);overflow:hidden;border: 1px solid rgba(2,6,23,.06);position: relative;}
.loader-bar > span{display:block;height:100%;width: 10%;border-radius: 999px;background: linear-gradient(90deg, var(--brand), var(--accent), var(--brand2));transition: width .35s ease;position: relative;}
.loader-bar > span::after{content:"";position:absolute; inset:0;background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.35), rgba(255,255,255,0));transform: translateX(-60%);animation: loaderShine 1.1s linear infinite;mix-blend-mode: overlay;}
@keyframes loaderShine{ to{ transform: translateX(160%); } }
.loader-row{margin-top: 12px;display:flex;align-items:center;justify-content:space-between;gap: 12px;position: relative;}
.loader-step{font-weight: 900;color: #7a2626;font-size: 13px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;max-width: 70%;}
.loader-spinner{width: 28px; height: 28px;border-radius: 50%;border: 3px solid rgba(158,54,58,.22);border-top-color: var(--brand);animation: spin .75s linear infinite;flex: 0 0 auto;}
@keyframes spin{ to{ transform: rotate(360deg); } }

.home-popup{position: fixed;inset: 0;z-index: 100000;display: none;align-items: flex-start;justify-content: center;padding: 18px;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;}
.home-popup.is-open{ display:flex; }

.home-popup-backdrop{position: fixed;inset:0;background: rgba(2,6,23,.55);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}

.home-popup-card{position: relative;background: rgba(255,255,255,.98);border: 1px solid rgba(158,54,58,.22);border-radius: 20px;box-shadow: 0 22px 60px rgba(2,6,23,.30);width: min(980px, 96vw);max-height: calc(100vh - 36px);margin: 18px auto;display: flex;flex-direction: column;overflow: hidden;}
.home-popup-card::before{content:"";position:absolute;inset:-140px -140px auto auto;width: 280px;height: 280px;background: radial-gradient(circle at 30% 30%, rgba(201,75,80,.22), rgba(201,75,80,0));transform: rotate(12deg);pointer-events:none;}
.home-popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap: 12px;padding: 18px 18px 10px;position: relative;flex: 0 0 auto;}
.home-popup-title{margin:0;font-weight: 950;color:#0f172a;font-size: 18px;line-height: 1.1;}
.home-popup-sub{margin: 6px 0 0;color: var(--muted);font-weight: 800;font-size: 13px;}
.home-popup-close{width: 38px;height: 38px;border-radius: 12px;border: 1px solid rgba(2,6,23,.12);background: rgba(255,255,255,.9);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.home-popup-close:hover{ background:#f1f5f9; }

.home-popup-body{padding: 0 18px 18px;position: relative;flex: 1 1 auto;min-height: 0;overflow: auto;-webkit-overflow-scrolling: touch;}

.home-popup-placeholder{border: 1px dashed rgba(158,54,58,.32);background: linear-gradient(135deg, rgba(158,54,58,.06), rgba(201,75,80,.03));border-radius: 16px;padding: 18px;text-align: center;}
.home-popup-placeholder h4{margin: 0 0 8px;font-weight: 950;color: var(--brand);font-size: 16px;}
.home-popup-placeholder p{margin: 0;color: #334155;font-weight: 800;font-size: 13.5px;line-height: 1.5;}
.home-popup-placeholder code{background: rgba(255,255,255,.65);padding: 2px 6px;border-radius: 8px;font-weight: 950;color: #7a2626;}
@media (max-width: 576px){
.home-popup{ padding: 12px; }
.home-popup-card{border-radius: 18px;width: min(980px, 98vw);max-height: calc(100vh - 24px);margin: 12px auto;}
.home-popup-head{ padding: 16px 14px 8px; }
.home-popup-body{ padding: 0 14px 14px; }
}

.reveal{opacity: 0;transform: translateY(22px);transition: opacity .7s ease, transform .85s cubic-bezier(.2,.8,.2,1);will-change: opacity, transform;}
.reveal.reveal-left{ transform: translateX(-22px); }
.reveal.reveal-right{ transform: translateX(22px); }
.reveal.is-in{ opacity: 1; transform: translate3d(0,0,0); }
@media (prefers-reduced-motion: reduce){
.reveal, .reveal.reveal-left, .reveal.reveal-right{opacity: 1 !important;transform: none !important;transition: none !important;}
.loader-spinner{ animation: none !important; }
.loader-bar > span::after{ animation: none !important; }
}

.home-sections-container {display: flex;flex-direction: column;gap: 2.5rem;margin-top: 1.5rem;}
.home-topstack{width: 100%;display:flex;flex-direction:column;margin-bottom: 10px;}

/* ===== hero carousel ===== */
.hero-wrap{ position:relative; overflow:hidden; }
.hero-card{background: var(--surface);overflow:hidden;}
.hero-slide{min-height: 500px;background-size: cover;background-position: center;position: relative;}

/* ✅ UPDATED (ONLY): overlay (the darkening "shadow") applies ONLY when hero has kicker/title */
.hero-slide::before{
content:"";
position:absolute;
inset:0;
opacity:0;
pointer-events:none;
transition: opacity .25s ease;
}
.hero-slide.has-overlay::before{
opacity:1;
background: linear-gradient(90deg, rgba(0,0,0,.65), rgba(0,0,0,.20));
}

.hero-inner{position:relative;padding: 60px 40px;max-width: 980px;color:#fff;}
.hero-kicker{display:inline-flex; gap:10px; align-items:center;padding: 8px 16px;border-radius: 999px;background: rgba(255,255,255,.16);border: 1px solid rgba(255,255,255,.25);font-weight: 700;font-size: 13px;letter-spacing:.4px;margin-bottom: 20px;}
.hero-title{font-weight: 900;line-height: 1.1;margin: 0 0 16px;font-size: clamp(28px, 4vw, 52px);}
.hero-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top: 20px; }
.btn-hero{background: var(--accent);border: 0;color:#fff;border-radius: 12px;padding: 12px 24px;font-weight: 800;font-size: 15px;}
.btn-hero:hover{ background: var(--brand); color:#fff; }

#homeHero{ --hero-transition-ms: 600ms; }
#homeHero .carousel-item{transition: transform var(--hero-transition-ms) ease-in-out;}
#homeHero.carousel-fade .carousel-item{transition-property: opacity;transition-duration: var(--hero-transition-ms);}
#homeHero.carousel-fade .active.carousel-item-start,
#homeHero.carousel-fade .active.carousel-item-end{transition: opacity 0s var(--hero-transition-ms);}

.notice-strip{background: #ffd600;padding: 5px 14px;overflow:hidden;}
.notice-strip .strip-ico{width: 34px; height: 34px;display:inline-flex; align-items:center; justify-content:center;border-radius: 999px;background: rgba(158,54,58,.12);color: var(--brand);border: 1px solid rgba(158,54,58,.18);flex: 0 0 auto;}
.notice-strip marquee{font-weight: 900;color: #7a2626;font-size: 14.5px;}
.notice-strip marquee .nm-link{color: #7a2626;text-decoration: none;font-weight: 950;cursor: pointer;}
.notice-strip marquee .nm-link:hover{color: #0D29AC;}
.notice-strip marquee .nm-text{color: #7a2626;font-weight: 900;cursor: default;}
.notice-strip marquee .nm-sep{opacity: .75;padding: 0 10px;user-select:none;}

.nm-viewport{ overflow:hidden; width:100%; }
.nm-track{display:flex;align-items:center;gap: 10px;white-space: nowrap;will-change: transform;}
.nm-run{ display:inline-flex; align-items:center; gap: 10px; }
.nm-text{font-weight: 900;color:#7a2626;font-size:14.5px;}
.nm-link{color:#7a2626;text-decoration:none;font-weight:950;}
.nm-link:hover{color: #0D29AC;}
.nm-sep{opacity:.75;padding:0 10px;user-select:none;}

/* ✅ UPDATED: Notice Marquee GIF (bigger + used as separator instead of dots; no double-logo at loop seam) */
.nm-gif {width: 45px;height: 30px;object-fit: contain;display: inline-block;vertical-align: middle;flex: 0 0 auto;filter: drop-shadow(0 1px 0 rgba(0,0,0,.08));}

/* ===== three info boxes ===== */
.info-boxes{ }
.info-box{background: var(--brand);color: #fff;border-radius: 16px;padding: 24px;height: 100%;box-shadow: var(--shadow);position:relative;overflow:hidden;}
.info-box::after{content:"";position:absolute; inset:-40px -40px auto auto;width: 160px; height: 160px;background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), rgba(255,255,255,0));transform: rotate(18deg);pointer-events:none;}
.info-box h5{font-weight: 900;margin-bottom: 12px;font-size: 18px;display:flex; align-items:center; gap:10px;}
.info-box ul{list-style: none;padding: 0;margin: 0;}
.info-box ul li{padding: 8px 0;border-bottom: 1px dashed rgba(255,255,255,.3);font-size: 14px;display:flex;align-items:flex-start;gap:10px;}
.info-box ul li:last-child{ border-bottom: 0; }
.info-box i{ margin-top: 2px; opacity: .92; }
.info-box a{ color:#fff; text-decoration:none; font-weight:800; }
.info-box a:hover{ text-decoration:underline; }

/* ✅ FIX (ONLY): keep the autoscrolling UL from moving into the <h5> area
- We clip the animated UL inside a viewport that sits *below* the heading. */
.info-box .info-ul-viewport{ position: relative; }
.info-box .info-ul-viewport.autoscroll-viewport{ height: 260px; overflow: hidden; }
.info-box ul.autoscroll{ overflow: visible; scroll-behavior: auto; position: relative; height: auto; }

/* ✅ FIXED: Create smooth scrolling animation */
.info-box ul.scrolling-upwards {animation: scrollUp 20s linear infinite;animation-play-state: running;}
.info-box ul.scrolling-upwards:hover {animation-play-state: paused;}

@keyframes scrollUp {
0% { transform: translateY(0); }
100% { transform: translateY(-50%); }
}

/* =========================
Notice + Center Iframe + Announcements
========================= */
.nva-card{background: var(--surface);border-radius: 18px;box-shadow: var(--shadow);padding: 14px;height: 100%;border: 1px solid var(--line);overflow: hidden;}
.nva-head{display:flex; align-items:center; justify-content:center;gap: 10px;color:#fff;font-weight: 950;letter-spacing:.3px;padding: 10px 12px;font-size: 18px;user-select:none;border-radius: 14px;margin: 0 0 10px;background: linear-gradient(135deg, var(--brand), var(--brand2));}
.nva-head i{opacity:.95;filter: drop-shadow(0 6px 10px rgba(0,0,0,.12));}
.nva-body{background: #fff;border-radius: 14px;border: 1px solid rgba(17,17,17,.06);padding: 12px;color: var(--ink);position: relative;overflow: hidden;}
.nva-list{list-style:none;padding: 0;margin: 0;position: relative;}
.nva-list li{display:flex;align-items:flex-start;gap: 10px;padding: 9px 6px;border-bottom: 1px dashed rgba(2,6,23,.12);font-weight: 700;color: #0f172a;}
.nva-list li:last-child{ border-bottom:0; }
.nva-list li i{ margin-top: 3px; color: rgba(15,23,42,.55); }
.nva-list a{color: #0f172a;text-decoration:none;font-weight: 800;line-height: 1.25;}
.nva-list a:hover{ color: var(--brand); text-decoration: underline; }

/* ✅ FIXED: Auto-scroll list styling - IMPROVED */
.nva-list.autoscroll{overflow: hidden;height: 260px;position: relative;}

/* ✅ FIXED: Create smooth scrolling animation for NVA cards */
.nva-list.scrolling-upwards {animation: scrollUpList 25s linear infinite;animation-play-state: running;}
.nva-list.scrolling-upwards:hover {animation-play-state: paused;}

@keyframes scrollUpList {
0% { transform: translateY(0); }
100% { transform: translateY(-50%); }
}

.center-video-card{background: var(--surface);border-radius: 18px;border: 1px solid var(--line);box-shadow: var(--shadow);padding: 14px;height: 100%;overflow:hidden;}
.center-video-title{font-weight: 950;color: #0f172a;margin: 2px 0 12px;text-align:center;font-size: 22px;}
.video-embed{position: relative;width: 100%;padding-bottom: 56.25%;border-radius: 16px;overflow: hidden;box-shadow: 0 10px 24px rgba(2,6,23,.12);background: #111;}
.video-embed iframe{position:absolute; inset:0;width:100%; height:100%;border:0;}

/* =========================
✅ CTA Buttons
========================= */
.cta-section{padding-top: 13px;display:flex;flex-direction: column;gap: 10px;align-items: stretch;justify-content: center;max-width: 360px;margin-left: auto;margin-right: auto;}
.cta-btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;width: 100%;min-width: 0;background: #f59e0b;color: #fff;border: 0;border-radius: 14px;padding: 10px 14px;font-weight: 950;font-size: 14px;box-shadow: 0 6px 14px rgba(245,158,11,.28);transition: transform .15s ease, filter .15s ease, background .15s ease;text-decoration:none;}
.cta-btn:hover{ background:#d97706; transform: translateY(-1px); color:#fff; }
.cta-btn.btn-secondary{ background:#991b1b; box-shadow: 0 6px 14px rgba(153,27,27,.22); }
.cta-btn.btn-secondary:hover{ background:#7f1d1d; color:#fff; }

/* ===== stats counter ===== */
.stats-section{background: linear-gradient(135deg, rgba(158,54,58,.08), rgba(201,75,80,.04));border-radius: var(--r-xl);padding: 50px 30px;border: 1px solid rgba(158,54,58,.12);position:relative;overflow:hidden;}
.stats-section.has-bg{background-size: cover;background-position: center;}
.stats-section .stats-head{ text-align:center; margin-bottom: 26px; }
.stats-section .stats-head h2{margin:0;font-weight: 950;color: var(--brand);font-size: clamp(22px, 3vw, 34px);}
.stat-item{ text-align: center; }
.stat-num{font-size: clamp(40px, 5vw, 64px);font-weight: 950;color: var(--brand);line-height: 1;margin-bottom: 8px;}
.stat-label{ font-size: 16px; color: var(--muted); font-weight: 800; }
.stat-icon{display:inline-flex;width: 42px; height: 42px;align-items:center; justify-content:center;border-radius: 999px;background: rgba(158,54,58,.10);color: var(--brand);margin-bottom: 10px;border: 1px solid rgba(158,54,58,.18);}

/* =========================
✅ Carousel controls OUTSIDE content
========================= */
.carousel.controls-out{ position: relative; }
.carousel.controls-out .carousel-inner{padding-left: 56px;padding-right: 56px;}
.carousel.controls-out .carousel-control-prev,
.carousel.controls-out .carousel-control-next{width: 46px;height: 46px;top: 50%;bottom: auto;transform: translateY(-50%);opacity: 1;background: rgba(255,255,255,.92);border: 1px solid rgba(158,54,58,.22);border-radius: 999px;box-shadow: 0 12px 24px rgba(2,6,23,.12);}
.carousel.controls-out .carousel-control-prev{ left: 0; }
.carousel.controls-out .carousel-control-next{ right: 0; }
.carousel.controls-out .carousel-control-prev-icon,
.carousel.controls-out .carousel-control-next-icon{filter: invert(1);width: 1.15rem;height: 1.15rem;}
.carousel.indicators-out .carousel-indicators{position: static;margin: 14px 0 0;justify-content: center;gap: 6px;}
.carousel.indicators-out .carousel-indicators [data-bs-target]{width: 8px;height: 8px;border-radius: 999px;}
@media (max-width: 576px){
.carousel.controls-out .carousel-inner{ padding-left: 44px; padding-right: 44px; }
.carousel.controls-out .carousel-control-prev,
.carousel.controls-out .carousel-control-next{ width: 40px; height: 40px; }
}

/* ===== carousels controls on light surfaces ===== */
.stats-carousel .carousel-control-prev-icon,
.stats-carousel .carousel-control-next-icon,
.testimonial-carousel .carousel-control-prev-icon,
.testimonial-carousel .carousel-control-next-icon,
.alumni-carousel .carousel-control-prev-icon,
.alumni-carousel .carousel-control-next-icon{filter: invert(1);opacity: .9;}
.stats-carousel .carousel-indicators [data-bs-target],
.testimonial-carousel .carousel-indicators [data-bs-target]{background-color: rgba(158,54,58,.55);}
.stats-carousel .carousel-indicators .active,
.testimonial-carousel .carousel-indicators .active{background-color: var(--brand);}

/* ===== testimonials ===== */
.testimonial-section{background: var(--surface);border-radius: var(--r-xl);border: 1px solid var(--line);padding: 40px;box-shadow: var(--shadow);}
.testimonial-section h2{text-align: center;font-weight: 950;color: var(--brand);margin-bottom: 30px;font-size: clamp(22px, 3vw, 36px);}
.testimonial-card{background: linear-gradient(135deg, rgba(158,54,58,.06), rgba(201,75,80,.03));border-radius: 16px;padding: 30px;height: 100%;border: 1px solid var(--line);transition: transform .18s ease, box-shadow .18s ease;}
.testimonial-card:hover{box-shadow: 0 14px 26px rgba(2,6,23,.10);}
.testimonial-avatar{width: 80px; height: 80px;border-radius: 50%;object-fit: cover;border: 4px solid var(--brand);margin-bottom: 16px;background: #fff;}
.testimonial-text{font-style: italic;color: var(--ink);margin-bottom: 16px;line-height: 1.6;font-family: inherit;background: transparent;padding: 0;border-radius: 0;white-space: normal;word-break: break-word;}
.testimonial-text p{ margin: 0 0 10px; }
.testimonial-text p:last-child{ margin-bottom: 0; }
.testimonial-text ul, .testimonial-text ol{ margin: 8px 0 0 18px; }
.testimonial-name{ font-weight: 950; color: var(--brand); margin-bottom: 4px; }
.testimonial-role{ font-size: 13px; color: var(--muted); font-weight: 800; }

/* ===== alumni videos ===== */
.alumni-section{background: var(--surface);border-radius: var(--r-xl);border: 1px solid var(--line);padding: 40px;box-shadow: var(--shadow);}
.alumni-section h2{text-align: center;font-weight: 950;color: var(--brand);margin-bottom: 30px;font-size: clamp(22px, 3vw, 36px);}
.alumni-video-card{border-radius: 16px;overflow: hidden;box-shadow: 0 10px 22px rgba(2,6,23,.10);height: 100%;background:#111;}
.alumni-video-card iframe{width: 100%;height: 240px;display:block;border:0;}

/* ===== success stories ===== */
.success-section{background: #f9fafb;border-radius: var(--r-xl);padding: 40px;border: 1px solid rgba(17,17,17,.06);}
.success-section h2{text-align: center;font-weight: 950;color: var(--brand);margin-bottom: 30px;font-size: clamp(22px, 3vw, 36px);}

.success-scroller{--success-gap: 16px;--success-gap-2: 32px;--success-gap-3: 48px;display:flex;gap: var(--success-gap);overflow-x: auto;padding: 0;margin: 0;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;}
.success-scroller::-webkit-scrollbar{ height: 0; width: 0; display:none; }

.success-scroller-item{flex: 0 0 82%;max-width: 82%;scroll-snap-align: start;}
@media (min-width: 768px){
.success-scroller-item{flex: 0 0 calc((100% - var(--success-gap)) / 2);max-width: calc((100% - var(--success-gap)) / 2);}
}
@media (min-width: 992px){
.success-scroller-item{flex: 0 0 calc((100% - var(--success-gap-2)) / 3);max-width: calc((100% - var(--success-gap-2)) / 3);}
}
@media (min-width: 1200px){
.success-scroller-item{flex: 0 0 calc((100% - var(--success-gap-3)) / 4);max-width: calc((100% - var(--success-gap-3)) / 4);}
}

.success-card{display:block;background: var(--surface);border-radius: 16px;padding: 20px;height: 100%;border: 1px solid var(--line);box-shadow: none;transition: transform .18s ease, border-color .18s ease;text-decoration:none;color: inherit;}
.success-card:hover{ transform: translateY(-2px); border-color: rgba(158,54,58,.35); }
.success-img{width: 100%;height: 200px;object-fit: cover;border-radius: 12px;margin-bottom: 16px;background:#eee;}
.success-desc{font-size: 14px;color: var(--muted);margin-bottom: 12px;line-height: 1.5;font-family: inherit;background: transparent;padding: 0;border-radius: 0;white-space: normal;word-break: break-word;}
.success-desc p{ margin: 0 0 10px; }
.success-desc p:last-child{ margin-bottom: 0; }
.success-desc ul, .success-desc ol{ margin: 8px 0 0 18px; }
.success-name{ font-weight: 950; color: var(--brand); font-size: 16px; margin-bottom: 4px; }
.success-role{ font-size: 13px; color: var(--muted); font-weight: 800; }

/* ===== courses section ===== */
.courses-section{background: var(--surface);border-radius: var(--r-xl);border: 1px solid var(--line);padding: 40px;box-shadow: var(--shadow);}
.courses-section h2{text-align: center;font-weight: 950;color: var(--brand);margin-bottom: 30px;font-size: clamp(22px, 3vw, 36px);}
.course-card{background: linear-gradient(135deg, rgba(158,54,58,.08), rgba(201,75,80,.04));border-radius: 16px;padding: 24px;height: 100%;border: 1px solid var(--line);transition: transform .18s ease, box-shadow .18s ease;}
.course-card:hover{transform: translateY(-3px);box-shadow: 0 16px 30px rgba(2,6,23,.12);}
.course-img{width: 100%;height: 180px;object-fit: cover;border-radius: 12px;margin-bottom: 16px;background:#eee;}
.course-title{font-weight: 950;color: var(--brand);font-size: 20px;margin-bottom: 10px;}
.course-desc{ font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 14px; }
.course-links{ display:flex; gap: 8px; flex-wrap: wrap; }
.course-link{font-size: 12px;padding: 6px 12px;background: rgba(158,54,58,.15);color: var(--brand);border-radius: 999px;text-decoration: none;font-weight: 900;transition: background .15s ease, color .15s ease, transform .15s ease;}
.course-link:hover{ background: var(--brand); color: #fff; transform: translateY(-1px); }

/* ✅ NEW (ONLY): AICTE UG Courses section (UI per screenshot) */
.ugc-section{
background: var(--brand);
border-radius: var(--r-xl);
padding: 34px 22px;
border: 1px solid rgba(255,255,255,.14);
box-shadow: var(--shadow);
}
.ugc-section h2{
text-align:center;
font-weight: 950;
color:#fff;
margin: 0 0 24px;
font-size: clamp(20px, 2.8vw, 32px);
}
.ugc-card{display:block;text-decoration:none;color:#fff;height:100%;}
.ugc-img{
width:100%;
height: 170px;
object-fit: cover;
border-radius: 10px;
border: 4px solid rgba(255,255,255,.95);
box-shadow: 0 12px 24px rgba(2,6,23,.18);
background:#111;
}
.ugc-title{
margin: 14px 0 0;
font-weight: 950;
font-size: 18px;
line-height: 1.25;
color:#fff;
display:-webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow:hidden;
min-height: calc(18px * 1.25 * 2);
}
.ugc-card:hover .ugc-img{ transform: translateY(-1px); }
.ugc-card .ugc-img{ transition: transform .18s ease; }
@media (max-width: 576px){
.ugc-section{ padding: 26px 16px; border-radius: 16px; }
.ugc-img{ height: 150px; }
.ugc-title{ font-size: 16px; min-height: 0; }
}

.muted-note{color: var(--muted);font-weight: 800;text-align:center;margin: 0;padding: 10px 0 0;}

.home-alert{margin-top: 18px;border-radius: 14px;border: 1px solid rgba(245,158,11,.35);background: linear-gradient(135deg, rgba(254,243,199,.85), rgba(254,215,170,.65));padding: 14px 16px;color: #92400e;font-weight: 900;display:none;}
.home-alert code{font-weight: 950;color:#7c2d12;background: rgba(255,255,255,.55);padding: 2px 6px;border-radius: 8px;}
.home-alert pre{margin: 8px 0 0;white-space: pre-wrap;background: rgba(255,255,255,.55);padding: 10px 12px;border-radius: 12px;font-size: 12.5px;line-height: 1.4;color: #7c2d12;}

/* ✅ Recruiters wrapper like other sections */
.recruiters-wrap{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-xl);box-shadow: var(--shadow);padding: 22px 18px;overflow: hidden;}

@media (max-width: 768px){
.hero-inner{ padding: 40px 24px; }
.info-boxes{ margin-top: 0; }
.stat-num{ font-size: 36px; }
.testimonial-section, .alumni-section, .courses-section{ padding: 26px; }
.success-section{ padding: 26px; }
.center-video-title{ font-size: 18px; }
.cta-section{ max-width: 100%; }
.cta-btn{ font-size: 14px; padding: 10px 12px; }
.loader-card{ padding: 16px; border-radius: 18px; }

.home-sections-container{gap: 1.5rem;margin-top: 1rem;}

/* ✅ MOBILE SPECIFIC: Show only 1 card for testimonials (Successful Entrepreneurs) */
#entrepreneursCarousel .carousel-item .row .col-lg-6 {flex: 0 0 100%;max-width: 100%;}

/* ✅ MOBILE SPECIFIC: Show only 1 card for alumni videos */
#alumniCarousel .carousel-item .row .col-lg-4 {flex: 0 0 100%;max-width: 100%;}
}