.form-section {
      padding: 80px 20px;
      background: linear-gradient(135deg, #0055cb, #01d4ed);
      color: white;
      text-align: center;
    }

    .form-section h2 {
      font-size: 2.2rem;
      font-weight: 700;
      margin-bottom: 15px;
    }

    .form-section p {
      font-size: 1.1rem;
      margin-bottom: 30px;
    }

    .form-section .btn-open-form {
      background: white;
      color: #0055cb;
      font-weight: 600;
      padding: 12px 28px;
      border-radius: 10px;
      transition: 0.3s;
    }

    .form-section .btn-open-form:hover {
      background: #f8f8f8;
      transform: translateY(-2px);
    }

    /* ==== Modal Overlay ==== */
    .formkit-modal {
      display: none;
      position: fixed;
      z-index: 1050;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.65);
      justify-content: center;
      align-items: center;
      padding: 15px;
    }

    /* ==== Modal Box ==== */
    .formkit-modal-content {
      background: #fff;
      padding: 30px;
      border-radius: 16px;
      max-width: 500px;
      width: 100%;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
      animation: fadeIn 0.3s ease-in-out;
      position: relative;
    }

    /* Close Button */
    .formkit-close {
      position: absolute;
      right: 15px;
      top: 10px;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
      color: #666;
    }

    .formkit-close:hover {
      color: #000;
    }

    /* Animation */
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: scale(0.95);
      }

      to {
        opacity: 1;
        transform: scale(1);
      }
    }

    /* ==== ConvertKit Form Styling ==== */
    .formkit-form {
      text-align: center;
    }

    .formkit-header h3 {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 10px;
      color: #222;
    }

    .formkit-subheader {
      font-size: 14px;
      margin-bottom: 20px;
      color: #555;
    }

    .formkit-input {
      border-radius: 10px !important;
      padding: 12px 14px !important;
      border: 1px solid #ddd !important;
      font-size: 15px !important;
      width: 100% !important;
      margin-bottom: 16px !important;
    }

    .formkit-input:focus {
      border-color: #0055cb !important;
      box-shadow: 0 0 8px rgba(0, 85, 203, 0.2) !important;
    }

    .formkit-submit {
      border-radius: 10px !important;
      padding: 12px !important;
      font-size: 16px !important;
      font-weight: 600 !important;
      background: linear-gradient(135deg, #0055cb, #01d4ed) !important;
      border: none !important;
      color: white !important;
      width: 100% !important;
      transition: 0.3s !important;
    }

    .formkit-submit:hover {
      opacity: 0.9 !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
    }

    :root {
      --brand: #6941C6;
      --brand-2: #12B0E8;
      --accent: #F59E0B;
      --dark: #0B1021;
    }

    html,
    body {
      overflow-x: hidden;
    }

    body {
      color: #E6EAF2;
      position: relative;
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' fill='%23F7C66C' opacity='0.05'><polygon points='0,0 0, 0,0'/></svg>") no-repeat bottom;
      animation: gradientMove 14s ease-in-out infinite alternate;
      z-index: -3;
    }

    body::after {
      content: "";
      position: fixed;
      inset: 0;
      background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
      background-size: 40px 40px;
      opacity: 0.3;
      animation: particles 25s linear infinite;
      z-index: -2;
    }

    /* Gradient animation */
    @keyframes gradientMove {
      0% {
        background-position: 0% 50%;
      }

      50% {
        background-position: 100% 50%;
      }

      100% {
        background-position: 0% 50%;
      }
    }

    /* Particle drifting */
    @keyframes particles {
      from {
        background-position: 0 0;
      }

      to {
        background-position: 120px 240px;
      }
    }

    .navbar {
      background: rgba(10, 14, 28, .6);
      backdrop-filter: blur(14px) saturate(150%);
      border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    .navbar {
      --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      --bs-navbar-toggler-border-color: rgba(255, 255, 255, .35);
    }

    .brand-badge {
      font-weight: 700;
      letter-spacing: .2px;
    }

    .hero {
      background: #0B1220;
      position: relative;
      isolation: isolate;
      padding-top: 1.2rem;
      padding-bottom: 4rem;
    }

    .hero::after {
      /* soft grid overlay */
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(to right, rgba(255, 255, 255, .06) 1px, transparent 1px) 0 0/36px 36px,
        linear-gradient(to bottom, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0/36px 36px;
      mask: radial-gradient(60% 60% at 15% 20%, rgba(0, 0, 0, .8) 20%, transparent 60%);
      opacity: .6;
    }

    .eyebrow {
      color: #A5B4FC;
      letter-spacing: .12em;
      font-weight: 700;
      text-transform: uppercase;
    }

    .display-3 {
      font-weight: 800;
      line-height: 1.05;
    }

    .lead {
      color: #C8D3F8;
      font-weight: 500;
    }

    .separator {
      color: #6EE7F2;
      opacity: .8;
    }

    .price-pill {
      background: linear-gradient(90deg, var(--brand), var(--brand-2));
    }

    .value-tag {
      color: #C8D3F8;
      font-size: .9rem
    }

    .value-tag del {
      opacity: .7
    }

    .cta-btn {
      border: none;
    }

    .glass {
      background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));
      border: 1px solid rgba(255, 255, 255, .15);
      backdrop-filter: blur(12px);
    }

    .trust-badges .badge {
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .12)
    }

    .ribbon {
      position: absolute;
      top: 12px;
      left: -8px;
      padding: .35rem .75rem;
      font-weight: 700;
      font-size: .85rem;
      background: linear-gradient(90deg, var(--accent), #fb923c);
      color: #1f2937;
      border-top-right-radius: .5rem;
      border-bottom-right-radius: .5rem;
      box-shadow: 0 8px 20px rgba(245, 158, 11, .25);
    }

    .ribbon::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -8px;
      border-left: 8px solid transparent;
      border-top: 8px solid #b45309;
    }

    .progress {
      height: .6rem;
      background: rgba(255, 255, 255, .08)
    }

    .hover-lift {
      transition: transform .25s ease, box-shadow .25s ease
    }

    .hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 28px rgba(0, 0, 0, .25)
    }

    .shadow-ring {
      box-shadow: 0 0 0 8px rgba(105, 65, 198, .15)
    }

    @media (max-width: 991.98px) {
      .display-3 {
        font-size: calc(1.575rem + 1vw)
      }
    }

    .btn-primary-two {
      background: linear-gradient(90deg, var(--accent-a), var(--accent-b));
      border: none;
      color: #ffffff;
      padding: .7rem 1.2rem;
      /* border-radius: 999px; */
      font-weight: 800;
      cursor: pointer;
    }

    .text-info {
      white-space: nowrap;
    }

    /* Glow text */
    .glow-text span {
      /* text-shadow: 0 0 12px rgba(18, 176, 232, 0.8), 0 0 24px rgba(18, 176, 232, 0.5); */
    }

    /* Pulse effect */
    .pulse {
      animation: pulse 2s infinite;
    }

    @keyframes pulse {

      0%,
      100% {
        opacity: 1;
        transform: scale(1);
      }

      50% {
        opacity: 0.7;
        transform: scale(1.05);
      }
    }

    /* Fade in effects */
    .fade-in-up {
      animation: fadeUp 1s ease forwards;
      opacity: 0;
    }

    .fade-in-right {
      animation: fadeRight 1.2s ease forwards;
      opacity: 0;
    }

    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeRight {
      from {
        opacity: 0;
        transform: translateX(50px);
      }

      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    /* Hover glow on button */
    .hover-glow {
      transition: all .3s ease;
      box-shadow: 0 0 0 rgba(105, 65, 198, 0);
    }

    .hover-glow:hover {
      box-shadow: 0 0 18px rgba(18, 176, 232, 0.7);
      transform: translateY(-3px);
    }

    /* Bounce effect */
    .bounce-btn:hover {
      animation: bounce 0.6s;
    }

    @keyframes bounce {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-6px);
      }
    }

    /* Hover zoom image */
    .hover-zoom img {
      transition: transform .4s ease;
    }

    .hover-zoom:hover img {
      transform: scale(1.05);
    }

    /* Shimmer color shift for price */
    .color-shift {
      background: linear-gradient(90deg, #F59E0B, #fbbf24, #F59E0B);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shimmer 3s infinite linear;
    }

    @keyframes shimmer {
      from {
        background-position: 0%
      }

      to {
        background-position: 200%
      }
    }


    .price-old del {
      text-decoration-thickness: 2px;
      /* thicker line */
      text-decoration-color: #0777ee9c;
      /* strike color (red) */
      color: #0777ee9c;
      /* amount text color */
    }

    /* CTA button shimmer */
    .btn-cta-two {
      /* margin-top: 20px; */
      background: linear-gradient(90deg, #2575fc, #11b5cb);
      border: none;
      padding: .9rem 1.5rem;
      font-weight: 800;
      /* border-radius: 999px; */
      color: #fff;
      position: relative;
      overflow: hidden;
    }

    .btn-cta-two::after {
      content: "";
      position: absolute;
      top: 0;
      left: -50%;
      width: 50%;
      height: 100%;
      background: rgba(255, 255, 255, 0.4);
      transform: skewX(-20deg);
      animation: shimmer 2.5s infinite;
    }

    .btn-cta-three {
      width: 100%;
      margin-top: 20px;
      background: linear-gradient(90deg, #2575fc, #11b5cb);
      border: none;
      padding: .9rem 1.5rem;
      font-weight: 800;
      /* border-radius: 1px; */
      color: #fff;
      position: relative;
      overflow: hidden;
    }


    .btn-cta-three::after {
      content: "";
      position: absolute;
      top: 0;
      left: -50%;
      width: 50%;
      height: 100%;
      background: rgba(255, 255, 255, 0.4);
      transform: skewX(-20deg);
      animation: shimmer 2.5s infinite;
    }

    @keyframes shimmer {
      0% {
        left: -50%;
      }

      100% {
        left: 150%;
      }
    }


    .btn-cta-four {
      width: 101%;
      /* margin-top: 20px; */
      background: linear-gradient(90deg, #FFD700, #FFA500);
      /* Golden gradient */
      border: none;
      /* padding: .9rem 1.5rem; */
      font-weight: 800;
      /* color: #fff; */
      position: relative;
      overflow: hidden;
      border-radius: 8px;
      /* Rounded corners */
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .btn-cta-four:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 30px rgba(255, 215, 0, 0.5);
    }

    /* Shimmer Effect */
    .btn-cta-four::after {
      content: "";
      position: absolute;
      top: 0;
      left: -50%;
      width: 50%;
      height: 100%;
      background: linear-gradient(120deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.6) 50%,
          rgba(255, 255, 255, 0) 100%);
      transform: skewX(-20deg);
      animation: shimmer 2.5s infinite;
    }

    @keyframes shimmer {
      0% {
        left: -50%;
      }

      100% {
        left: 150%;
      }
    }


    .info-card-align {
      margin-top: -50px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .lead-hero {
      color: #c6c6c6;
      font-size: 1.25rem;
    }

    .info-card {
      background: linear-gradient(90deg, #2575fc, #11b5cb);
      color: #fff;
      padding: 15px 20px;
      border-radius: 0px 0px 40px 40px;
      /* margin-top: 15px; */
      max-width: 430px;
      text-align: center;
      z-index: 3;
    }


    .info-card h3 {
      margin: 0;
      font-size: 25px;
      font-weight: bold;
    }

    .info-card p {
      margin: 5px 0 0;
      font-size: 17px;
      color: #ddd;
    }

    @media (max-width: 768px) {
      .btn-cta-four {
        width: 103%;
      }
    }

    @media (max-width: 576px) {
      .hero {
        padding-bottom: 0px;
      }

      .btn-cta-four {
        width: 103%;
      }

      .info-card {
        max-width: 350px;
      }

      .info-card h3 {
        margin: 0;
        font-size: 15px;
        font-weight: bold;
      }

      .info-card p {
        margin: 5px 0 0;
        font-size: 15px;
        color: #ddd;
      }

      .lead-hero {
        color: #c6c6c6;
        font-size: .99rem;
      }

    }

    .text-highlight-number {
      color: #00b7ff;
      /* Example highlight color */
      font-weight: bold;
    }

    /* Animations */
    .fade-in-up {
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp .8s forwards;
    }

    .delay-1 {
      animation-delay: .2s;
    }

    .delay-2 {
      animation-delay: .4s;
    }

    .delay-3 {
      animation-delay: .6s;
    }

    .delay-4 {
      animation-delay: .8s;
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .actual-value {
      font-weight: 600;
      color: #ffffff;
      /* dark text */
    }



    .strike {
      position: relative;
      display: inline-block;
      color: #ef6c00c9;
      /* gold text */
      font-weight: 700;
    }

    .strike::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 2px;
      background: #ef6c00;
      /* orange line */
    }

    .offer-flex {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      /* aligns items to the left */
      gap: 0.5rem;
      /* optional spacing between items */
    }


    .offer-card {
      max-width: 460px;
      /* adjust as needed */
      margin: 0;
      /* center horizontally */
    }

    @media (max-width: 767px) {
      .offer-card {
        max-width: 70%;
        margin: 0 auto;
        /* center if there’s padding in container */
      }
    }


    .offer-glass {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-radius: 1rem;
    }

    /* Session title styling */
    .session-title {
      position: relative;
      display: inline-block;
      font-size: clamp(1.125rem, 1vw + 1rem, 1.5rem);
      line-height: 1.2;
      letter-spacing: .2px;
      padding-bottom: .75rem;

    }

    .session-title::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(90deg, #f59e0b, #fb923c, #fca5a5);
      /* background: linear-gradient(90deg, #1e90ff, #00c6ff); */
      opacity: .65;

    }

    /* Highlight "1 on 1" */
    .highlight-oneone {
      padding: .05rem .4rem;
      border-radius: .5rem;
      background: rgba(255, 193, 7, .15);
      box-shadow: inset 0 0 0 1px rgba(255, 193, 7, .35);
    }

    .highlight-text-common {
      font-weight: 700;
      font-size: 20px;
      background: linear-gradient(90deg, #007BFF, #00BFFF);
      -webkit-background-clip: text;
      /* clip the background to text */
      -webkit-text-fill-color: transparent;
      /* make the text fill transparent */
    }


    /* Small pill for SPARK */
    .spark-badge {
      margin-left: .5rem;
      font-size: .8rem;
      font-weight: 700;
      letter-spacing: .4px;
      padding: .25rem .5rem;
      border-radius: 999px;
      background: rgba(59, 130, 246, .12);
      color: #1d4ed8;
      vertical-align: middle;
      display: inline-flex;
      align-items: center;
      gap: .35rem;
    }

    .spark-badge::before {
      content: "🚀";
      transform: translateY(1px);
    }

    /* Subtitle */
    .session-subtitle {
      color: #475569;
      /* slate-600 */
      font-size: .95rem;
    }

    /* Dark mode friendly (optional) */
    @media (prefers-color-scheme: dark) {
      .session-title::after {
        opacity: .55;
      }

      .session-subtitle {
        color: #cbd5e1;
      }

      .spark-badge {
        background: rgba(96, 165, 250, .18);
        color: #93c5fd;
      }
    }

  
    /* Section */
    .success-stories-section {
      background: #ffffff;
      color: #1a1a1a;
      padding: 5rem 0;
    }

    .stat-badge {
      background: linear-gradient(90deg, var(--brand), var(--brand-2));
      border-radius: 2rem;
      padding: .6rem 1.2rem;
      font-weight: 600;
      color: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
      font-size: 1.7rem;
    }

    .section-title-video {
      font-size: 3rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 3px;
      background: var(--gradient-primary);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 1rem;
      text-align: start;
      animation: fadeInUp 1s ease-out;
    }

    .highlight {
      background: linear-gradient(90deg, var(--brand), var(--brand-2));
      -webkit-background-clip: text;
      color: transparent;
    }

    .lead-video {
      color: #444;
      font-size: 3.25rem;
      margin-bottom: 1.5rem;
      font-weight: 600;
    }



    /* CTA Button */
    .hero-btn {
      background: linear-gradient(90deg, var(--brand), var(--brand-2));
      border: none;
      padding: .9rem 2rem;
      font-size: 1.2rem;
      font-weight: 600;
      border-radius: 50px;
      color: #fff;
      transition: all .3s ease;
      box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
      cursor: pointer;
    }

    .hero-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
    }

    /* Layout */
    .video-text-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 3rem;
      flex-wrap: wrap;
    }

    .video-wrapper,
    .text-wrapper {
      flex: 1;
      min-width: 380px;
    }

    /* Video Card */
    .video-card {
      position: relative;
      overflow: hidden;
      border-radius: 1.2rem;
      background: #fff;
      border: none;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
      transition: all .3s ease;
      aspect-ratio: 16/9;
    }

    .video-card img {
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 1.2rem;
      object-fit: cover;
      transition: transform .3s ease;
    }

    .video-card:hover img {
      transform: scale(1.03);
    }

    .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 70px;
      height: 70px;
      background: rgba(0, 0, 0, 0.5);
      /* transparent dark bg */
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .play-btn::before {
      content: "";
      display: block;
      margin-left: 5px;
      width: 0;
      height: 0;
      border-left: 20px solid #fff;
      /* white triangle */
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .play-btn:hover {
      background: rgba(0, 0, 0, 0.8);
      transform: translate(-50%, -50%) scale(1.1);
    }

    @media (max-width: 480px) {

      .video-wrapper,
      .text-wrapper {
        min-width: 100%;
      }
    }

    /* Responsive */
    @media (max-width: 991px) {
      .video-text-wrapper {
        flex-direction: column;
        text-align: center;
      }

      .text-wrapper {
        text-align: center;
      }

      .section-title-video {
        font-size: 28px;
        text-align: center;
        font-weight: 900;
        text-transform: uppercase;
      }

      .stat-badge {
        /* padding: .6rem 1.2rem; */
        font-weight: 600;
        color: #fff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
        font-size: 1.1rem;
      }
    }

    @media (max-width: 768px) {
      .lead-video {
        color: #444;
        font-size: 2.30rem;
        margin-bottom: 1.5rem;
        font-weight: 600;
      }
    }

    @media (max-width: 768px) {
      .stat-img {
        max-width: 100%;
        /* smaller on mobile */
      }
    }
  

   
    :root {
      --primary-cyan: #00bcd4;
      --secondary-cyan: #26c6da;
      --accent-gold: #ffc107;
      --dark-bg: #0d1117;
      --card-bg: rgba(255, 255, 255, 0.03);
      --text-primary: #ffffff;
      --text-secondary: #8b949e;
      --gradient-primary: linear-gradient(135deg, #00bcd4 0%, #26c6da 100%);
      --gradient-gold: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    }


    .elite-coaching-section {
      /* background: var(--dark-bg); */
      background: linear-gradient(180deg, #061226 0%, #071733 100%);
      color: var(--text-primary);
      min-height: 100vh;
      padding: 30px 0;
      position: relative;
    }

    .elite-coaching-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
    }

    .section-title {
      font-size: 3rem;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 3px;
      background: var(--gradient-primary);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 1rem;
      text-align: center;
      animation: fadeInUp 1s ease-out;
    }

    .section-subtitle {
      font-size: 1.5rem;
      color: var(--text-secondary);
      text-align: center;
      margin-bottom: 3rem;
      animation: fadeInUp 1s ease-out 0.2s both;
    }

    .coach-name {
      color: var(--accent-gold);
      font-weight: 700;
    }

    .stat-card {
      background: var(--card-bg);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(0, 188, 212, 0.2);
      border-radius: 20px;
      padding: 40px 30px;
      text-align: center;
      height: 280px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
      margin-bottom: 30px;
    }

    .stat-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(0, 188, 212, 0.1), transparent);
      transition: left 0.6s ease;
    }

    .stat-card:hover::before {
      left: 100%;
    }

    .stat-card:hover {
      transform: translateY(-10px);
      border-color: var(--primary-cyan);
      box-shadow: 0 20px 40px rgba(0, 188, 212, 0.3);
    }

    .stat-number {
      font-size: 4rem;
      font-weight: 900;
      background: var(--gradient-primary);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 15px;
      line-height: 1;
    }

    .stat-label {
      font-size: 1.1rem;
      color: var(--text-secondary);
      font-weight: 500;
      line-height: 1.4;
    }

    .pricing-section {
      margin-top: 60px;
      text-align: center;
    }

    .actual-value {
      font-size: 1.5rem;
      margin-bottom: 10px;
      opacity: 0.9;
    }

    .cta-primary {
      background: var(--gradient-primary);
      border: none;
      border-radius: 50px;
      padding: 18px 40px;
      font-size: 1.2rem;
      font-weight: 700;
      color: white;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 15px;
      transition: all 0.3s ease;
      box-shadow: 0 10px 30px rgba(0, 188, 212, 0.3);
      position: relative;
      overflow: hidden;
    }

    .cta-primary::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: left 0.5s ease;
    }

    .cta-primary:hover::before {
      left: 100%;
    }

    .cta-primary:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 40px rgba(0, 188, 212, 0.4);
    }

    .cta-secondary {
      background: var(--gradient-gold);
      border: none;
      border-radius: 50px;
      padding: 20px 50px;
      font-size: 1.4rem;
      font-weight: 800;
      color: var(--dark-bg);
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 15px;
      transition: all 0.3s ease;
      box-shadow: 0 10px 30px rgba(255, 193, 7, 0.3);
      position: relative;
      overflow: hidden;
    }

    .cta-secondary::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
      transition: left 0.5s ease;
    }

    .cta-secondary:hover::before {
      left: 100%;
    }

    .cta-secondary:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 40px rgba(255, 193, 7, 0.4);
    }

    .price-highlight {
      color: var(--accent-gold);
      font-weight: 900;
      font-size: 2rem;
    }

    .floating-icon {
      position: absolute;
      font-size: 2rem;
      color: rgba(0, 188, 212, 0.3);
      animation: float 6s ease-in-out infinite;
    }

    .floating-icon:nth-child(odd) {
      animation-delay: -3s;
    }

    .icon-1 {
      top: 10%;
      left: 10%;
    }

    .icon-2 {
      top: 20%;
      right: 15%;
    }

    .icon-3 {
      bottom: 30%;
      left: 5%;
    }

    .icon-4 {
      bottom: 10%;
      right: 10%;
    }

    @keyframes float {

      0%,
      100% {
        transform: translateY(0px) rotate(0deg);
      }

      50% {
        transform: translateY(-20px) rotate(180deg);
      }
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(50px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .counter {
      animation: countUp 2s ease-out forwards;
    }

    @keyframes countUp {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    @media (max-width: 768px) {
      .section-title {
        font-size: 2.5rem;
      }

      .stat-number {
        font-size: 3rem;
      }

      .stat-card {
        height: auto;
        padding: 30px 20px;
      }
    }

    .sparkle {
      display: inline-block;
      margin-right: 10px;
      animation: sparkle 2s linear infinite;
    }

    @keyframes sparkle {

      0%,
      20% {
        transform: scale(0.8) rotate(0deg);
        opacity: 0.5;
      }

      50% {
        transform: scale(1.2) rotate(180deg);
        opacity: 1;
      }

      100% {
        transform: scale(0.8) rotate(360deg);
        opacity: 0.5;
      }
    }

    /* Desktop View Only */
@media (min-width: 992px) {

  .stats-container .stat-card {
      height: 260px;                     /* Same height for all cards */
      display: flex;
      flex-direction: column;
      justify-content: center;           /* Perfectly vertical center */
      align-items: center;               /* Perfect horizontal center */
      text-align: center;
      padding: 20px 30px;
  }

  /* Ensure the number stays at the exact same line position */
  .stat-number {
      font-size: 64px !important;
      line-height: 1 !important;
      margin-bottom: 20px !important;     /* SAME spacing for all */
  }

  /* Align subtext evenly */
  .stat-sub {
      max-width: 260px;                  /* Prevents long text pushing card height */
      line-height: 1.4;
  }
}

  
    
    /* Certification Section — Premium */
    .cert-heading {
      font-size: 2.8rem;
      font-weight: 900;
      color: #FFD700;
      /* Yellow Gold */
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 1.2rem;
      letter-spacing: 1px;
    }

    .cert-subtext {
      font-size: 1.4rem;
      font-weight: 500;
      text-align: center;
      color: #fff;
      max-width: 900px;
      margin: 0 auto;
    }

    .cert-subtext span {
      color: #FFD700;
      /* highlight yellow */
      font-weight: 700;
    }

    .cert-section-dark {
      background: #0b0b0b;
      padding: 3rem 1rem;
    }

    .cert-section {
      background: linear-gradient(180deg, #F8FAFF 0%, #F1F6FF 100%);
      /* background: #111827; */
      padding: 4.5rem 0;
      color: #081025;
    }

    .cert-card {
      background: rgba(255, 255, 255, 1);
      border-radius: 16px;
      padding: 2rem;
      border: 1px solid rgba(5, 12, 30, 0.06);
      box-shadow: 0 18px 40px rgba(6, 12, 28, 0.06);
      display: flex;
      gap: 2rem;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
      /* center card contents */
      text-align: center;
    }

    /* Centered Certificate Preview */
    .cert-preview {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      overflow: hidden;
      background: linear-gradient(180deg, rgba(8, 16, 36, 0.02), rgba(8, 16, 36, 0.01));
      border: 1px solid rgba(5, 12, 30, 0.04);
      transition: transform .45s cubic-bezier(.2, .9, .3, 1);
      width: 100%;
    }

    .cert-preview img {
      width: 70%;
      height: 70%;
      object-fit: contain;
      display: block;
      margin: auto;
      transform-origin: center;
      transition: transform .6s ease, filter .35s ease;
      filter: drop-shadow(0 10px 30px rgba(6, 12, 28, 0.08));
    }

    .cert-preview:hover img {
      transform: scale(1.05);
      filter: none;
    }

    .cert-body {
      flex: 1 1 100%;
      max-width: 800px;
      margin-top: 2rem;
    }

    .cert-eyebrow {
      font-weight: 700;
      color: #0b1630;
      opacity: .85;
      /* letter-spacing: .06em; */
      font-size: 3rem;
    }

    .cert-title {
      font-size: 1.8rem;
      font-weight: 900;
      margin: .6rem 0 .8rem 0;
      line-height: 1.2;
      color: #06102a;
    }

    .cert-sub {
      font-size: 1rem;
      color: #3d4f72;
      margin-bottom: 1rem;
    }

    .cert-cta-row {
      display: flex;
      gap: .8rem;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 1rem;
    }

    .btn-cert-primary {
      background: linear-gradient(90deg, #2575fc, #6a11cb);
      color: #fff;
      border: none;
      padding: .85rem 1.6rem;
      border-radius: 999px;
      font-weight: 800;
      box-shadow: 0 10px 30px rgba(37, 117, 252, 0.12);
      transition: transform .18s ease, box-shadow .18s ease;
    }

    .btn-cert-primary:hover {
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 18px 50px rgba(37, 117, 252, 0.2);
    }

    .btn-cert-ghost {
      background: transparent;
      border: 1px solid rgba(5, 12, 30, 0.06);
      color: #27406a;
      padding: .65rem 1.1rem;
      border-radius: 999px;
      font-weight: 700;
      transition: background .3s ease;
    }

    .btn-cert-ghost:hover {
      background: rgba(39, 64, 106, 0.08);
    }

    @media (max-width: 991.98px) {
      .cert-body {
        margin-top: 1.5rem;
      }

      .cert-preview img {
        width: 80%;
        height: 80%;
      }
    }

    @media (max-width: 768px) {
      .cert-eyebrow {

        /* letter-spacing: .06em; */
        font-size: 2rem;
      }

    }
  

    
    /* ===== SECTION & TITLES ===== */
    .ec2-section {
      background: linear-gradient(180deg, #030b1a 0%, #081a34 100%);
      padding: 4rem 1.5rem 5rem;
      display: flex;
      justify-content: center;
      font-family: "Poppins",
        sans-serif;
    }

    .ec2-container {
      max-width: 1200px;
      width: 100%;
      text-align: center;
    }

    .ec2-title {
      font-size: 3rem;
      font-weight: 700;
      background: linear-gradient(90deg, #00e0a1, #12b0e8);
      -webkit-background-clip: text;
      color: transparent;
      margin: 0 0 0.25rem;
    }

    .ec2-subtitle {
      font-size: 1.1rem;
      color: #8b8b8b;
      margin: 0 0 2.5rem;
    }

    /* ===== CAROUSEL WRAPPER ===== */
    .ec2-carousel {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* Arrows */
    .ec2-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      background: #ffffff;
      width: 56px;
      height: 96px;
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      cursor: pointer;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
      z-index: 2;
    }

    .ec2-arrow:hover {
      transform: translateY(-50%) scale(1.03);
      box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2);
    }

    .ec2-arrow-prev {
      left: -10px;
    }

    .ec2-arrow-next {
      right: -10px;
    }

    /* ===== VIEWPORT & ROW ===== */
    .ec2-viewport {
      overflow: hidden;
      /* hides overflow, we scroll inside */
      width: 100%;
      max-width: 900px;
    }

    .ec2-row {
      display: flex;
      gap: 24px;
      padding: 0;
      /* change from 0 4px to 0 */
      scroll-behavior: smooth;
    }


    /* One card – desktop: 3 in view; mobile: 1 */
    .ec2-card {
      flex: 0 0 calc(100% / 3);
      /* 3 cards per view on desktop */
      box-sizing: border-box;
    }

    .ec2-card img {
      display: block;
      width: 100%;
      height: 200px;
      object-fit: contain;
      padding: 30px;
      background: #ffffff;
      border-radius: 32px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.16);
    }

    /* ===== DOTS ===== */
    .ec2-dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 1.75rem;
    }

    .ec2-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.15);
      cursor: pointer;
      transition: transform 0.2s, background 0.2s;
    }

    .ec2-dot.ec2-dot-active {
      background: #ffffff;
      transform: scale(1.25);
    }

    /* ===== MOBILE / TABLET ===== */
    @media (max-width: 768px) {
      .ec2-title {
        font-size: 2.1rem;
      }

      .ec2-subtitle {
        font-size: 1rem;
      }

      .ec2-card {
        flex: 0 0 100%;
        /* 1 card per view on small screens */
      }

      .ec2-card img {
        height: 170px;
        padding: 20px;
      }

      .ec2-arrow {
        width: 44px;
        height: 80px;
        font-size: 20px;
      }

      .ec2-arrow-prev {
        left: 0;
      }

      .ec2-arrow-next {
        right: 0;
      }
    }
  
  
  
    .program-section {
      background: linear-gradient(135deg, #0B1021 60%, #121a3a);
      color: #fff;
      position: relative;
      overflow: hidden;
      padding: 5rem 0;
    }

    .program-title {
      font-weight: 800;
      font-size: 2.5rem;
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      -webkit-background-clip: text;
      color: transparent;
    }

    .program-card {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 1.2rem;
      padding: 2rem;
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.15);
      transition: all 0.35s ease;
      text-align: center;
    }

    .program-card:hover {
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
      border-color: #12B0E8;
    }

    .program-icon {
      font-size: 2.5rem;
      color: #12B0E8;
      margin-bottom: 1rem;
    }

    .cta-btn {
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      border: none;
      padding: 1rem 2.5rem;
      font-size: 1.2rem;
      border-radius: 50px;
      color: #fff;
      transition: all 0.3s ease;
    }

    .cta-btn:hover {
      box-shadow: 0 0 25px #12B0E8aa;
      transform: translateY(-3px);
    }
  

  

  
    /* --- Spark Section --- */
    .spark-section-three {
      background: linear-gradient(135deg, #0B1021, #1A2340);
      color: #fff;
      padding: 4rem 0;
      position: relative;
      overflow: hidden;
    }

    /* Glow animation */
    .spark-section::before,
    .spark-section::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }

    .spark-section::before {
      width: 400px;
      height: 400px;
      top: -120px;
      left: -120px;
      filter: blur(60px);
    }

    .spark-section::after {
      width: 350px;
      height: 350px;
      bottom: -120px;
      right: -100px;
      filter: blur(70px);
    }

    /* Title */
    .spark-title {
      font-size: 2.4rem;
      font-weight: 800;
      margin-bottom: 1rem !important;
      background: linear-gradient(90deg, #12B0E8, #00E0A1);
      -webkit-background-clip: text;
      color: transparent;
      text-align: center;
    }

    /* Container */
    .spark-container {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 3rem;
    }

    /* Video */
    .spark-video {
      flex: 1 1 10px;
      max-width: 600px;
      position: relative;
    }

    .video-shell {
      aspect-ratio: 16 / 9;
      border-radius: 16px;
      overflow: hidden;
    }

    .video-el {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Caption */
    .video-caption {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      padding: 12px 20px;
      background: linear-gradient(180deg, rgba(12, 18, 38, 0.95), rgba(12, 18, 38, 0.85));
      border-bottom: 1px solid rgba(18, 176, 232, 0.3);
      font-size: 1rem;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }

    .caption-dots {
      display: flex;
      gap: 6px;
    }

    .caption-dots span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      animation: bounce 1.2s infinite;
    }

    .caption-dots .dot1 {
      background: #12B0E8;
      animation-delay: 0s;
    }

    .caption-dots .dot2 {
      background: #00E0A1;
      animation-delay: 0.2s;
    }

    .caption-dots .dot3 {
      background: #FFD93D;
      animation-delay: 0.4s;
    }

    @keyframes bounce {

      0%,
      80%,
      100% {
        transform: scale(0.6);
        opacity: 0.6;
      }

      40% {
        transform: scale(1);
        opacity: 1;
      }
    }

    /* Content */
    .spark-content {
      flex: 1 1 400px;
      max-width: 500px;
      font-size: 1.2rem;
      line-height: 1.6;
    }

    /* Buttons */
    .trusted-cta-two {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-top: 1.5rem;
    }

    .cta-primary-two,
    .btn-primary-two {
      padding: 1rem 2rem;
      border-radius: 30px;
      font-size: 1.1rem;
      font-weight: 700;
      border: none;
      cursor: pointer;
      background: linear-gradient(90deg, #12B0E8, #00E0A1);
      color: #fff;
      transition: all 0.3s ease;
    }

    .cta-primary-two:hover,
    .btn-primary-two:hover {
      transform: translateY(-3px) scale(1.03);
      box-shadow: 0 6px 20px rgba(0, 224, 161, 0.5);
    }

    /* --- Responsive --- */
    @media (max-width: 992px) {
      .spark-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .spark-video {
        order: 1;
        width: 100%;
      }

      .spark-content {
        order: 2;
        text-align: center;
        width: 100%;
      }

      .trusted-cta-two {
        align-items: center;
      }
    }

    @media (max-width: 640px) {
      .spark-title {
        font-size: 1.6rem !important;
      }

      .spark-content {
        font-size: 1rem;
      }

      .cta-primary-two,
      .btn-primary-two {
        width: 100%;
      }
    }
  


  
    /* Layout */
    .spark-hero-two {
      position: relative;
      isolation: isolate;
      padding: 1rem 1rem;
      display: grid;
      place-items: center;
      overflow: hidden;
      color: #fff;
    }

    #spark-canvas {
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
    }

    /* Content */
    .spark-wrap {
      position: relative;
      z-index: 1;
      text-align: center;
      max-width: 1100px;
    }

    .spark-title {
      margin: 0;
      line-height: 1.06;
    }

    .spark-main {
      display: inline-block;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 4px;
      font-size: clamp(2.5rem, 7vw, 6rem);
      background: linear-gradient(90deg, #f0e400, #00dfd8);
      background-size: 300% 100%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: sparkSweep 8s ease-in-out infinite;
      filter: drop-shadow(0 6px 24px rgba(255, 216, 106, .08));
    }

    /* understated accent bar */
    .spark-main::after {
      content: "";
      display: block;
      width: 84px;
      height: 4px;
      margin: .9rem auto 0;
      background: #ffd86a;
      border-radius: 2px;
      opacity: .9;
    }

    .spark-sub {
      display: block;
      margin-top: 1.1rem;
      font-size: clamp(1rem, 2.2vw, 1.5rem);
      font-weight: 500;
      color: #000000;
      opacity: 0;
      transform: translateY(8px);
      animation: fadeUp .9s ease .35s forwards;
    }

    /* Animations */
    @keyframes sparkSweep {
      0% {
        background-position: 0% 50%
      }

      50% {
        background-position: 100% 50%
      }

      100% {
        background-position: 0% 50%
      }
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    /* Reduced motion respect */
    @media (prefers-reduced-motion: reduce) {
      .spark-main {
        animation: none
      }

      .spark-sub {
        animation: none;
        opacity: 1;
        transform: none
      }
    }
  

    
    /* Hero Background */
    /* Hero Background */
    .spark-hero {
      padding: 6rem 1rem;
      text-align: center;
      /* background: linear-gradient(135deg, #0b1021, #1a2340); */
      color: #fff;
      position: relative;
      overflow: hidden;
    }

    /* Main Container */
    .spark-container {
      max-width: 1000px;
      margin: 0 auto;
    }

    /* Main Text */
    .spark-main {
      display: block;
      font-size: 5rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 4px;
      /* background: linear-gradient(90deg, #ffcc00, #ff7e5f); */
      background: linear-gradient(90deg, #2575fc, #11b5cb);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative;
    }

    /* Professional underline accent */
    .spark-main::after {
      content: "";
      display: block;
      width: 80px;
      height: 4px;
      background: linear-gradient(90deg, #2575fc, #11b5cb);
      margin: 1rem auto 0 auto;
      border-radius: 2px;
    }

    /* Subtitle */
    .spark-sub-two {
      display: block;
      margin-top: 1.5rem;
      font-size: 1.6rem;
      font-weight: 500;
      color: #ffffff;
      line-height: 1.5;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
      animation: fadeUp 1.2s ease-in-out both;
    }

    /* Subtle animation */
    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Responsive */
    @media (max-width: 768px) {
      .spark-main {
        font-size: 3rem;
        letter-spacing: 2px;
        background: linear-gradient(90deg, #25fcad, #115fcb);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .spark-sub {
        font-size: 1.2rem;
        padding: 0 1rem;
      }
    }
  

    
    :root {
      --accent-1: #12B0E8;
      --accent-2: #6C63FF;
      --gold: #FFD700;
    }

    .bonuses-section-two {
      background: #ffffff;
      color: #1a1a1a;
      padding: 2rem 0;
      position: relative;
      overflow: hidden;
    }

    .actual-value-bonus {
      font-weight: 600;
      color: #000000;
      margin-top: 20px;
      /* dark text */
    }

    .bonus-hero {
      text-align: center;
      margin-bottom: 1.25rem;
    }

    .bonus-hero h3 {
      font-weight: 800;
      font-size: 2.2rem;
      line-height: 1.05;
      margin-bottom: .5rem;
    }

    .bonus-value {
      font-size: 2rem;
      font-weight: 700;
      background: linear-gradient(90deg, var(--accent-1), var(--accent-2));
      -webkit-background-clip: text;
      color: transparent;
    }

    .bonus-sub {
      color: #131313;
      margin-bottom: 1.5rem;
    }

    .bonuses-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }

    .bonus-card-first {
      position: relative;
      background: #0B1021;
      border-radius: 18px;
      padding: 3.5rem 1.5rem 1.5rem;
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
      overflow: hidden;
      transition: transform .3s ease, box-shadow .3s ease;
      text-align: center;
    }

    .bonus-card:hover {
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6),
        0 0 30px rgba(108, 99, 255, 0.35);
    }

    /* --- BONUS RIBBON TOP --- */
    .bonus-banner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      font-weight: 800;
      font-size: 1.1rem;
      color: #fff;
      padding: 0.6rem 0;
      background: linear-gradient(90deg, var(--accent-1), var(--accent-2), var(--accent-1));
      background-size: 300% 300%;
      animation: gradientFlow 5s infinite linear;
      letter-spacing: 1px;
      box-shadow: 0 4px 15px rgba(18, 176, 232, 0.45);
      z-index: 2;
    }

    .bonus-banner::after {
      content: "";
      position: absolute;
      top: 0;
      left: -80%;
      width: 60%;
      height: 100%;
      background: linear-gradient(120deg, rgba(255, 255, 255, 0.6) 0%, transparent 80%);
      transform: skewX(-25deg);
      animation: shine 3s infinite;
    }

    @keyframes gradientFlow {
      0% {
        background-position: 0% 50%;
      }

      100% {
        background-position: 200% 50%;
      }
    }

    @keyframes shine {
      0% {
        left: -80%;
      }

      100% {
        left: 120%;
      }
    }

    /* Card Body */
    .bonus-body h5 {
      margin: 0 0 .35rem 0;
      font-size: 1.50rem;
      font-weight: 800;
      color: #fff;
    }

    .highlight-text {
      display: block;
      font-weight: 700;
      font-size: 1rem;
      background: linear-gradient(90deg, var(--accent-1), var(--accent-2));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 0.8rem;
    }

    .bonus-body p {
      margin: 0;
      color: #AFC0E6;
      font-size: .95rem;
    }

    .value-tag-two {
      margin-top: 1rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-weight: 700;
      font-size: 1rem;
      padding: .5rem 1.2rem;
      border-radius: 999px;
      background: linear-gradient(90deg, #FFD700, #FFB700);
      color: #222;
      box-shadow: 0 6px 16px rgba(255, 215, 0, 0.4);

      /* --- Uniformity --- */
      min-width: 180px;
      /* adjust based on your longest text */
      text-align: center;
      white-space: nowrap;
      /* prevents line break */
    }

    /* CTA Row */
    .bonuses-cta {
      margin-top: 1rem;
      display: flex;
      gap: 1rem;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
    }

    .btn-reserve {
      background: linear-gradient(135deg, #12B0E8, #6C63FF);
      border: none;
      color: #fff;
      padding: 1rem 2rem;
      border-radius: 999px;
      font-weight: 800;
      font-size: 1.1rem;
      box-shadow: 0 10px 25px rgba(108, 99, 255, 0.25);
      transition: all .3s ease;
    }

    .btn-reserve:hover {
      transform: scale(1.08);
      box-shadow: 0 15px 40px rgba(18, 176, 232, 0.35);
    }

    .btn-book {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: #fff;
      padding: 1rem 2rem;
      border-radius: 999px;
      font-weight: 700;
    }

    .btn-book:hover {
      background: linear-gradient(135deg, #12B0E8, #6C63FF);
      color: #fff;
    }

    .trust-line {
      margin-top: 1.25rem;
      color: #171717;
      font-size: .92rem;
      text-align: center;
    }

    @media (max-width: 991px) {
      .bonuses-grid {
        grid-template-columns: 1fr;
      }
    }
  

  
  
    /* Section */
    .spark-testimonials-latest {
      background: #fff;
      color: #212529;
    }

    /* Gradient Heading */
    .spark-heading-latest {
      font-size: 2.5rem;
      background: linear-gradient(90deg, #00f2fe, #6a11cb);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .spark-subtitle-latest {
      font-size: 1.1rem;
      color: #444;
    }

    /* Testimonial Card */
    .spark-card-latest {
      background: #ffffff;
      border-radius: 16px;
      overflow: hidden;
      border: 2px solid transparent;
      background-image: linear-gradient(#fff, #fff),
        linear-gradient(90deg, #00f2fe, #6a11cb);
      background-origin: border-box;
      background-clip: content-box, border-box;
      box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
      transition: transform .3s ease, box-shadow .3s ease;
    }

    .spark-card-latest:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    }

    /* Thumbnail */
    .spark-thumb {
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
    }

    .spark-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .5s ease;
    }

    .spark-card-latest:hover .spark-thumb img {
      transform: scale(1.07);
    }

    /* Overlay */
    .spark-overlay {
      position: absolute;
      inset: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.35);
      opacity: 0;
      transition: opacity .3s ease;
    }

    .spark-thumb:hover .spark-overlay {
      opacity: 1;
    }

    /* Play Button */
    .spark-play-btn {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: linear-gradient(90deg, #00f2fe, #6a11cb);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 2rem;
      animation: pulse 1.8s infinite;
    }

    .spark-play-btn i {
      font-size: 2.2rem;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(106, 17, 203, 0.6);
      }

      70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 20px rgba(106, 17, 203, 0);
      }

      100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(106, 17, 203, 0);
      }
    }

    /* CTA Section */
    .spark-price {
      font-size: 1.2rem;
      font-weight: 700;
    }

    .spark-highlight {
      /* background: linear-gradient(90deg, #00f2fe, #f7c66c); */
      background: linear-gradient(90deg, #0013f0, #df0000);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .spark-btn-cta {
      background: linear-gradient(90deg, #00f2fe, #6a11cb);
      border: none;
      padding: .9rem 2rem;
      font-weight: 700;
      border-radius: 999px;
      color: #fff;
      box-shadow: 0 10px 30px rgba(0, 242, 254, 0.3);
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .spark-btn-cta:hover {
      transform: translateY(-3px);
      box-shadow: 0 16px 50px rgba(106, 17, 203, 0.4);
    }
  

  
    /* ============== Root Colors ============== */
    :root {
      --g-bg: #071226;
      --g-a: #12B0E8;
      --g-b: #6C63FF;
      --g-muted: #AFC0E6;
      --g-card: rgba(255, 255, 255, 0.05);
    }

    /* ============== Section Wrapper ============== */
    .growth-wrapper {
      background: var(--g-bg);
      color: #fff;
      padding: 5rem 0;
    }

    /* ============== Header ============== */
    .growth-header {
      text-align: center;
      margin-bottom: 2.5rem;
    }

    .growth-title {
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      -webkit-background-clip: text;
      color: transparent;
      font-size: 2.6rem;
      font-weight: 900;
      line-height: 1.15;
    }

    .growth-highlight {
      font-size: 4rem;
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      -webkit-background-clip: text;
      color: transparent;
    }

    .growth-accent {
      display: block;
      /* margin-top: .4rem; */
      font-size: 2rem;
      background: linear-gradient(90deg, var(--g-a), var(--g-b));
      -webkit-background-clip: text;
      color: transparent;
      font-weight: 900;
    }

    /* ============== Grid ============== */
    .growth-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 1.2rem;
    }

    /* ============== Card ============== */
    .growth-card {
      background: var(--g-card);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 16px;
      padding: 1.3rem;
      text-align: center;
      backdrop-filter: blur(10px);
      transition: .3s ease;
    }

    .growth-card:hover {
      transform: translateY(-8px);
      border-color: var(--g-a);
      box-shadow: 0 18px 38px rgba(18, 176, 232, 0.25);
    }

    .growth-icon {
      width: 58px;
      height: 58px;
      margin: 0 auto 0.8rem auto;
      display: flex;
      justify-content: center;
      align-items: center;
      background: rgba(18, 176, 232, 0.15);
      border-radius: 14px;
      font-size: 1.4rem;
      color: var(--g-a);
    }

    .growth-card-title {
      font-size: 1.05rem;
      font-weight: 800;
    }

    /* ============== Responsive ============== */

    /* Tablet */
    @media (max-width: 1200px) {
      .growth-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    /* Mobile */
    @media (max-width: 768px) {

      .growth-title {
        font-size: 2rem;
      }

      .growth-accent {
        font-size: 1.8rem;
      }

      .growth-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
      }

      .growth-card {
        padding: 1rem;
        text-align: center;
      }

      .growth-icon {
        width: 50px;
        height: 50px;
      }
    }

    /* Small Mobile */
    @media (max-width: 480px) {

      .growth-grid {
        grid-template-columns: 1fr !important;
      }

      .growth-card {
        padding: 1rem;
        text-align: center !important;
        display: block !important;
      }

      .growth-icon {
        margin: 0 auto .6rem auto;
        width: 45px;
        height: 45px;
      }

      .growth-title {
        font-size: 1.7rem;
      }

      .growth-highlight {
        font-size: 2.8rem;
      }
    }
  

  
    .spark-section {
      background: #fff;
      color: #111;
      padding: 5rem 0;
      position: relative;
    }

    .spark-title {
      font-weight: 800;
      font-size: 2.5rem;
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      -webkit-background-clip: text;
      color: transparent;
    }

    /* Card styling */
    .spark-card {
      background: #fff;
      border-radius: 1.2rem;
      padding: 2rem;
      border: 1px solid #eaeaea;
      transition: all 0.35s ease;
      height: 100%;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    }

    .spark-card:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 12px 35px rgba(18, 176, 232, 0.15);
      border-color: #12B0E8;
    }

    .spark-letter {
      font-size: 2.5rem;
      font-weight: 900;
      color: #12B0E8;
      margin-bottom: 1rem;
      transition: transform 0.4s ease, color 0.4s ease;
    }

    .spark-card:hover .spark-letter {
      transform: scale(1.2) rotate(-5deg);
      color: #6C63FF;
    }

    .text-gradient {
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      -webkit-background-clip: text;
      color: transparent;
    }
  .text-gradient-gold {
  background: linear-gradient(
    90deg,
    #b8860b,
    #ffd700,
    #fff3b0,
    #ffd700,
    #b8860b
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: goldShimmer 2s linear infinite;
}

@keyframes goldShimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.text-gradient-blue {
  background: linear-gradient(
    90deg,
    #12B0E8,
    #6C63FF,
    #09b0a0,
    #6C63FF,
    #12B0E8
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: shimmerMove 2s linear infinite;
}

@keyframes shimmerMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}



    /* Fade-in stagger effect */
    .spark-card {
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp 0.8s forwards;
    }

    .spark-card:nth-child(1) {
      animation-delay: 0.2s;
    }

    .spark-card:nth-child(2) {
      animation-delay: 0.4s;
    }

    .spark-card:nth-child(3) {
      animation-delay: 0.6s;
    }

    .spark-card:nth-child(4) {
      animation-delay: 0.8s;
    }

    .spark-card:nth-child(5) {
      animation-delay: 1s;
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
  


  
    /* ================================
   Trusted Leaders / Testimonials — with Animations
   ================================ */
    .trusted-section {
      background: linear-gradient(180deg, #071025 0%, #08142b 100%);
      color: #EAF1FF;
      padding: 3rem 0;
      position: relative;
      font-family: 'Poppins', sans-serif;
      overflow: hidden;
    }

    .trusted-title {
      font-weight: 800;
      font-size: 2.2rem;
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      -webkit-background-clip: text;
      color: transparent;
      margin-bottom: .5rem;
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 0.8s ease forwards;
    }

    .trusted-sub {
      color: #9FB7E6;
      margin-bottom: 2.5rem;
      font-size: 1.05rem;
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 0.8s ease forwards 0.2s;
    }

    /* Grid layout for desktop */
    .testi-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
      /* responsive equal columns */
      gap: 2rem;
      align-items: stretch;
      /* makes all cards equal height in row */
    }

    /* Testimonial Card */
    .testi-card {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 22px;
      padding: 2rem 1.8rem;
      text-align: center;
      backdrop-filter: blur(12px);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      min-height: 380px;
      opacity: 0;
      transform: translateY(40px) scale(0.95);
      animation: fadeCard 0.9s ease forwards;
    }

    .testi-card:nth-child(1) {
      animation-delay: .2s;
    }

    .testi-card:nth-child(2) {
      animation-delay: .4s;
    }

    .testi-card:nth-child(3) {
      animation-delay: .6s;
    }

    .testi-card:nth-child(4) {
      animation-delay: .8s;
    }

    .testi-card:nth-child(5) {
      animation-delay: 1s;
    }

    .testi-card:nth-child(6) {
      animation-delay: 1.2s;
    }

    .testi-card:hover {
      transform: translateY(-10px) scale(1.05);
      box-shadow: 0 20px 50px rgba(18, 176, 232, 0.25);
      border-color: rgba(108, 99, 255, 0.3);
    }

    /* Profile Image */
    .testi-figure {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto 1.2rem;
      border: 3px solid rgba(255, 255, 255, 0.15);
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.35);
    }

    .testi-figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .45s ease;
    }

    .testi-card:hover .testi-figure img {
      transform: scale(1.12) rotate(2deg);
    }

    /* Name */
    .testi-body h5 {
      margin: 0;
      font-size: 1.2rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 0.3rem;
      transition: color .3s ease;
    }

    .testi-card:hover h5 {
      color: #12B0E8;
    }

    /* Title / Role */
    .testi-body .title {
      font-size: .95rem;
      color: #9fb1df;
      margin-bottom: 1.2rem;
      transition: color .3s ease;
    }

    .testi-card:hover .title {
      color: #6C63FF;
    }

    /* Quote */
    .testi-quote {
      font-style: italic;
      color: #CFE0FF;
      font-size: 1.05rem;
      line-height: 1.7;
      max-width: 90%;
      margin: 0 auto;
      position: relative;
      transition: color .3s ease;
    }

    .testi-quote::before {
      content: "“";
      font-size: 2rem;
      position: absolute;
      left: -12px;
      top: -10px;
      color: #12B0E8;
      opacity: 0.6;
    }

    .testi-quote::after {
      content: "”";
      font-size: 2rem;
      position: absolute;
      right: -12px;
      bottom: -12px;
      color: #6C63FF;
      opacity: 0.6;
    }

    .testi-card:hover .testi-quote {
      color: #ffffff;
    }

    /* CTA row */
    .trusted-cta {
      margin-top: 3rem;
      display: flex;
      gap: 1rem;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp 0.8s ease forwards 1.4s;
    }

    .cta-primary {
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      border: none;
      color: #061026;
      padding: .95rem 1.8rem;
      font-weight: 800;
      border-radius: 999px;
      box-shadow: 0 12px 32px rgba(18, 176, 232, 0.25);
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .cta-primary:hover {
      transform: translateY(-4px) scale(1.03);
      box-shadow: 0 14px 36px rgba(18, 176, 232, 0.35);
    }

    .trusted-cta-two {
      /* margin-top: 3rem; */
      display: flex;
      gap: 1rem;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeUp 0.8s ease forwards 1.4s;
    }

    .cta-primary-two {
      background: linear-gradient(90deg, #12B0E8, #6C63FF);
      border: none;
      color: #061026;
      padding: .95rem 1.8rem;
      font-weight: 800;
      border-radius: 999px;
      box-shadow: 0 12px 32px rgba(18, 176, 232, 0.25);
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .cta-primary-two:hover {
      transform: translateY(-4px) scale(1.03);
      box-shadow: 0 14px 36px rgba(18, 176, 232, 0.35);
    }

    .cta-outline {
      background: transparent;
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: #DCEBFF;
      padding: .8rem 1.4rem;
      border-radius: 999px;
      font-weight: 700;
      transition: background .25s ease, transform .25s ease, border-color .25s ease;
    }

    .cta-outline:hover {
      background: rgba(255, 255, 255, 0.05);
      transform: translateY(-3px);
      border-color: rgba(108, 99, 255, 0.35);
    }

    .trusted-note {
      color: #9FB1DF;
      margin-top: 1rem;
      font-size: .95rem;
      text-align: center;
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 0.8s ease forwards 1.6s;
    }

    /* Keyframes */
    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeCard {
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    /* Responsive */
    @media (max-width: 991.98px) {
      .testi-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
      }

      .testi-figure {
        width: 80px;
        height: 80px;
      }
    }

    @media (max-width:576px) {
      .trusted-title {
        font-size: 1.6rem;
      }

      .trusted-sub {
        font-size: .95rem;
      }
    }
  
  
    /* 9th Section — Who Is This For */
    :root {
      --bg-dark: #071226;
      --accent-a: #12B0E8;
      --accent-b: #6C63FF;
      --muted: #9FB1DF;
    }

    .who-section {
      background: linear-gradient(180deg, #061226 0%, #071733 100%);
      color: #EAF4FF;
      padding: 4.5rem 0;
    }

    .who-heading {
      font-weight: 900;
      font-size: 2.2rem;
      margin-bottom: .25rem;
      background: linear-gradient(90deg, var(--accent-a), var(--accent-b));
      -webkit-background-clip: text;
      color: transparent;
    }

    .who-sub {
      color: var(--muted);
      margin-bottom: 1.5rem;
      font-size: 1rem;
      font-weight: 600;
    }

    .who-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2rem;
      align-items: start;
    }

    /* Checklist */
    .who-check {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      /* 2 columns on desktop */
      gap: 1rem 1.2rem;
    }

    /* Updated LI Box – White Background + Dark Text */
.who-check li {
  display: flex;
  gap: .9rem;
  align-items: flex-start;
  background: #ffffff;               /* White background */
  padding: .9rem 1rem;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.07); 
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Hover Effect (Premium Shadow) */
.who-check li:hover,
.who-check li:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
  border-color: rgba(18, 176, 232, 0.35);
}

/* Icon box updated for white theme */
.check-icon {
  min-width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #007BFF, #00BFFF);
  color: #ffffff;  /* Dark blue for better contrast */
  font-weight: 700;
}

/* Main text (dark) */
.check-text {
  color: #031028;     /* Dark text */
  font-weight: 800;
  font-size: 1rem;
}

/* Sub text (muted dark) */
.check-sub {
  color: #4a5b7a;      /* Soft muted dark */
  font-size: .92rem;
  margin-top: .25rem;
}


    /* CTA */
    .who-cta {
      margin-top: 1.25rem;
      display: flex;
      gap: .75rem;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
    }

    .btn-primary {
      background: linear-gradient(90deg, var(--accent-a), var(--accent-b));
      border: none;
      color: #031028;
      padding: .7rem 1.2rem;
      border-radius: 999px;
      font-weight: 800;
      cursor: pointer;
    }

    .btn-ghost {
      background: transparent;
      border: 1px solid rgba(255, 255, 255, 0.06);
      color: var(--muted);
      padding: .6rem 1rem;
      border-radius: 999px;
      font-weight: 700;
      cursor: pointer;
    }

    @media (max-width: 991.98px) {
      .who-check {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 576px) {
      .who-sub {
        color: var(--muted);
        margin-bottom: 1rem !important;
        font-size: 1rem !important;
        font-weight: 600;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .who-check li {
        transition: none;
      }
    }

    .who-note {
      color: var(--muted);
      font-size: .95rem;
      margin-top: 1rem;
      text-align: center;
    }

    .who-note span {
      color: #fff;
      font-weight: 700;
    }
  
  
    .elite-section {
      background: linear-gradient(180deg, #071027 0%, #0b1630 100%);
      color: #eef4ff;
      padding: 4.5rem 0;
      font-family: 'Poppins', sans-serif;
    }

    .elite-card {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
      border-radius: 18px;
      padding: 1.75rem;
      border: 1px solid rgba(255, 255, 255, 0.04);
      box-shadow: 0 14px 40px rgba(2, 8, 23, 0.55);
    }

    .elite-eyebrow {
      color: #9fb2db;
      font-weight: 700;
      letter-spacing: .08em;
      font-size: .85rem;
      text-transform: uppercase;
    }

    .elite-title {
      font-size: clamp(1.5rem, 2.6vw, 2.1rem);
      font-weight: 900;
      line-height: 1.02;
      margin-bottom: 0.6rem;
      color: #fff;
    }

    .elite-highlight {
      background: linear-gradient(90deg, #f7c66c, #c99400);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .elite-lead {
      color: #d7e6ff;
      margin-bottom: .9rem;
      font-size: 1rem;
    }

    /* Stats */
    .elite-stats {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1rem;
    }

    .stat {
      min-width: 140px;
      background: rgba(255, 255, 255, 0.02);
      border-radius: 12px;
      padding: 1rem;
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 0.02);
      transition: transform .22s ease, box-shadow .22s ease;
    }

    .stat:hover {
      transform: translateY(-6px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    }

    .stat .num {
      font-size: 1.6rem;
      font-weight: 900;
      color: #fff;
      display: block;
    }

    .stat .label {
      color: #b9cee9;
      font-size: .9rem;
      margin-top: .25rem;
    }

    /* CTA column */
    .price-wrap {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.02));
      padding: 1rem;
      border-radius: 12px;
      text-align: center;
      border: 1px solid rgba(255, 255, 255, 0.03);
    }

    .price-old {
      text-decoration: line-through;
      color: rgba(255, 255, 255, 0.45);
      font-weight: 700;
      font-size: .95rem;
    }

    .price-now {
      font-size: 2rem;
      font-weight: 900;
      color: #fff;
      margin: .3rem 0;
    }

    .reserve {
      font-size: .95rem;
      color: #d7e6ff;
      margin-bottom: .5rem;
    }

    .btn-book {
      background: linear-gradient(90deg, #2575fc, #6a11cb);
      border: none;
      padding: .85rem 1.2rem;
      font-weight: 800;
      border-radius: 999px;
      box-shadow: 0 10px 30px rgba(37, 117, 252, 0.12);
    }

    .btn-book:active {
      transform: translateY(1px);
    }

    .micro {
      font-size: .85rem;
      color: #9fb2db;
      margin-top: .5rem;
    }

    /* responsive spacing tweaks */
    @media (min-width: 992px) {
      .elite-left {
        padding-right: 2rem;
      }
    }

    @media (max-width: 576px) {
      .elite-stats {
        justify-content: center;
      }

      .stat {
        min-width: 120px;
      }
    }
  

  
    .bonus-section {
      padding: 80px 20px;
      max-width: 1200px;
      margin: 0 auto;
      position: relative;
    }

    /* Floating Elements */
    .floating-element {
      position: absolute;
      opacity: 0.03;
      pointer-events: none;
      animation: float 6s ease-in-out infinite;
    }

    .floating-1 {
      top: 10%;
      left: 10%;
      font-size: 120px;
      color: #3b82f6;
      animation-delay: 0s;
    }

    .floating-2 {
      top: 20%;
      right: 15%;
      font-size: 80px;
      color: #8b5cf6;
      animation-delay: -2s;
    }

    .floating-3 {
      bottom: 20%;
      left: 20%;
      font-size: 100px;
      color: #f59e0b;
      animation-delay: -4s;
    }

    @keyframes float {

      0%,
      100% {
        transform: translateY(0px) rotate(0deg);
      }

      33% {
        transform: translateY(-20px) rotate(5deg);
      }

      66% {
        transform: translateY(10px) rotate(-3deg);
      }
    }

    /* Header Section */
    .header {
      text-align: center;
      margin-bottom: 60px;
      position: relative;
      z-index: 2;
    }

    .eyebrow-two {
      display: inline-block;
      background: linear-gradient(135deg, #3b82f6, #8b5cf6);
      color: white;
      padding: 8px 24px;
      border-radius: 50px;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 24px;
      box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
      animation: pulse 2s infinite;
    }

    @keyframes pulse {

      0%,
      100% {
        transform: scale(1);
      }

      50% {
        transform: scale(1.05);
      }
    }

    .main-title {
      font-size: 48px;
      font-weight: 800;
      background: linear-gradient(135deg, #1e293b, #475569, #64748b);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 20px;
      line-height: 1.2;
    }

    .subtitle {
      font-size: 20px;
      color: #64748b;
      max-width: 600px;
      margin: 0 auto;
    }

    /* Cards Grid */
    .cards-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      gap: 40px;
      margin-bottom: 60px;
    }

    /* Individual Card Styling */
    .bonus-card {
      background: white;
      border-radius: 24px;
      overflow: hidden;
      padding: 3.5rem 1.5rem 1.5rem;
      box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(0, 0, 0, 0.05);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      /* Push footer to the bottom */
      min-height: 500px;
      /* adjust based on your card height */
      cursor: pointer;
      group: true;
    }

    .bonus-card:hover {
      transform: translateY(-12px) scale(1.02);
      box-shadow:
        0 40px 80px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(59, 130, 246, 0.2);
    }

    .bonus-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: linear-gradient(90deg, #3b82f6, #8b5cf6, #f59e0b);
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    .bonus-card:hover::before {
      opacity: 1;
    }

    /* Badge */
    .bonus-badge {
      position: absolute;
      top: 20px;
      right: 20px;
      background: linear-gradient(135deg, #f59e0b, #d97706);
      color: white;
      padding: 8px 16px;
      border-radius: 50px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);
      z-index: 3;
      animation: bounce 2s infinite;
    }

    @keyframes bounce {

      0%,
      100% {
        transform: translateY(0);
      }

      50% {
        transform: translateY(-5px);
      }
    }

    /* Image Section */
    .card-image {
      height: 240px;
      background: linear-gradient(135deg, #f8fafc, #e2e8f0);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }

    .card-image img {
      width: 90%;
      height: 90%;
      object-fit: cover;
      border-radius: 16px;
      transition: all 0.5s ease;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    }

    .bonus-card:hover .card-image img {
      transform: scale(1.08) rotate(-1deg);
      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
    }

    /* Card Content */
    .card-content {
      padding: 10px;
      flex-grow: 1;
      /* Take all remaining space */
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .card-title {
      font-size: 24px;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 16px;
      line-height: 1.3;
    }

    .card-description {
      color: #64748b;
      font-size: 16px;
      margin-bottom: 24px;
      line-height: 1.6;
    }

    .card-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 20px;
      border-top: 1px solid #d2d2d2;
    }

    .value-label {
      font-size: 14px;
      color: #94a3b8;
      font-weight: 500;
    }

    .price {
      font-size: 24px;
      font-weight: 800;
      background: linear-gradient(135deg, #f59e0b, #d97706);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* Special Styling for Bonus 3 */
    .bonus-card.premium {
      background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
      color: white;
      transform: scale(1.05);
    }

    .bonus-card.premium .card-title,
    .bonus-card.premium .card-description {
      color: white;
    }

    .bonus-card.premium .card-footer {
      border-top-color: rgba(255, 255, 255, 0.2);
    }

    .bonus-card.premium .value-label {
      color: rgba(255, 255, 255, 0.8);
    }

    .bonus-card.premium .price {
      background: linear-gradient(135deg, #fbbf24, #f59e0b);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* CTA Section */
    .cta-section {
      text-align: center;
      background: linear-gradient(135deg, #f8fafc, #e2e8f0);
      border-radius: 24px;
      padding: 48px 32px;
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(59, 130, 246, 0.1);
    }

    .cta-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg,
          transparent,
          rgba(59, 130, 246, 0.05),
          transparent);
      animation: shine 3s infinite;
    }

    @keyframes shine {
      0% {
        left: -100%;
      }

      100% {
        left: 100%;
      }
    }

    .total-value {
      font-size: 18px;
      color: #64748b;
      margin-bottom: 8px;
    }

    .total-price {
      font-size: 42px;
      font-weight: 900;
      background: linear-gradient(135deg, #3b82f6, #8b5cf6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 8px;
    }

    .savings-note {
      color: #059669;
      font-weight: 600;
      margin-bottom: 32px;
      font-size: 16px;
    }

    .cta-button {
      background: linear-gradient(135deg, #3b82f6, #8b5cf6);
      color: white;
      border: none;
      padding: 20px 48px;
      border-radius: 50px;
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(59, 130, 246, 0.3);
      transition: all 0.3s ease;
    }

    .cta-button:hover {
      transform: translateY(-3px);
      box-shadow: 0 30px 60px rgba(59, 130, 246, 0.4);
    }

    .cta-button::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg,
          transparent,
          rgba(255, 255, 255, 0.3),
          transparent);
      transition: left 0.6s ease;
    }

    .cta-button:hover::before {
      left: 100%;
    }

    .cta-button span {
      position: relative;
      z-index: 1;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
      .bonus-section {
        padding: 60px 16px;
      }

      .main-title {
        font-size: 36px;
      }

      .cards-grid {
        grid-template-columns: 1fr;
        gap: 30px;
      }

      .bonus-card.premium {
        transform: none;
      }

      .card-content {
        padding: 24px;

      }

      .cta-section {
        padding: 32px 20px;
      }

      .total-price {
        font-size: 32px;
      }

      .cta-button {
        width: 100%;
        padding: 18px 32px;
        font-size: 16px;
      }
    }

    @media (max-width: 480px) {
      .main-title {
        font-size: 28px;
      }

      .subtitle {
        font-size: 16px;
      }

      .card-image {
        height: 200px;
      }

      .card-title {
        font-size: 20px;
      }

      .card-description {
        font-size: 14px;
      }
    }

    /* Interactive Elements */
    .bonus-card {
      cursor: pointer;
    }

    .bonus-card:active {
      transform: translateY(-8px) scale(0.98);
    }

    /* Icon Animation */
    .icon {
      width: 60px;
      height: 60px;
      background: linear-gradient(135deg, #3b82f6, #8b5cf6);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 24px;
      margin: 0 auto 20px;
      animation: rotate 4s linear infinite;
    }

    @keyframes rotate {
      from {
        transform: rotate(0deg);
      }

      to {
        transform: rotate(360deg);
      }
    }

    .bonus-card:hover .icon {
      animation-play-state: paused;
      transform: scale(1.1);
    }

    /* Glassmorphism Effect */
    .glass-card {
      background: rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.18);
    }
  
  
    /* Background */
    .testimonial-section {
      background: linear-gradient(135deg, #021324b1, #0f145e);
      color: #cfd8dc;
    }

    /* Gradient heading */
    .text-gradient {
      background: linear-gradient(90deg, #00eaff, #ffd60a);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* Highlighted text */
    .highlight {
      color: #ffd60a;
      font-weight: bold;
    }

    /* Testimonial cards */
    .testimonial-card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 16px;
      padding: 20px;
      color: #e0e0e0;
      transition: all 0.3s ease-in-out;
    }

    .testimonial-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 25px rgba(0, 234, 255, 0.4);
    }

    /* Glowing CTA Button */
    .cta-btn-wrapper {
      text-align: center;
      /* center button horizontally */
      margin-top: 2rem;
      /* spacing above */
    }

    .cta-btn-wrapper .btn-glow {
      display: inline-flex;
      /* keep button inline */
    }

    .btn-glow {
      background: linear-gradient(90deg, #00eaff, #0077ff);
      color: #fff;
      border: none;
      border-radius: 50px;
      transition: all 0.3s ease;
      box-shadow: 0 0 20px rgba(0, 234, 255, 0.6);
      align-items: center;
      display: flex;
      justify-content: center;
    }

    .btn-glow:hover {
      background: linear-gradient(90deg, #ffd60a, #ff8800);
      box-shadow: 0 0 30px rgba(255, 214, 10, 0.8);
      transform: scale(1.05);
    }
  
  
    .elite-interactive-card {
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.08);
      transition: all 0.35s ease;
      animation: fadeUp 1s ease forwards;
    }

    .elite-interactive-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
    }

    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Animated gradient title */
    .elite-interactive-title {
      font-size: 2.2rem !important;
      font-weight: 700;
      background: linear-gradient(90deg, #00f2fe, #4facfe, #43e97b, #f7c66c);
      background-size: 300% 300%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: gradientMove 5s infinite linear;
    }

    @media (max-width: 768px) {

      .elite-interactive-title {
        font-size: 1.5rem;
        font-weight: 700;

      }
    }

    /* @keyframes gradientMove {
      0% {
        background-position: 0% 50%;
      }

      50% {
        background-position: 100% 50%;
      }

      100% {
        background-position: 0% 50%;
      }
    } */

    /* Text */
    .elite-interactive-text {
      font-size: 1.1rem;
      line-height: 1.7;
      color: #333;
    }

    .highlight {
      color: #0d47a1;
      font-weight: 600;
    }

    .highlight-strong {
      color: #1565c0;
      font-weight: 700;
    }

    /* CTA Button */
    .elite-interactive-btn {
      background: linear-gradient(90deg, #00f2fe, #6a11cb);
      color: #fff;
      padding: 12px 28px;
      font-weight: 600;
      border-radius: 30px;
      transition: all 0.3s ease;
      text-decoration: none;
    }

    .elite-interactive-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 25px rgba(0, 242, 254, 0.3);
    }
  


  
    /* Glassmorphic card */
    .glass-card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(12px);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .glass-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 25px 50px rgba(18, 176, 232, 0.3);
    }

    /* Gradient text */
    .text-gradient {
      background: linear-gradient(90deg, #12B0E8, #6941C6);
      -webkit-background-clip: text;
      color: transparent;
    }

    .highlight {
      background: linear-gradient(90deg, #F59E0B, #12B0E8);
      -webkit-background-clip: text;
      color: transparent;
      font-weight: 700;
    }

    /* CTA Button */
    .btn-gradient {
      background: linear-gradient(135deg, #12B0E8, #6941C6);
      color: #fff;
      border: none;
      transition: transform 0.3s ease-in-out, box-shadow 0.3s;
      position: relative;
      z-index: 1;
    }

    .btn-gradient:hover {
      transform: scale(1.08);
      background: linear-gradient(135deg, #6941C6, #12B0E8);
      box-shadow: 0 12px 35px rgba(18, 176, 232, 0.4);
    }

    /* Pulse animation for CTA */
    @keyframes pulse {

      0%,
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
      }

      50% {
        transform: scale(1.05);
        box-shadow: 0 0 25px rgba(18, 176, 232, 0.4);
      }
    }

    .pulse-cta {
      animation: pulse 2s infinite;
    }

    /* Fade-in-up animation */
    .fade-in-up {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 1s forwards;
    }

    .fade-in-up.delay-1s {
      animation-delay: 0.5s;
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
  

    
    /* Glassmorphic Cards */
    .glass-card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(12px);
      border-radius: 1rem;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .hover-lift:hover {
      transform: translateY(-6px);
      box-shadow: 0 25px 50px rgba(18, 176, 232, 0.3);
    }

    /* Gradient Text */
    .text-gradient {
      background: linear-gradient(90deg, #12B0E8, #6941C6);
      -webkit-background-clip: text;
      color: transparent;
    }

    .highlight {
      background: linear-gradient(90deg, #F59E0B, #12B0E8);
      -webkit-background-clip: text;
      color: transparent;
      font-weight: 700;
    }

    /* CTA Button */
    .btn-gradient {
      background: linear-gradient(135deg, #12B0E8, #6941C6);
      color: #fff;
      border: none;
      transition: transform 0.3s ease-in-out, box-shadow 0.3s;
    }

    .btn-gradient:hover {
      transform: scale(1.08);
      background: linear-gradient(135deg, #6941C6, #12B0E8);
      box-shadow: 0 12px 35px rgba(18, 176, 232, 0.4);
    }

    /* Pulse Animation for CTA */
    @keyframes pulse {

      0%,
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
      }

      50% {
        transform: scale(1.05);
        box-shadow: 0 0 25px rgba(18, 176, 232, 0.4);
      }
    }

    .pulse-cta {
      animation: pulse 2s infinite;
    }

    /* Fade-in-up animation */
    .fade-in-up {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 1s forwards;
    }

    .delay-1s {
      animation-delay: 0.5s;
    }

    .delay-1-5s {
      animation-delay: 0.7s;
    }

    .delay-2s {
      animation-delay: 0.9s;
    }

    .delay-2-5s {
      animation-delay: 1.1s;
    }

    .delay-3s {
      animation-delay: 1.3s;
    }

    .delay-3-5s {
      animation-delay: 1.5s;
    }

    .delay-4s {
      animation-delay: 1.7s;
    }

    .delay-4-5s {
      animation-delay: 1.9s;
    }

    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
  

  
    /* Section */
    .modern-session-section {
      background: #fff;
      color: #222;
    }

    /* Gradient Headline */
    .modern-gradient-text {
      background: linear-gradient(90deg, #468be5, #06d4d4);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* Base card style */
    .modern-card {
      border-radius: 16px;
      transition: all 0.35s ease;
      border: none;
      color: #222;
      position: relative;
      overflow: hidden;
    }

    .modern-card:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    }

    /* Icon */
    .icon-circle {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      margin: 0 auto;
    }

    /* Card Themes */
    .card-theme-1 {
      background: linear-gradient(135deg, #e0f2ff, #f0f9ff);
    }

    .card-theme-1 .icon-circle {
      background: #468be520;
      color: #468be5;
    }

    .card-theme-2 {
      background: linear-gradient(135deg, #fff5e6, #fff9f0);
    }

    .card-theme-2 .icon-circle {
      background: #f59e0b20;
      color: #f59e0b;
    }

    .card-theme-3 {
      background: linear-gradient(135deg, #fef2f2, #fff5f5);
    }

    .card-theme-3 .icon-circle {
      background: #ef444420;
      color: #ef4444;
    }

    .card-theme-4 {
      background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    }

    .card-theme-4 .icon-circle {
      background: #10b98120;
      color: #10b981;
    }

    .card-theme-5 {
      background: linear-gradient(135deg, #f5f3ff, #fdf4ff);
    }

    .card-theme-5 .icon-circle {
      background: #8b5cf620;
      color: #8b5cf6;
    }

    .card-theme-6 {
      background: linear-gradient(135deg, #f0faff, #ecfeff);
    }

    .card-theme-6 .icon-circle {
      background: #06b6d420;
      color: #06b6d4;
    }

    /* Button */
    .modern-btn-gradient {
      background: linear-gradient(90deg, #6366f1, #3b82f6);
      color: #fff;
      font-weight: 600;
      border: none;
      transition: all 0.3s ease;
    }

    .modern-btn-gradient:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
    }
  

    
    /* Wrapper Section */
    .section-glf {
      background: linear-gradient(180deg, #0B1220 0%, #1A1F36 100%);
      color: #EAF4FF;
      padding-top: 3rem;
      /* Keep nice spacing on top */
      padding-bottom: 0;
      /* REMOVE bottom padding */
      position: relative;
      overflow: hidden;
    }

    /* Ensure columns stretch fully, so image sticks to bottom */
    .section-glf .row {
      align-items: stretch !important;
    }

    /* Headline Gradient */
    .section-glf .text-gradient {
      background: linear-gradient(90deg, #12B0E8, #6941C6);
      -webkit-background-clip: text;
      text-align: left;
      color: transparent;
    }

    .section-glf__description {
      font-size: 1.1rem;
      color: #d1e2ff;
      line-height: 1.7;
    }

    .section-glf__highlight {
      font-size: 1.1rem;
      font-weight: 500;
      color: #ffffff;
      background: rgba(18, 176, 232, 0.08);
      padding: 1rem 1.2rem;
      border-left: 4px solid #12B0E8;
      border-radius: 0.6rem;
      backdrop-filter: blur(6px);
    }

    /* Trusted Box */
    .trusted-box {
      background: rgba(255, 255, 255, 0.05);
      border-radius: 1rem;
      padding: 1.2rem 1.5rem;
      border: 1px solid rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(10px);
    }

    .trusted-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .trusted-list li {
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 0.6rem;
      font-weight: 500;
      color: #c9ddff;
    }

    .trusted-list li::before {
      content: "✔";
      position: absolute;
      left: 0;
      color: #12B0E8;
      font-weight: bold;
    }

    /* Image Column - Keep bottom aligned */
    .section-glf__image-col {
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }

    .image-wrapper {
      position: relative;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: flex-end;
    }

    .section-glf__image {
      border-radius: 1.2rem;
      width: 100%;
      max-width: 720px !important;
      z-index: 2;
      position: relative;
    }

    @media (min-width: 992px) {
      .section-glf__image {
        max-width: 70%;
      }
    }

    @media (min-width: 576px) {

      .elite-interactive-title {
        font-size: 1rem;
        font-weight: 700;

      }
    }

    /* Glow Animation */
    .glow-effect {
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
      border-radius: 1.5rem;
      filter: blur(50px);
      animation: glowPulse 4s infinite alternate;
      z-index: 1;
    }

    @keyframes glowPulse {
      from {
        opacity: 0.5;
        transform: scale(0.95);
      }

      to {
        opacity: 1;
        transform: scale(1.05);
      }
    }

    /* Mobile Adjustment */
    @media (max-width: 767.98px) {
      .section-glf .text-gradient {
        background: linear-gradient(90deg, #12B0E8, #6941C6);
        -webkit-background-clip: text;
        text-align: center;
        color: transparent;
      }

      .section-glf {
        padding-top: 2rem;
        padding-bottom: 0;
      }

      .section-glf .row {
        flex-direction: column;
      }

      .section-glf__image-col {
        margin-top: 1.5rem;
      }

      .section-glf__image {
        max-width: 100%;
      }
    }
  

    
    .section-spark {
      background: radial-gradient(circle at top, #111827 0%, #0B1220 80%);
      color: #EAF4FF;
    }

    .text-gradient {
      background: linear-gradient(90deg, #12B0E8, #6941C6);
      -webkit-background-clip: text;
      color: transparent;
    }

    .strike {
      text-decoration: line-through;
      color: #ff7f7f;
      font-weight: 600;
    }

    .special-offer-price {
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
    }

    /* Animated Gradient Text */
    .gradient-shift {
      font-weight: 800;
      background: linear-gradient(270deg,
          #FFD700,
          #FFA500,
          #FF4D4D,
          #FF69B4,
          #12B0E8,
          #6941C6,
          #FFD700);
      background-size: 600% 600%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: gradientShift 6s ease infinite;
    }


    /*
  /* Secondary CTA */
    .btn-consult {
      position: relative;
      border: none;
      border-radius: 50px;
      padding: 14px 26px;
      font-weight: 500;
      font-size: 1.05rem;
      /* background: linear-gradient(135deg, #6a11cb, #2575fc);  */
      /* filled gradient */
      background: linear-gradient(90deg, #12B0E8, #00E0A1);
      /* filled gradient */
      color: #fff;
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .btn-consult:hover {
      background: linear-gradient(90deg, #12B0E8, #00E0A1);
      transform: scale(1.05);
    }

    /* Shimmer effect */
    .btn-consult::before {
      content: "";
      position: absolute;
      top: 0;
      left: -75%;
      width: 50%;
      height: 100%;
      background: linear-gradient(120deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.6) 50%,
          rgba(255, 255, 255, 0) 100%);
      transform: skewX(-20deg);
      z-index: 1;
      animation: shimmer 5s linear infinite;
      /* run always */
    }

    .btn-consult span {
      position: relative;
      z-index: 2;
      /* text above shimmer */
    }

    @keyframes shimmer {
      0% {
        left: -75%;
      }

      100% {
        left: 125%;
      }
    }

    @media (max-width: 768px) {
      .btn-consult {
        font-size: 1rem;
        padding: 12px 22px;
        border-radius: 35px;
      }
    }

    @media (max-width: 480px) {
      .btn-consult {
        width: auto;
        /* not too wide */
        min-width: 220px;
        /* readable size */
        padding: 12px 20px;
        font-size: 0.95rem;
        border-radius: 30px;
      }

      .special-offer-price {
        display: flex;
        flex-direction: column;
        /* stack text + amount */
        align-items: center;
        /* center horizontally */
        font-size: 1.4rem;
        text-align: center;
      }

      .special-offer-price .gradient-shift {
        font-size: 1.5rem;
        /* bigger for ₹12,999 */
        margin-top: 6px;
        display: block;
      }

    }
  
  
    .section-elite-coaching {
      color: #EAF4FF;
      text-align: center;
    }

    .section-elite-coaching .text-gradient {
      background: linear-gradient(90deg, #12B0E8, #6941C6);
      -webkit-background-clip: text;
      color: transparent;
    }

    .video-card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(12px);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .video-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 25px 50px rgba(18, 176, 232, 0.3);
    }

    .video-card__overlay {
      background: rgba(0, 0, 0, 0.35);
      transition: opacity 0.3s ease;
    }

    .video-card__overlay.hidden {
      opacity: 0;
      pointer-events: none;
    }

    .section-elite-coaching__btn {
      background: linear-gradient(135deg, #12B0E8, #6941C6);
      color: #fff;
      border: none;
      transition: transform 0.3s ease-in-out, box-shadow 0.3s;
    }

    .section-elite-coaching__btn:hover {
      transform: scale(1.08);
      background: linear-gradient(135deg, #6941C6, #12B0E8);
      box-shadow: 0 12px 35px rgba(18, 176, 232, 0.4);
    }

    @keyframes section-elite-coaching__pulse {

      0%,
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
      }

      50% {
        transform: scale(1.05);
        box-shadow: 0 0 25px rgba(18, 176, 232, 0.4);
      }
    }

    .section-elite-coaching .pulse-cta {
      animation: section-elite-coaching__pulse 2s infinite;
    }

    .section-elite-coaching .fade-in-up {
      opacity: 0;
      transform: translateY(20px);
      animation: section-elite-coaching__fadeUp 1s forwards;
    }

    .section-elite-coaching .delay-1s {
      animation-delay: 0.5s;
    }

    .section-elite-coaching .delay-1-5s {
      animation-delay: 0.7s;
    }

    .section-elite-coaching .delay-2s {
      animation-delay: 0.9s;
    }

    @keyframes section-elite-coaching__fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
  
    
    .section-leadership {
      padding: 70px 0 70px 0;
      background: linear-gradient(180deg, #0B1220 0%, #1A1F36 100%);
      color: #EAF4FF;
      text-align: center;
    }

    /* Small blue kicker text */
    .section-leadership__kicker {
      font-size: 0.9rem;
      letter-spacing: 0.08em;
      color: #3b82f6;
      font-weight: 700;
    }

    /* Main price line */
    .special-offer-price {
      font-size: 1.8rem;
      font-weight: 800;
    }

    .gradient-shift {
      background: linear-gradient(90deg, #FFD700, #FFA500, #FF4D4D, #FF69B4, #12B0E8, #6941C6);
      background-size: 300% 300%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: gradientShift 6s ease infinite;
    }

    .section-leadership__sublead {
      font-size: 1rem;
      opacity: 0.9;
    }

    .actual-value {
      font-size: 1.05rem;
      margin-top: 0.4rem;
    }

    /* Gradient animated text (if reused) */
    .gradient-shift-two {
      font-size: 25px;
      font-weight: 800;
      background: linear-gradient(270deg,
          #FFD700,
          #FFA500,
          #FF4D4D,
          #FF69B4,
          #12B0E8,
          #6941C6,
          #FFD700);
      background-size: 600% 600%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: gradientShift 6s ease infinite;
    }

    /* @keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  } */

    /* Center GAD Photo */
    .section-leadership__photo img {
      max-width: 220px;
      border: 4px solid #12B0E8;
      border-radius: 50%;
      animation: fade-in-scale 1.2s ease forwards;
    }

    @keyframes fade-in-scale {
      0% {
        opacity: 0;
        transform: scale(0.8);
      }

      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    .section-leadership .text-gradient {
      font-size: 16px;
      background: linear-gradient(90deg, #12B0E8, #6941C6);
      -webkit-background-clip: text;
      color: transparent;
    }

    .section-leadership__card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(12px);
      border-radius: 999px;
      padding: 1.4rem 1.2rem;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .section-leadership__card.hover-lift:hover {
      transform: translateY(-6px);
      box-shadow: 0 25px 50px rgba(18, 176, 232, 0.3);
    }

    /* Equal card heights & consistent layout */
    .equal-card-row>[class*="col-"] {
      display: flex;
    }

    .equal-card-row .section-leadership__card {
      width: 100%;
      min-height: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .section-leadership__btn {
      background: linear-gradient(135deg, #12B0E8, #6941C6);
      color: #fff;
      border: none;
      transition: transform 0.3s ease-in-out, box-shadow 0.3s;
    }

    .section-leadership__btn:hover {
      transform: scale(1.08);
      background: linear-gradient(135deg, #6941C6, #12B0E8);
      box-shadow: 0 12px 35px rgba(18, 176, 232, 0.4);
    }

    /* CTA Pulse (if used) */
    @keyframes section-leadership__pulse {

      0%,
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
      }

      50% {
        transform: scale(1.05);
        box-shadow: 0 0 25px rgba(18, 176, 232, 0.4);
      }
    }

    .section-leadership .pulse-cta {
      animation: section-leadership__pulse 2s infinite;
    }

    /* Responsive */
    @media (max-width: 991.98px) {
      .special-offer-price {
        font-size: 1.6rem;
      }
    }

    @media (max-width: 767.98px) {
      .section-leadership {
        padding: 3.5rem 1.2rem 4rem 1.2rem !important;
      }

      .section-leadership__photo {
        margin-bottom: 1.5rem;
      }

      .section-leadership__headline {
        font-size: 1.25rem;
        line-height: 1.45;
        padding: 0 15px;
        margin-bottom: 0.8rem;
      }

      .actual-value {
        margin-bottom: 0.4rem !important;
        font-size: 1rem !important;
      }

      .special-offer-price {
        margin-bottom: 0.8rem !important;
        font-size: 1.4rem !important;
      }

      .equal-card-row .col-6 {
        flex: 0 0 48%;
        max-width: 48%;
      }
    }

    @media (max-width: 420px) {

      .equal-card-row .col-6,
      .equal-card-row .col-10 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .section-leadership {
        padding: 3.5rem 1rem 4rem 1rem !important;
      }
    }
  

  
  
    .hero-section {
      /* background: #3E5065; Use same as your screenshot (dark bluish tone) */
      background: url('bg-banner-elite.jpg') no-repeat center center/cover;
      min-height: 100vh;
      position: relative;
      display: flex;
      align-items: center;
      /* Vertically center */
      justify-content: center;
      /* Horizontally center */
      text-align: center;
      font-family: 'Poppins', sans-serif;
      color: #FFF;
      padding: 50px 0px 190px 0px;
    }

    .hero-content {
      max-width: 850px;
      z-index: 2;
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 25, 60, 0.75);
    }

    .hero-top-text {
      font-size: 22px;
      font-family: 'Great Vibes', cursive;
      /* color: #A6EAFF; */
      /* background: linear-gradient(90deg, #27a6ff, #e2ffa6);  */
      background: linear-gradient(90deg, #12B0E8, #6941C6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 10px;
    }

    .hero-title {
      font-size: 65px;
      font-weight: 600;
      color: #F0F4DE;
      line-height: 1.2;
      margin-bottom: 20px;
    }

    .hero-sub-text {
      font-size: 18px;
      color: #EAEAEA;
      margin-bottom: 20px;
    }

    /* Includes main card */
    .includes-card {
      /* background: rgba(255, 255, 255, 0.05); */
      padding: 30px;
      border-radius: 15px;
      max-width: 550px;
      margin: 0 auto;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
      text-align: center;
    }

    .includes-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 20px;
      color: #ffffff;
    }

    /* Each point as its own white card */
    .includes-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 25px;
      padding: 0;
    }

    .include-item {
      background: #ffffff;
      color: #333;
      font-size: 18px;
      font-weight: 500;
      padding: 12px 18px;
      border-radius: 12px;
      position: relative;
      text-align: center;
      padding-left: 40px;
    }

    .include-item::before {
      content: "→";
      position: absolute;
      left: 105px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 18px;
      color: #0087ff;
    }

    .hero-btn {
      background: #FFE680;
      padding: 15px 45px;
      border-radius: 50px;
      color: #333;
      text-decoration: none;
      font-size: 20px;
      font-weight: 600;
      display: inline-block;
      transition: 0.3s;
      text-align: center;
      width: 100%;
    }

    .hero-btn:hover {
      background: #FFD700;
      transform: scale(1.05);
    }

    /* Responsive */
    @media (max-width: 768px) {
      .hero-title {
        font-size: 32px;
      }

      .hero-sub-text {
        font-size: 16px;
      }

      .include-item::before {
        content: "→";
        position: absolute;
        left: 55px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: #0087ff;
      }

      .include-item {
        text-align: center;
        font-size: 16px;
        padding: 10px 15px;
        padding-left: 35px;
      }

      .hero-btn {
        font-size: 18px;
        padding: 12px 30px;
      }
    }
  

    
    .consult-footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background: #ffffff;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
      z-index: 999;
    }

    /* top blue gradient bar */
    .consult-footer::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 4px;
      width: 100%;
      background: linear-gradient(90deg, #0052d4, #00c6ff);
    }

    /* inner container */
    .consult-footer-inner {
      max-width: 1200px;
      margin: 0 auto;
      padding: 18px 20px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    /* left side */
    .consult-footer-left {
      flex: 1;
    }

    .consult-prices {
      font-size: 26px;
      font-weight: 700;
      margin-bottom: 6px;
    }

    .old-price {
      text-decoration: line-through;
      color: #ff7f7f;
      /* dark blue */
      /* margin-right: 10px; */
      font-size: 17px;
    }

    /* .new-price {
   background: linear-gradient(
      270deg,
      #FFD700,
      #FFA500,
      #FF4D4D,
      #FF69B4,
      #12B0E8,
      #6941C6,
      #FFD700
    );
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */

  .consult-text-two {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
      color: #fff;
    }

    .consult-text {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
      color: #000000;
    }

    /* right side button */
    .consult-footer-right {
      flex-shrink: 0;
    }

    .consult-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 36px;
      border-radius: 999px;
      background: linear-gradient(90deg, #0052d4, #00c6ff);
      color: #ffffff;
      font-size: 18px;
      font-weight: 600;
      text-decoration: none;
      white-space: nowrap;
    }

    /* hover (optional) */
    .consult-btn:hover {
      opacity: 0.95;
    }

    /* ---------- Responsive (mobile) ---------- */
    @media (max-width: 768px) {
      .consult-footer-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      .consult-prices {
        font-size: 22px;
      }

      .consult-text {
        font-size: 18px;
      }
      .consult-text-two {
        font-size: 18px;
      }

      .consult-footer-right {
        width: 100%;
      }

      .consult-btn {
        padding: 10px 26px;
        font-size: 16px;
        width: 80%;
        text-align: center;
      }
    }