:root {
      --primary:   #336ab4;
      --primary-d: #0f3490;
      --primary-l: #e8f0ff;
      --accent:    #f6a51c;
      --accent-d:  #d58828;
      --dark:      #01202b;
      --light-bg:  #f5f7fc;
      --light-bg2: #eef2fb;
      --text:      #2c3e50;
      --muted:     #6c757d;
      --white:     #ffffff;
      --radius:    14px;
      --shadow:    0 8px 32px rgba(26,79,186,.13);
      --topbar-h:  40px;
      --nav-h:     70px;
    }

    /* ── RESET / BASE ── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Poppins', sans-serif; font-weight: 400; color: var(--text); background: #fff; overflow-x: hidden; }
    h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; font-weight: 500; }
    a { text-decoration: none; color: inherit; }
    img { max-width: 100%; }
    section { padding: 55px 0; }

    /* ── UTILITY ── */
    .btn-primary-custom {
      background: var(--primary); color: #fff; border: none; border-radius: 50px;
      padding: 13px 34px; font-weight: 700; font-size: 1rem; transition: all .3s;
      box-shadow: 0 4px 18px rgba(26,79,186,.3);
    }
    .btn-primary-custom:hover { background: var(--primary-d); transform: translateY(-2px); color:#fff; box-shadow: 0 8px 28px rgba(26,79,186,.4);}
    .btn-accent-custom {
      background: var(--accent); color: #fff; border: none; border-radius: 50px;
      padding: 13px 34px; font-weight: 700; font-size: 1rem; transition: all .3s;
    }
    .btn-accent-custom:hover { background: var(--accent-d); transform: translateY(-2px); color:#fff; }
    .btn-accent-custom.btn-sm { padding: 7px 16px; font-size: .82rem; }
    .btn-outline-custom {
      background: transparent; color: var(--primary); border: 1px solid var(--primary);
      border-radius: 50px; padding: 10px 32px; font-weight: 500; font-size: 1rem; transition: all .3s;letter-spacing:0.02rem;
    }
    .btn-outline-custom:hover { background: var(--primary); color:#fff; }
    .section-badge {
      display: inline-block; background: rgba(26,79,186,.1); color: var(--primary);
      border-radius: 50px; padding: 6px 20px; font-size: .85rem; font-weight: 500;
      letter-spacing: .5px; text-transform: capitalize; margin-bottom: 12px;
    }
    .section-title { font-size: clamp(1.7rem,3.5vw,2.5rem); color: var(--dark); line-height: 1.25; }
    .section-title span { color: var(--primary); }
    .divider { width: 56px; height: 2px; background: var(--accent); border-radius: 4px; margin: 14px 0 22px; }
    .divider.center { margin: 14px auto 22px; }

    /* ── TOPBAR ── */
    #topbar {
      background: var(--dark); color: rgba(255,255,255,.85); font-size: .82rem;
      height: var(--topbar-h); padding: 0;
      border-bottom: 1px solid rgba(255,255,255,.07);
    }
    #topbar .container { height: 100%; display: flex; align-items: center; }
    #topbar .d-flex { width: 100%; }
    #topbar a { color: rgba(255,255,255,.85); transition: color .2s; }
    #topbar a:hover { color: var(--accent); }
    .topbar-contact { font-size: .82rem; }
    .topbar-socials { display: flex; align-items: center; gap: 14px; }
    .topbar-socials a { font-size: 1rem; color: rgba(255,255,255,.7); transition: color .2s; }
    .topbar-socials a:hover { color: var(--accent); }
    .topbar-login {
      background: rgba(255,255,255,.12); color: rgba(255,255,255,.9) !important;
      padding: 5px 14px; border-radius: 50px; font-size: .8rem; font-weight: 700;
      border: 1px solid rgba(255,255,255,.2); transition: all .2s; white-space: nowrap;
    }
    .topbar-login:hover { background: var(--primary); color: #fff !important; border-color: var(--primary); }

    /* ── NAVBAR ── */
    #mainNav {
      background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,.09);
      height: var(--nav-h); padding: 0; position: sticky; top: 0; z-index: 999; transition: all .35s;
    }
    #mainNav .container { height: 100%; }
    #mainNav.scrolled { box-shadow: 0 4px 30px rgba(0,0,0,.14); }
    #mainNav .navbar-brand { padding: 0; display: flex; align-items: center; }
    #mainNav .navbar-brand img {
      height: 55px;
      width: auto;
      max-width: 160px;
      object-fit: contain;
      display: block;
    }
    #mainNav .navbar-collapse { flex-grow: 1; }
    #mainNav .navbar-nav { align-items: center; }
    #mainNav .nav-link {
      font-weight: 500; color: var(--dark) !important; padding: 8px 14px !important;letter-spacing:.4px;
      font-size: 15px; border-radius: 8px; transition: all .2s; white-space: nowrap;
    }
    #mainNav .nav-link:hover, #mainNav .nav-link.active { color: var(--primary) !important;}
    #mainNav .dropdown-menu { border: none; box-shadow: 0 8px 30px rgba(0,0,0,.12); border-radius: var(--radius); padding: 10px; }
    #mainNav .dropdown-item { border-radius: 8px; font-weight: 500; padding: 8px 16px; font-size: 14px; letter-spacing:0.02rem; }
    #mainNav .dropdown-item:hover { background: var(--light-bg); color: var(--primary); }
    .nav-cta { color: var(--accent-d) !important; border-radius: 50px !important; padding: 9px 20px !important; white-space: nowrap;border: 1px solid var(--accent-d); }
    .nav-cta:hover { background: var(--primary) !important; color: #fff !important; }
    .nav-demo-mobile { white-space: nowrap; }

    /* ── HERO ── */
    #hero {
      background:linear-gradient(135deg, #0a1628 0%, #0d1b3e 40%, #1a3a70 100%);
      min-height: 92vh; display: flex; align-items: center; position: relative; overflow: hidden;
    }
    #hero::before {
      content:''; position: absolute; inset: 0;
      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    #hero .hero-shape {
      position: absolute; right: -80px; top: -80px; width: 560px; height: 560px;
      background: radial-gradient(circle, rgba(255,255,255,.08) 0%, transparent 70%);
      border-radius: 50%;
    }
    #hero .hero-shape2 {
      position: absolute; left: -100px; bottom: -100px; width: 400px; height: 400px;
      background: radial-gradient(circle, rgba(245,166,35,.12) 0%, transparent 70%);
      border-radius: 50%;
    }
    #hero h1 {
      font-size: 2.8rem; color: #fff; line-height: 1.2; margin-bottom: 18px;
    }
    #hero h1 span { color: var(--accent); }
    #hero p { color: rgba(255,255,255,.82); font-size: 1.1rem; line-height: 1.7; margin-bottom: 28px; letter-spacing: 0.02rem; }
    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.25);
      border-radius: 50px; padding: 6px 16px; font-size: .82rem; font-weight: 500;
      margin-bottom: 20px; backdrop-filter: blur(6px);letter-spacing: 0.03rem;
    }
    .hero-badge i { color: var(--accent); }
    .hero-stats {
      display: flex; gap: 28px; flex-wrap: wrap; margin-top: 32px;
    }
    .hero-stat { text-align: center; }
    .hero-stat .num { font-size: 1.8rem; font-weight: 800; color: #fff; }
    .hero-stat .num span { color: var(--accent); }
    .hero-stat .lbl { font-size: .78rem; color: rgba(255,255,255,.7); font-weight: 500; letter-spacing: .5px; }
    .hero-card {
      background: rgba(255,255,255,.11); backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,.2); border-radius: 22px; padding: 32px 28px;
      color: #fff;
    }
    .hero-card h3 { font-size: 1.2rem; margin-bottom: 18px; }
    .hero-form .form-control, .hero-form .form-select {
      border-radius: 10px; border: 1.5px solid rgba(255,255,255,.25);
      background: rgba(255,255,255,.12); color: #fff; padding: 12px 16px;
      font-size: .93rem; margin-bottom: 12px;
      backdrop-filter: blur(6px);
    }
    .hero-form .form-control::placeholder { color: rgba(255,255,255,.6); }
    .hero-form .form-control:focus, .hero-form .form-select:focus {
      background: rgba(255,255,255,.18); border-color: var(--accent); box-shadow: none; color:#fff;
    }
    .hero-form .form-select option { color: #333; background:#fff; }
    .location-flags { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
    .flag-pill {
      background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.3);
      border-radius: 50px; padding: 5px 14px; font-size: .78rem; font-weight: 500; color: #fff;letter-spacing: 0.03rem;
    }

    /* ── ANNOUNCEMENT TICKER ── */
    #ticker {
      background: var(--accent); color: #fff; padding: 10px 0; font-weight: 500; font-size: .9rem;
      overflow: hidden; white-space: nowrap;letter-spacing: 0.02rem;
    }
    .ticker-wrap { display: flex; animation: ticker 30s linear infinite; }
    .ticker-item { padding: 0 48px;letter-spacing: 0.02rem; }
    @keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

    /* ── TRUST BAR ── */
    #trust { background: #fff; padding: 28px 0; border-top: 1px solid #e8edf7; border-bottom: 1px solid #e8edf7; }
    .trust-item { display: flex; align-items: center; gap: 12px; padding: 10px 16px; }
    .trust-item i { font-size: 1.7rem; color: var(--primary); }
    .trust-item strong { display: block; font-size: .97rem; color: var(--dark); }
    .trust-item span { font-size: .8rem; color: var(--muted); }

    /* ── COURSES ── */
    #courses { background: #fff; }
    .course-card {
          border: 1px solid #949494; border-radius: var(--radius);
      transition: all .35s; overflow: hidden; height: 100%; background: #fff;
    }
    .course-card:hover { transform: translateY(-8px); box-shadow: 0 16px 48px rgba(26,79,186,.18); }
    .course-card-header {
      padding: 28px 24px 16px; position: relative;
      /* background: var(--primary-l) !important; */
    }
    .course-icon {
      width: 55px; height: 54px; border-radius: 16px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.6rem; margin-bottom: 14px;
      background: linear-gradient(135deg, var(--primary), #3a78e8) !important;
    }
    .course-card .badge-pill {
      display: inline-block; border-radius: 50px; padding: 4px 14px;
      font-size: .75rem; font-weight: 700; margin-bottom: 10px;
      background: rgba(26,79,186,.12) !important; color: var(--primary) !important;
    }
    .course-card h4 { font-size: 1.15rem; color: var(--dark); margin-bottom: 8px; }
    .course-card p { font-size: .88rem; color: var(--muted); line-height: 1.6; }
    .course-features { list-style: none; padding: 0 24px; margin-bottom: 20px; }
    .course-features li {
      padding: 7px 0; font-size: .88rem; color: var(--text);
      border-bottom: 1px solid #f0f4ff; display: flex; align-items: center; gap: 8px;
    }
    .course-features li:last-child { border-bottom: none; }
    .course-features li i { color: var(--primary) !important; font-size: .9rem; }
    .course-footer { padding: 16px 24px 24px; }
    .course-footer .btn { background: var(--primary); color: #fff; border-radius: 50px; font-weight: 500; padding: 10px; border: none; letter-spacing: .03rem; }
    .course-footer .btn:hover { backlinear-gradient : (135deg, #0d1b3e, #1a3a8a);ground: var(--primary-d); color: #fff; }

    /* ── LOCATIONS ── */
    #locations { background:linear-gradient(135deg, #f6a51c17, #f6a51c00); }
    #locations .section-title span { color: var(--accent); }
    #locations .divider { background: var(--accent); }
    .loc-card {
      background: rgba(255,255,255,.09); border: 1px solid rgba(50, 50, 50, 0.18);
      border-radius: var(--radius); padding: 18px 16px; text-align: center;
      transition: all .3s; cursor: pointer;
    }
    .loc-card:hover { background: rgba(255,255,255,.18); transform: translateY(-5px); }
    .loc-flag { font-size: 2.6rem; margin-bottom: 10px; }
    .loc-card h5 { font-size: 1.2rem; margin-bottom: 10px; color: var(--primary); }
    .loc-card p { font-size: .8rem; margin: 0; }
    .loc-card .loc-type {
      display: inline-block; border-radius: 50px; padding: 3px 14px;
      font-size: .72rem; font-weight: 500; margin-top: 10px; letter-spacing:0.03rem;
    }
    .online-badge { background: rgba(245,166,35,.2); color: var(--accent); border: 1px solid rgba(245,166,35,.4); }
    .offline-badge { background: rgba(26,79,186,.3); color: #89aaff; border: 1px solid rgba(89,130,255,.4); }

      .online-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.online-badge::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #f51a0e;
  animation: liveBlink 1.4s infinite;
}

@keyframes liveBlink {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7);
    opacity: 1;
  }
  70% {
    box-shadow: 0 0 0 6px rgba(255, 59, 48, 0);
    opacity: 0.6;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);
    opacity: 1;
  }
}

    /* ── WHY US ── */
    #why { background: #fff; }
    .why-card {
     border-radius: var(--radius); padding: 20px 16px;
      /* box-shadow: 0 4px 20px rgba(26,79,186,.06); */
       text-align: center;
      transition: all .3s; height: 100%; border: 1px solid #3232322e;
    }
    .why-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); background: #fff; }
    .why-icon {
      width: 50px; height: 49px; background: linear-gradient(135deg, #336ab426, #3a78e814) !important;
      border-radius: 14px; display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem; color: #336ab4; margin: 0 auto 16px;
    }
    .why-card h5 { font-size: 1rem; color: var(--dark); margin-bottom: 8px; }
    .why-card p { font-size: 14px; line-height: 1.6; letter-spacing:0.02rem;}

    /* ── RESULTS ── */
    #results { background: var(--light-bg); }
    .result-counter {
      background: #fff; border-radius: var(--radius);
      padding: 20px 20px; text-align: center;
      box-shadow: 0 4px 18px rgba(26,79,186,.07);
    }
    .result-counter .count { font-size: 2.6rem; font-weight: 700; color: var(--primary); }
    .result-counter .count-suffix { font-size: 1.4rem; color: var(--accent); font-weight: 900; }
    .result-counter p { font-size: .88rem; margin: 0; }
    .topper-card {
      background: #fff;
      border-radius: var(--radius); padding: 22px 20px; text-align: center;
      box-shadow: 0 4px 18px rgba(26,79,186,.1); border: 1px solid #e0e9ff;
    }
    .topper-avatar {
      width: 45px; height: 45px; border-radius: 50%;
      background:linear-gradient(135deg, #f6a51c8a, #f6a51c87);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.2rem; color: #fff; margin: 0 auto 10px;
      font-family: 'Raleway', sans-serif; font-weight: 900;
    }
    .topper-card h5 { font-size: .97rem; margin-bottom: 2px; }
    .topper-card .rank { font-size: .82rem; color: var(--primary); font-weight: 600;letter-spacing: 0.02rem; }
    .topper-card .year { font-size: .75rem; color: var(--muted); letter-spacing: 0.03rem; }

    /* ── TESTIMONIALS ── */
    #testimonials { background: #fff; }
    .testimonial-card {
      background: var(--light-bg); border-radius: var(--radius); padding: 28px 24px;
      box-shadow: 0 4px 20px rgba(26,79,186,.06); height: 100%;
    }
    .testimonial-card .stars { color: #f5a623; font-size: 1.1rem; margin-bottom: 12px; }
    .testimonial-card p { font-size: .9rem; color: var(--text); line-height: 1.7;margin-bottom: 18px; }
    .testimonial-author { display: flex; align-items: center; gap: 12px; }
    .t-avatar {
      width: 44px; height: 44px; border-radius: 50%;
      background: linear-gradient(135deg, var(--primary), #3a78e8);
      display: flex; align-items: center; justify-content: center;
      color: #fff; font-weight: 800; font-size: 1rem; flex-shrink: 0;
    }
    .t-name { font-weight: 500; font-size: 18px; color: var(--accent); }
    .t-sub { font-size: .78rem; color: var(--muted); letter-spacing: 0.02rem; }

    /* ── ONLINE CLASSES ── */
    /* #online { background: var(--light-bg); } */
    .online-feature {
      display: flex; gap: 16px; align-items: flex-start;
      background: #fff; border-radius: var(--radius); padding: 20px;
      margin-bottom: 16px; transition: all .3s;
      box-shadow: 0 2px 12px rgba(26,79,186,.06);
    }
    .online-feature:hover { box-shadow: var(--shadow); }
    .of-icon {
      width: 38px; height: 38px; border-radius: 12px; flex-shrink: 0;
      background: linear-gradient(135deg, #336ab426, #3a78e814) !important;
      display: flex; align-items: center; justify-content: center;
      font-size: 1rem; color: var(--primary);
    }
    .of-text h6 { font-size: .97rem; color: var(--dark); margin-bottom: 4px; }
    .of-text p { font-size: 14px; color: var(--muted); margin: 0; letter-spacing: 0.02rem; }
    .intl-map {
      background: linear-gradient(135deg, #f6a51c17, #f6a51c00);
      border-radius: 22px; padding: 36px 30px; height: 100%;
    }
    .intl-map h3 { font-size: 1.4rem; margin-bottom: 18px; }
    .country-list { list-style: none; padding: 0; }
    .country-list li {
      display: flex; align-items: center; gap: 10px; padding: 10px 0;
      border-bottom: 1px solid rgba(255,255,255,.1); font-size: .92rem; font-weight: 500;
    }
    .country-list li:last-child { border-bottom: none; }
    .country-list li .flag { font-size: 1.4rem; }
    .country-list li .students { margin-left: auto; background: rgba(245,166,35,.2); color: var(--accent); border-radius: 50px; padding: 2px 12px; font-size: .75rem; }

    /* ── FACULTY ── */
    #faculty { background: #fff; }
    .faculty-card {
       border-radius: var(--radius); overflow: hidden;
      box-shadow: 0 2px 10px rgba(26,79,186,.08); transition: all .3s; height: 100%;
    }
    .faculty-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
    .faculty-img {
      height: 160px; display: flex; align-items: center; justify-content: center;
      font-size: 1.5rem; font-weight: 500;
      background: var(--primary-l) !important;
    }
    .faculty-img span { color: var(--primary) !important; }
    .faculty-body { padding: 20px 18px; }
    .faculty-body h5 { font-size: 1rem; color: var(--dark); margin-bottom: 4px; }
    .faculty-body .sub { font-size: .8rem; color: var(--primary); font-weight: 500; margin-bottom: 8px;letter-spacing: 0.02rem; }
    .faculty-body p { font-size: 14px; line-height: 1.5; letter-spacing: 0.02rem; }
    .iitb-badge {
      display: inline-flex; align-items: center; gap: 5px;
      background: rgba(26,79,186,.1); color: var(--primary); border-radius: 50px;
      padding: 3px 12px; font-size: .72rem; font-weight: 500; margin-top: 6px;
    }

    /* ── FREE DEMO ── */
    #demo {
      background: linear-gradient(135deg, #336ab4, #336ab473);
      color: #fff; text-align: center; padding: 80px 0;
    }
    #demo h2 { color: #fff; font-size: clamp(1.7rem,3.5vw,2.4rem); margin-bottom: 14px; }
    #demo p { color: rgba(255,255,255,.82); font-size: 1.05rem; margin-bottom: 32px; }
    .demo-form-row {
      display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; max-width: 720px; margin: 0 auto;
    }
    .demo-form-row .form-control, .demo-form-row .form-select {
      border-radius: 50px; border: none; padding: 14px 22px; font-size: 13px; flex: 1; min-width: 160px; letter-spacing: 0.02rem;
    }

    /* ── BLOG ── */
    #blog { background: var(--light-bg); }
    .blog-card {
      border: none; border-radius: var(--radius); background: #fff;
      box-shadow: 0 4px 20px rgba(26,79,186,.08);
      overflow: hidden; transition: all .3s; height: 100%;
    }
    .blog-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
    .blog-img {
      height: 160px; display: flex; align-items: center; justify-content: center;
      font-size: 3rem; background: var(--primary-l);
    }
    .blog-body { padding: 20px; }
    .blog-cat {
      display: inline-block; background: rgba(26,79,186,.1); color: var(--primary);
      border-radius: 50px; padding: 3px 14px; font-size: .72rem; font-weight: 700; margin-bottom: 10px;
    }
    .blog-body h5 { font-size: .97rem; color: var(--dark); margin-bottom: 8px; line-height: 1.4; }
    .blog-body p { font-size: .83rem; color: var(--muted); }
    .blog-meta { font-size: .75rem; color: var(--muted); display: flex; align-items: center; gap: 6px; }

    /* ── FAQ ── */
    #faq { background: #fff; }
    .accordion-item { border: none; margin-bottom: 10px; border-radius: var(--radius) !important; overflow: hidden; box-shadow: 0 2px 12px rgba(26,79,186,.07); }
    .accordion-button { font-weight: 500; font-size: .97rem; color: var(--dark); background: var(--light-bg); border-radius: var(--radius) !important; letter-spacing:0.02rem;}
    .accordion-button:not(.collapsed) { background: var(--primary); color: #fff; box-shadow: none; }
    .accordion-button::after { filter: none; }
    .accordion-button:not(.collapsed)::after { filter: brightness(10); }
    .accordion-body { background: #fff; font-size: .9rem; color: var(--muted); line-height: 1.7;letter-spacing: 0.01rem;}

    /* ── FOOTER (white bg) ── */
    #footer { background: #fff; color: #4a5568; padding: 64px 0 0; border-top: 1px solid #e8edf7; }
    #footer h5 { color: #01202b; font-size: 1rem; margin-bottom: 18px; position: relative; padding-bottom: 10px; }
    #footer h5::after { content:''; position: absolute; bottom: 0; left: 0; width: 32px; height: 1px; background: var(--accent); border-radius: 2px; }
    #footer ul { list-style: none; padding: 0; }
    #footer ul li { margin-bottom: 9px; color: #4a5568; }
    #footer ul li a {  font-size: .88rem; transition: color .2s; }
    #footer ul li a:hover { color: var(--primary); }
    #footer .footer-logo img { height: 80px; margin-bottom: 16px; filter: none; }
    #footer .footer-desc { font-size: .87rem; line-height: 1.7; letter-spacing: 0.02rem; }
    .social-links { display: flex; gap: 10px; margin-top: 18px; }
    .social-link {
      width: 38px; height: 38px; border-radius: 50%; background: var(--light-bg);
      display: flex; align-items: center; justify-content: center; font-size: 1rem;
      color: var(--primary); transition: all .3s; border: 1px solid #e4eaf5;
    }
    .social-link:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
    .footer-bottom {
      border-top: 1px solid #e8edf7; margin-top: 48px; padding: 20px 0;
      font-size: .83rem; color: #9ca3af;
    }
    .footer-bottom a { color: #6c757d; }
    .footer-bottom a:hover { color: var(--primary); }

    /* ── SCROLL TO TOP ── */
    #scrollTop {
      position: fixed; bottom: 28px; right: 28px; width: 46px; height: 46px;
      background: var(--primary); color: #fff; border: none; border-radius: 50%;
      font-size: 1.2rem; display: flex; align-items: center; justify-content: center;
      cursor: pointer; opacity: 0; pointer-events: none; transition: all .3s;
      box-shadow: 0 4px 16px rgba(26,79,186,.4); z-index: 1000;
    }
    #scrollTop.show { opacity: 1; pointer-events: auto; }

    /* ── FLOATING WHATSAPP ── */
    .whatsapp-float {
      position: fixed; bottom: 28px; left: 28px;
      background: #25d366; color: #fff; border-radius: 50px;
      padding: 10px 16px; font-weight: 700; font-size: .92rem;
      box-shadow: 0 4px 18px rgba(37,211,102,.4); z-index: 1000;
      display: flex; align-items: center; gap: 8px; transition: all .3s;
    }
    .whatsapp-float:hover { background: #20b859; color: #fff; transform: scale(1.05); }
    .whatsapp-float i { font-size: 1.3rem; }

    /* ── RESPONSIVE ── */
    @media (max-width: 1199px) {
      #mainNav .nav-link { font-size: .85rem; padding: 8px 10px !important; }
    }
    @media (max-width: 991px) {
      #hero { min-height: auto; padding: 64px 0 48px; }
      /* .hero-stats { justify-content: center; } */
      .hero-card { margin-top: 40px; }
      .demo-form-row .form-control, .demo-form-row .form-select { min-width: 100%; }
      #mainNav { height: auto; padding: 6px 0; }
      #mainNav .navbar-brand img { height: 50px; }
      #mainNav .navbar-collapse { padding-top: 12px; padding-bottom: 12px; }
      #mainNav .nav-link { padding: 10px 16px !important; border-radius: 8px; }
      #mainNav .navbar-nav { gap: 2px; }
      .nav-cta { text-align: center; margin-top: 8px; display: inline-block; }
    }
    @media (max-width: 767px) {
      section { padding: 50px 0; }
      #topbar .topbar-right { display: none !important; }
      .trust-item { justify-content: center; }
      .intl-map { margin-top: 24px; }
      #demo { padding: 56px 0; }
      .whatsapp-float span { display: none; }
      .whatsapp-float { padding: 12px; border-radius: 50%; }
    }
    @media (max-width: 575px) {
      #mainNav .navbar-brand img { height: 55px; max-width: 130px; }
      .hero-stats { gap: 18px; }
      .topbar-contact .d-sm-flex { display: none !important; }
    }
    
    
    /* ── CONTACT PAGE STYLES ── */

    /* HERO BANNER */
    #contact-hero {
      position: relative;
      min-height: 420px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: linear-gradient(135deg, #0a1628 0%, #0d1b3e 40%, #1a3a70 100%);
      padding:0px;
    }

    /* Animated geometric shapes */
    .hero-geo {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }
    .hero-geo-1 {
      width: 420px; height: 420px;
      right: -80px; top: -100px;
      background: radial-gradient(circle, rgba(51,106,180,.35) 0%, transparent 70%);
    }
    .hero-geo-2 {
      width: 280px; height: 280px;
      left: 10%; bottom: -80px;
      background: radial-gradient(circle, rgba(246,165,28,.18) 0%, transparent 70%);
    }
    .hero-geo-3 {
      width: 180px; height: 180px;
      right: 28%; top: 20px;
      background: radial-gradient(circle, rgba(255,255,255,.06) 0%, transparent 70%);
    }

    /* Dot grid texture */
    #contact-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px);
      background-size: 28px 28px;
      pointer-events: none;
    }

    /* Diagonal accent stripe */
    #contact-hero::after {
      content: '';
      position: absolute;
      bottom: -2px; left: 0; right: 0;
      height: 60px;
      background: #fff;
      clip-path: polygon(0 100%, 100% 0, 100% 100%);
    }

    .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(246,165,28,.18);
      color: var(--accent);
      border: 1px solid rgba(246,165,28,.35);
      border-radius: 50px;
      padding: 6px 18px;
      font-size: .8rem;
      font-weight: 600;
      letter-spacing: .6px;
      text-transform: uppercase;
      margin-bottom: 18px;
    }

    .contact-hero-title {
      font-size: clamp(2rem, 4.5vw, 3.2rem);
      font-weight: 800;
      color: #fff;
      line-height: 1.18;
      margin-bottom: 16px;
      font-family: 'Raleway', sans-serif;
    }
    .contact-hero-title span { color: var(--accent); }

    .hero-contact-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 24px;
    }
    .hero-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.2);
      backdrop-filter: blur(8px);
      border-radius: 50px;
      padding: 8px 18px;
      font-size: .84rem;
      color: rgba(255,255,255,.92);
      font-weight: 500;
      transition: background .2s;
    }
    .hero-pill i { color: var(--accent); }
    .hero-pill:hover { background: rgba(255,255,255,.18); }

    /* Right stats panel */
    .hero-stats-panel {
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 20px;
      padding: 30px 26px;
    }
    .hstat {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 12px 0;
    }
    .hstat + .hstat { border-top: 1px solid rgba(255,255,255,.1); }
    .hstat-icon {
      width: 44px; height: 44px;
      border-radius: 12px;
      background: rgba(255,255,255,.12);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.15rem;
      flex-shrink: 0;
    }
    .hstat-label { font-size: .75rem; color: rgba(255,255,255,.55); font-weight: 500; letter-spacing:0.04rem;}
    .hstat-value {  color: #fff; letter-spacing:0.04rem; }


    /* Form card */
    .cf-card {
      border-radius: 20px;
      padding: 40px 36px;
      border:1px solid;
      height: 100%;
    }
    .cf-card .form-control,
    .cf-card .form-select,
    .cf-card textarea {
      border-radius: 10px;
      border: 1.5px solid #f6a51c12;
      padding: 12px 15px;
      font-size: 14px;
      color: var(--text);
      transition: border-color .2s, box-shadow .2s;
      background: #f6a51c12;
    }
    .cf-card .form-control:focus,
    .cf-card .form-select:focus,
    .cf-card textarea:focus {
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(51,106,180,.1);
      background: #fff;
    }
    .cf-card textarea { resize: vertical; min-height: 110px; }
    .cf-label {
      font-size: 14px;
      color: var(--dark);
      margin-bottom: 6px;
      letter-spacing: .4px;
    }

    /* Info column */
    .info-col { display: flex; flex-direction: column; gap: 20px; }

    /* Contact detail card */
    .cdet-card {
      background: #fff;
      border-radius: 18px;
      padding: 22px 22px;
      box-shadow: 0 2px 9px rgba(26,79,186,.08);
      display: flex;
      align-items: flex-start;
      gap: 16px;
      transition: transform .25s, box-shadow .25s;
    }
    .cdet-card:hover { transform: translateY(-3px); box-shadow: 0 10px 36px rgba(26,79,186,.14); }
    .cdet-icon {
      width: 48px; height: 48px;
      border-radius: 14px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.25rem;
      flex-shrink: 0;
      color:var(--primary);
    }
    .cdet-card h6 { text-transform: uppercase; letter-spacing: .5px; margin-bottom: 4px; }
    .cdet-card .cdet-sub { font-size: .8rem; color: var(--muted); margin-top: 2px; }
    .cdet-card a { color: var(--dark); text-decoration: none; transition: color .2s; }
    .cdet-card a:hover { color: var(--primary); }

    /* Hours card */
    .hours-card {
      background: #fff;
      border-radius: 18px;
      padding: 22px 22px;
      box-shadow: 0 4px 24px rgba(26,79,186,.08);
    }
    .hours-card h6 {
      font-size: .82rem; color: var(--muted); font-weight: 700;
      text-transform: uppercase; letter-spacing: .5px; margin-bottom: 14px;
      display: flex; align-items: center; gap: 7px;
    }
    .hours-row {
      display: flex; justify-content: space-between; align-items: center;
      font-size: .86rem; padding: 8px 0;
    }
    .hours-row + .hours-row { border-top: 1px solid #f0f4fb; }
    .hours-row .day { font-weight: 600; color: var(--dark); }
    .hours-row .time { color: var(--muted); }
    .hours-note {
      margin-top: 12px;
      background: rgba(246,165,28,.08);
      border-radius: 10px;
      padding: 9px 13px;
      font-size: .78rem;
      color: var(--accent-d);
      display: flex; align-items: flex-start; gap: 7px;
    }

    /* Socials card */
    .socials-card {
      background: #fff;
      border-radius: 18px;
      padding: 22px 22px;
      box-shadow: 0 4px 24px rgba(26,79,186,.08);
    }
    .socials-card h6 {
      font-size: .82rem; color: var(--muted); font-weight: 700;
      text-transform: uppercase; letter-spacing: .5px; margin-bottom: 14px;
      display: flex; align-items: center; gap: 7px;
    }
    .social-btns { display: flex; flex-wrap: wrap; gap: 10px; }
    .soc-btn {
      display: inline-flex; align-items: center; gap: 7px;
      border-radius: 50px; padding: 8px 18px;
      font-size: .84rem; border: 1px solid;
      text-decoration: none; transition: all .2s;
    }
    .soc-btn:hover { transform: translateY(-2px); }


    /* Submit button */
    .cf-submit {
      background: var(--primary);
      color: #fff;
      border: none;
      border-radius: 12px;
      padding: 14px 28px;
      font-size: .97rem;
      font-weight: 700;
      width: 100%;
      transition: all .3s;
      box-shadow: 0 4px 18px rgba(51,106,180,.3);
    }
    .cf-submit:hover {
      background: var(--primary-d);
      transform: translateY(-2px);
      box-shadow: 0 8px 28px rgba(51,106,180,.4);
    }

    /* Success message */
    #cfSuccess {
      display: none;
      background: #ecfdf5;
      border: 1.5px solid #6ee7b7;
      border-radius: 12px;
      padding: 14px 18px;
      color: #065f46;
      font-size: .9rem;
      font-weight: 600;
      margin-top: 14px;
      align-items: center;
      gap: 10px;
    }
    #cfSuccess.show { display: flex; }

    /* ── MAP SECTION ── */
    #map-section {
      background: #fff;
      padding: 0 0 72px;
    }
    .map-header {
      background: var(--primary);
      padding: 48px 0 36px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .map-header::after {
      content: '';
      position: absolute;
      bottom: -1px; left: 0; right: 0;
      height: 40px;
      background: #fff;
      clip-path: polygon(0 100%, 50% 0, 100% 100%);
    }
    .map-header h2 { color: #fff; font-family: 'Raleway', sans-serif; font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 6px; }
    .map-header p { color: rgba(255,255,255,.8); font-size: .95rem; }
    .map-frame-wrap {
      border-radius: 20px;
      overflow: hidden;
      /*box-shadow: 0 8px 48px rgba(26,79,186,.14);*/
      margin-top: 40px;
    }

    /* Address strip below map */
    .map-address-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      /*background: var(--light-bg);*/
      border-radius: 16px;
      overflow: hidden;
      margin-top: 20px;
      box-shadow: 0 4px 20px rgba(26,79,186,.07);
    }
    .map-addr-item {
      flex: 1;
      min-width: 200px;
      padding: 20px 24px;
      display: flex;
      align-items: center;
      gap: 14px;
      border-right: 1px solid #e2e8f4;
    }
    .map-addr-item:last-child { border-right: none; }
    .map-addr-icon {
      width: 42px; height: 42px;
      background: var(--primary-l);
      border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.1rem;
      color: var(--primary);
      flex-shrink: 0;
    }
    .map-addr-item .label { letter-spacing: .4px; }
    .map-addr-item .val { font-size: .9rem; font-weight: 400; letter-spacing:0.02rem; color: var(--dark); }

    @media (max-width: 991px) {
      .cf-card { padding: 28px 22px; }
      #contact-hero::after { display: none; }
    }
    @media (max-width: 767px) {
      .map-addr-item { border-right: none; border-bottom: 1px solid #e2e8f4; }
      .map-addr-item:last-child { border-bottom: none; }
      .map-address-strip { flex-direction: column; }
    }

       /* ═══════════════════════════════════════════
   DUBAI PAGE — Consistent Premium Design
   Primary: #336ab4  |  Accent: #f6a51c
═══════════════════════════════════════════ */

    /* ── Section spacing ── */
    .dubai-section {
      /* padding: 80px 0 20px; */
    }

    .dubai-section-alt {
      padding: 45px 0;
      /* background: #F7F9FE;  */
    }

    /* ── Section header ── */
    .sec-eyebrow {
      display: inline-block;
      background: rgb(215 215 215 / 19%)!important;
      color: var(--primary);
      border-radius: 50px;
      padding: 5px 18px;
      font-size: .75rem;
      font-weight: 500;
      letter-spacing: .06em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }

    .sec-title {
      font-size: clamp(1.6rem, 3vw, 2.3rem);
      font-weight:500;
      color: #0a1931;
      line-height: 1.25;
      letter-spacing: -.3px;
    }

    .sec-title span {
      color: var(--primary);
    }

    .sec-desc {
      font-size: .97rem;
      color: #556;
      line-height: 1.75;
      max-width: 560px;
    }

    .sec-underline {
      width: 48px;
      height: 2px;
      background: var(--accent);
      border-radius: 2px;
      margin: 14px 0 0;
    }

    .sec-underline.center {
      margin: 14px auto 0;
    }

    /* ─────────────────────────────
   PROGRAMME CARDS
───────────────────────────── */
    .prog-grid .prog-card {
      background: #fff;
      border: 1px solid #E4EAF6;
      border-radius: 16px;
      overflow: hidden;
      transition: all .3s;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .prog-grid .prog-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 48px rgba(51, 106, 180, .14);
      border-color: transparent;
    }

    .prog-card-thumb {
      width: 100%;
      height: 190px;
      object-fit: cover;
      object-position: center;
      display: block;
      background: #eef4ff;
    }

    .prog-card-body {
      padding: 20px 22px 14px;
      flex: 1;
    }

    .prog-badge {
      display: inline-block;
      background: #EEF4FF;
      color: var(--primary);
      border-radius: 50px;
      padding: 3px 13px;
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: .05em;
      text-transform: uppercase;
      margin-bottom: 10px;
    }

    .prog-card-body h4 {
      font-size: 1.05rem;
      font-weight: 500;
      color: var(--accent);
      margin-bottom: 8px;
      letter-spacing: 0.02rem;
      text-shadow: 1px 1px 1px #00000014;
    }

    .prog-card-body p {
      font-size: 15px;
      line-height: 1.7;
      margin: 0;
      letter-spacing: 0.01rem;
    }

    .prog-card-foot {
      padding: 14px 22px 22px;
    }

    .prog-card-foot .btn-prog {
      display: block;
      width: 100%;
      text-align: center;
      background: var(--primary);
      color: #fff;
      font-weight: 700;
      font-size: .88rem;
      padding: 11px;
      border-radius: 8px;
      border: none;
      transition: all .25s;
      text-decoration: none;
    }

    .prog-card-foot .btn-prog:hover {
      background: var(--primary-d);
      color: #fff;
      transform: translateY(-1px);
    }

    /* ─────────────────────────────
   WHY CARDS
───────────────────────────── */
    .why-v3 {
      background: #fff;
      border: 1px solid #E4EAF6;
      border-radius: 16px;
      padding: 28px 24px;
      height: 100%;
      transition: all .3s;
    }

    .why-v3:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 40px rgba(51, 106, 180, .12);
      border-color: transparent;
    }

    .why-icon-wrap {
      width: 52px;
      height: 52px;
      background: #EEF4FF;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      color: var(--primary);
      margin-bottom: 18px;
    }

    .why-v3 h5 {
      font-size: .97rem;
      font-weight: 700;
      color: var(--accent);
      margin-bottom: 8px;
      text-shadow: 1px 1px 1px #00000014;
    }

    .why-v3 p {
      font-size: 15px;
      line-height: 1.7;
      margin: 0;
      letter-spacing: 0.02rem;
    }

    /* ─────────────────────────────
   TESTIMONIAL CAROUSEL
───────────────────────────── */
    #dubai-testimonials {
      background: #F7F9FE;
    }

    .tcarousel-wrap {
      position: relative;
      padding: 0 0 48px;
    }

    .tcard-v2 {
      background: #fff;
      border: 1px solid #E4EAF6;
      border-radius: 18px;
      padding: 15px 28px;
      height: 100%;
      position: relative;
      transition: box-shadow .3s;
    }

    .tcard-v2:hover {
      box-shadow: 0 8px 32px rgba(51, 106, 180, .1);
    }

    .tcard-v2 .quote-icon {
      font-size: 2.4rem;
      color: var(--primary);
      opacity: .15;
      line-height: 1;
      font-family: Georgia, serif;
      margin-bottom: 8px;
    }

    .tcard-v2 .stars {
      color: #f6a51c;
      font-size: 1rem;
      margin-bottom: 12px;
      letter-spacing: 2px;
    }

    .tcard-v2 p {
      font-size: .88rem;
      color: #445;
      line-height: 1.8;
      /* font-style: italic; */
      margin-bottom: 20px;
    }

    .tcard-author {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .tcard-av {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: var(--primary);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-weight: 800;
      font-size: 1rem;
      flex-shrink: 0;
    }

    .tcard-av-name {
      font-weight: 700;
      font-size: .88rem;
      color: #0a1931;
    }

    .tcard-av-loc {
      font-size: .75rem;
      color: #778;
    }

    /* Carousel controls */
    .t-carousel-controls {
      display: flex;
      gap: 10px;
      justify-content: center;
      margin-top: 32px;
    }

    .t-ctrl-btn {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1.5px solid #dde4f0;
      background: #fff;
      color: var(--primary);
      font-size: 1.1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all .2s;
    }

    .t-ctrl-btn:hover {
      background: var(--primary);
      color: #fff;
      border-color: var(--primary);
    }

    .carousel-indicators-custom {
      display: flex;
      gap: 6px;
      justify-content: center;
      margin-top: 20px;
    }

    .cic-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #dde4f0;
      transition: all .3s;
      cursor: pointer;
    }

    .cic-dot.active {
      background: var(--primary);
      width: 22px;
      border-radius: 4px;
    }

    /* ─────────────────────────────
   STATS BAR
───────────────────────────── */
    #dubai-stats {
      background: var(--primary);
      padding: 56px 0;
    }

    .stat-item {
      text-align: center;
    }

    .stat-num {
      font-size: clamp(2rem, 4vw, 2.8rem);
      font-weight: 900;
      color: #fff;
      line-height: 1;
    }

    .stat-num em {
      color: #f6a51c;
      font-style: normal;
    }

    .stat-label {
      font-size: .82rem;
      color: rgba(255, 255, 255, .7);
      margin-top: 6px;
      font-weight: 500;
      letter-spacing: .03em;
    }

    .stat-divider {
      width: 1px;
      background: rgba(255, 255, 255, .2);
      align-self: stretch;
    }

    /* ─────────────────────────────
   GALLERY
───────────────────────────── */
    #dubai-gallery {
      background: #fff;
    }

    .gallery-mosaic {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: 220px 220px;
      gap: 12px;
    }

    @media (max-width: 767px) {
      .gallery-mosaic {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
      }
    }

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

    .gm-item {
      position: relative;
      overflow: hidden;
      border-radius: 14px;
      cursor: pointer;
    }

    .gm-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .4s ease;
    }

    .gm-item:hover img {
      transform: scale(1.06);
    }

    .gm-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(10, 25, 49, .7) 0%, transparent 55%);
      opacity: 0;
      transition: opacity .3s;
      display: flex;
      align-items: flex-end;
      padding: 16px;
    }

    .gm-item:hover .gm-overlay {
      opacity: 1;
    }

    .gm-overlay span {
      color: #fff;
      font-size: .82rem;
      font-weight: 600;
    }

    /* Grid positions */
    .gm-1 {
      grid-column: 1/6;
      grid-row: 1/3;
    }

    .gm-2 {
      grid-column: 6/9;
      grid-row: 1/2;
    }

    .gm-3 {
      grid-column: 9/13;
      grid-row: 1/2;
    }

    .gm-4 {
      grid-column: 6/9;
      grid-row: 2/3;
    }

    .gm-5 {
      grid-column: 9/13;
      grid-row: 2/3;
    }

    @media (max-width: 767px) {

      .gm-1,
      .gm-2,
      .gm-3,
      .gm-4,
      .gm-5 {
        grid-column: auto;
        grid-row: auto;
        min-height: 180px;
      }

      .gm-1 {
        grid-column: 1/-1;
        min-height: 220px;
      }
    }

    /* ─────────────────────────────
   FAQ
───────────────────────────── */
    #dubai-faq {
      /*background: #F7F9FE;*/
    }

    /* ─────────────────────────────
   DEMO CTA
───────────────────────────── */
    #dubai-demo {
      background: linear-gradient(135deg, #ffc1071c 0%, #f6a51c69 100%);
    }

    /* ═══════════════════════════════════════
       HERO PROGRAM SLIDER
    ═══════════════════════════════════════ */
    .hero-program-slider {
      display: inline-block;
      position: relative;
      min-width: 240px;
      min-height: 1.2em;
      vertical-align: bottom;
    }
    .hero-program-slider .hero-slide {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.5s ease, transform 0.5s ease;
      color: var(--accent);
      white-space: nowrap;
      pointer-events: none;
    }
    .hero-program-slider .hero-slide.active {
      opacity: 1;
      transform: translateY(0);
      position: relative;
      pointer-events: auto;
    }
    .hero-program-slider .hero-slide.leaving {
      opacity: 0;
      transform: translateY(-20px);
      position: absolute;
    }
    @media (max-width: 576px) {
      .hero-program-slider .hero-slide {
        white-space: normal;
        /* font-size: clamp(1.4rem, 5vw, 1.9rem); */
      }
    }

    /* ═══════════════════════════════════════
       FACULTY IMAGES FIX
    ═══════════════════════════════════════ */
    .faculty-img-wrap {
      height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative;
    }
    .faculty-photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      display: block;
    }
    .faculty-initials {
      font-size: 1.5rem;
      font-weight: 600;
    }
    @media (max-width: 575px) {
      .faculty-img-wrap {
        height: 160px;
      }
    }
    @media (min-width: 992px) {
      .faculty-img-wrap {
        height: 200px;
      }
    }

    /* ═══════════════════════════════════════
       TESTIMONIALS CAROUSEL
    ═══════════════════════════════════════ */
    .testimonials-carousel-wrap {
      position: relative;
      overflow: hidden;
    }
    .testimonials-carousel {
      overflow: hidden;
      width: 100%;
    }
    .testimonial-track {
      display: flex;
      transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
      align-items: stretch;
    }
    .testimonial-slide {
      flex: 0 0 calc(100% / 3);
      min-width: calc(100% / 3);
      padding: 0 10px;
      box-sizing: border-box;
    }
    .testimonial-slide .testimonial-card {
      height: 100%;
    }
    /* Tablet: 2 per view */
    @media (max-width: 991px) {
      .testimonial-slide {
        flex: 0 0 50%;
        min-width: 50%;
      }
    }
    /* Mobile: 1 per view */
    @media (max-width: 575px) {
      .testimonial-slide {
        flex: 0 0 100%;
        min-width: 100%;
        padding: 0 4px;
      }
    }
    .tcarousel-controls {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 28px;
    }
    .tcarousel-btn {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 2px solid var(--primary);
      background: #fff;
      color: var(--primary);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      font-size: 1rem;
      transition: background 0.2s, color 0.2s, transform 0.2s;
      flex-shrink: 0;
    }
    .tcarousel-btn:hover {
      background: var(--primary);
      color: #fff;
      transform: scale(1.08);
    }
    .tcarousel-btn:disabled {
      opacity: 0.35;
      cursor: default;
      transform: none;
    }
    .tcarousel-dots {
      display: flex;
      gap: 7px;
      align-items: center;
    }
    .tcarousel-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #cbd5e1;
      cursor: pointer;
      transition: background 0.2s, transform 0.2s;
      border: none;
      padding: 0;
      flex-shrink: 0;
    }
    .tcarousel-dot.active {
      background: var(--primary);
      transform: scale(1.3);
    }

    #course-demo{
      background:linear-gradient(135deg, #ffc1071c 0%, #f6a51c69 100%);
    }