* { margin: 0; padding: 0; box-sizing: border-box; }

  body {
    font-family: 'Lato', sans-serif;
    background: #f9f0f9;
    min-height: 100vh;
  }

  /* TOP ANNOUNCEMENT BAR */
  .top-bar {
    background: #fff0fb;
    border-bottom: 1px solid #e8d0e8;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .top-bar-text {
    font-size: 1.5em;
    color: #333;
  }

  .price-old {
    color: #e74c3c;
    text-decoration: line-through;
    font-weight: 700;
    margin-right: 4px;
  }

  .price-new {
    color: #27ae60;
    font-weight: 700;
    margin-right: 4px;
  }

  /* COUNTDOWN TIMER */
  .countdown {
    display: flex;
    align-items: center;
    gap: 3px;
  }
  .countdown-blocks {
    display: flex;
    gap: 5px;
    align-items: center;
  }
  .countdown-block {
    background: #1a1a2e;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
  }

  .countdown-sep {
    color: #333;
    font-weight: 700;
    font-size: 18px;
    margin: 0 1px;
  }

  /* NAV / LOGO */
  .navbar {
    background: #f9f0f9;
    padding: 18px 24px;
    display: flex;
    justify-content: center;
    /* border-bottom: 1px solid #e8d0e8; */
  }

  .logo-wrapper {
    background: #4a1060;
    padding: 10px 22px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .logo-wrapper img {
    height: 44px;
    width: auto;
    object-fit: contain;
    background-image: url(https://selectivetrial.com.au/wp-content/uploads/2023/08/logo.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .guaranteeimage {
    background-image: url(https://selectivetrial.com.au/wp-content/uploads/2026/03/guarantee-100.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }

  /* HERO SECTION */
  .hero {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 40px 40px;
    max-width: 900px;
    margin: 0 auto;
    gap: 48px;
  }

  .hero-left {
    flex: 1;
  }

  .hero-left h1 {
    font-family: 'Playfair Display', serif;
    font-size: 42px;
    font-weight: 900;
    color: #1a1a1a;
    line-height: 1.15;
    margin-bottom: 20px;
  }

  .hero-left p {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    max-width: 340px;
  }

  .hero-right {
    flex: 1;
    max-width: 320px;
  }

  .video-placeholder {
    background: #888;
    border-radius: 14px;
    width: 100%;
    aspect-ratio: 16/10;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .play-btn {
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid rgba(255,255,255,0.5);
    transition: background 0.2s;
  }

  .play-btn:hover {
    background: rgba(255,255,255,0.4);
  }

  .play-btn svg {
    margin-left: 4px;
  }
    section h2 {
      font-size: 34px;
    }

  /* CTA BUTTON SECTION */
  .cta-section {
    display: flex;
    justify-content: center;
    padding: 10px 40px 60px;
  }

  .cta-btn {
    background: #4a1060;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 18px 40px;
    border-radius: 8px;
    border: 2px solid #6a2080;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    transition: background 0.2s, transform 0.1s;
    box-shadow: 0px 0px 9px 5px #c39b59;
  }

  .cta-btn:hover {
    background: #5c1478;
    transform: translateY(-1px);
  }

  .cta-btn .price-old {
    font-size: 15px;
  }

  .cta-btn .price-new {
    color: #a8ff78;
  }

  /* Countdown animation */
  @keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
  }

  .countdown-sep {
    animation: blink 1s infinite;
  }

  /* REVIEWS SECTION */
  .reviews-section {
    background: #fff;
    padding: 60px 40px 50px;
    text-align: center;
  }

  .reviews-heading {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .reviews-heading .highlight {
    color: #c9a84c;
  }

  .reviews-subtext {
    font-size: 15px;
    color: #555;
    margin-bottom: 36px;
  }

  .reviews-subtext strong {
    color: #1a1a1a;
    font-weight: 700;
  }

  /* Scrollable cards - 2 rows */
  .reviews-rows {
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
  }

  .reviews-track-wrapper {
    overflow: hidden;
    width: 100%;
  }

  .reviews-track {
    display: flex;
    gap: 16px;
    width: max-content;
  }

  .reviews-track.row1 {
    animation: scrollLeft 30s linear infinite;
  }

  .reviews-track.row2 {
    animation: scrollRight 35s linear infinite;
  }

  .reviews-track:hover {
    animation-play-state: paused;
  }

  @keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  @keyframes scrollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
  }

  .review-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 18px 20px;
    width: 600px;
    max-width: 80vw;
    flex-shrink: 0;
    text-align: left;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    position: relative;
  }

  .review-card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }

  .reviewer-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    flex-shrink: 0;
  }

  .reviewer-info {
    flex: 1;
  }

  .reviewer-name {
    font-weight: 700;
    font-size: 14px;
    color: #1a1a1a;
  }

  .reviewer-meta {
    font-size: 12px;
    color: #888;
  }

  .review-menu {
    color: #aaa;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    align-self: flex-start;
  }

  .stars {
    color: #f4b400;
    font-size: 14px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .stars .time-ago {
    font-size: 12px;
    color: #888;
    margin-left: 6px;
  }

  .review-text {
    font-size: 13.5px;
    color: #444;
    line-height: 1.6;
  }
  #exam-tabs-container {
    display:flex;
    gap:0;
    align-items:stretch;
    background:#fff;
    border-radius:16px;
    box-shadow:0 4px 28px rgba(74,0,96,0.10);
    overflow:hidden;
    min-height:420px;
  }

  .exam-tab { transition: background 0.18s, border-color 0.18s; }
  .exam-tab:hover { background: #f0e4f8; }
  .active-tab { background: #f0e4f8 !important; border-left-color: #4a0060 !important; }
  .active-tab > div:first-child { color: #2d0050 !important; }
#combo-packs .tab-panel {
    border-radius: 8px;
    border: 1px solid #fff;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(84, 46, 119, 0.836), 0 6px 20px 0 rgba(154, 120, 167, 0.783);
}
  /* ===== MOBILE RESPONSIVE ===== */
  @media (max-width: 991px) {
    .hero {
      text-align: center;
    }
    #exam-tabs-container {
      background: white;
      flex-direction: column;
    }
    #exam-tabs { 
      min-width: 100%; max-width: 100%; flex-direction: row; overflow-x: auto; border-right: none; border-bottom: 1.5px solid #ede0f5; }
    #exam-tabs .exam-tab { min-width: 140px; border-left: none !important; border-bottom: 3px solid transparent; }
    #exam-tabs .active-tab { border-bottom-color: #4a0060 !important; border-left: none !important; }
    #exam-tabs .tab-desc { /*display: none !important;*/ }
    #exam-tabs .exam-tab > div:first-child { font-size: 12px; }
    #exam-tabs { min-width: 100% !important; }
    div[style*="display:flex;gap:0;align-items:stretch"] { flex-direction: column !important; }
    section h2 {
      font-size: 22px;
      padding: 0 16px;
    }

    .logo-wrapper img {
      min-height: 60px;
    }
    /* Top bar stacks vertically */
    .top-bar {
      flex-direction: column;
      gap: 10px;
      padding: 12px 16px;
      text-align: center;
    }

    .top-bar-text {
      font-size: 25px;
      line-height: 1.6;
    }

    .countdown-block {
      width: 28px;
      height: 28px;
      font-size: 14px;
    }

    .countdown-sep {
      font-size: 14px;
    }

    /* Navbar */
    .navbar {
      padding: 14px 16px;
    }

    /* Hero stacks vertically */
    .hero {
      flex-direction: column;
      padding: 32px 20px 24px;
      gap: 28px;
    }

    .hero-left h1 {
      font-size: 28px;
      margin-bottom: 14px;
    }

    .hero-left p {
      font-size: 14px;
      max-width: 100%;
    }

    .hero-right {
      max-width: 100%;
      width: 100%;
    }

    /* CTA button */
    .cta-section {
      padding: 10px 16px 40px;
    }

    .cta-btn {
      font-size: 13px;
      padding: 14px 16px;
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
      gap: 4px;
    }

    /* Reviews section */
    .reviews-section {
      padding: 40px 0 36px;
    }
    .reviews-subtext {
      font-size: 13px;
      padding: 0 16px;
    }

    .review-card {
      width: 260px;
    }
    .freebonusworth>div {
      width: 100%;
      text-align: center;
    }
  }



/* Animations starts */
span.line-bold-shadow {
  animation: blink-animation 0.8s steps(2, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.blink {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}


.glow-blink {
  /* color: #fff; */
  animation: glowBlink 0.5s infinite alternate;
}

@keyframes glowBlink {
  from {
    text-shadow: 0 0 5px #ff0000, 0 0 5px #ff0000, 0 0 10px #ff0000;
  }
  to {
    text-shadow: 0 0 10px #00ffff, 0 0 5px #00ffff, 0 0 10px #00ffff;
  }
}

.glow-blink1 {
  /* color: #fff; */
  animation: glowBlink1 0.5s infinite alternate;
}
.glow-blink1 font {
	font-size: 24px;
}

@keyframes glowBlink1 {
  from {
    text-shadow: 0 0 5px #d100ff, 0 0 5px #00f0ff, 0 0 10px #ff0000;
  }
  to {
    text-shadow: unset;
  }
}
/* Animations ends */