/* 🔹 Section Gradients & Cards */
    .register-section {
      background: linear-gradient(90deg, #2386ff, #ff7b2b);
      padding: 60px 0;
    }

    .register-section h2 {
      color: #fff;
    }

    .register-section p {
      color: rgba(255, 255, 255, 0.85);
      font-size: 16px;
    }

    .register-card {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
      padding: 25px 20px;
      transition: transform 0.3s, box-shadow 0.3s;
      text-align: center;
    }

    .register-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    }

    .register-card h5 {
      color: #333;
      font-weight: 700;
      margin-top: 15px;
      margin-bottom: 10px;
    }

    .register-card p {
      color: #555;
      margin-bottom: 0;
    }

    .icon-circle {
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: 50%;
      background: linear-gradient(135deg, #2386ff, #ff7b2b);
      color: #fff;
      font-size: 28px;
    }

    /* Step-by-Step Section */
    .steps-section {
      padding: 60px 0;
    }

    .step-card {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
      padding: 25px 20px;
      text-align: center;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .step-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    }

    .step-icon {
      font-size: 32px;
      color: #2386ff;
      margin-bottom: 15px;
    }

    .step-card h5 {
      font-weight: 700;
      margin-bottom: 10px;
    }

    .step-card p {
      color: #555;
      margin-bottom: 0;
    }

    /* Testimonials Section */
    .testimonials-section {
      background: #fff;
      padding: 60px 0;
    }

    .testimonial-card {
      background: #f7f9fc;
      border-radius: 18px;
      padding: 25px 20px;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
      text-align: center;
      margin-bottom: 20px;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .testimonial-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    }

    .testimonial-card p {
      font-style: italic;
      color: #555;
      margin-bottom: 10px;
    }

    .testimonial-card h6 {
      font-weight: 700;
      color: #333;
      margin-bottom: 0;
    }

    @media (max-width: 767px) {
      
      .register-card, .step-card {
        padding: 20px 15px;
      }
      .icon-circle {
        width: 50px;
        height: 50px;
        font-size: 24px;
      }
      .step-icon {
        font-size: 28px;
      }
    }