/* Container & Layout */
    .student-benefits-section {
      background-color: #ffffff;
      color: #0f172a;
    }

    .benefits-container {
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 60px;
    }

    /* Left Column: Text & List */
    .benefits-content {
      flex: 1;
    }

    .benefits-content h2 {
      font-size: 2.5rem;
      font-weight: 800;
      color: #0b1538;
      margin-bottom: 15px;
      line-height: 1.2;
    }

    .benefits-content .subtitle {
      font-size: 1.1rem !important;
      color: #475569 !important;
      margin-bottom: 40px;
      line-height: 1.6;
    }

    .benefits-list {
      display: flex;
      flex-direction: column;
      gap: 25px;
    }

    .benefit-item {
      display: flex;
      align-items: flex-start;
      gap: 16px;
    }

    /* Icon Styles */
    .icon-wrapper {
      flex-shrink: 0;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .icon-wrapper svg {
      width: 24px;
      height: 24px;
    }

    .icon-blue { background-color: #eef2ff; color: #3730a3; }
    .icon-green { background-color: #dcfce7; color: #166534; }
    .icon-orange { background-color: #ffedd5; color: #c2410c; }
    .icon-purple { background-color: #f3e8ff; color: #6b21a8; }

    .benefit-text h4 {
      font-size: 1.15rem;
      font-weight: 700;
      color: #0b1538;
      margin: 0 0 6px 0;
    }

    .benefit-text p {
      margin: 0;
      font-size: 0.95rem !important;
      color: #64748b !important;
      line-height: 1.5;
    }

    /* Right Column: Pricing Card & Decorations */
    .benefits-card-wrapper {
      flex: 1;
      position: relative;
      max-width: 500px;
    }

    .card-bg-orange {
      position: absolute;
      top: 15px;
      bottom: -15px;
      left: -20px;
      width: 50%;
      background-color: #e06109;
      border-radius: 20px;
      z-index: 1;
    }

    .card-bg-blue {
      position: absolute;
      top: -15px;
      bottom: 15px;
      right: -20px;
      width: 50%;
      background-color: #1e3a8a;
      border-radius: 20px;
      z-index: 1;
    }

    .pricing-card {
      position: relative;
      z-index: 2;
      background-color: #ffffff;
      border-radius: 24px;
      padding: 40px;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
      text-align: center;
    }

    /* Update your existing card-badge class */
.card-badge {
  display: inline-block;
  background-color: #ef4444;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 50px;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  /* Add the continuous alert animation */
  animation: alert-pulse 1.5s infinite ease-in-out;
}

/* Add the new animation keyframes */
@keyframes alert-pulse {
  0% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.8);
  }
  50% {
    opacity: 0.5; /* Opacity drops to create a flashing effect */
    box-shadow: 0 0 15px 10px rgba(239, 68, 68, 0);
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
  }
}

    .pricing-card h3 {
      font-size: 1.4rem;
      font-weight: 800;
      color: #333 !important;
      margin: 0 0 10px 0;
    }

    .pricing-card .card-subtitle {
      color: #64748b !important;
      font-size: 0.95rem !important;
      margin-bottom: 25px;
    }

    .price-display {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      color: #1e3a8a;
      font-weight: 800;
      line-height: 1;
    }

    .price-display .currency {
      font-size: 1.8rem;
      margin-top: 10px;
      margin-right: 5px;
    }

    .price-display .amount {
      font-size: 5rem;
      letter-spacing: -2px;
    }

    .per-year {
      color: #64748b;
      font-size: 1rem;
      margin-bottom: 25px;
    }

    .mmk-box {
      background-color: #fefce8;
      border: 1px solid #fef08a;
      border-radius: 8px;
      padding: 15px;
      font-size: 0.95rem;
      color: #334155;
      font-weight: 500;
      margin-bottom: 30px;
    }

    .mmk-box .highlight-mmk {
      color: #e06109;
      font-weight: 800;
    }

    .btn-secure {
      display: block;
      width: 100%;
      background-color: #1e3a8a;
      color: #ffffff;
      text-decoration: none;
      font-weight: 600;
      font-size: 1.1rem;
      padding: 16px;
      border-radius: 50px;
      transition: background-color 0.3s ease, transform 0.3s ease;
      margin-bottom: 15px;
    }

    .btn-secure:hover {
      background-color: #172a6b;
      transform: translateY(-2px);
    }

    .card-footer-text {
      font-size: 0.8rem !important;
      color: #94a3b8 !important;
      margin: 0;
    }

    /* Responsive Design */
    @media (max-width: 992px) {
      .benefits-container {
        flex-direction: column;
        gap: 50px;
      }
      .benefits-card-wrapper {
        width: 100%;
        margin-top: 20px;
      }
      .benefits-content h2 {
        font-size: 2rem;
      }
    }

    @media (max-width: 480px) {
      .pricing-card {
        padding: 30px 20px;
      }
      .price-display .amount {
        font-size: 4rem;
      }
    }