 /* 🔹 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;
            }
        }