:root{
    --blue:#243E90;
    --blue-dark:#141F52;
    --blue-tint:#E8EAF7;
    --orange:#F48120;
    --orange-dark:#CC6910;
    --orange-tint:#FDE7CF;
    --green:#17582D;
    --green-dark:#0D3A1D;
    --green-tint:#DEEEE2;
    --paper:#F5F7FA;
    --card:#FFFFFF;
    --ink:#12202C;
    --muted:#5B6B7A;
    --line:#E1E7EE;
    --radius-sm:10px;
    --radius-md:16px;
    --radius-lg:26px;
    --shadow:0 18px 40px -22px rgba(20,31,82,.35);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Hind Siliguri', 'Segoe UI', sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  h1,h2,h3{font-weight:700;margin:0;color:var(--blue-dark);letter-spacing:-.01em;}
  section{padding:88px 0;}
  .section-head{max-width:640px;margin:0 0 44px;}
  .section-head .kicker{color:var(--orange-dark);font-weight:600;font-size:15px;margin-bottom:8px;display:block;}
  .section-head h2{font-size:clamp(26px,3.4vw,36px);line-height:1.25;}
  .section-head p{color:var(--muted);font-size:16px;margin-top:12px;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 26px;border-radius:999px;font-weight:600;font-size:15px;
    border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-orange{background:var(--orange);color:#fff;box-shadow:0 14px 26px -12px rgba(244,129,32,.55);}
  .btn-orange:hover{background:var(--orange-dark);}
  .btn-outline{background:transparent;color:var(--blue);border-color:var(--blue);}
  .btn-outline:hover{background:var(--blue-tint);}
  .btn-ghost-light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.5);}
  .btn-ghost-light:hover{background:rgba(255,255,255,.24);}

  /* ---------- Header / Logo ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1180px;margin:0 auto;}
  .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--blue-dark);}
  .brand-mark{width:40px;height:40px;flex:none;}
  nav.main-nav ul{display:flex;gap:28px;}
  nav.main-nav a{font-size:15.5px;font-weight:500;color:var(--ink);}
  nav.main-nav a:hover{color:var(--blue);}
  .has-dropdown{position:relative;}
  .dropdown{
    display:none;position:absolute;top:100%;left:0;padding-top:14px;z-index:60;
  }
  .has-dropdown:hover .dropdown{display:block;}
  .dropdown-inner{
    list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;
    box-shadow:var(--shadow);padding:12px 18px 12px 18px;min-width:170px;
  }
  .dropdown-item{position:relative;padding:6px 0;font-weight:600;font-size:14.5px;
    color:var(--ink);cursor:default;}
  .dropdown-item::marker{color:var(--orange-dark);font-weight:700;}
  .dropdown-item:hover{color:var(--blue);}
  .submenu{
    display:none;position:absolute;top:0;left:100%;padding-left:10px;z-index:61;
  }
  .dropdown-item:hover .submenu{display:block;}
  .submenu-inner{
    list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;
    box-shadow:var(--shadow);padding:12px 20px 12px 20px;min-width:240px;
  }
  .submenu-inner li{padding:4px 0;}
  .submenu-inner li::marker{color:var(--blue);font-weight:700;}
  .submenu-inner a{display:block;padding:5px 8px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap;}
  .submenu-inner a:hover{background:var(--orange-tint);color:var(--orange-dark);}
  .header-actions{display:flex;align-items:center;gap:16px;}
  .phone-pill{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--blue-dark);font-weight:600;}
  .burger{display:none;background:none;border:none;font-size:26px;color:var(--blue-dark);cursor:pointer;}

  @media (max-width:900px){
    nav.main-nav{position:fixed;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);
      padding:18px 24px;transform:translateY(-140%);transition:transform .25s ease;box-shadow:0 20px 30px -20px rgba(0,0,0,.25);
      max-height:80vh;overflow-y:auto;}
    nav.main-nav.open{transform:translateY(0);}
    nav.main-nav ul{flex-direction:column;gap:16px;}
    .phone-pill{display:none;}
    .burger{display:block;}
    .dropdown{display:none;position:static;padding:10px 0 0 0;margin:0;min-width:0;}
    .has-dropdown:hover .dropdown{display:none;}
    .has-dropdown.dropdown-open .dropdown{display:block;}
    .dropdown-inner{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 0 26px;min-width:0;}
    .dropdown-item{padding:6px 0;}
    .submenu{display:none;position:static;padding:6px 0 0 0;margin:0;min-width:0;}
    .dropdown-item:hover .submenu{display:none;}
    .dropdown-item.submenu-open .submenu{display:block;}
    .submenu-inner{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 0 30px;min-width:0;}
    .has-dropdown > a{display:flex;align-items:center;justify-content:space-between;gap:8px;}
    .has-dropdown > a::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
      transform:rotate(45deg);transition:transform .2s ease;flex:none;}
    .has-dropdown.dropdown-open > a::after{transform:rotate(-135deg);}
    .dropdown-item > span{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;}
    .dropdown-item > span::after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
      transform:rotate(45deg);transition:transform .2s ease;flex:none;}
    .dropdown-item.submenu-open > span::after{transform:rotate(-135deg);}
  }

  /* ---------- Hero ---------- */
  .hero{
    background:linear-gradient(180deg, var(--blue-dark) 0%, var(--blue) 62%, var(--blue) 100%);
    color:#fff;position:relative;overflow:hidden;padding:80px 0 110px;
  }
  .hero::after{
    content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle, rgba(244,129,32,.35), transparent 70%);
  }
  .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative;z-index:1;}
  .eyebrow-badge{
    display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);
    padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:22px;color:var(--orange);
  }
  .hero h1{color:#fff;font-size:clamp(32px,4.6vw,50px);line-height:1.2;}
  .hero p.lede{color:#D9E0F5;font-size:17.5px;margin-top:18px;max-width:520px;}
  .hero-ctas{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
  .hero-trust{display:flex;gap:34px;margin-top:46px;flex-wrap:wrap;}
  .hero-trust div strong{display:block;font-size:24px;color:#fff;}
  .hero-trust div span{font-size:13.5px;color:#B7C1E6;}

  /* ---------- Hero card carousel with crafted background ---------- */
  .hero-card-wrap{
    position:relative;border-radius:calc(var(--radius-lg) + 6px);padding:16px;overflow:hidden;
    background:
      radial-gradient(circle at 18% 22%, rgba(244,129,32,.65), transparent 42%),
      radial-gradient(circle at 85% 78%, rgba(23,88,45,.65), transparent 46%),
      linear-gradient(135deg, var(--blue-dark), var(--blue));
    box-shadow:0 30px 60px -20px rgba(0,10,25,.55);
  }
  .hero-card-wrap::before{
    content:"";position:absolute;inset:0;opacity:.35;
    background-image:radial-gradient(rgba(255,255,255,.35) 1px, transparent 1.5px);
    background-size:16px 16px;
    pointer-events:none;
  }
  .hero-card-slide{display:none;background:var(--card);border-radius:var(--radius-lg);padding:26px;color:var(--ink);position:relative;z-index:1;}
  .hero-card-slide.active{display:block;animation:fade .4s ease;}
  @keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
  .hero-card-slide .tag{display:inline-block;background:var(--orange-tint);color:var(--orange-dark);font-size:12.5px;
    font-weight:600;padding:5px 12px;border-radius:999px;margin-bottom:14px;}
  .hero-card-slide h3{font-size:19px;margin-bottom:6px;}
  .hero-card-slide p{color:var(--muted);font-size:14.5px;margin:0 0 18px;}
  .mini-schedule{display:flex;flex-direction:column;gap:10px;}
  .mini-schedule li{display:flex;justify-content:space-between;align-items:center;
    padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;}
  .mini-schedule li b{color:var(--blue-dark);}
  .mini-schedule .dot{width:8px;height:8px;border-radius:50%;background:var(--orange);display:inline-block;margin-inline-end:8px;}
  .hero-card-dots{display:flex;justify-content:center;gap:8px;margin-top:14px;position:relative;z-index:1;}
  .hero-card-dots .dot-btn{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.4);cursor:pointer;padding:0;}
  .hero-card-dots .dot-btn.active{background:var(--orange);width:22px;border-radius:5px;transition:.2s ease;}

  /* ---------- Category pills / filter ---------- */
  .filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px;}
  .filter-btn{
    padding:10px 20px;border-radius:999px;border:1.5px solid var(--line);background:#fff;
    font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:.15s ease;
  }
  .filter-btn:hover{border-color:var(--blue);color:var(--blue);}
  .filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}

  .course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .course-card{
    background:var(--card);border-radius:var(--radius-md);padding:22px;border:1px solid var(--line);
    transition:transform .18s ease, box-shadow .18s ease; display:flex;flex-direction:column;gap:14px;
  }
  .course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
  .course-card .cat-tag{font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:8px;align-self:flex-start;}
  .cat-tag.tag-it{color:var(--blue);background:var(--blue-tint);}
  .cat-tag.tag-design{color:var(--orange-dark);background:var(--orange-tint);}
  .cat-tag.tag-english{color:var(--green-dark);background:var(--green-tint);}
  .cat-tag.tag-academic{color:var(--blue);background:var(--blue-tint);}
  .cat-tag.tag-marketing{color:var(--orange-dark);background:var(--orange-tint);}
  .course-card h3{font-size:18px;color:var(--ink);}
  .course-card .meta{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted);
    border-top:1px dashed var(--line);padding-top:14px;}
  .course-card .fee{font-weight:700;color:var(--orange-dark);font-size:16px;}
  .course-card.hidden{display:none;}

  @media (max-width:860px){.course-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.course-grid{grid-template-columns:1fr;}}

  /* ---------- Countdown ---------- */
  .countdown-section{
    background:linear-gradient(120deg, var(--blue-dark), var(--blue));
    border-radius:var(--radius-lg);padding:44px;color:#fff;
    display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
    margin:0 auto;max-width:1180px;position:relative;overflow:hidden;
  }
  .countdown-section::before{
    content:"";position:absolute;left:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;
    background:radial-gradient(circle, rgba(244,129,32,.28), transparent 70%);
  }
  .countdown-copy{position:relative;z-index:1;}
  .countdown-copy .kicker{color:var(--orange);font-weight:600;font-size:14px;display:block;margin-bottom:8px;}
  .countdown-copy h3{color:#fff;font-size:24px;margin-bottom:8px;}
  .countdown-copy p{color:#D8E0F4;font-size:15px;max-width:420px;}
  .clock{display:flex;gap:14px;position:relative;z-index:1;}
  .clock .box{
    background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:14px;
    width:76px;padding:14px 0;text-align:center;
  }
  .clock .box strong{font-size:28px;display:block;}
  .clock .box span{font-size:12px;color:#CFD8F0;}

  /* ---------- Why us ---------- */
  /* ---------- Teacher panel ---------- */
  .teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .teacher-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px;text-align:center;}
  .teacher-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;
    justify-content:center;color:#fff;font-weight:700;font-size:21px;}
  .teacher-card h3{font-size:16.5px;margin-bottom:4px;color:var(--ink);}
  .teacher-card .role{font-size:13px;color:var(--orange-dark);font-weight:600;margin-bottom:10px;display:block;}
  .teacher-card p{font-size:14px;color:var(--muted);margin:0;}
  @media (max-width:900px){.teacher-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.teacher-grid{grid-template-columns:1fr;}}

  /* ---------- Director / leadership carousel ---------- */
  .leaders-viewport{overflow:hidden;}
  .leaders-track{display:flex;gap:24px;transition:transform .45s ease;}
  .leader-card{
    flex:0 0 calc((100% - 24px)/2);background:linear-gradient(135deg, var(--blue-dark), var(--blue));
    border-radius:var(--radius-lg);padding:36px;color:#fff;position:relative;overflow:hidden;
  }
  .leader-card::before{
    content:"";position:absolute;right:-50px;bottom:-60px;width:190px;height:190px;border-radius:50%;
    background:radial-gradient(circle, rgba(244,129,32,.32), transparent 70%);
  }
  .leader-avatar{
    width:62px;height:62px;border-radius:50%;display:flex;align-items:center;
    justify-content:center;margin-bottom:20px;position:relative;z-index:1;
  }
  .leader-card blockquote{
    font-size:17px;line-height:1.65;margin:0 0 20px;position:relative;z-index:1;color:#EDF0FB;font-style:normal;
  }
  .leader-card .who{position:relative;z-index:1;}
  .leader-card .who strong{display:block;font-size:15.5px;color:#fff;}
  .leader-card .who span{font-size:13px;color:#C6D0F0;}
  @media (max-width:700px){.leader-card{flex:0 0 100%;}}
  .leaders-nav{display:flex;justify-content:center;gap:12px;margin-top:28px;}
  .leaders-nav button{
    width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;
    font-size:16px;color:var(--blue);
  }
  .leaders-nav button:hover{border-color:var(--blue);}

  /* ---------- Course delivery mode badge & toggle ---------- */
  .mode-toggle{display:inline-flex;background:var(--blue-tint);border-radius:999px;padding:4px;margin-bottom:26px;}
  .mode-btn{padding:9px 22px;border-radius:999px;border:none;background:transparent;font-weight:600;
    font-size:14.5px;color:var(--blue);cursor:pointer;transition:.15s ease;}
  .mode-btn.active{background:var(--blue);color:#fff;}
  .mode-badge{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:6px;letter-spacing:.02em;}
  .mode-badge.online{background:var(--green-tint);color:var(--green-dark);}
  .mode-badge.offline{background:var(--orange-tint);color:var(--orange-dark);}
  .course-card .cat-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
  .why-card{background:var(--card);border-radius:var(--radius-md);padding:26px;border:1px solid var(--line);}
  .why-icon{
    width:50px;height:50px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;
  }
  .why-card:nth-child(1) .why-icon{background:var(--blue-tint);color:var(--blue);}
  .why-card:nth-child(2) .why-icon{background:var(--orange-tint);color:var(--orange-dark);}
  .why-card:nth-child(3) .why-icon{background:var(--green-tint);color:var(--green-dark);}
  .why-card:nth-child(4) .why-icon{background:var(--blue-tint);color:var(--blue);}
  .why-card h3{font-size:17px;margin-bottom:8px;color:var(--ink);}
  .why-card p{font-size:14.5px;color:var(--muted);margin:0;}
  @media (max-width:900px){.why-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.why-grid{grid-template-columns:1fr;}}

  /* ---------- Journey / roadmap ---------- */
  .journey-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
  .journey-track::before{
    content:"";position:absolute;top:27px;left:6%;right:6%;height:2px;
    background:repeating-linear-gradient(90deg, var(--line) 0 10px, transparent 10px 18px);
  }
  .journey-step{padding:0 18px;position:relative;text-align:center;}
  .journey-num{
    width:56px;height:56px;border-radius:50%;color:#fff;font-weight:700;font-size:19px;
    display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:1;
  }
  .journey-step:nth-child(1) .journey-num{background:var(--blue);box-shadow:0 10px 18px -8px rgba(36,62,144,.5);}
  .journey-step:nth-child(2) .journey-num{background:var(--orange);box-shadow:0 10px 18px -8px rgba(244,129,32,.5);}
  .journey-step:nth-child(3) .journey-num{background:var(--green);box-shadow:0 10px 18px -8px rgba(23,88,45,.5);}
  .journey-step:nth-child(4) .journey-num{background:var(--blue);box-shadow:0 10px 18px -8px rgba(36,62,144,.5);}
  .journey-step h3{font-size:16.5px;margin-bottom:8px;color:var(--ink);}
  .journey-step p{font-size:14px;color:var(--muted);}
  @media (max-width:820px){
    .journey-track{grid-template-columns:1fr;gap:34px;}
    .journey-track::before{display:none;}
  }

  /* ---------- Stats band ---------- */
  .stats-band{background:var(--blue-dark);color:#fff;}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
  .stats-grid strong{font-size:clamp(26px,3vw,38px);color:var(--orange);display:block;}
  .stats-grid span{font-size:14px;color:#CFD8F0;}
  @media (max-width:700px){.stats-grid{grid-template-columns:1fr 1fr;}}

  /* ---------- Success stories carousel ---------- */
  .stories-viewport{overflow:hidden;}
  .stories-track{display:flex;gap:24px;transition:transform .45s ease;}
  .story-card{
    flex:0 0 calc((100% - 48px)/3);background:var(--card);border:1px solid var(--line);
    border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:14px;
  }
  .story-top{display:flex;align-items:center;gap:14px;}
  .avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:700;font-size:16px;flex:none;}
  .avatar-blue{background:var(--blue);}
  .avatar-orange{background:var(--orange);}
  .avatar-green{background:var(--green);}
  .story-top .who strong{display:block;font-size:15.5px;color:var(--ink);}
  .story-top .who span{font-size:13px;color:var(--muted);}
  .story-card p.detail{font-size:14.5px;color:var(--muted);margin:0;flex:1;}
  @media (max-width:1000px){.story-card{flex:0 0 calc((100% - 24px)/2);}}
  @media (max-width:700px){.story-card{flex:0 0 100%;}}
  .stories-nav{display:flex;justify-content:center;gap:12px;margin-top:28px;}
  .stories-nav button{
    width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;
    font-size:16px;color:var(--blue);
  }
  .stories-nav button:hover{border-color:var(--blue);}

  /* ---------- App promo ---------- */
  .app-promo{
    background:linear-gradient(120deg, var(--orange-tint), #fff 60%);
    border-radius:var(--radius-lg);display:grid;grid-template-columns:1.2fr .8fr;gap:32px;
    padding:48px;align-items:center;border:1px solid var(--line);
  }
  .app-promo h2{font-size:26px;}
  .app-promo p{color:var(--muted);margin-top:12px;max-width:440px;}
  .store-badges{display:flex;gap:12px;margin-top:24px;}
  .store-badges a{border:1.5px solid var(--blue-dark);border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--blue-dark);}
  .app-visual{
    background:var(--blue-dark);border-radius:20px;height:200px;display:flex;align-items:center;justify-content:center;
    color:var(--orange);font-size:15px;font-weight:600;
  }
  @media (max-width:820px){.app-promo{grid-template-columns:1fr;}}

  /* ---------- Seminar CTA ---------- */
  .seminar-cta{
    background:var(--orange);border-radius:var(--radius-lg);padding:44px;color:#fff;
    display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  }
  .seminar-cta h3{color:#fff;font-size:23px;}
  .seminar-cta p{color:#FFEBD6;margin-top:6px;}

  /* ---------- Footer ---------- */
  footer{background:var(--blue-dark);color:#CFD8F0;padding:70px 0 26px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:46px;}
  .footer-grid h4{color:#fff;font-size:15.5px;margin-bottom:16px;}
  .footer-grid li{margin-bottom:10px;font-size:14px;}
  .footer-grid a:hover{color:var(--orange);}
  .footer-brand .brand{color:#fff;}
  .footer-brand p{font-size:14px;color:#AEB9E0;margin-top:12px;max-width:280px;}
  .payment-row{display:flex;gap:10px;margin-top:16px;}
  .payment-row span{background:rgba(255,255,255,.1);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;justify-content:space-between;
    flex-wrap:wrap;gap:12px;font-size:13.5px;color:#9DA9CF;
  }
  @media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;}}

  /* ---------- Responsive fixes ---------- */
  @media (max-width:960px){
    .hero-grid{grid-template-columns:1fr;gap:40px;}
    .hero-card-wrap{max-width:520px;margin:0 auto;}
  }
  @media (max-width:700px){
    .countdown-section{grid-template-columns:1fr;text-align:center;padding:32px 24px;}
    .countdown-copy p{margin-left:auto;margin-right:auto;}
    .clock{justify-content:center;flex-wrap:wrap;}
  }
  @media (max-width:480px){
    .clock .box{width:64px;padding:10px 0;}
    .clock .box strong{font-size:22px;}
    .mode-toggle{flex-wrap:wrap;}
    .mode-btn{padding:8px 16px;font-size:13.5px;}
  }
  @media (max-width:560px){.footer-grid{grid-template-columns:1fr;}}
  @media (max-width:600px){
    section{padding:56px 0;}
    .section-head{margin-bottom:32px;}
    .countdown-section, .seminar-cta, .app-promo{padding:28px;}
    .hero{padding:56px 0 72px;}
  }
  @media (max-width:480px){
    .topbar{padding:12px 16px;}
    .brand{font-size:17px;gap:6px;}
    .brand-mark{width:32px;height:32px;}
    .header-actions{gap:8px;}
    .header-actions .btn-orange{padding:9px 14px;font-size:13px;}
    .hero-ctas{flex-direction:column;align-items:stretch;}
    .hero-ctas .btn{justify-content:center;}
    .hero-trust{gap:22px;}
    .seminar-cta{flex-direction:column;text-align:center;}
  }


  /* gallery */

  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  h1,h2,h3{font-weight:700;margin:0;color:var(--blue-dark);letter-spacing:-.01em;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
  section{padding:70px 0;}
  .section-head{max-width:640px;margin:0 0 40px;}
  .section-head .kicker{color:var(--orange-dark);font-weight:600;font-size:15px;margin-bottom:8px;display:block;}
  .section-head h2{font-size:clamp(26px,3.4vw,34px);line-height:1.25;}
  .section-head p{color:var(--muted);font-size:16px;margin-top:12px;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 26px;border-radius:999px;font-weight:600;font-size:15px;
    border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-orange{background:var(--orange);color:#fff;box-shadow:0 14px 26px -12px rgba(244,129,32,.55);}
  .btn-orange:hover{background:var(--orange-dark);}

  /* ---------- Header ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1180px;margin:0 auto;}
  .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--blue-dark);}
  .brand-mark{width:40px;height:40px;flex:none;}
  nav.main-nav ul{display:flex;gap:28px;}
  nav.main-nav a{font-size:15.5px;font-weight:500;color:var(--ink);}
  nav.main-nav a:hover{color:var(--blue);}
  nav.main-nav a.current{color:var(--blue);}
  .header-actions{display:flex;align-items:center;gap:16px;}
  .phone-pill{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--blue-dark);font-weight:600;}
  .burger{display:none;background:none;border:none;font-size:26px;color:var(--blue-dark);cursor:pointer;}

  .has-dropdown{position:relative;}
  .dropdown{display:none;position:absolute;top:100%;left:0;padding-top:14px;z-index:60;}
  .has-dropdown:hover .dropdown{display:block;}
  .dropdown-inner{
    list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;
    box-shadow:var(--shadow);padding:12px 18px 12px 18px;min-width:170px;
  }
  .dropdown-item{position:relative;padding:6px 0;font-weight:600;font-size:14.5px;color:var(--ink);cursor:default;}
  .dropdown-item::marker{color:var(--orange-dark);font-weight:700;}
  .dropdown-item:hover{color:var(--blue);}
  .submenu{display:none;position:absolute;top:0;left:100%;padding-left:10px;z-index:61;}
  .dropdown-item:hover .submenu{display:block;}
  .submenu-inner{
    list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;
    box-shadow:var(--shadow);padding:12px 20px 12px 20px;min-width:240px;
  }
  .submenu-inner li{padding:4px 0;}
  .submenu-inner li::marker{color:var(--blue);font-weight:700;}
  .submenu-inner a{display:block;padding:5px 8px;border-radius:8px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap;}
  .submenu-inner a:hover{background:var(--orange-tint);color:var(--orange-dark);}

  @media (max-width:900px){
    nav.main-nav{position:fixed;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);
      padding:18px 24px;transform:translateY(-140%);transition:transform .25s ease;box-shadow:0 20px 30px -20px rgba(0,0,0,.25);
      max-height:80vh;overflow-y:auto;}
    nav.main-nav.open{transform:translateY(0);}
    nav.main-nav ul{flex-direction:column;gap:16px;}
    .phone-pill{display:none;}
    .burger{display:block;}
    .dropdown{display:none;position:static;padding:10px 0 0 0;margin:0;min-width:0;}
    .has-dropdown:hover .dropdown{display:none;}
    .has-dropdown.dropdown-open .dropdown{display:block;}
    .dropdown-inner{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 0 26px;min-width:0;}
    .dropdown-item{padding:6px 0;}
    .submenu{display:none;position:static;padding:6px 0 0 0;margin:0;min-width:0;}
    .dropdown-item:hover .submenu{display:none;}
    .dropdown-item.submenu-open .submenu{display:block;}
    .submenu-inner{position:static;box-shadow:none;border:none;background:transparent;padding:0 0 0 30px;min-width:0;}
    .has-dropdown > a{display:flex;align-items:center;justify-content:space-between;gap:8px;}
    .has-dropdown > a::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
      transform:rotate(45deg);transition:transform .2s ease;flex:none;}
    .has-dropdown.dropdown-open > a::after{transform:rotate(-135deg);}
    .dropdown-item > span{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;}
    .dropdown-item > span::after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
      transform:rotate(45deg);transition:transform .2s ease;flex:none;}
    .dropdown-item.submenu-open > span::after{transform:rotate(-135deg);}
  }

  /* ---------- Page banner ---------- */
  .page-banner{
    background:linear-gradient(180deg, var(--blue-dark) 0%, var(--blue) 100%);
    color:#fff;position:relative;overflow:hidden;padding:56px 0 74px;
  }
  .page-banner::after{
    content:"";position:absolute;right:-100px;top:-100px;width:360px;height:360px;border-radius:50%;
    background:radial-gradient(circle, rgba(244,129,32,.32), transparent 70%);
  }
  .page-banner::before{
    content:"";position:absolute;left:-80px;bottom:-100px;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle, rgba(23,88,45,.32), transparent 70%);
  }
  .breadcrumb{position:relative;z-index:1;font-size:13.5px;color:#B7C1E6;margin-bottom:14px;}
  .breadcrumb a{color:#B7C1E6;}
  .breadcrumb a:hover{color:#fff;}
  .page-banner h1{position:relative;z-index:1;color:#fff;font-size:clamp(28px,4vw,42px);}
  .page-banner p{position:relative;z-index:1;color:#D9E0F5;font-size:16.5px;margin-top:12px;max-width:520px;}

  /* ---------- Gallery grid ---------- */
  .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .gallery-item{
    position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;
    box-shadow:0 14px 30px -18px rgba(20,31,82,.35);cursor:pointer;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
  .gallery-tile{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;
  }
  .gallery-caption{
    position:absolute;left:0;right:0;bottom:0;padding:14px 16px 12px;
    background:linear-gradient(0deg, rgba(0,0,0,.65), transparent);color:#fff;
  }
  .gallery-caption strong{display:block;font-size:14px;}
  .gallery-caption span{font-size:11.5px;color:#E4E9FA;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}

  @media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:480px){.gallery-grid{grid-template-columns:1fr;}}

  /* ---------- Pagination ---------- */
  .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;flex-wrap:wrap;}
  .page-btn{
    min-width:40px;height:40px;padding:0 14px;border-radius:10px;border:1.5px solid var(--line);
    background:#fff;font-weight:600;font-size:14.5px;color:var(--ink);cursor:pointer;transition:.15s ease;
  }
  .page-btn:hover{border-color:var(--blue);color:var(--blue);}
  .page-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;}
  .page-btn:disabled{opacity:.4;cursor:not-allowed;}
  .page-btn:disabled:hover{border-color:var(--line);color:var(--ink);}

  /* ---------- Footer ---------- */
  footer{background:var(--blue-dark);color:#CFD8F0;padding:70px 0 26px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:46px;}
  .footer-grid h4{color:#fff;font-size:15.5px;margin-bottom:16px;}
  .footer-grid li{margin-bottom:10px;font-size:14px;}
  .footer-grid a:hover{color:var(--orange);}
  .footer-brand .brand{color:#fff;}
  .footer-brand p{font-size:14px;color:#AEB9E0;margin-top:12px;max-width:280px;}
  .payment-row{display:flex;gap:10px;margin-top:16px;}
  .payment-row span{background:rgba(255,255,255,.1);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;justify-content:space-between;
    flex-wrap:wrap;gap:12px;font-size:13.5px;color:#9DA9CF;
  }
  @media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.footer-grid{grid-template-columns:1fr;}}

  /* ---------- Lightbox popup viewer ---------- */
  .lightbox{
    position:fixed;inset:0;background:rgba(10,15,30,.82);display:none;align-items:center;justify-content:center;
    z-index:200;padding:24px;
  }
  .lightbox.active{display:flex;}
  .lightbox-box{
    position:relative;background:#fff;border-radius:var(--radius-lg);overflow:hidden;max-width:520px;width:100%;
    box-shadow:0 30px 70px -20px rgba(0,0,0,.6);
  }
  .lightbox-tile{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:64px;}
  .lightbox-info{padding:20px 24px;}
  .lightbox-info h3{font-size:18px;margin-bottom:4px;}
  .lightbox-info span{font-size:12px;font-weight:600;color:var(--orange-dark);text-transform:uppercase;letter-spacing:.03em;}
  .lightbox-counter{
    position:absolute;top:14px;left:16px;background:rgba(0,0,0,.45);color:#fff;font-size:12.5px;
    font-weight:600;padding:5px 12px;border-radius:999px;
  }
  .lightbox-close{
    position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.45);
    color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  }
  .lightbox-close:hover{background:rgba(0,0,0,.65);}
  .lightbox-nav{
    position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
    background:rgba(255,255,255,.92);border:none;color:var(--blue);font-size:20px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -8px rgba(0,0,0,.4);z-index:2;
  }
  .lightbox-nav:hover{background:#fff;}
  .lightbox-prev{left:-58px;}
  .lightbox-next{right:-58px;}
  @media (max-width:700px){
    .lightbox-prev{left:10px;}
    .lightbox-next{right:10px;}
  }
  
  /* gallery */

  /* ================= LOGO STYLES ================= */
.logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.logo img {
  height: 55px;          
  width: auto;          
  max-width: 100%;      
  object-fit: contain;
  display: block;
  transition: height 0.3s ease; 
}

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

(Under 992px) */
@media (max-width: 992px) {
  .logo img {
    height: 48px;
  }
}

/*  (Under 576px) */
@media (max-width: 576px) {
  .logo img {
    height: 40px; 
  }
  
  a.btn.btn-orange{
    font-size: 10px;
  }
}

/* ================= SLOW-MOTION MENU / SUBMENU ================= */
/* Gati komano/barano: shudhu ei duita value change korlei hobe */
:root{
  --menu-open:.6s;    /* menu/submenu khulte koto somoy */
  --menu-close:.4s;   /* bondho hote koto somoy */
  --menu-ease:cubic-bezier(.22,.61,.36,1);
}

/* Menu bar link hover — slow color fade */
nav.main-nav a{transition:color .45s ease, background-color .45s ease;}
.dropdown-item{transition:color .45s ease;}

/* ---------- Desktop: dropdown + submenu ---------- */
@media (min-width:901px){
  nav.main-nav .has-dropdown .dropdown,
  nav.main-nav .dropdown-item .submenu{
    display:block;                 /* display:none animate kora jay na, tai visibility use kora hoyeche */
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:
      opacity var(--menu-close) var(--menu-ease),
      transform var(--menu-close) var(--menu-ease),
      visibility 0s linear var(--menu-close);
  }
  nav.main-nav .has-dropdown .dropdown{transform:translateY(14px);}
  nav.main-nav .dropdown-item .submenu{transform:translateX(-14px);}

  nav.main-nav .has-dropdown:hover .dropdown,
  nav.main-nav .has-dropdown:focus-within .dropdown,
  nav.main-nav .dropdown-item:hover .submenu,
  nav.main-nav .dropdown-item:focus-within .submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:
      opacity var(--menu-open) var(--menu-ease),
      transform var(--menu-open) var(--menu-ease),
      visibility 0s;
  }
}

/* ---------- Mobile: hamburger panel + accordion ---------- */
@media (max-width:900px){
  nav.main-nav{transition:transform var(--menu-open) var(--menu-ease);}

  /* Dropdown & submenu: display:none/block er bodole smooth height animation */
  nav.main-nav .has-dropdown .dropdown,
  nav.main-nav .dropdown-item .submenu{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    padding:0;
    transition:
      grid-template-rows var(--menu-open) var(--menu-ease),
      opacity var(--menu-open) var(--menu-ease);
  }
  nav.main-nav .has-dropdown.dropdown-open .dropdown,
  nav.main-nav .dropdown-item.submenu-open .submenu{
    grid-template-rows:1fr;
    opacity:1;
  }
  nav.main-nav .dropdown-inner,
  nav.main-nav .submenu-inner{min-height:0;overflow:hidden;}

  /* upor-nicher gap (age padding chilo, ekhon first item-e) */
  nav.main-nav .dropdown-inner > .dropdown-item:first-child{padding-top:14px;}
  nav.main-nav .submenu-inner > li:first-child{padding-top:10px;}

  /* chevron arrow-o slow ghurbe */
  .has-dropdown > a::after,
  .dropdown-item > span::after{transition:transform var(--menu-open) var(--menu-ease);}
}

/* Jader device-e "reduce motion" on ache tader jonno animation off */
@media (prefers-reduced-motion:reduce){
  :root{--menu-open:.01s;--menu-close:.01s;}
}


/* ---------- Online / Offline hover highlight (submenu link er moto) ---------- */
@media (min-width:901px){
  nav.main-nav .dropdown-inner{padding:12px 10px;}
  nav.main-nav .dropdown-item{padding:1px 0;}
  nav.main-nav .dropdown-item > span{
    display:block;
    padding:5px 8px;
    border-radius:8px;
    transition:background-color .45s ease, color .45s ease;
  }
  /* li-er upor mouse thakle (sub menu-r vitore gele-o) highlight thakbe */
  nav.main-nav .dropdown-item:hover > span{
    background:var(--orange-tint);
    color:var(--orange-dark);
  }
}