*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
         :root{
         --cream:#faf8f3;
         --cream2:#f2ede2;
         --sand:#e8dfc8;
         --brown:#3b2e1e;
         --brown-mid:#6b5744;
         --brown-light:#a08060;
         --rust:#c0521e;
         --rust-light:#e07a4a;
         --green:#2d5436;
         --green-light:#4a8f5e;
         --green-pale:#e8f2eb;
         --white:#ffffff;
         --radius:12px;
         --serif:'Playfair Display',serif;
         --sans:'Nunito Sans',sans-serif;
         }
         html{scroll-behavior:smooth}
         body{font-family:var(--sans);background:var(--cream);color:var(--brown);line-height:1.65;overflow-x:hidden}
         *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
         :root{
         --sf-blue:#0070d2;
         --sf-blue-dark:#005fb2;
         --sf-navy:#032d60;
         --sf-navy-mid:#1b3a6b;
         --sf-text:#16325c;
         --sf-muted:#54698d;
         --sf-light:#f4f6f9;
         --sf-border:#dde1e8;
         --white:#ffffff;
         --font-brand:'Pacifico',cursive;
         --font-body:'Source Sans 3',sans-serif;
         }
         .margin-top120{ margin-top:160px; }
         .mcard h4 {
         font-size: 14px;
         color: #ffffff;
         }
         /*custome css by Anil*/
         .student {
         max-width: 450px;
         }
         .student img {
         max-width: 100%;
         }
         .description {
         max-width: 990px;
         margin: 0 auto;
         }
         .why-list li {
         font-size: 18px;
         }
         .upper-portion {
         text-align: center;
         }
         .why-bg2 {
         background: #faf8f3;
         }
         .stat-icon-placeholder img {
         max-width:100%;
         }
         .badge-placeholder img {
         max-width:100%;
         }
         .sf-cloud {
         width: 120px;
         }
         .sf-cloud img{
         max-width: 100%;
         }
         div#customSlider {
         margin-top: 80px;
         }
         .hero.up_hero {min-height:auto;display: block;padding: 30px 0;}
         .hero.up_hero h1 {margin: 0;max-width: 100%;font-size: 28px;}
         /*custome css by Anil*/
         /* HERO */
         .hero{
         min-height:100vh;display:grid;
         grid-template-columns:1fr 1fr;
         align-items:center;
         padding:60px 6vw 80px;
         gap:60px;position:relative;
         }
         .hero-bg-shape{
         position:absolute;top:0;right:0;bottom:0;
         width:48%;background:var(--cream2);
         clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);
         z-index:0
         }
         .hero-left{position:relative;z-index:1}
         .hero-right{position:relative;z-index:1}
         .hero-kicker{
         display:inline-flex;align-items:center;gap:10px;
         font-size:11px;font-weight:700;letter-spacing:2.5px;
         text-transform:uppercase;color:var(--rust);
         margin-bottom:24px
         }
         .kicker-bar{width:28px;height:2px;background:var(--rust);border-radius:1px}
         .hero h1{
         font-family:var(--serif);
         font-size:clamp(38px,4.5vw,64px);
         line-height:1.1;
         color:var(--brown);
         margin-bottom:24px;
         letter-spacing:-0.5px
         }
         .hero h1 span{color:var(--rust);font-style:italic}
         .hero-body{
         font-size:17px;color:var(--brown-mid);
         font-weight:300;max-width:480px;
         margin-bottom:40px;line-height:1.8
         }
         .hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:56px}
         .btn-filled{
         padding:13px 28px;border-radius:8px;
         background:var(--rust);color:var(--white);
         font-weight:700;font-size:14px;text-decoration:none;
         font-family:var(--sans);transition:background .2s
         }
         .btn-filled:hover{background:#a34018}
         .btn-outline{
         padding:13px 28px;border-radius:8px;
         border:1.5px solid var(--brown);color:var(--brown);
         font-weight:700;font-size:14px;text-decoration:none;
         font-family:var(--sans);transition:all .2s
         }
         .btn-outline:hover{background:var(--brown);color:var(--cream)}
         .hero-stats{display:flex;gap:36px;flex-wrap:wrap}
         .hstat{display:flex;flex-direction:column;gap:4px;margin-bottom: 35px;}
         .hstat-num{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--brown);line-height:1}
         .hstat-num em{color:var(--rust);font-style:normal}
         .hstat-lbl{font-size:12px;color:var(--brown-light);font-weight:600;letter-spacing:0.3px}
         .hstat-div{width:1px;background:var(--sand);align-self:stretch;margin:0 4px}
         /* HERO RIGHT VISUAL */
         .hero-visual{
         background:var(--white);border-radius:20px;
         border:1px solid var(--sand);padding:36px 32px;
         display:flex;flex-direction:column;gap:20px
         }
         .vis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
         .vis-title{font-family:var(--serif);font-size:18px;color:var(--brown)}
         .vis-badge{
         padding:4px 12px;border-radius:100px;
         background:var(--green-pale);color:var(--green);
         font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase
         }
         .program-item{
         display:flex;align-items:center;gap:14px;
         padding:14px 16px;border-radius:10px;
         border:1px solid var(--sand);background:var(--cream);
         }
         .prog-icon{
         width:40px;height:40px;border-radius:10px;
         display:flex;align-items:center;justify-content:center;
         font-size:18px;flex-shrink:0
         }
         .pi-cloud{background:#e8f0fb}
         .pi-code {background:#fef3e8}
         .pi-sec  {background:#fce8e8}
         .pi-data {background:#e8f5ef}
         .prog-info{flex:1}
         .prog-name{font-size:13px;font-weight:700;color:var(--brown);margin-bottom:2px}
         .prog-meta{font-size:12px;color:var(--brown-light)}
         .prog-bar-wrap{margin-top:6px;background:var(--sand);border-radius:4px;height:4px;overflow:hidden}
         .prog-bar{height:4px;border-radius:4px;background:var(--rust)}
         .prog-pct{font-size:11px;font-weight:700;color:var(--rust);flex-shrink:0}
         /* SECTION COMMON */
         section{padding:96px 6vw}
         .eyebrow{
         display:inline-flex;align-items:center;gap:10px;
         font-size:11px;font-weight:700;letter-spacing:2.5px;
         text-transform:uppercase;color:var(--rust);margin-bottom:18px
         }
         .s-title{
         font-family:var(--serif);
         font-size:clamp(28px,3.5vw,48px);
         line-height:1.12;color:var(--brown);
         margin-bottom:16px;letter-spacing:-0.3px
         }
         .s-desc{font-size:18px;color:var(--brown-mid);max-width:500px;font-weight:300;line-height:1.8}
         /* OFFERINGS */
         .off-bg{background:#fff}
         .off-bg .eyebrow{color:#e8aa80}
         .off-bg .s-title{color:#16325c}
         .off-bg .s-desc{color:#c4ae94}
         .off-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}
         .off-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
         .off-card{
         background:rgba(255,255,255,.06);
         border:1px solid rgba(255,255,255,.12);
         border-radius:var(--radius);padding:28px 24px;
         transition:background .25s,border-color .25s
         }
         .off-card:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
         .off-num{
         font-family:var(--serif);font-size:36px;font-weight:700;
         color:rgb(0 0 0 / 46%);margin-bottom:16px;line-height:1
         }
         .off-card h3{font-size:18px;font-weight:700;color:#16325c;margin-bottom:10px}
         .off-card p{font-size:16px;color:#b0977e;line-height:1.75;font-weight:300}
         /* PROCESS */
         .proc-bg{background:var(--cream2)}
         .proc-layout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
         .proc-steps{margin-top:48px;display:flex;flex-direction:column;gap:0}
         .proc-step{
         display:flex;gap:20px;
         padding-bottom:32px;position:relative
         }
         .proc-step:last-child{padding-bottom:0}
         .pstep-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
         .pstep-n{
         width:44px;height:44px;border-radius:50%;
         background:var(--rust);color:var(--white);
         font-family:var(--serif);font-size:17px;font-weight:700;
         display:flex;align-items:center;justify-content:center
         }
         .pstep-line{
         width:1px;flex:1;margin-top:8px;
         background:var(--sand)
         }
         .proc-step:last-child .pstep-line{display:none}
         .pstep-body{padding-top:8px}
         .pstep-body h3{font-size:16px;font-weight:700;color:var(--brown);margin-bottom:6px}
         .pstep-body p{font-size:14px;color:var(--brown-mid);line-height:1.75;max-width:400px;font-weight:300}
         /* FOCUS AREAS */
         /* WHY */
         .why-bg{background:var(--green)}
         .why-bg .eyebrow{color:#a8d4b4}
         .why-bg .s-title{color:var(--white)}
         .why-bg .s-desc{color:#8cbd9a}
         .why-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
         .why-list{list-style:none;margin-top:40px;display:flex;flex-direction:column;gap:8px}
         .why-item{display:flex;gap:16px;align-items:flex-start}
         .wi-num{
         width:30px;height:30px;border-radius:8px;flex-shrink:0;
         border:1px solid rgba(255,255,255,.3);
         display:flex;align-items:center;justify-content:center;
         font-family:var(--serif);font-size:13px;font-weight:700;color:rgba(255,255,255,.7);
         margin-top:2px
         }
         .wi-title{font-size:16px;font-weight:700;color:var(--white);margin-bottom:0px}
         .wi-body{font-size:13px;color:#8cbd9a;line-height:1.7;font-weight:300}
         .why-panel{
         background:rgba(255,255,255,.08);border-radius:20px;
         border:1px solid rgba(255,255,255,.15);
         padding:36px 32px;display:flex;flex-direction:column;gap:20px;
         margin-top:40px
         }
         .metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
         .mcard{
         background:rgba(255,255,255,.08);border-radius:12px;
         padding:20px 16px;border:1px solid rgba(255,255,255,.1)
         }
         .mval{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--white);line-height:1}
         .mlbl{font-size:12px;color:#8cbd9a;margin-top:5px;font-weight:400}
         /* CTA */
         /* ANIMATIONS */
         @keyframes fadeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
         .anim{animation:fadeIn .6s ease both}
         .d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.42s}.d5{animation-delay:.54s}
         /*trailblazer-classroom start*/
         .carousel {height: auto;}
         /* ── HEADER ── */
         .stripe{
         display:flex;align-items:center;justify-content:space-between;
         padding:20px 60px;
         margin-top: 120px;
         }
         .logo-area{display:flex;align-items:flex-start;gap:0;flex-direction:column}
         .btn-register{
         padding:11px 26px;border-radius:6px;
         background:var(--sf-blue);color:var(--white);
         font-size:15px;font-weight:600;text-decoration:none;
         font-family:var(--font-body);
         border:none;cursor:pointer;
         transition:background .18s;letter-spacing:0.1px
         }
         .btn-register:hover{background:var(--sf-blue-dark); color: #fff;}
         /* ── HERO ── */
         .hero{
         text-align:center;
         padding:60px 60px 0;
         max-width:1200px;margin:0 auto;
         height: auto;
         }
         .classroom-pill{
         display:inline-block;
         padding:6px 22px;border-radius:100px;
         background:#e8eef5;color:var(--sf-navy-mid);
         font-size:12px;font-weight:700;letter-spacing:2.5px;
         text-transform:uppercase;margin-bottom:28px
         }
         .hero h1{
         font-size:clamp(22px,2.8vw,34px);
         font-weight:700;color:var(--sf-text);
         line-height:1.35;max-width:900px;
         margin:0 auto 52px;letter-spacing:-0.2px
         }
         /* ── MAIN CONTENT GRID ── */
         .content-wrap{
         max-width:1200px;margin:0 auto;
         padding:0 60px 80px;
         display:grid;
         grid-template-columns:420px 1fr;
         gap:0;
         align-items:stretch;
         border:1px solid var(--sf-border);
         border-radius:16px;
         overflow:hidden;
         background:var(--white);
         box-shadow:0 4px 24px rgba(0,0,0,.07)
         }
         /* LEFT — image slider */
         .img-panel{
         position:relative;
         /*background:#1a1a2e;*/
         overflow:hidden
         }
         .carousel-inner{min-height: 300px; }
         .classroom-img{
         width:100%;height:100%;
         object-fit:cover;display:block;
         filter:brightness(.95)
         }
         .img-placeholder{
         width:100%;height:100%;min-height:400px;
         background:linear-gradient(135deg,#2c3e6b 0%,#1a2a50 100%);
         display:flex;align-items:center;justify-content:center;
         flex-direction:column;gap:12px
         }
         .img-placeholder svg{width:64px;height:64px;opacity:.4;fill:white}
         .img-placeholder span{font-size:13px;color:rgba(255,255,255,.4)}
         .slider-dots{
         position:absolute;bottom:14px;left:0;right:0;
         display:flex;justify-content:center;gap:6px
         }
         .dot{
         width:22px;height:3px;border-radius:2px;
         background:rgba(255,255,255,.35)
         }
         .dot.active{background:var(--white)}
         .slider-arrow{
         position:absolute;top:50%;transform:translateY(-50%);
         width:32px;height:32px;border-radius:50%;
         background:rgba(255,255,255,.2);border:none;cursor:pointer;
         display:flex;align-items:center;justify-content:center;
         color:white;font-size:16px
         }
         .slider-arrow.left{left:10px}
         .slider-arrow.right{right:10px}
         /* RIGHT — stats panel */
         .stats-panel{
         padding:40px 40px 36px;
         display:flex;flex-direction:column;gap:32px;
         background:var(--white)
         }
         .stats-row{margin-top: 90px;
         display:grid;grid-template-columns:repeat(2,1fr);
         gap:24px;text-align:center
         }
         .stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}
         .stat-icon{width:72px;height:72px;object-fit:contain}
         .stat-icon-placeholder{
         width:111px;height:111px;border-radius:50%;
         display:flex;align-items:center;justify-content:center;font-size:28px
         }
         .stat-number{
         font-size:30px;font-weight:700;color:var(--sf-navy);
         line-height:1
         }
         .stat-label{font-size:16px;color:var(--sf-muted);font-weight:400;line-height:1.4;max-width:120px}
         .alumni-grid{
         display:grid;grid-template-columns:repeat(4,1fr);
         gap:16px;text-align:center
         }
         .badge-img{
         width:68px;height:68px;border-radius:50%;
         object-fit:contain;
         }
         .badge-placeholder{
         width:68px;height:68px;border-radius:50%;
         display:flex;align-items:center;justify-content:center;
         font-size:24px
         }
         .alumni-num{
         font-size:22px;font-weight:700;color:var(--sf-navy);line-height:1
         }
         .alumni-label{font-size:12px;color:var(--sf-muted);line-height:1.4;max-width:100px}
         /* responsive */
         /*trailblazer-classroom end*/
         @media(max-width:900px){
         .hero{grid-template-columns:1fr;padding-top:100px}
         .hero-bg-shape{display:none}
         .hero-right{display:none}
         .off-grid{grid-template-columns:1fr 1fr}
         .proc-layout{grid-template-columns:1fr}
         .why-inner{grid-template-columns:1fr}
         .cta-inner{grid-template-columns:1fr}
         .cta-right{align-items:flex-start}
         .off-head{grid-template-columns:1fr}
         /*trailblazer start*/
         stripe{padding:16px 24px}
         .hero{padding:40px 24px 0}
         .content-wrap{grid-template-columns:1fr;padding:0 24px 48px}
         .img-panel{min-height:260px}
         .stats-panel{padding:28px 24px}
         .stats-row{grid-template-columns:repeat(3,1fr);gap:12px}
         .alumni-grid{grid-template-columns:repeat(4,1fr);gap:8px}
         /*trailblazer end */
         }
         /*collage associate*/
         .colleges-wrapper {
         /*background: #f0f2f8;*/
         border-radius: 20px;
         padding: 36px 40px 40px;
         max-width: 1100px;
         width: 100%;
         margin: 0 auto;
         }
         .section-title {
         text-align: center;
         font-size: 28px;
         font-weight: 600;
         color: #1a1a2e;
         margin-bottom: 28px;
         letter-spacing: 0.1px;
         }
         .colleges-grid {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         gap: 14px;
         }
         .college-card {
         background: #ffffff;
         border-radius: 12px;
         padding: 22px 18px;
         display: flex;
         align-items: center;
         justify-content: center;
         min-height: 110px;
         transition: box-shadow 0.2s ease, transform 0.2s ease;
         box-shadow: 0 1px 4px rgba(0,0,0,0.05);
         }
         /* The highlighted/active card (ABES — center of row 2) */
         .college-card:hover {
         box-shadow: 0 6px 20px rgba(0,0,0,0.10);
         transform: translateY(-2px);
         }
         .college-card img {
         max-width: 100%;
         max-height: 70px;
         object-fit: contain;
         display: block;
         }
         @media (max-width: 768px) {
         .colleges-grid {
         grid-template-columns: repeat(3, 1fr);
         }
         .colleges-wrapper {
         padding: 24px 16px 28px;
         }
         }
         @media (max-width: 480px) {
         .colleges-grid {
         grid-template-columns: repeat(2, 1fr);
         }
         }
         /*collage associate*/