.desktop-img {
      display: block;
      width: 100%;
      height: auto;
  }

  .mobile-img {
      display: none;
      width: 100%;
      height: auto;
  }

  @media screen and (max-width: 768px) {
      .desktop-img {
          display: none;
      }

      .mobile-img {
          display: block;
      }

      #background {
          padding-top: 0 !important;
          margin-top: 0 !important;
      }
  }


  .responsive-update {
      font-style: italic;
      font-size: 1.45rem;
      margin-bottom: 20px;
  }

  @media (max-width: 575px) {
      .responsive-update {
          font-style: italic;
          font-size: 1rem;
      }

  }


  .alpha-section-3 {
      background: linear-gradient(135deg, #f5f1ee, #ebe6e3);
      color: #1e1e1e;
      padding: 30px 0 30px;
      font-family: "Poppins", sans-serif;
  }

  .alpha-3-inner {
      display: grid;
      grid-template-columns: 1fr 520px;
      gap: 40px;
      align-items: start;
  }

  .alpha-3-title {
      font-size: clamp(1.4rem, 3vw, 1.95rem);
      font-weight: 700;
      color: #2f2f2f;
      text-align: center;
      margin: 0 auto 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      display: block;

  }


  .alpha-3-sub {
      font-size: 1.1rem;
      font-weight: 600;
      color: #333;
      margin-bottom: 18px;
  }

  .alpha-quote {

      color: #0e0e0e;
      font-style: italic;
      font-weight: 600;
      font-size: 19px;
      background: rgba(255, 255, 255, 0.6);
      padding: 10px 16px;
      border-radius: 6px;
      text-align: center;
      max-width: 850px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      position: relative;
  }

  .alpha-quote::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 4px;
      background: linear-gradient(90deg, #f0e400, #00dfd8);

      animation: moveGradient 3s linear infinite;
      border-radius: 6px 0 0 6px;
  }

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

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


  .alpha-features {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
  }

  .feature {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      background: rgba(255, 255, 255, 0.8);
      padding: 14px 16px;
      border-radius: 10px;
      transition: all 0.3s ease;
      border: 1px solid rgba(0, 0, 0, 0.05);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
  }

  .feature:hover {
      background: #ffffff;
      transform: translateY(-4px);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  }

  .num {
      min-width: 40px;
      height: 50px;
      background: linear-gradient(120deg, #00FF9C 0%, #00FF9C 30%, #0094FF 65%, #0074FF 100%);
      color: #ffffff;
      border-radius: 8px;
      font-weight: 800;
      font-size: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .num-two {
      min-width: 40px;
      height: 13px;
      background: linear-gradient(90deg, #f5f1ee);
      color: #1a1a1a;
      border-radius: 8px;
      font-weight: 800;
      font-size: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .feature h4 {
      color: #1e1e1e;
      font-size: 1rem;
      font-weight: 700;
      margin: 0 0 6px;
  }

  .feature p {
      color: #555;
      font-size: 0.9rem;
      margin: 0;
  }

  .alpha-3-cta {
      background: rgba(255, 255, 255, 0.7);
      border-radius: 12px;
      padding: 24px 28px;
      margin-top: 40px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  }

  .cta-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
  }

  .cta-title {
      font-size: 1.2rem;
      color: #00c0c4;
      font-weight: 800;
  }

  .cta-sub {
      color: #333;
      font-size: 0.95rem;
      margin-top: 6px;
  }

  .strike {
      text-decoration: line-through;
      color: #b03030;
  }

  .cta-register {
      background: linear-gradient(90deg, #1e9c96, #ffbb00);

      color: #fff;
      padding: 12px 24px;
      border-radius: 10px;
      font-weight: 800;
      text-decoration: none;
      transition: all 0.3s ease;
  }

  .cta-register:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px rgba(255, 165, 0, 0.3);
  }

  /* Responsive */
  @media (max-width: 992px) {
      .alpha-3-inner {
          grid-template-columns: 1fr;
      }

      .alpha-features {
          grid-template-columns: 1fr;
      }

      .alpha-3-left {
          margin-bottom: 30px;
      }

      .cta-inner {
          flex-direction: column;
          align-items: stretch;
      }

      .cta-register {
          width: 100%;
          text-align: center;
      }
  }

  @media (max-width: 480px) {
      .mentor-hero {
          font-family: var(--font);
          /* background: #fff; */
          padding: 26px 20px 0px;
          display: flex;
          justify-content: center;
      }

      .alpha-3-title {
          font-size: 21px;
          font-weight: 700;
          white-space: normal;
          margin-bottom: 15px;
          /* Allow wrapping only on very small screens */
          justify-content: center;
          align-items: center;
          text-align: center;
      }
  }


  :root {
      --card-radius: 20px;
      --highlight-color: #00f2fe;
      --text-dark: #1b1b1b;
      --text-light: #666;
  }

  .carousel-viewport {
      overflow: hidden;
      position: relative;
  }

  .carousel-track {
      display: flex;
      gap: 20px;
      transition: transform 0.4s ease;
      touch-action: pan-y;
      cursor: grab;
  }

  .testimonial-card {
      flex: 0 0 280px;
      background: #ffffff;
      border-radius: var(--card-radius);
      padding: 25px;
      text-align: center;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
      transition: transform .3s, box-shadow .3s;
      color: var(--text-dark);
  }

  .testimonial-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
  }

  .testimonial-figure {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      margin: 0 auto 15px;
      overflow: hidden;
      border: 3px solid var(--accent-a);
  }

  .testimonial-figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s ease;
  }

  .testimonial-card:hover .testimonial-figure img {
      transform: scale(1.08);
  }

  .testimonial-card h5 {
      color: var(--highlight-color);
      font-weight: 700;
      margin-bottom: 4px;
      font-size: 1.1rem;
  }

  .role {
      color: #444;
      font-size: 0.9rem;
      margin-bottom: 12px;
  }

  .quote {
      font-size: 0.95rem;
      color: var(--text-light);
      font-style: italic;
      line-height: 1.6;
  }

  .arrow-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(0, 0, 0, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.3);
      cursor: pointer;
      z-index: 10;
      backdrop-filter: blur(4px);
  }

  .arrow-left {
      left: 12px;
  }

  .arrow-right {
      right: 12px;
  }

  .arrow-svg {
      width: 18px;
      height: 18px;
      fill: #fff;
  }

  .dots {
      gap: 8px;
      margin-top: 16px;
  }

  .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.4);
      cursor: pointer;
  }

  .dot.active {
      background: var(--highlight-color);
      box-shadow: 0 2px 6px rgba(0, 255, 254, 0.35);
  }

  @media(max-width:768px) {
      .testimonial-card {
          flex: 0 0 85%;
      }

      .arrow-btn {
          display: none;
      }
  }




  :root {
      --bg: #f3efec;
      /* overall page bg (beige) */
      --card-bg: #ffffff;
      /* card white */
      --title-color: #00c0c4;
      /* maroon title */
      --muted: #58606a;
      /* body text */
      --accent: #00c0c4;
      --card-radius: 14px;
      --card-border: rgba(139, 31, 58, 0.06);
      --shadow: 0 18px 36px rgba(11, 18, 30, 0.06);
  }

  .section-wrap {
      max-width: var(--container-max);
      margin: 0 auto;
      padding: 56px 20px 80px;
      box-sizing: border-box;
  }

  .section-head {
      text-align: center;
      margin-bottom: 34px;
  }

  .section-head h2 {
      font-size: clamp(28px, 4vw, 44px);
      margin: 0;
      font-weight: 800;
      letter-spacing: -0.01em;
      color: inherit;
  }

  .learn-section-dark {
      background: radial-gradient(circle at top left, #1d1e33 0%, #0f132a 100%);
      color: #ffffff;
      padding: 40px 20px;
      position: relative;
  }

  .learn-section-dark::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  }

  .learn-section-dark .section-head h2,
  .learn-section-dark .section-head h5,
  .learn-section-dark .new-text-update {
      color: #ffffff;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  }

  .learn-section-dark .module-card {
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(12px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  }

  .learn-section-dark .module-card:hover {
      background: rgba(255, 255, 255, 0.07);
      border-color: rgba(0, 242, 254, 0.3);
      transform: translateY(-10px);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  }

  .learn-section-dark .module-card h3,
  .learn-section-dark .module-card p {
      color: #ffffff;
  }

  .learn-section-dark .module-card .card-media {
      background: #0f172a;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }


  .modules-grid {
      display: grid;
      gap: 26px;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      justify-content: center;
      align-items: stretch;
      /* ensures cards stretch to equal height */
  }

  /* wrapper that holds the centered last row */
  .modules-grid .last-row-wrap {
      grid-column: 1 / -1;
      display: flex;
      justify-content: center;
      gap: 26px;
      padding-top: 8px;
      padding-bottom: 16px;
      box-sizing: border-box;
      align-items: stretch;
      /* ensure equal height inside flex row */
  }

  /* module card */
  .module-card {
      background: var(--card-bg);
      border-radius: var(--card-radius);
      overflow: hidden;
      border: 1px solid var(--card-border);
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      transition: transform .22s ease, box-shadow .22s ease;
      width: 100%;
      max-width: 320px;
  }

  /* equal height fix: allow cards to stretch fully */
  .module-card,
  .modules-grid>* {
      height: 100%;
  }

  .module-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 34px 70px rgba(11, 18, 30, 0.10);
  }

  .module-card .card-media {
      width: 100%;
      height: 170px;
      overflow: hidden;
      background: #e9e9e9;
      flex-shrink: 0;
  }

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

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

  .module-card .card-body {
      padding: 26px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      flex: 1 1 auto;
      /* stretch text area */
  }

  .module-card h3 {
      margin: 0;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.2;
      text-align: center;
      color: #0b1220;
  }

  .module-card p {
      margin: 0;
      color: #212529;
      line-height: 1.7;
      font-size: 0.98rem;
      text-align: center;
      flex: 1 1 auto;
      /* ensure even text stretching */
  }

  .module-card .spacer {
      margin-top: 6px;
      flex: 1 1 auto;
  }

  .module-card {
      position: relative;
      padding-bottom: 15px;
  }

  .module-card::after {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #00d0ff, #2db08d);
      border-radius: 3px;
  }

  /* Responsive */
  @media (max-width: 1199px) {
      .modules-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .modules-grid .last-row-wrap {
          grid-column: auto;
          display: block;
      }

      .module-card {
          max-width: 100%;
      }
  }


  @media (max-width: 899px) {
      .modules-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
      }
  }

  .section-head h5 {
      font-size: 2rem;
  }

  .new-text-update {
      font-style: italic;
      font-size: 2rem;
  }

  .alpha-head {
      font-size: clamp(28px, 4vw, 44px);
  }

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

      .alpha-head {
          margin-top: 10px;
          font-size: clamp(1.8rem, 3.2vw, 3rem);
      }

      .section-head h5 {
          font-size: 1rem;
      }

      .new-text-update {
          font-style: italic;
          font-size: 16px;
      }

      .alpha-head-title {
          background: linear-gradient(90deg, #f0e400, #00dfd8);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: 2.5rem !important;
          font-weight: 700;
      }

  }

  .alpha-head-title {
      background: linear-gradient(90deg, #f0e400, #00dfd8);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 3rem;
  }


  :root {
      --bg: #000;
      --accent: #00c0c4;
      --muted: #000000;
  }

  /* CORPORATE MAGAZINE EDITORIAL SECTION (SECTION 4) */
  .gad-profile-editorial {
      background: #071225;
      padding: 30px 0;
      position: relative;
      overflow: hidden;
      color: #ffffff;
  }

  /* .editorial-bg-text {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      font-size: 9vw;
      font-weight: 900;
      color: rgba(7, 18, 37, 0.06);
      line-height: 1;
      white-space: nowrap;
      pointer-events: none;
      z-index: 0;
  } */

  .editorial-container {
      position: relative;
      z-index: 1;
  }

  /* Image Column with Sophisticated Overlap */
  .editorial-image-wrapper {
      position: relative;
      padding: 20px;
      margin-left: -50px;
      /* Overlap effect into the margin */
  }

  @media (max-width: 991px) {
      .editorial-image-wrapper {
          margin-left: 0;
          /* margin-bottom: 40px; */
      }
  }

  .editorial-img {
      width: 100%;
      height: auto;
      display: block;
      position: relative;
      z-index: 2;
      border-radius: 4px;
      /* box-shadow: 25px 25px 0 rgb(123 197 89 / 10%); */
  }

  /* .editorial-image-accent {
      position: absolute;
      top: 0;
      left: 0;
      width: 70%;
      height: 70%;
      border: 15px solid #8fc559;
      opacity: 0.15;
      z-index: 1;
      transform: translate(-30px, -30px);
  } */

  /* Content Styling */
  .editorial-content {
      padding-left: 50px;
  }

  @media (max-width: 991px) {
      .editorial-content {
          padding-left: 0;
          text-align: center;
      }
  }

  .editorial-label {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #00c0c4;
      font-weight: 700;
      margin-bottom: 10px;
  }

  .editorial-title {
      font-size: clamp(32px, 5vw, 56px);
      font-weight: 800;
      color: #ffffff;
      line-height: 1.1;
      margin-bottom: 10px;
  }

  .editorial-subtitle {
      font-size: 18px;
      font-style: italic;
      color: rgba(255, 255, 255, 0.7);
      /* Deep navy-tinted grey */
      margin-bottom: 30px;
      font-weight: 500;
  }

  .editorial-divider {
      width: 60px;
      height: 4px;
      background: linear-gradient(90deg, #ffd700, #00e5ff);
      margin-bottom: 40px;
  }

  @media (max-width: 991px) {
      .editorial-divider {
          margin: 0 auto 40px;
      }
  }

  /* Editorial Stats Grid */
  .editorial-stats-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      margin-bottom: 50px;
  }

  @media (max-width: 767px) {
      .editorial-stats-grid {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
      }
  }

  .editorial-stat {
      border-bottom: 1px solid rgba(66, 65, 64, 0.529);
      padding-bottom: 15px;
      transition: all 0.3s ease;
  }

  .editorial-stat:hover {
      border-bottom-color: #8fc559;
      transform: translateY(-3px);
  }

  .stat-impact {
      display: block;
      font-size: 20px;
      font-weight: 800;
      color: #ffffff;
      margin-bottom: 5px;
  }

  .stat-desc {
      font-size: 13px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 1.4;
      margin: 0;
      font-weight: 600;
  }

  /* Quote Box */
  .editorial-quote-box {
      background: rgba(255, 255, 255, 0.05);
      padding: 30px;
      border-left: 5px solid #ffd700;
      margin-bottom: 50px;
      border-radius: 4px;
  }

  .editorial-quote-box p {
      font-size: 20px;
      font-style: italic;
      color: #ffffff;
      margin: 0;
      line-height: 1.5;
  }

  .editorial-quote-box strong {
      background: linear-gradient(90deg, #ffd700, #00e5ff);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-weight: 800;
  }

  /* Premium CTA Box */
  .editorial-cta-box {
      background: rgba(255, 255, 255, 0.03);
      padding: 40px;
      border-radius: 8px;
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  }

  .cta-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 15px;
  }

  .cta-bonus {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #f3f3f3;
      font-weight: 700;
  }

  .editorial-btn {
      display: inline-flex;
      align-items: center;
      gap: 15px;
      background: #c5a059;
      color: #071225;
      padding: 15px 30px;
      border-radius: 50px;
      font-weight: 800;
      text-decoration: none;
      font-size: 18px;
      transition: all 0.3s ease;
  }

  .editorial-btn:hover {
      transform: scale(1.05);
      background: #dfb974;
      color: #071225;
  }

  .btn-price {
      background: rgba(7, 18, 37, 0.15);
      padding: 4px 12px;
      border-radius: 20px;
      font-size: 14px;
  }

  .cta-foot {
      font-size: 13px;
      color: rgba(255, 255, 255, 0.6);
      margin: 0;
      letter-spacing: 0.5px;
      text-align: center;
  }




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

      .editorial-img {

          box-shadow: none;
      }

      .editorial-image-accent {
          display: none;
      }

      .editorial-cta-box {
          padding: 25px 15px;
          margin-top: 30px;
      }

      .cta-inner {
          gap: 12px;
      }

      .cta-bonus {
          font-size: 12px;
          letter-spacing: 1.5px;
      }

      .editorial-cta-box .register-btn {
          font-size: 14px !important;
          padding: 12px 15px !important;
          white-space: normal !important;
          text-align: center;
          line-height: 1.4;
          width: 100%;
          border-radius: 8px;
      }

      .cta-foot {
          font-size: 12px;
          line-height: 1.5;
          opacity: 0.8;
      }
  }

  /* Default (Desktop) */
  /* Show desktop image by default */
  .desktop-img-two {
      display: block;
      width: 100%;
      height: auto;
  }

  .mobile-img-two {
      display: none;
      width: 100%;
      height: auto;
  }

  /* When screen width ≤ 768px, show mobile image */
  @media screen and (max-width: 768px) {
      .desktop-img-two {
          display: none;
      }

      .mobile-img-two {
          display: block;
      }
  }


  .responsive-image-thousand {
      max-width: 100%;
      height: auto;
      border-radius: 20px;
      /* same as rounded-4 */
      display: block;
      margin: 0 auto;
  }

  /* Optional: Adjust padding or size for mobile */
  @media (max-width: 768px) {
      .responsive-image-thousand {
          width: 80%;
          border-radius: 15px;
      }
  }

  .alpha-bonus-sub {
      text-transform: capitalize;
  }



  .video-thumbnail {
      position: relative;
      display: inline-block;
      cursor: pointer;
      overflow: hidden;
      border-radius: 12px;
      transition: transform 0.3s ease;
      width: 100%;
      height: 70%;
  }

  .video-thumbnail img {
      width: 100%;
      height: auto;
  }


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

  .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(255, 255, 255, 0.9);
      border-radius: 50%;
      width: 80px;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3rem;
      color: #000000;
      transition: all 0.3s ease;
      /* box-shadow: 0 0 20px rgba(96, 27, 174, 0.4); */
  }

  .video-thumbnail:hover .play-btn {
      color: #000000;
      transform: translate(-50%, -50%) scale(1.1);
  }

  /* Responsive iframe in modal */
  #videoModal .ratio {
      width: 100%;
      max-width: 100%;
  }

  .mobile-view-test {
      font-size: 55px;
      color: #212529;
  }

  /* Ensure close button visibility on mobile */
  #videoModal .btn-close {
      z-index: 1055;
      opacity: 1;
  }

  @media (max-width: 992px) {
      .video-thumbnail img {
          width: 100%;
          height: auto;
      }

      .mobile-view-test {
          font-size: 20px;
      }
  }

  @media (max-width: 768px) {
      .video-thumbnail img {
          width: 100%;
          height: auto;
      }

      .mobile-view-test {
          font-size: 25px;
      }
  }

  /* 🎬 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 Button */
  .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      background: rgba(0, 0, 0, 0.55);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      z-index: 2;
  }

  .play-btn::before {
      content: "";
      display: block;
      margin-left: 5px;
      width: 0;
      height: 0;
      border-left: 22px solid #fff;
      border-top: 13px solid transparent;
      border-bottom: 13px solid transparent;
  }

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

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

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

      .section-title-video {
          font-size: 1.8rem !important;
          line-height: 1.3;
          margin-bottom: 2.5rem;
          font-weight: 800;
      }

      .video-card {
          aspect-ratio: 16/9;
          width: 100%;
          max-width: 600px;
      }

      .text-wrapper h1 {
          font-size: 2.2rem !important;
          margin-top: 1rem;
      }
  }


  :root {
      --accent: #00c0c4;
      /* maroon */
      --muted: #5b6b78;
      --card-bg: #f2f2f2;
      --quote-mark: #d9e6e6;
      --container-max: 1200px;
  }

  /* body{font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#102233;} */
  .testimonial-1 {
      background: linear-gradient(135deg, #f5f1ee, #ebe6e3);
  }

  /* Section container */
  .section-wrap {
      max-width: var(--container-max);
      padding: 50px 22px;

  }

  /* Section title style */
  .section-title {
      font-weight: 800;
      font-size: clamp(1.8rem, 3.2vw, 2.5rem);
      text-align: center;
      margin-bottom: 6px
  }

  .section-subtitle {
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      color: var(--muted);
      margin-bottom: 18px;
      letter-spacing: 0.6px
  }

  .section-title .accent {

      background: linear-gradient(90deg, #f0e400, #00dfd8);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .title-underline {
      width: 120px;
      height: 6px;
      background: var(--accent);
      margin: 8px auto 36px;
      border-radius: 4px
  }

  /* Testimonial Cards */
  .testi-card {
      background: var(--card-bg);
      border-radius: 12px;
      padding: 36px 36px 28px;
      box-shadow: none;
      border: 1px solid #d8d8d8;
      position: relative;
      min-height: 360px;
      display: flex;
      flex-direction: column;
      justify-content: space-between
  }

  .testi-card .quote-mark {
      position: absolute;
      right: 18px;
      top: 18px;
      font-size: 82px;
      color: var(--quote-mark);
      line-height: 0.8
  }

  .testi-body {
      font-size: 16px;
      line-height: 1.7;
      color: #0f3250;
      font-weight: 600;
      margin-bottom: 18px
  }

  .testi-footer {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: 18px
  }

  .avatar {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      border: 3px solid var(--accent);
      overflow: hidden;
      flex: 0 0 72px
  }

  .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block
  }

  .person-name {
      font-size: 18px;
      font-weight: 800;
      color: var(--black);
      margin-bottom: 2px
  }

  .person-role {
      color: #000000;
      font-weight: 700;
      font-size: 14px
  }

  /* small role line for company extra */
  .person-company {
      color: #223b4a;
      font-weight: 700;
      font-size: 13px;
      margin-top: 4px
  }

  /* Leadership section (if you want to show extra small cards) */
  .lead-section {
      background: #ffffff;
      padding: 56px 0
  }

  .lead-card {
      background: transparent;
      border-radius: 8px;
      padding: 18px
  }

  .lead-card p {
      color: #243b48;
      font-weight: 600
  }

  .leader-quote {
      font-size: 15px;
      color: #223b4a
  }

  .leader-name {
      font-weight: 800;
      color: #1e9c96
  }

  /* Responsive tweaks */
  @media (max-width: 991px) {
      .section-title {
          font-size: clamp(1.8rem, 3.2vw, 2.5rem);
      }

      .testi-card {
          min-height: unset
      }
  }

  @media (max-width: 576px) {
      .section-title {
          font-size: clamp(1.8rem, 3.2vw, 2.5rem);
      }

      .title-underline {
          width: 80px
      }

      .testi-card {
          padding: 22px
      }

      .testi-body {
          font-size: 15px
      }

      .avatar {
          width: 56px;
          height: 56px;
          flex: 0 0 56px
      }

      .person-name {
          font-size: 16px
      }
  }



  .accent {
      background: linear-gradient(90deg, #b4f000, #00dfd8);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .bonus-title {
      font-weight: 800;
      text-align: center;
      color: #333;
      font-size: 36px;
      line-height: 1.3;
      margin: 0;
  }

  .bonus-amount {
      background: linear-gradient(90deg, #9cff3b, #00f0c3);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  /* ===== MOBILE RESPONSIVE ===== */
  @media (max-width: 768px) {
      .bonus-title {
          font-size: 24px;
          /* smaller text for mobile */
          line-height: 1.4;
          display: flex;
          flex-direction: column;
          /* stacks the parts cleanly */
          align-items: center;
      }

      .bonus-amount {
          font-size: 28px;
      }
  }

  .alpha-highlight {
      background: linear-gradient(90deg, #b4f000, #00dfd8);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  /* --- Alpha Bonus Cards --- */
  .alpha-bonus-card {
      background: #fff;
      border: 1.5px solid #e8f0ff;
      border-radius: 16px;
      padding: 2rem 1.5rem 1rem 1.5rem;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
      transition: all 0.35s ease;
      position: relative;
      display: flex;
      flex-direction: column;
      min-height: 320px;
  }

  .alpha-bonus-card::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 4px;
      width: 100%;
      background: linear-gradient(90deg, #0d6efd, #00d2ff);
      border-radius: 0 0 16px 16px;
      /* border-radius: 4px; */
  }

  .alpha-bonus-section .row>[class*="col-"] {
      display: flex;
  }

  .alpha-bonus-body {
      flex: 1 1 auto;
      margin-top: 30px;
  }

  .alpha-bonus-body h4 {
      font-size: 1.35rem;
      font-weight: 800;
      color: #26292e;
      margin-bottom: 0.6rem;
      text-transform: capitalize;
  }

  .alpha-bonus-sub {
      font-weight: 700;
      background: linear-gradient(90deg, #00d0ff, #2db08d);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 1rem;
      letter-spacing: 0.2px;
      margin-bottom: 0.75rem;
  }

  .alpha-bonus-footer {
      flex: 0 0 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 0.5rem;
      padding-bottom: 0.25rem;
  }

  .alpha-bonus-value {
      font-size: 1.05rem;
      font-weight: 800;
      color: #343434;
      margin: 0;
      letter-spacing: 0.2px;
      padding: 8px 16px;
      border: 2px solid transparent;
      border-radius: 8px;
      background: linear-gradient(#fff, #fff) padding-box,
          linear-gradient(90deg, #0d6efd, #00d2ff) border-box;
      display: inline-block;
      box-shadow: 0 2px 10px rgba(13, 110, 253, 0.15);
  }

  .alpha-bonus-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 14px 34px rgba(0, 124, 240, 0.12);
      border-color: #d0f4f0;
  }

  /* 🎁 Bonus Tag Ribbon Style */
  .alpha-bonus-tag {
      position: absolute;
      top: -22px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(to bottom, #0d6efd, #00d2ff);
      /* linear-gradient(90deg, #00d0ff, #2db08d) */
      color: #fff;
      font-weight: 700;
      border-radius: 6px;
      padding: 10px 30px;
      font-size: 0.95rem;
      white-space: nowrap;
      z-index: 2;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  }

  /* Folded edges */
  .alpha-bonus-tag::before,
  .alpha-bonus-tag::after {
      content: "";
      position: absolute;
      bottom: -8px;
      width: 14px;
      height: 8px;
      background: #0d6efd;
      z-index: -1;
  }

  .alpha-bonus-tag::before {
      left: 0;
      transform: skewX(-45deg);
      border-bottom-left-radius: 2px;
  }

  .alpha-bonus-tag::after {
      right: 0;
      transform: skewX(45deg);
      border-bottom-right-radius: 2px;
  }

  .alpha-color {
      background: linear-gradient(90deg, #f0e400, #00dfd8);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 3rem;
  }

  /* Responsive */
  @media (max-width: 576px) {
      .alpha-bonus-card {
          min-height: 0;
          padding-bottom: 1rem;
      }

      .alpha-bonus-footer {
          flex: 0 0 auto;
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
      }

      .alpha-bonus-tag {
          font-size: 0.85rem;
          padding: 8px 24px;
      }

      .alpha-color {
          background: linear-gradient(90deg, #f0e400, #00dfd8);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: 2.3rem;
      }
  }


  /* ✨ Base Section */
  .spark-section {
      position: relative;
      overflow: hidden;
      color: #fff;
  }

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

  .alpha-line {
      width: 60px;
      height: 3px;
      background: #00d0ff;
      margin: 0.5rem 0 1.2rem 0;
  }

  @media (max-width: 991px) {
      .alpha-line {
          margin: 0.5rem auto 1.2rem auto;
      }
  }

  /* 🎬 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 Button */
  .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80px;
      height: 80px;
      background: rgba(0, 0, 0, 0.55);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      z-index: 2;
  }

  .play-btn::before {
      content: "";
      display: block;
      margin-left: 5px;
      width: 0;
      height: 0;
      border-left: 22px solid #fff;
      border-top: 13px solid transparent;
      border-bottom: 13px solid transparent;
  }

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

  /* ✅ Elegant Arrow List Design */
  .alpha-points {
      margin-top: 1rem;
      padding-left: 0;
  }

  .alpha-points li {
      position: relative;
      font-size: 1.1rem;
      line-height: 1.7;
      padding-left: 2rem;
      margin-bottom: 1rem;
      list-style: none;
      color: #fff;
      transition: all 0.3s ease;
  }

  .alpha-points li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.55rem;
      width: 10px;
      height: 10px;
      border-top: 3px solid #ffffff;
      border-right: 3px solid #ffffff;
      transform: rotate(45deg);
      transition: all 0.3s ease;
  }

  /* Hover Effect */
  .alpha-points li:hover {
      color: #00d0ff;
      transform: translateX(5px);
  }

  .alpha-points li:hover::before {
      border-color: #1fb8ff;
  }

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

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

      .section-title-video {
          font-size: 1.8rem !important;
          line-height: 1.3;
          margin-bottom: 2.5rem;
          font-weight: 800;
      }

      .video-card {
          aspect-ratio: 16/9;
          width: 100%;
          max-width: 600px;
      }

      .text-wrapper h1 {
          font-size: 2.2rem !important;
          margin-top: 1rem;
      }

      .alpha-points li {
          justify-content: center;
          text-align: left;
          max-width: 480px;
          margin: 0 auto;
      }
  }

  @media (max-width: 767px) {
      .spark-section {
          text-align: center;
          padding: 3rem 1.5rem;
      }

      .play-btn {
          width: 60px;
          height: 60px;
      }

      .play-btn::before {
          border-left: 16px solid #fff;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
      }

      .text-wrapper h1 {
          font-size: 2rem !important;
          font-weight: 700;
      }

      .text-wrapper h4 {
          font-size: 1.1rem !important;
      }

      .alpha-points li {
          font-size: 1rem;
      }
  }

  @media (max-width: 480px) {
      .section-title-video {
          /* font-size: 1.9rem !important; */
          font-size: 28px !important;
      }

      .video-card {
          border-radius: 0.8rem;
      }

      .text-wrapper h1 {
          font-size: 2.3rem !important;
          font-weight: 900 !important;
          background: linear-gradient(90deg, #f0e400, #00dfd8);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
      }

      .text-wrapper p {
          font-size: 0.95rem !important;
      }

      .text-wrapper h3 {
          font-size: 1.2rem !important;
      }
  }



  .clients-section {
      /* background: linear-gradient(90deg, #0066ff, #a200ff); */
      /* background: linear-gradient(90deg, #02142e, #0d2260, #3b2ca0, #601bae); */
      background: #ffffff;
      position: relative;
      overflow: hidden;
  }

  .clients-section .overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      z-index: 1;
  }


  /* Carousel container */
  .clients-carousel {
      /* box-shadow: #000000; */
      display: flex;
      gap: 2rem;
      animation: scrollClients 30s linear infinite;
      padding: 1rem 0;
  }

  /* Carousel animation */
  @keyframes scrollClients {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(-50%);
      }
  }

  .clients-section h2 {
      font-size: clamp(1.8rem, 3.2vw, 2.5rem);
      font-weight: 700;
  }

  .client-logo {
      transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
      flex: 0 0 auto;
      max-width: 150px;
      /* filter: grayscale(100%); */
      transition: transform 0.5s ease, filter 0.5s ease;
  }

  .client-logo img {
      width: 100%;
      object-fit: contain;
      filter: none;
  }

  /* .clients-section h2{
              font-size: clamp(1.8rem, 3.2vw, 2.5rem);
            } */

  /* Hover effect */
  .client-logo:hover {
      transform: scale(1.05);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  }

  /* Duplicate logos for seamless scroll */
  .clients-carousel::after {
      content: '';
      display: block;
      width: 100%;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
      .clients-carousel {
          gap: 1rem;
      }

      .client-logo {
          max-width: 100px;
      }

      .clients-section h2 {
          font-size: clamp(1.8rem, 3.2vw, 2.5rem);
          font-weight: 900;
      }
  }

  @media (max-width: 576px) {

      /* existing rules... */
      .hero-image-wrapper {
          width: 190px;
          height: 190px;
          padding: 5px;
      }

      .hero-title {
          font-size: 1.6rem;
      }

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

      .feature-icon {
          width: 34px;
          height: 34px;
      }

      /* --- New centering rules --- */
      .hero-features {
          display: flex;
          flex-direction: column;
          align-items: center;
          /* center horizontally */
          text-align: center;
      }

      .hero-features li {
          justify-content: center;
          /* center icon + text */
      }

      /* stack CTA elements vertically */
      .hero-cta {
          flex-direction: column;
          align-items: center;
          gap: 10px;
      }
  }




  /* ================= HERO BACKGROUND ================= */
  .identity-hero {
      min-height: 70vh;
      background: url('banne-image-4.png') center center / cover no-repeat;
      padding: 20px 0px 70px 0px;
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
  }


  /* make left column a positioning context for badge and crown */
  .col-left-pos {
      position: relative;
      text-align: center;
  }

  /* ================= LEFT SIDE ================= */
  .hero-status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(0, 255, 100, 0.08);
      color: #00ff66;
      border: 1px solid #00ff66;
      border-radius: 8px;
      padding: 6px 16px;
      font-size: 14px;
      margin-bottom: 0;
      position: absolute;
      /* pinned above the image */
      top: -18px;
      /* adjust vertical offset as needed */
      left: 50%;
      transform: translateX(-50%);
      z-index: 5;
      white-space: nowrap;
  }

  .status-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #00ff66;
  }

  /* ================= PROFILE RING + IMAGE (border-only) ================= */
  .hero-image-wrapper {
      width: 360px;
      /* larger to match example image - adjust as needed */
      height: 360px;
      border-radius: 50%;
      padding: 10px;
      /* ring thickness */
      background: conic-gradient(from 220deg, #f0e400 0%, #9eea40 25%, #00dfd8 58%, #16e6ff 100%);
      position: relative;
      margin: 36px auto 0;
      display: inline-block;
      box-shadow: 0 18px 60px rgba(5, 9, 18, 0.65), 0 0 60px rgba(20, 200, 165, 0.04);
      z-index: 2;
      overflow: visible;
  }

  /* inner neutral cover: keeps gradient only in ring area */
  .hero-image-wrapper::before {
      content: "";
      position: absolute;
      inset: 10px;
      /* equals padding to create inner cover exactly covering gradient */
      border-radius: 50%;
      background: #071124;
      /* dark inner circle color matching hero background */
      z-index: 2;
      pointer-events: none;
  }

  /* PROFILE IMAGE sits above inner cover */
  .hero-profile-img {
      position: absolute;
      left: 10px;
      /* equals padding value */
      top: 10px;
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      border-radius: 50%;
      object-fit: cover;
      z-index: 3;
      border: 6px solid rgba(6, 12, 24, 0.35);
      /* thin inner separator; change/remove if you like */
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6);
      background-color: #071124;
  }

  /* crown icon that floats above the ring */
  .hero-crown-icon {
      position: absolute;
      top: 14%;
      right: 10%;
      background: #3be5ff;
      color: #fff;
      font-size: 22px;
      border-radius: 50%;
      padding: 10px;
      box-shadow: 0 0 18px rgba(59, 229, 255, 0.45);
      z-index: 6;
      display: inline-flex;
      align-items: center;
      justify-content: center;
  }

  /* ================= RIGHT SIDE ================= */
  .hero-top-badge {
      background: transparent;
      border: 1px solid #3be5ff;
      padding: 6px 18px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 600;
      display: inline-block;
      color: #3be5ff;
  }

  .hero-title {
      font-weight: 700;
      font-size: 2.5rem;
      margin: 0.6rem 0;
  }

  .hero-highlight {
      color: #ffd600;
  }

  .hero-subtitle {
      font-size: 1.2rem;
      color: #c8c8c8;
      margin-bottom: 1rem;
  }

  /* ================= FEATURES ================= */
  .hero-features {
      margin: 0;
      padding: 0;
      list-style: none;
  }

  .hero-features li {
      margin-bottom: 14px;
      display: flex;
      align-items: center;
      font-weight: 500;
      color: #eef2f8;
  }

  .feature-icon {
      width: 38px;
      height: 38px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 12px;
      color: #fff;
      font-size: 1.05rem;
  }

  /* ================= CTA SECTION ================= */
  .btn-transform {
      background-color: #ffd600;
      color: #000;
      font-weight: 700;
      font-size: 1rem;
      border: none;
      padding: 14px 26px;
      border-radius: 12px;
      transition: all 0.3s ease;
      cursor: pointer;
  }

  .btn-transform:hover {
      background-color: #ffcc00;
      transform: translateY(-3px);
  }

  .hero-days-left {
      color: #ffd600;
      border-left: 3px solid #ffd600;
      padding-left: 12px;
  }

  /* ================= FOOTER INFO ================= */
  .hero-footer span {
      font-size: 0.95rem;
      color: #ccc;
  }

  /* small utility to center things in small columns */
  .mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
  }

  /* ================= RESPONSIVE ================= */
  @media (max-width: 1200px) {
      .hero-title {
          font-size: 2.25rem;
      }
  }

  @media (max-width: 1200px) {
      .identity-hero {
          font-size: 2.25rem;
      }
  }

  @media (max-width: 992px) {
      .identity-hero {
          text-align: center;
          padding: 30px 12px;
      }

      /* left column sizing */
      .hero-image-wrapper {
          width: 220px;
          height: 220px;
          padding: 6px;
      }

      .hero-profile-img {
          border-width: 4px;
      }

      .hero-crown-icon {
          right: 6%;
          top: 12%;
      }

      .hero-status {
          top: -14px;
          font-size: 13px;
          padding: 6px 12px;
      }

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

      .hero-features li {
          font-size: 0.98rem;
      }
  }

  @media (max-width: 576px) {

      .identity-hero {
          padding: 20px 0px 70px 0px;

      }

      .hero-image-wrapper {
          width: 190px;
          height: 190px;
          padding: 5px;
      }

      .hero-title {
          font-size: 1.6rem;
      }

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

      .feature-icon {
          width: 34px;
          height: 34px;
      }
  }


  /* Section */
  .workshop-section {
      padding: 80px 0px 100px 0px;
      background: url('TV - 2.png') center/cover no-repeat;
      color: #fff;
      text-align: center;
  }

  .workshop-section h2 {
      font-weight: 800;
      font-size: clamp(1.8rem, 3vw, 2.4rem);
      margin-bottom: 50px;
  }

  .workshop-section h2 span {
      background: linear-gradient(90deg, #f0e400, #00dfd8);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  /* Cards */
  .learn-card {
      background: #fff;
      color: #222;
      border-radius: 16px;
      padding: 30px 25px;
      transition: all 0.35s ease;
      height: 100%;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
      border: none;
  }

  .learn-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  }

  /* ICON IMAGE (replaces bootstrap icons) */
  .learn-card .icon-box img {
      width: 65px;
      height: 65px;
      object-fit: contain;
      margin-bottom: 15px;
      transition: 0.3s ease;
  }

  .learn-card:hover .icon-box img {
      transform: scale(1.1);
  }

  .learn-card h5 {
      font-weight: 700;
      font-size: 1.15rem;
      margin-bottom: 10px;
      color: #02142e;
  }

  .learn-card p {
      font-size: 0.96rem;
      color: #555;
      margin: 0;
  }

  @media (max-width: 768px) {
      .workshop-section {
          padding: 60px 0px 0px 0px;
      }

      .learn-card {
          margin-bottom: 20px;
      }
  }



  :root {
      --primary-grad: linear-gradient(180deg, #00d2ff, #007aff);
      --text-dark: #0c1021;
  }

  /* FIXED BAR */
  .fixed-offer-bar {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.08);
      z-index: 9999;
  }

  .fixed-offer-bar::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, #68b510, #00d2ff, #007aff);
  }

  .offer-content {
      max-width: 1180px;
      margin: 8px auto;
      padding: 0 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
  }

  @media (max-width: 768px) {

      .offer-heading {
          font-weight: 800;
          font-size: 0.7rem !important;
          color: #007aff;
      }

      .old-price {
          font-weight: 800;
          font-size: 0.9rem !important;
          /* text-decoration: line-through; */
          /* background: linear-gradient(90deg, #ff4d4d, #ff9a00); */
          background: #007aff;
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          position: relative;
      }

      .new-price {
          font-size: 1rem !important;
          font-weight: 900;
          color: #0c1021;
      }

      /* BUTTON */
      .register-btn {
          background: var(--primary-grad);
          color: #fff;
          font-weight: 700;
          font-size: 0.9rem;
          /* padding: 12px 24px; */
          padding: 7px 10px;
          border-radius: 10px;
          text-decoration: none;
          display: inline-block;
          box-shadow: 0 4px 20px rgba(0, 122, 255, 0.25);
          position: relative;
          overflow: hidden;
          white-space: nowrap;
          transition: 0.25s ease;
      }

  }


  /* LEFT */
  .offer-heading {
      font-weight: 800;
      font-size: 0.95rem;
      color: #007aff;
  }

  .price-row {
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .old-price {
      font-weight: 800;
      font-size: 1rem;
      /* text-decoration: line-through; */
      /* background: linear-gradient(90deg, #ff4d4d, #ff9a00); */
      background: #007aff;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative;
  }

  .old-price::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 2px;
      /* background: linear-gradient(90deg, #ff4d4d, #ff9a00); */
      transform: rotate(-5deg);
  }

  .new-price {
      font-size: 1.4rem;
      font-weight: 900;
      color: #0c1021;
  }

  .live-dot {
      width: 16px;
      height: 16px;
      background-color: #ffa500;
      border-radius: 50%;
      margin-right: 12px;
  }

  /* RIGHT SIDE */
  .cta-right {
      display: flex;
      flex-direction: column;
      /* align-items: flex-end; */
      align-items: center;
  }

  /* ⭐ Sunday text now on RIGHT side above button */
  .offer-subtext-right {
      font-size: 0.95rem;
      font-weight: 800;
      color: #0a0202;
      margin-bottom: 4px;
      padding-left: 10px
  }

  /* BUTTON */
  .register-btn {
      background: var(--primary-grad);
      color: #fff;
      font-weight: 700;
      font-size: 1rem;
      /* padding: 12px 24px; */
      padding: 7px 10px;
      border-radius: 10px;
      text-decoration: none;
      display: inline-block;
      box-shadow: 0 4px 20px rgba(0, 122, 255, 0.25);
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      transition: 0.25s ease;
  }

  .register-btn:hover {
      transform: translateY(-2px);
  }

  .register-btn::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);
      animation: shimmer 2.5s infinite;
  }

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

      100% {
          left: 125%;
      }
  }

  /* RESPONSIVE */
  @media (max-width: 768px) {
      .offer-subtext-right {
          font-size: 11px;
          padding-left: 0px
      }

      /* .live-dot {
  width: 16px!important;
  height: 16px!important;
  background-color: #ffa500!important;
  border-radius: 50%!important;
  margin-right: 12px!important;
} */
  }

  @media (max-width: 480px) {
      .offer-subtext-right {
          font-size: 0.7rem;
          padding-left: 0px
      }
  }

  .live-dot {
      margin-right: 10px !important;
      width: 8px;
      height: 8px;
      background-color: #ff2d2d !important;
      border-radius: 50%;
      display: inline-block;
      animation: livePulse 1.4s infinite;
  }

  @keyframes livePulse {
      0% {
          transform: scale(1);
          opacity: 1;
      }

      50% {
          transform: scale(1.3);
          opacity: 0.6;
      }

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

  @media (max-width: 576px) {
      .live-dot {
          width: 8px !important;
          height: 8px !important;
      }

      /* BUTTON */
      .register-btn {
          background: var(--primary-grad);
          color: #fff;
          font-weight: 700;
          font-size: 0.8rem !important;
          /* padding: 12px 24px; */
          padding: 7px 10px;
          border-radius: 10px;
          text-decoration: none;
          display: inline-block;
          box-shadow: 0 4px 20px rgba(0, 122, 255, 0.25);
          position: relative;
          overflow: hidden;
          white-space: nowrap;
          transition: 0.25s ease;
      }

      .editorial-bg-text {
          font-size: 15vw;
          opacity: 0.04;
          top: 30%;
      }
  }

  .leader-video-section {
      padding: 100px 20px;
      background: linear-gradient(135deg, #071225, #071225);
      position: relative;
      overflow: hidden;
  }

  /* Heading */

  .leader-title {
      font-size: 42px;
      font-weight: 700;
      color: #fff;
      letter-spacing: 1px;
      margin-bottom: 15px;
  }

  .leader-title span {
      background: linear-gradient(90deg, #ffd700, #00e5ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .leader-subtitle {
      color: #b9d4e8;
      font-size: 18px;
      margin-bottom: 50px;
  }

  /* Video container */

  .video-wrapper {
      max-width: 900px;
      position: relative;
  }

  /* glow border */

  .video-glow {
      position: absolute;
      top: -5px;
      left: -5px;
      right: -5px;
      bottom: -5px;
      border-radius: 20px;
      /* background: linear-gradient(45deg, #00e5ff, #ffd700, #00e5ff); */
      filter: blur(20px);
      opacity: .35;
      z-index: 0;
  }

  /* glass card */

  .video-card {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      border-radius: 20px;
      /* padding: 10px; */
      position: relative;
      z-index: 1;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
      overflow: hidden;
  }

  /* iframe */

  .video-card iframe {
      border-radius: 14px;
  }

  /* CTA button */

  .unlock-btn {
      display: inline-block;
      padding: 16px 40px;
      font-size: 18px;
      font-weight: 600;
      color: #fff;
      border-radius: 50px;
      background: linear-gradient(90deg, #00c6ff, #0072ff);
      text-decoration: none;
      transition: all .3s ease;
      box-shadow: 0 10px 30px rgba(0, 114, 255, .4);
  }

  .unlock-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 40px rgba(0, 198, 255, .6);
  }

  /* floating gradient blobs */

  .leader-video-section::before {
      content: '';
      position: absolute;
      width: 300px;
      height: 300px;
      background: #00e5ff;
      filter: blur(160px);
      top: -80px;
      left: -80px;
      opacity: .15;
  }

  .leader-video-section::after {
      content: '';
      position: absolute;
      width: 350px;
      height: 350px;
      background: #ffd700;
      filter: blur(180px);
      bottom: -100px;
      right: -100px;
      opacity: .15;
  }

  /* Responsive */

  @media (max-width:992px) {

      .leader-title {
          font-size: 32px;
      }

      .video-wrapper {
          max-width: 90%;
      }

  }

  @media (max-width:576px) {

      .leader-video-section {
          padding: 70px 20px;
      }

      .leader-title {
          font-size: 26px;
      }

      .leader-subtitle {
          font-size: 15px;
      }

      .unlock-btn {
          padding: 14px 28px;
          font-size: 16px;
      }

  }