{"id":49,"date":"2026-01-14T11:36:04","date_gmt":"2026-01-14T11:36:04","guid":{"rendered":"https:\/\/brainwave.seemi.co\/?page_id=49"},"modified":"2026-01-22T17:24:53","modified_gmt":"2026-01-22T17:24:53","slug":"testing","status":"publish","type":"page","link":"https:\/\/brainwave.seemi.co\/","title":{"rendered":"Testing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"49\" class=\"elementor elementor-49\">\n\t\t\t\t<div class=\"elementor-element elementor-element-021643e e-flex e-con-boxed e-con e-parent\" data-id=\"021643e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4b29a elementor-widget elementor-widget-shortcode\" data-id=\"5c4b29a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        \/* Teaching Hero Section Styles *\/\n        .teaching-hero {\n            background-color: #ffffff;\n            min-height: 85vh;\n            display: flex;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n            padding: 60px 0;\n        }\n\n        .teaching-hero-container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 20px;\n            width: 100%;\n            position: relative;\n            z-index: 2;\n        }\n\n        .hero-content {\n            max-width: 700px;\n            animation: fadeInUp 0.8s ease-out;\n        }\n\n        \/* Tagline *\/\n        .hero-tagline {\n            font-size: 16px;\n            font-weight: 600;\n            color: #7C3AED;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n            display: inline-block;\n            padding: 8px 16px;\n            background: rgba(124, 58, 237, 0.1);\n            border-radius: 20px;\n            animation: fadeIn 0.6s ease-out 0.2s both;\n        }\n\n        \/* Main Heading *\/\n        .hero-heading {\n            font-size: 68px;\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 30px;\n            color: #111827;\n            background: linear-gradient(135deg, #111827 0%, #7C3AED 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: fadeInUp 0.8s ease-out 0.3s both;\n        }\n\n        .hero-heading .highlight {\n            background: linear-gradient(135deg, #8B5CF6, #7C3AED);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            position: relative;\n        }\n\n        .hero-heading .highlight::after {\n            content: '';\n            position: absolute;\n            bottom: 5px;\n            left: 0;\n            width: 100%;\n            height: 8px;\n            background: linear-gradient(90deg, rgba(139, 92, 246, 0.2), rgba(124, 58, 237, 0.1));\n            z-index: -1;\n            border-radius: 4px;\n        }\n\n        \/* Subheading *\/\n        .hero-subheading {\n            font-size: 22px;\n            line-height: 1.6;\n            color: #4B5563;\n            margin-bottom: 40px;\n            max-width: 600px;\n            animation: fadeInUp 0.8s ease-out 0.4s both;\n        }\n\n        .hero-subheading .brand-name {\n            font-weight: 700;\n            color: #7C3AED;\n            position: relative;\n            display: inline-block;\n        }\n\n        .hero-subheading .brand-name::after {\n            content: '';\n            position: absolute;\n            bottom: -2px;\n            left: 0;\n            width: 100%;\n            height: 2px;\n            background: linear-gradient(90deg, #8B5CF6, #7C3AED);\n            border-radius: 1px;\n        }\n\n        \/* CTA Button *\/\n        .hero-cta {\n            display: inline-flex;\n            align-items: center;\n            background: linear-gradient(135deg, #8B5CF6, #7C3AED);\n            color: white;\n            border: none;\n            padding: 18px 40px;\n            border-radius: 12px;\n            font-weight: 600;\n            font-size: 18px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            transform: translateY(0);\n            box-shadow: 0 8px 25px rgba(124, 58, 237, 0.3);\n            position: relative;\n            overflow: hidden;\n            animation: fadeInUp 0.8s ease-out 0.5s both;\n        }\n\n        .hero-cta:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 15px 35px rgba(124, 58, 237, 0.4);\n        }\n\n        .hero-cta:active {\n            transform: translateY(-2px);\n        }\n\n        .hero-cta::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .hero-cta:hover::before {\n            left: 100%;\n        }\n\n        .cta-text {\n            margin-right: 10px;\n        }\n\n        .cta-arrow {\n            font-size: 20px;\n            transition: transform 0.3s ease;\n        }\n\n        .hero-cta:hover .cta-arrow {\n            transform: translateX(5px);\n        }\n\n        \/* Background Elements *\/\n        .hero-background {\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: 45%;\n            z-index: 1;\n            overflow: hidden;\n        }\n\n        .floating-shapes {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n        }\n\n        .shape {\n            position: absolute;\n            border-radius: 50%;\n            background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(124, 58, 237, 0.05));\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .shape-1 {\n            width: 50px;\n            height: 50px;\n            top: 30px;\n            right: 20px;\n            animation-delay: 0s;\n        }\n\n        .shape-2 {\n            width: 200px;\n            height: 200px;\n            bottom: 100px;\n            right: 200px;\n            animation-delay: 1s;\n        }\n\n        .shape-3 {\n            width: 150px;\n            height: 150px;\n            top: 200px;\n            right: 300px;\n            animation-delay: 2s;\n        }\n\n        \/* Floating Badges *\/\n        .floating-badge {\n            position: absolute;\n            background: white;\n            padding: 12px 20px;\n            border-radius: 50px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            font-weight: 600;\n            font-size: 14px;\n            color: #7C3AED;\n            z-index: 3;\n            animation: float 4s ease-in-out infinite;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .badge-1 {\n            top: 80px;\n            right: 120px;\n            transform: rotate(12deg);\n            animation-delay: 0s;\n        }\n\n        .badge-2 {\n            top: 280px;\n            right: 80px;\n            transform: rotate(-8deg);\n            animation-delay: 1.5s;\n        }\n\n        .badge-3 {\n            bottom: 180px;\n            right: 180px;\n            transform: rotate(15deg);\n            animation-delay: 2.5s;\n        }\n\n        .floating-badge .emoji {\n            font-size: 18px;\n        }\n\n        \/* Stats Section *\/\n        .hero-stats {\n            display: flex;\n            gap: 40px;\n            margin-top: 60px;\n            animation: fadeInUp 0.8s ease-out 0.6s both;\n        }\n\n        .stat-item {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .stat-number {\n            font-size: 40px;\n            font-weight: 700;\n            background: linear-gradient(135deg, #8B5CF6, #7C3AED);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            line-height: 1;\n        }\n\n        .stat-label {\n            font-size: 16px;\n            color: #6B7280;\n            margin-top: 5px;\n        }\n\n        \/* Animations *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n\n        @keyframes float {\n            0%, 100% {\n                transform: translateY(0) rotate(var(--rotation, 0deg));\n            }\n            50% {\n                transform: translateY(-20px) rotate(var(--rotation, 0deg));\n            }\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .hero-heading {\n                font-size: 56px;\n            }\n            \n            .hero-subheading {\n                font-size: 20px;\n            }\n            \n            .hero-background {\n                width: 50%;\n                opacity: 0.7;\n            }\n\n            .floating-badge {\n                padding: 10px 16px;\n                font-size: 13px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .teaching-hero {\n                min-height: 70vh;\n                padding: 40px 0;\n            }\n            \n            .hero-heading {\n                font-size: 42px;\n            }\n            \n            .hero-subheading {\n                font-size: 18px;\n                margin-bottom: 30px;\n            }\n            \n            .hero-cta {\n                padding: 16px 32px;\n                font-size: 16px;\n            }\n            \n            .hero-background {\n                display: none;\n            }\n            \n            .hero-stats {\n                flex-wrap: wrap;\n                gap: 30px;\n                justify-content: center;\n            }\n            \n            .floating-badge {\n                display: none;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .teaching-hero {\n                min-height: 60vh;\n                padding: 30px 0;\n            }\n            \n            .hero-heading {\n                font-size: 36px;\n            }\n            \n            .hero-subheading {\n                font-size: 16px;\n            }\n            \n            .hero-tagline {\n                font-size: 14px;\n                padding: 6px 12px;\n            }\n            \n            .stat-number {\n                font-size: 32px;\n            }\n            \n            .stat-label {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n\n    <section class=\"teaching-hero\" id=\"teaching-hero-69d27d826f82b\">\n        <div class=\"teaching-hero-container\">\n            <div class=\"hero-content\">\n                <!-- Tagline -->\n                <div class=\"hero-tagline\">Learn from anywhere, anytime<\/div>\n                \n                <!-- Main Heading -->\n                <h1 class=\"hero-heading\">\n                    Transform Your Future with <span class=\"highlight\">Expert-Led<\/span> Online Learning\n                <\/h1>\n                \n                <!-- Subheading -->\n                <p class=\"hero-subheading\">\n                    Join thousands of students mastering new skills with our interactive live classes, \n                    expert instructors, and AI-powered personalized learning paths.\n                <\/p>\n                \n                <!-- CTA Button -->\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/start-learning\" class=\"hero-cta\">\n                    <span class=\"cta-text\">Start Learning Today<\/span>\n                    <span class=\"cta-arrow\">\u2192<\/span>\n                <\/a>\n                \n                <!-- Stats -->\n                <div class=\"hero-stats\">\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\" data-target=\"15000\">0<\/span>\n                        <span class=\"stat-label\">Active Students<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\" data-target=\"500\">0<\/span>\n                        <span class=\"stat-label\">Expert Teachers<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\" data-target=\"98\">0<\/span>\n                        <span class=\"stat-label\">Success Rate<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Background Elements -->\n        <div class=\"hero-background\">\n            <div class=\"floating-shapes\">\n                <div class=\"shape shape-1\"><\/div>\n                <div class=\"shape shape-2\"><\/div>\n                <div class=\"shape shape-3\"><\/div>\n            <\/div>\n            \n            <!-- Floating Badges -->\n            <div class=\"floating-badge badge-1\" style=\"--rotation: 12deg;\">\n                <span class=\"emoji\">\ud83c\udf93<\/span>\n                <span>Live Classes<\/span>\n            <\/div>\n            <div class=\"floating-badge badge-2\" style=\"--rotation: -8deg;\">\n                <span class=\"emoji\">\ud83d\udd57<\/span>\n                <span>Flexible Timing<\/span>\n            <\/div>\n            <div class=\"floating-badge badge-3\" style=\"--rotation: 15deg;\">\n                <span class=\"emoji\">\ud83d\udc68\u200d\ud83c\udfeb<\/span>\n                <span>Expert Teachers<\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        (function() {\n            \/\/ Wait for DOM to be fully loaded\n            document.addEventListener('DOMContentLoaded', function() {\n                \/\/ Add click event to CTA button\n                const ctaButton = document.querySelector('.hero-cta');\n                if (ctaButton) {\n                    ctaButton.addEventListener('click', function(event) {\n                        \/\/ Add ripple effect\n                        const ripple = document.createElement('span');\n                        const rect = this.getBoundingClientRect();\n                        const size = Math.max(rect.width, rect.height);\n                        const x = event.clientX - rect.left - size \/ 2;\n                        const y = event.clientY - rect.top - size \/ 2;\n                        \n                        ripple.style.cssText = `\n                            position: absolute;\n                            border-radius: 50%;\n                            background: rgba(255, 255, 255, 0.6);\n                            transform: scale(0);\n                            animation: ripple-animation 0.6s linear;\n                            width: ${size}px;\n                            height: ${size}px;\n                            top: ${y}px;\n                            left: ${x}px;\n                        `;\n                        \n                        \/\/ Add CSS for ripple animation\n                        if (!document.querySelector('#ripple-style')) {\n                            const style = document.createElement('style');\n                            style.id = 'ripple-style';\n                            style.textContent = `\n                                @keyframes ripple-animation {\n                                    to {\n                                        transform: scale(4);\n                                        opacity: 0;\n                                    }\n                                }\n                            `;\n                            document.head.appendChild(style);\n                        }\n                        \n                        this.appendChild(ripple);\n                        \n                        \/\/ Remove ripple element after animation\n                        setTimeout(() => {\n                            ripple.remove();\n                        }, 600);\n                        \n                        \/\/ CTA action - redirect to courses or signup page\n                        console.log('Start Learning Today clicked!');\n                        \/\/ window.location.href = '\/courses'; \/\/ Uncomment and change URL as needed\n                    });\n                }\n                \n                \/\/ Add parallax effect to floating shapes\n                const shapes = document.querySelectorAll('.shape');\n                window.addEventListener('scroll', function() {\n                    const scrolled = window.pageYOffset;\n                    shapes.forEach((shape, index) => {\n                        const rate = scrolled * (0.3 + index * 0.1);\n                        shape.style.transform = `translateY(${rate}px)`;\n                    });\n                });\n\n                \/\/ Animated Counter Function\n                function animateCounter(element, target, duration = 2000) {\n                    const start = 0;\n                    const increment = target \/ (duration \/ 16); \/\/ 60 FPS\n                    let current = start;\n                    \n                    const timer = setInterval(() => {\n                        current += increment;\n                        if (current >= target) {\n                            current = target;\n                            clearInterval(timer);\n                        }\n                        \n                        \/\/ Format the number\n                        if (target >= 1000) {\n                            const displayValue = Math.floor(current);\n                            element.textContent = (displayValue \/ 1000).toFixed(1) + 'K+';\n                        } else {\n                            element.textContent = Math.floor(current) + '%';\n                        }\n                    }, 16);\n                }\n\n                \/\/ Intersection Observer for counter animation\n                const observerOptions = {\n                    threshold: 0.5,\n                    rootMargin: '0px'\n                };\n\n                const observerCallback = (entries, observer) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            const statNumbers = entry.target.querySelectorAll('.stat-number');\n                            statNumbers.forEach(stat => {\n                                const target = parseInt(stat.getAttribute('data-target'));\n                                animateCounter(stat, target);\n                            });\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                };\n\n                const observer = new IntersectionObserver(observerCallback, observerOptions);\n                const statsSection = document.querySelector('.hero-stats');\n                if (statsSection) {\n                    observer.observe(statsSection);\n                }\n            });\n        })();\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd3705e e-flex e-con-boxed e-con e-parent\" data-id=\"fd3705e\" data-element_type=\"container\" data-e-type=\"container\" id=\"course-section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e59a403 elementor-widget elementor-widget-shortcode\" data-id=\"e59a403\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n    .bwa-courses-pro {\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n        padding: 20px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .bwa-courses-pro::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(124, 58, 237, 0.05) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .courses-container-pro {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 20px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .section-header-pro {\n        text-align: center;\n        margin-bottom: 70px;\n    }\n\n    .section-tagline-pro {\n        display: inline-block;\n        color: #7C3AED;\n        font-size: 16px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 20px;\n        padding: 10px 24px;\n        background: rgba(124, 58, 237, 0.1);\n        border-radius: 25px;\n        border: 1px solid rgba(124, 58, 237, 0.2);\n    }\n\n    .section-title-pro {\n        font-size: 48px;\n        font-weight: 800;\n        color: #111827;\n        line-height: 1.1;\n        margin-bottom: 20px;\n    }\n\n    .section-title-pro .highlight {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        display: inline-block;\n    }\n\n    .section-desc-pro {\n        font-size: 18px;\n        color: #4B5563;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }\n\n    \/* Slider Container *\/\n    .courses-slider-pro {\n        position: relative;\n        margin: 0 auto 60px;\n        overflow: hidden;\n        padding: 40px 0;\n    }\n\n    \/* Slider Track *\/\n    .slider-track-pro {\n        display: flex;\n        gap: 30px;\n        transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        will-change: transform;\n        padding: 10px 0;\n    }\n\n    \/* Course Card *\/\n    .course-card-pro {\n        flex: 0 0 380px;\n        height: 420px;\n        perspective: 1500px;\n        cursor: pointer;\n        position: relative;\n    }\n\n    .course-card-inner-pro {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        transform-style: preserve-3d;\n        border-radius: 20px;\n    }\n\n    .course-card-pro:hover .course-card-inner-pro {\n        transform: rotateY(180deg);\n    }\n\n    .course-card-front-pro,\n    .course-card-back-pro {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        backface-visibility: hidden;\n        border-radius: 20px;\n        padding: 35px 30px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .course-card-front-pro {\n        background: white;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        border: 1px solid #f3f4f6;\n    }\n\n    .course-card-back-pro {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        color: white;\n        transform: rotateY(180deg);\n        box-shadow: 0 20px 50px rgba(124, 58, 237, 0.3);\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        min-height: 100%;\n    }\n\n    \/* Front Card Content *\/\n    .course-icon-pro {\n        width: 70px;\n        height: 70px;\n        border-radius: 18px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 25px;\n        font-size: 32px;\n        background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n        border: 2px solid #ddd6fe;\n        color: #7C3AED;\n    }\n\n    .course-title-pro {\n        font-size: 24px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 15px;\n        line-height: 1.3;\n    }\n\n    .course-description-pro {\n        color: #6B7280;\n        line-height: 1.6;\n        font-size: 15px;\n        margin-bottom: 25px;\n        flex-grow: 1;\n    }\n\n    .course-meta-pro {\n        display: flex;\n        gap: 20px;\n        margin-bottom: 20px;\n        flex-shrink: 0;\n    }\n\n    .meta-item-pro {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 14px;\n        color: #6B7280;\n    }\n\n    .meta-icon-pro {\n        font-size: 16px;\n        color: #7C3AED;\n    }\n\n    .course-flip-hint-pro {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding-top: 20px;\n        border-top: 1px solid #f3f4f6;\n        color: #7C3AED;\n        font-weight: 600;\n        font-size: 15px;\n        flex-shrink: 0;\n    }\n\n    .flip-arrow-pro {\n        font-size: 20px;\n        transition: transform 0.3s ease;\n    }\n\n    .course-card-pro:hover .flip-arrow-pro {\n        transform: translateX(5px);\n    }\n\n    \/* Back Card Content *\/\n    .back-title-pro {\n        font-size: 22px;\n        font-weight: 700;\n        margin-bottom: 15px;\n        text-align: center;\n        color: white;\n        flex-shrink: 0;\n    }\n\n    .course-features-pro {\n        list-style: none;\n        margin: 10px 0 20px 0;\n        flex: 1;\n        padding: 0;\n    }\n\n    .course-features-pro li {\n        padding: 10px 0;\n        position: relative;\n        padding-left: 35px;\n        font-size: 15px;\n        opacity: 0.9;\n        line-height: 1.4;\n    }\n\n    .course-features-pro li::before {\n        content: '\u2713';\n        position: absolute;\n        left: 0;\n        width: 24px;\n        height: 24px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        font-size: 14px;\n    }\n\n    .course-action-link {\n        background: rgba(255, 255, 255, 0.15);\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        color: white;\n        padding: 14px 30px;\n        border-radius: 12px;\n        font-weight: 600;\n        font-size: 15px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        transition: all 0.3s ease;\n        text-decoration: none;\n        text-align: center;\n        flex-shrink: 0;\n        margin-top: auto;\n    }\n\n    .course-action-link:hover {\n        background: rgba(255, 255, 255, 0.25);\n        transform: translateY(-2px);\n        color: white;\n        text-decoration: none;\n    }\n\n    \/* Card Link Overlay *\/\n    .card-link-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 5;\n        cursor: pointer;\n    }\n\n    \/* Pagination Dots *\/\n    .slider-pagination-pro {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        margin-top: 30px;\n        padding: 20px 0;\n    }\n\n    .pagination-dot-pro {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: rgba(124, 58, 237, 0.2);\n        border: 2px solid transparent;\n        cursor: pointer;\n        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n        position: relative;\n    }\n\n    .pagination-dot-pro::before {\n        content: '';\n        position: absolute;\n        inset: -6px;\n        border-radius: 50%;\n        background: transparent;\n        transition: background 0.3s ease;\n    }\n\n    .pagination-dot-pro:hover {\n        background: rgba(124, 58, 237, 0.4);\n        transform: scale(1.2);\n    }\n\n    .pagination-dot-pro:hover::before {\n        background: rgba(124, 58, 237, 0.08);\n    }\n\n    .pagination-dot-pro.active {\n        width: 32px;\n        border-radius: 12px;\n        background: linear-gradient(135deg, #8B5CF6, #7C3AED);\n        border-color: rgba(124, 58, 237, 0.2);\n        box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);\n    }\n\n    .pagination-dot-pro.active:hover {\n        transform: scale(1.1);\n        box-shadow: 0 6px 16px rgba(124, 58, 237, 0.4);\n    }\n\n    \/* Auto Slide Indicator - Removed from bottom *\/\n    .auto-slide-indicator-pro {\n        display: none;\n    }\n\n    \/* Floating Badges *\/\n    .floating-badge-pro {\n        position: absolute;\n        background: white;\n        padding: 12px 25px;\n        border-radius: 50px;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n        font-weight: 600;\n        color: #7C3AED;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        z-index: 3;\n        animation: floatBadge 6s ease-in-out infinite;\n    }\n\n    .badge-1-pro {\n        top: 150px;\n        right: 50px;\n        transform: rotate(5deg);\n        animation-delay: 0s;\n    }\n\n    .badge-2-pro {\n        bottom: 200px;\n        right: 100px;\n        transform: rotate(-3deg);\n        animation-delay: 2s;\n    }\n\n    \/* CTA Section *\/\n    .courses-cta-pro {\n        text-align: center;\n        margin-top: 60px;\n        background: #722EDF;\n        padding: 50px;\n        border-radius: 25px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f3f4f6;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cta-title-pro {\n        font-size: 32px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 15px;\n    }\n\n    .cta-desc-pro {\n        color: #EBE1FB;\n        max-width: 600px;\n        margin: 0 auto 30px;\n        font-size: 17px;\n        line-height: 1.6;\n    }\n\n    .cta-button-link {\n        background: linear-gradient(135deg, #8B5CF6, #7C3AED);\n        color: white;\n        border: none;\n        padding: 18px 45px;\n        border-radius: 15px;\n        font-weight: 600;\n        font-size: 17px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        box-shadow: 0 10px 30px rgba(124, 58, 237, 0.3);\n        text-decoration: none;\n    }\n\n    .cta-button-link:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(124, 58, 237, 0.4);\n        color: white;\n        text-decoration: none;\n    }\n\n    \/* Animations *\/\n    @keyframes floatBadge {\n\n        0%,\n        100% {\n            transform: translateY(0) rotate(var(--badge-rotate, 0deg));\n        }\n\n        50% {\n            transform: translateY(-20px) rotate(var(--badge-rotate, 0deg));\n        }\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1400px) {\n        .course-card-pro {\n            flex: 0 0 350px;\n            height: 400px;\n        }\n\n        .courses-container-pro {\n            max-width: 1200px;\n        }\n\n        .slider-nav-pro {\n            padding: 0 15px;\n        }\n    }\n\n    @media (max-width: 1200px) {\n        .course-card-pro {\n            flex: 0 0 320px;\n            height: 380px;\n        }\n\n        .floating-badge-pro {\n            display: none;\n        }\n\n        .course-features-pro li {\n            padding: 8px 0;\n            font-size: 14px;\n        }\n\n        .slider-btn-pro {\n            width: 52px;\n            height: 52px;\n            font-size: 20px;\n        }\n    }\n\n    @media (max-width: 992px) {\n        .course-card-pro {\n            flex: 0 0 300px;\n            height: 360px;\n        }\n\n        .courses-slider-pro {\n            padding: 30px 0;\n        }\n\n        .course-card-front-pro,\n        .course-card-back-pro {\n            padding: 25px 20px;\n        }\n\n        .course-features-pro li {\n            padding: 7px 0;\n        }\n\n        .slider-btn-pro {\n            width: 50px;\n            height: 50px;\n            font-size: 19px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .bwa-courses-pro {\n            padding: 70px 0;\n        }\n\n        .section-title-pro {\n            font-size: 36px;\n        }\n\n        .course-card-pro {\n            flex: 0 0 280px;\n            height: 340px;\n        }\n\n        .course-card-front-pro,\n        .course-card-back-pro {\n            padding: 25px 20px;\n        }\n\n        .course-title-pro {\n            font-size: 22px;\n        }\n\n        .course-icon-pro {\n            width: 60px;\n            height: 60px;\n            font-size: 28px;\n        }\n\n        .back-title-pro {\n            font-size: 20px;\n            margin-bottom: 10px;\n        }\n\n        .course-features-pro {\n            margin: 5px 0 15px 0;\n        }\n\n        .course-features-pro li {\n            padding: 6px 0;\n            font-size: 14px;\n            padding-left: 30px;\n        }\n\n        .course-features-pro li::before {\n            width: 22px;\n            height: 22px;\n            font-size: 12px;\n        }\n\n        .course-action-link {\n            padding: 12px 20px;\n            font-size: 14px;\n        }\n\n        .slider-btn-pro {\n            width: 48px;\n            height: 48px;\n            font-size: 18px;\n        }\n\n        .slider-nav-pro {\n            padding: 0 10px;\n        }\n\n        .courses-cta-pro {\n            padding: 30px 20px;\n        }\n\n        .cta-title-pro {\n            font-size: 28px;\n        }\n        .section-tagline-pro {\n            font-size: 10px;\n        }\n\n        .course-title-pro {\n            font-size: 16px;\n        }\n\t\t\n\t\t.course-description-pro {\n\t\t\tfont-size: 14px;\n\t\t}\n    }\n\n    @media (max-width: 576px) {\n        .course-card-pro {\n            flex: 0 0 260px;\n            height: 320px;\n        }\n\n        .section-title-pro {\n            font-size: 30px;\n        }\n\n        .section-desc-pro {\n            font-size: 16px;\n        }\n\n        .course-description-pro {\n            font-size: 14px;\n        }\n\n        .back-title-pro {\n            font-size: 18px;\n        }\n\n        .course-features-pro li {\n            padding: 5px 0;\n            font-size: 13px;\n        }\n\n        .course-action-link {\n            padding: 10px 16px;\n            font-size: 13px;\n        }\n\n        .slider-btn-pro {\n            width: 44px;\n            height: 44px;\n            font-size: 16px;\n        }\n\n        .slider-nav-pro {\n            padding: 0 5px;\n        }\n    }\n\n    @media (max-width: 480px) {\n\n        .section-tagline-pro {\n            font-size: 10px;\n        }\n        .course-card-pro {\n            flex: 0 0 240px;\n            height: 300px;\n        }\n\n        .course-features-pro li {\n            font-size: 12px;\n            padding-left: 25px;\n        }\n\n        .course-features-pro li::before {\n            width: 20px;\n            height: 20px;\n        }\n\n        .course-title-pro {\n            font-size: 14px;\n        }\n\t\t\n\t\t.course-description-pro {\n\t\t\tfont-size: 10px;\n\t\t}\n\n        .course-card-front-pro,\n        .course-card-back-pro {\n            padding: 20px 15px;\n        }\n\n        .slider-btn-pro {\n            width: 40px;\n            height: 40px;\n            font-size: 14px;\n        }\n\n        .slider-nav-pro {\n            padding: 0;\n        }\n    }\n<\/style>\n\n<section class=\"bwa-courses-pro\" id=\"courses\">\n    <div class=\"courses-container-pro\">\n        <!-- Section Header -->\n        <div class=\"section-header-pro\">\n            <div class=\"section-tagline-pro\">Our Premium Courses<\/div>\n            <h2 class=\"section-title-pro\">\n                Learn from <span class=\"highlight\">Expert Tutors<\/span> in 24+ Subjects\n            <\/h2>\n            <p class=\"section-desc-pro\">\n                Choose from our comprehensive courses designed to help you excel academically.\n                Each course includes personalized attention and interactive learning materials.\n            <\/p>\n        <\/div>\n\n        <!-- Courses Slider -->\n        <div class=\"courses-slider-pro\">\n            <div class=\"slider-track-pro\" id=\"sliderTrack\">\n                <!-- Course 1 - Mathematics -->\n                <div class=\"course-card-pro\">\n                    <div class=\"course-card-inner-pro\">\n                        <div class=\"course-card-front-pro\">\n                            <div class=\"course-icon-pro\">\ud83e\uddee<\/div>\n                            <h3 class=\"course-title-pro\">Mathematics & Calculus<\/h3>\n                            <p class=\"course-description-pro\">\n                                Master algebra, geometry, calculus with interactive problem-solving sessions.\n                            <\/p>\n                            <div class=\"course-meta-pro\">\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\u23f0<\/span>\n                                    <span>Flexible Hours<\/span>\n                                <\/span>\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\ud83d\udcc8<\/span>\n                                    <span>All Levels<\/span>\n                                <\/span>\n                            <\/div>\n                            <div class=\"course-flip-hint-pro\">\n                                <span>View Course Details<\/span>\n                                <span class=\"flip-arrow-pro\">\u21aa<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"course-card-back-pro\">\n                            <h3 class=\"back-title-pro\">What You'll Learn<\/h3>\n                            <ul class=\"course-features-pro\">\n                                <li>Algebra & Geometry Fundamentals<\/li>\n                                <li>Calculus & Advanced Mathematics<\/li>\n                                <li>Problem-Solving Techniques<\/li>\n                                <li>Exam Preparation Strategies<\/li>\n                                <li>Real-world Applications<\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=mathematics\"\n                                class=\"course-action-link\">\n                                <span>View Course Details<\/span>\n                                <span>\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=mathematics\"\n                        class=\"card-link-overlay\"><\/a>\n                <\/div>\n\n                <!-- Course 2 - Science -->\n                <div class=\"course-card-pro\">\n                    <div class=\"course-card-inner-pro\">\n                        <div class=\"course-card-front-pro\">\n                            <div class=\"course-icon-pro\">\ud83d\udd2c<\/div>\n                            <h3 class=\"course-title-pro\">Science & Technology<\/h3>\n                            <p class=\"course-description-pro\">\n                                Explore Physics, Chemistry, Biology with hands-on experiments and virtual labs.\n                            <\/p>\n                            <div class=\"course-meta-pro\">\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\u2697\ufe0f<\/span>\n                                    <span>Virtual Labs<\/span>\n                                <\/span>\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\ud83e\uddea<\/span>\n                                    <span>Experiments<\/span>\n                                <\/span>\n                            <\/div>\n                            <div class=\"course-flip-hint-pro\">\n                                <span>View Course Details<\/span>\n                                <span class=\"flip-arrow-pro\">\u21aa<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"course-card-back-pro\">\n                            <h3 class=\"back-title-pro\">What You'll Learn<\/h3>\n                            <ul class=\"course-features-pro\">\n                                <li>Physics Principles & Laws<\/li>\n                                <li>Chemistry Reactions & Formulas<\/li>\n                                <li>Biology & Life Sciences<\/li>\n                                <li>Scientific Method & Research<\/li>\n                                <li>Technology Applications<\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=science\"\n                                class=\"course-action-link\">\n                                <span>View Course Details<\/span>\n                                <span>\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=science\"\n                        class=\"card-link-overlay\"><\/a>\n                <\/div>\n\n                <!-- Course 3 - Computer Science -->\n                <div class=\"course-card-pro\">\n                    <div class=\"course-card-inner-pro\">\n                        <div class=\"course-card-front-pro\">\n                            <div class=\"course-icon-pro\">\ud83d\udcbb<\/div>\n                            <h3 class=\"course-title-pro\">Computer Science & Coding<\/h3>\n                            <p class=\"course-description-pro\">\n                                Learn programming, web development, data science from industry experts.\n                            <\/p>\n                            <div class=\"course-meta-pro\">\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\ud83d\udc68\u200d\ud83d\udcbb<\/span>\n                                    <span>Live Coding<\/span>\n                                <\/span>\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\ud83d\udcf1<\/span>\n                                    <span>Projects<\/span>\n                                <\/span>\n                            <\/div>\n                            <div class=\"course-flip-hint-pro\">\n                                <span>View Course Details<\/span>\n                                <span class=\"flip-arrow-pro\">\u21aa<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"course-card-back-pro\">\n                            <h3 class=\"back-title-pro\">What You'll Learn<\/h3>\n                            <ul class=\"course-features-pro\">\n                                <li>Python, JavaScript, Java<\/li>\n                                <li>Web Development<\/li>\n                                <li>Data Science & Algorithms<\/li>\n                                <li>Mobile App Development<\/li>\n                                <li>Software Engineering Principles<\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=coding\"\n                                class=\"course-action-link\">\n                                <span>View Course Details<\/span>\n                                <span>\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=coding\" class=\"card-link-overlay\"><\/a>\n                <\/div>\n\n                <!-- Course 4 - Languages -->\n                <div class=\"course-card-pro\">\n                    <div class=\"course-card-inner-pro\">\n                        <div class=\"course-card-front-pro\">\n                            <div class=\"course-icon-pro\">\ud83c\udf0d<\/div>\n                            <h3 class=\"course-title-pro\">Languages & Communication<\/h3>\n                            <p class=\"course-description-pro\">\n                                Master English, Spanish, French and improve communication skills.\n                            <\/p>\n                            <div class=\"course-meta-pro\">\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\ud83d\udde3\ufe0f<\/span>\n                                    <span>Speaking Practice<\/span>\n                                <\/span>\n                                <span class=\"meta-item-pro\">\n                                    <span class=\"meta-icon-pro\">\u270d\ufe0f<\/span>\n                                    <span>Writing Skills<\/span>\n                                <\/span>\n                            <\/div>\n                            <div class=\"course-flip-hint-pro\">\n                                <span>View Course Details<\/span>\n                                <span class=\"flip-arrow-pro\">\u21aa<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"course-card-back-pro\">\n                            <h3 class=\"back-title-pro\">What You'll Learn<\/h3>\n                            <ul class=\"course-features-pro\">\n                                <li>Grammar & Vocabulary Building<\/li>\n                                <li>Conversational Skills<\/li>\n                                <li>Writing & Composition<\/li>\n                                <li>Pronunciation & Accent<\/li>\n                                <li>Cultural Understanding<\/li>\n                            <\/ul>\n                            <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=languages\"\n                                class=\"course-action-link\">\n                                <span>View Course Details<\/span>\n                                <span>\u2192<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/brainwave.seemi.co\/?page_id=160&#038;course=languages\"\n                        class=\"card-link-overlay\"><\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Pagination Dots -->\n            <div class=\"slider-pagination-pro\" id=\"sliderPagination\">\n                <!-- Dots will be generated by JavaScript -->\n            <\/div>\n        <\/div>\n\n        <!-- Floating Badges -->\n        <div class=\"floating-badge-pro badge-1-pro\" style=\"--badge-rotate: 5deg;\">\n            <span>\ud83c\udfaf<\/span>\n            <span>Personalized Learning<\/span>\n        <\/div>\n\n        <div class=\"floating-badge-pro badge-2-pro\" style=\"--badge-rotate: -3deg;\">\n            <span>\ud83d\udc68\u200d\ud83c\udfeb<\/span>\n            <span>Certified Tutors<\/span>\n        <\/div>\n\n        <!-- CTA Section -->\n        <div class=\"courses-cta-pro\">\n            <h3 class=\"cta-title-pro\">Can't Find Your Subject?<\/h3>\n            <p class=\"cta-desc-pro\">\n                We offer 24+ subjects including Psychology, Creative Arts, Music,\n                Social Sciences, and many more. Contact us for custom courses!\n            <\/p>\n            <a href=\"https:\/\/brainwave.seemi.co\/index.php\/courses\" class=\"cta-button-link\">\n                <span>View All Courses Details<\/span>\n                <span>\u2192<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const track = document.getElementById('sliderTrack');\n        const paginationContainer = document.getElementById('sliderPagination');\n        const cards = document.querySelectorAll('.course-card-pro');\n        const slider = document.querySelector('.courses-slider-pro');\n\n        \/\/ Calculate values based on screen size\n        let cardWidth = 380; \/\/ Default desktop width\n        let currentPosition = 0;\n        let autoSlideInterval;\n        const totalCards = cards.length;\n        const gap = 30;\n        let isHovering = false;\n\n        \/\/ Create pagination dots\n        function createPaginationDots() {\n            paginationContainer.innerHTML = '';\n            for (let i = 0; i < totalCards; i++) {\n                const dot = document.createElement('div');\n                dot.classList.add('pagination-dot-pro');\n                if (i === 0) dot.classList.add('active');\n                dot.addEventListener('click', () => {\n                    goToSlide(i);\n                    resetAutoSlide();\n                });\n                paginationContainer.appendChild(dot);\n            }\n        }\n\n        \/\/ Update active dot\n        function updateActiveDot() {\n            const dots = document.querySelectorAll('.pagination-dot-pro');\n            dots.forEach((dot, index) => {\n                if (index === currentPosition) {\n                    dot.classList.add('active');\n                } else {\n                    dot.classList.remove('active');\n                }\n            });\n        }\n\n        \/\/ Go to specific slide\n        function goToSlide(index) {\n            currentPosition = index;\n            updateSliderPosition();\n            updateActiveDot();\n        }\n\n        \/\/ Update responsive values based on screen width\n        function updateResponsiveValues() {\n            if (window.innerWidth <= 768) {\n                cardWidth = 280;\n            } else if (window.innerWidth <= 992) {\n                cardWidth = 300;\n            } else if (window.innerWidth <= 1200) {\n                cardWidth = 320;\n            } else if (window.innerWidth <= 1400) {\n                cardWidth = 350;\n            } else {\n                cardWidth = 380;\n            }\n\n            \/\/ Update card width\n            cards.forEach(card => {\n                card.style.flex = `0 0 ${cardWidth}px`;\n            });\n\n            updateSliderPosition();\n        }\n\n        \/\/ Update slider position\n        function updateSliderPosition() {\n            const translateX = -currentPosition * (cardWidth + gap);\n            track.style.transform = `translateX(${translateX}px)`;\n        }\n\n        \/\/ Next slide - scrolls one card at a time\n        function nextSlide() {\n            if (currentPosition >= totalCards - 1) {\n                currentPosition = 0;\n            } else {\n                currentPosition++;\n            }\n            updateSliderPosition();\n            updateActiveDot();\n        }\n\n        \/\/ Previous slide - scrolls one card at a time\n        function prevSlide() {\n            if (currentPosition <= 0) {\n                currentPosition = totalCards - 1;\n            } else {\n                currentPosition--;\n            }\n            updateSliderPosition();\n            updateActiveDot();\n        }\n\n        \/\/ Auto slide every 5 seconds\n        function startAutoSlide() {\n            if (!isHovering) {\n                autoSlideInterval = setInterval(nextSlide, 5000);\n            }\n        }\n\n        \/\/ Reset auto slide timer\n        function resetAutoSlide() {\n            clearInterval(autoSlideInterval);\n            startAutoSlide();\n        }\n\n        \/\/ Pause auto slide function\n        function pauseAutoSlide() {\n            isHovering = true;\n            clearInterval(autoSlideInterval);\n        }\n\n        \/\/ Resume auto slide function\n        function resumeAutoSlide() {\n            \/\/ Check if still hovering over any element in slider\n            setTimeout(() => {\n                const isHoveringOnSlider = slider.matches(':hover') ||\n                    Array.from(cards).some(card => card.matches(':hover')) ||\n                    paginationContainer.matches(':hover');\n\n                if (!isHoveringOnSlider) {\n                    isHovering = false;\n                    startAutoSlide();\n                }\n            }, 50);\n        }\n\n        \/\/ Add hover events to entire slider\n        slider.addEventListener('mouseenter', pauseAutoSlide);\n        slider.addEventListener('mouseleave', resumeAutoSlide);\n\n        \/\/ Add hover events to each individual card\n        cards.forEach(card => {\n            card.addEventListener('mouseenter', pauseAutoSlide);\n            card.addEventListener('mouseleave', resumeAutoSlide);\n        });\n\n        \/\/ Add hover events to pagination dots\n        paginationContainer.addEventListener('mouseenter', pauseAutoSlide);\n        paginationContainer.addEventListener('mouseleave', resumeAutoSlide);\n\n        \/\/ Handle card clicks - allow link overlay to work\n        cards.forEach(card => {\n            card.addEventListener('click', function (e) {\n                \/\/ If clicking on flip arrow or inside front card, allow flip\n                if (e.target.closest('.course-flip-hint-pro') ||\n                    e.target.closest('.flip-arrow-pro') ||\n                    !e.target.closest('a')) {\n                    return; \/\/ Allow default flip behavior\n                }\n            });\n        });\n\n        \/\/ Manual flip on click for mobile (when not clicking link)\n        if (window.innerWidth <= 768) {\n            cards.forEach((card, index) => {\n                card.addEventListener('click', (e) => {\n                    \/\/ Don't flip if clicking on link\n                    if (e.target.closest('a')) return;\n\n                    cards.forEach((c, i) => {\n                        if (i !== index) {\n                            c.querySelector('.course-card-inner-pro').style.transform = '';\n                        }\n                    });\n\n                    const inner = card.querySelector('.course-card-inner-pro');\n                    const currentTransform = inner.style.transform || '';\n\n                    if (currentTransform.includes('rotateY(180deg)')) {\n                        inner.style.transform = '';\n                    } else {\n                        inner.style.transform = 'rotateY(180deg)';\n                    }\n\n                    e.stopPropagation();\n                });\n            });\n        }\n\n        \/\/ Touch\/swipe support for mobile\n        let touchStartX = 0;\n        let touchEndX = 0;\n\n        track.addEventListener('touchstart', (e) => {\n            touchStartX = e.changedTouches[0].screenX;\n        }, { passive: true });\n\n        track.addEventListener('touchend', (e) => {\n            touchEndX = e.changedTouches[0].screenX;\n            handleSwipe();\n        }, { passive: true });\n\n        function handleSwipe() {\n            const swipeThreshold = 50;\n            const difference = touchStartX - touchEndX;\n\n            if (Math.abs(difference) > swipeThreshold) {\n                if (difference > 0) {\n                    \/\/ Swipe left - next\n                    nextSlide();\n                } else {\n                    \/\/ Swipe right - previous\n                    prevSlide();\n                }\n                resetAutoSlide();\n            }\n        }\n\n        \/\/ Initialize\n        createPaginationDots();\n        updateResponsiveValues();\n        startAutoSlide();\n\n        \/\/ Update on resize\n        window.addEventListener('resize', updateResponsiveValues);\n\n        \/\/ Smooth scroll function\n        window.scrollToSection = function (sectionId) {\n            const section = document.getElementById(sectionId);\n            if (section) {\n                window.scrollTo({\n                    top: section.offsetTop - 80,\n                    behavior: 'smooth'\n                });\n            }\n        };\n    });\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1f51d7 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"f1f51d7\" data-element_type=\"container\" data-e-type=\"container\" id=\"pricing-section\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-399aec3 elementor-widget elementor-widget-shortcode\" data-id=\"399aec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n    .bwa-pricing-pro {\n        background: #ffffff;\n        padding: 80px 0 20px 0px;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .bwa-pricing-pro::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, rgba(139, 92, 246, 0.05) 0%, transparent 70%);\n        border-radius: 50%;\n        transform: translateY(-50%);\n    }\n\n    .pricing-container-pro {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* Section Header *\/\n    .pricing-header-pro {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .pricing-tagline-pro {\n        display: inline-block;\n        color: #7C3AED;\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 15px;\n        padding: 8px 20px;\n        background: rgba(124, 58, 237, 0.1);\n        border-radius: 20px;\n        border: 1px solid rgba(124, 58, 237, 0.2);\n    }\n\n    .pricing-title-pro {\n        font-size: 36px;\n        font-weight: 800;\n        color: #111827;\n        line-height: 1.2;\n        margin-bottom: 15px;\n    }\n\n    .pricing-title-pro .highlight {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        display: inline-block;\n    }\n\n    .pricing-desc-pro {\n        font-size: 16px;\n        color: #4B5563;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }\n\n    \/* Pricing Cards Grid - 3 columns on desktop *\/\n    .pricing-grid-pro {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n        margin-bottom: 50px;\n        align-items: stretch;\n        \/* Make all cards same height *\/\n    }\n\n    \/* Pricing Card *\/\n    .pricing-card-pro {\n        background: white;\n        border-radius: 20px;\n        padding: 30px;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);\n        border: 2px solid #f3f4f6;\n        transition: all 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        height: 100%;\n        \/* Take full grid height *\/\n        display: flex;\n        flex-direction: column;\n        \/* Enable flexbox for equal height *\/\n    }\n\n    .pricing-card-pro:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 50px rgba(124, 58, 237, 0.12);\n        border-color: #7C3AED;\n    }\n\n    .pricing-card-pro.popular {\n        border-color: #7C3AED;\n        box-shadow: 0 15px 45px rgba(124, 58, 237, 0.15);\n        transform: scale(1.02);\n    }\n\n    .pricing-card-pro.popular:hover {\n        transform: scale(1.02) translateY(-8px);\n    }\n\n    .popular-badge-pro {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        color: white;\n        padding: 8px 20px;\n        border-radius: 50px;\n        font-weight: 700;\n        font-size: 13px;\n        letter-spacing: 0.5px;\n        box-shadow: 0 6px 20px rgba(124, 58, 237, 0.25);\n    }\n\n    \/* Card Header *\/\n    .card-header-pro {\n        margin-bottom: 25px;\n        text-align: center;\n        flex-shrink: 0;\n        \/* Prevent header from shrinking *\/\n    }\n\n    .plan-icon-pro {\n        width: 60px;\n        height: 60px;\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 15px;\n        font-size: 28px;\n    }\n\n    .starter .plan-icon-pro {\n        background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n        color: #7C3AED;\n    }\n\n    .popular .plan-icon-pro {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        color: white;\n    }\n\n    .premium .plan-icon-pro {\n        background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n        color: #D97706;\n    }\n\n    .plan-name-pro {\n        font-size: 24px;\n        font-weight: 800;\n        color: #111827;\n        margin-bottom: 8px;\n    }\n\n    .plan-desc-pro {\n        color: #6B7280;\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n    \/* Price Display *\/\n    .price-display-pro {\n        text-align: center;\n        margin-bottom: 25px;\n        padding: 20px;\n        background: #f8fafc;\n        border-radius: 16px;\n        border: 1px solid #f1f5f9;\n        flex-shrink: 0;\n        \/* Prevent price section from shrinking *\/\n    }\n\n    .price-amount-pro {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        font-size: 42px;\n        font-weight: 800;\n        color: #111827;\n        line-height: 1;\n        margin-bottom: 5px;\n        display: flex;\n        align-items: flex-start;\n        justify-content: center;\n        gap: 4px;\n    }\n\n    .price-currency-pro {\n        font-size: 24px;\n        font-weight: 700;\n        margin-top: 4px;\n    }\n\n    .price-period-pro {\n        color: #6B7280;\n        font-size: 15px;\n        font-weight: 500;\n    }\n\n    \/* Features List *\/\n    .features-list-pro {\n        list-style: none;\n        margin-bottom: 30px;\n        padding: 0;\n        flex-grow: 1;\n        \/* Take available space to equalize height *\/\n    }\n\n    .features-list-pro li {\n        padding: 12px 0;\n        border-bottom: 1px solid #f3f4f6;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        color: #4B5563;\n        font-size: 14px;\n    }\n\n    .features-list-pro li:last-child {\n        border-bottom: none;\n    }\n\n    .feature-icon-pro {\n        width: 22px;\n        height: 22px;\n        border-radius: 6px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        font-size: 13px;\n        font-weight: bold;\n    }\n\n    .starter .feature-icon-pro {\n        background: rgba(124, 58, 237, 0.1);\n        color: #7C3AED;\n    }\n\n    .popular .feature-icon-pro {\n        background: rgba(124, 58, 237, 0.1);\n        color: #7C3AED;\n    }\n\n    .premium .feature-icon-pro {\n        background: rgba(124, 58, 237, 0.1);\n        color: #7C3AED;\n    }\n\n    \/* Action Button *\/\n    .plan-action-pro {\n        width: 100%;\n        text-decoration: none !important;\n        padding: 16px 24px;\n        border-radius: 12px;\n        font-weight: 700;\n        font-size: 15px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        border: 2px solid;\n        margin-top: auto;\n        \/* Push button to bottom *\/\n    }\n\n    .starter .plan-action-pro {\n        background: white;\n        border-color: #7C3AED;\n        color: #7C3AED;\n    }\n\n    .starter .plan-action-pro:hover {\n        background: #f5f3ff;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(124, 58, 237, 0.12);\n    }\n\n    .popular .plan-action-pro {\n        background: linear-gradient(135deg, #8B5CF6, #7C3AED);\n        border-color: transparent;\n        color: white;\n        box-shadow: 0 8px 25px rgba(124, 58, 237, 0.25);\n    }\n\n    .popular .plan-action-pro:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 12px 35px rgba(124, 58, 237, 0.35);\n    }\n\n    .premium .plan-action-pro {\n        background: white;\n        border-color: #7C3AED;\n        color: #7C3AED;\n    }\n\n    .premium .plan-action-pro:hover {\n        background: #f5f3ff;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(124, 58, 237, 0.12);\n    }\n\n    .action-arrow-pro {\n        font-size: 16px;\n        transition: transform 0.3s ease;\n    }\n\n    .plan-action-pro:hover .action-arrow-pro {\n        transform: translateX(4px);\n    }\n\n    \/* Floating Elements *\/\n    .floating-element-pro {\n        position: absolute;\n        background: white;\n        padding: 12px 24px;\n        border-radius: 12px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n        font-weight: 600;\n        font-size: 14px;\n        color: #374151;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        z-index: 3;\n        animation: floatElement 8s ease-in-out infinite;\n    }\n\n    .element-1-pro {\n        top: 120px;\n        left: 40px;\n        transform: rotate(-5deg);\n        animation-delay: 0s;\n    }\n\n    .element-2-pro {\n        bottom: 180px;\n        right: 40px;\n        transform: rotate(3deg);\n        animation-delay: 2s;\n    }\n\n    \/* CTA Section *\/\n    .pricing-cta-pro {\n        text-align: center;\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        padding: 50px 40px;\n        border-radius: 25px;\n        color: white;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .pricing-cta-pro::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 250px;\n        height: 250px;\n        background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .cta-title-pro {\n        font-size: 32px;\n        font-weight: 800;\n        color: white;\n        margin-bottom: 15px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .cta-text-pro {\n        font-size: 16px;\n        opacity: 0.9;\n        max-width: 600px;\n        margin: 0 auto 35px;\n        line-height: 1.6;\n        position: relative;\n        z-index: 2;\n    }\n\n    .cta-buttons-pro {\n        display: flex;\n        gap: 15px;\n        justify-content: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    .cta-button-pro {\n        padding: 16px 35px;\n        border-radius: 12px;\n        font-weight: 700;\n        font-size: 15px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        border: 2px solid white;\n        text-decoration: none;\n    }\n\n    .cta-primary-pro {\n        background: white;\n        color: #7C3AED;\n    }\n\n    .cta-primary-pro:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 30px rgba(255, 255, 255, 0.15);\n        color: #7c3aed;\n    }\n    \n    .cta-primary-pro:focus,\n    .cta-primary-pro:active {\n        color: #4B5563;\n    }\n\n    .cta-secondary-pro {\n        background: transparent;\n        color: white;\n    }\n\n    .cta-secondary-pro:hover {\n        background: rgba(255, 255, 255, 0.1);\n        transform: translateY(-3px);\n    }\n\n    \/* Animations *\/\n    @keyframes floatElement {\n        0%, 100% {\n            transform: translateY(0) rotate(var(--element-rotate, 0deg));\n        }\n        50% {\n            transform: translateY(-15px) rotate(var(--element-rotate, 0deg));\n        }\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 992px) {\n        .pricing-grid-pro {\n            grid-template-columns: repeat(2, 1fr);\n            \/* 2 cards on tablet *\/\n        }\n\n        .pricing-card-pro.popular {\n            transform: none;\n        }\n\n        .pricing-card-pro.popular:hover {\n            transform: translateY(-8px);\n        }\n\n        .floating-element-pro {\n            display: none;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .bwa-pricing-pro {\n            padding: 60px 0;\n        }\n\n        .pricing-title-pro {\n            font-size: 28px;\n        }\n\n        .pricing-grid-pro {\n            grid-template-columns: 1fr;\n            \/* 1 card on mobile *\/\n            max-width: 400px;\n            margin-left: auto;\n            margin-right: auto;\n            gap: 20px;\n        }\n\n        .pricing-card-pro {\n            padding: 25px 20px;\n        }\n\n        .pricing-cta-pro {\n            padding: 40px 25px;\n        }\n\n        .cta-title-pro {\n            font-size: 26px;\n        }\n\n        .cta-buttons-pro {\n            flex-direction: column;\n        }\n\n        .price-amount-pro {\n            font-size: 36px;\n        }\n\n        .plan-name-pro {\n            font-size: 22px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .pricing-title-pro {\n            font-size: 26px;\n        }\n\n        .cta-title-pro {\n            font-size: 24px;\n        }\n\n        .cta-button-pro {\n            padding: 14px 25px;\n            font-size: 14px;\n        }\n\n        .popular-badge-pro {\n            font-size: 12px;\n            padding: 6px 15px;\n        }\n\n        .features-list-pro li {\n            font-size: 13px;\n            padding: 10px 0;\n        }\n    }\n<\/style>\n\n<section class=\"bwa-pricing-pro\" id=\"pricing\">\n    <div class=\"pricing-container-pro\">\n        <!-- Section Header -->\n        <div class=\"pricing-header-pro\">\n            <div class=\"pricing-tagline-pro\">Simple & Transparent Pricing<\/div>\n            <h2 class=\"pricing-title-pro\">\n                Choose Your <span class=\"highlight\">Perfect Plan<\/span>\n            <\/h2>\n            <p class=\"pricing-desc-pro\">\n                Flexible monthly plans for every learning need. Start with a 7-day free trial,\n                no credit card required.\n            <\/p>\n        <\/div>\n\n        <!-- Pricing Cards Grid -->\n        <div class=\"pricing-grid-pro\">\n            <!-- Starter Plan - Now 6 features -->\n            <div class=\"pricing-card-pro starter\">\n                <div class=\"card-header-pro\">\n                    <div class=\"plan-icon-pro\">\ud83c\udfaf<\/div>\n                    <h3 class=\"plan-name-pro\">Starter<\/h3>\n                    <p class=\"plan-desc-pro\">Perfect for beginners<\/p>\n                <\/div>\n\n                <div class=\"price-display-pro\">\n                    <div class=\"price-amount-pro\">\n                        <span class=\"price-currency-pro\">$<\/span>\n                        <span class=\"price-number-pro\">29<\/span>\n                    <\/div>\n                    <div class=\"price-period-pro\">per month<\/div>\n                <\/div>\n\n                <ul class=\"features-list-pro\">\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>2 hours of tutoring per week<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Access to 5 core subjects<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Weekly progress reports<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Email support<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Basic homework help<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Mobile app access<\/span>\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/detailed-pricing\/\" class=\"plan-action-pro\" onclick=\"selectPlan('starter')\">\n                    <span>Buy Now<\/span>\n                    <span class=\"action-arrow-pro\">\u2192<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Popular Plan - Already 6 features -->\n            <div class=\"pricing-card-pro popular\">\n                <div class=\"popular-badge-pro\">MOST POPULAR<\/div>\n                <div class=\"card-header-pro\">\n                    <div class=\"plan-icon-pro\">\ud83d\ude80<\/div>\n                    <h3 class=\"plan-name-pro\">Pro Learner<\/h3>\n                    <p class=\"plan-desc-pro\">Best for serious students<\/p>\n                <\/div>\n\n                <div class=\"price-display-pro\">\n                    <div class=\"price-amount-pro\">\n                        <span class=\"price-currency-pro\">$<\/span>\n                        <span class=\"price-number-pro\">59<\/span>\n                    <\/div>\n                    <div class=\"price-period-pro\">per month<\/div>\n                <\/div>\n\n                <ul class=\"features-list-pro\">\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>5 hours of tutoring per week<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Access to all 24+ subjects<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Daily progress dashboard<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Priority 24\/7 support<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Unlimited homework help<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Monthly parent meetings<\/span>\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/learning\/\" class=\"plan-action-pro\" onclick=\"selectPlan('pro')\">\n                    <span>Buy Now<\/span>\n                    <span class=\"action-arrow-pro\">\u2192<\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Premium Plan - Now 6 features -->\n            <div class=\"pricing-card-pro premium\">\n                <div class=\"card-header-pro\">\n                    <div class=\"plan-icon-pro\">\ud83d\udc51<\/div>\n                    <h3 class=\"plan-name-pro\">Premium<\/h3>\n                    <p class=\"plan-desc-pro\">For maximum results<\/p>\n                <\/div>\n\n                <div class=\"price-display-pro\">\n                    <div class=\"price-amount-pro\">\n                        <span class=\"price-currency-pro\">$<\/span>\n                        <span class=\"price-number-pro\">99<\/span>\n                    <\/div>\n                    <div class=\"price-period-pro\">per month<\/div>\n                <\/div>\n\n                <ul class=\"features-list-pro\">\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>10 hours of tutoring per week<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Access to all 24+ subjects<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>VIP 24\/7 support with mentor<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>College counseling sessions<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Custom learning materials<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-icon-pro\">\u2713<\/div>\n                        <span>Exam preparation masterclasses<\/span>\n                    <\/li>\n                <\/ul>\n\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/learning\/\" class=\"plan-action-pro\" onclick=\"selectPlan('premium')\">\n                    <span>Buy Now<\/span>\n                    <span class=\"action-arrow-pro\">\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Floating Elements -->\n        <div class=\"floating-element-pro element-1-pro\" style=\"--element-rotate: -5deg;\">\n            <span>\ud83c\udf81<\/span>\n            <span>7-Day Free Trial<\/span>\n        <\/div>\n\n        <div class=\"floating-element-pro element-2-pro\" style=\"--element-rotate: 3deg;\">\n            <span>\ud83d\udc8e<\/span>\n            <span>No Hidden Fees<\/span>\n        <\/div>\n\n        <!-- CTA Section -->\n        <div class=\"pricing-cta-pro\">\n            <h3 class=\"cta-title-pro\">Still Undecided?<\/h3>\n            <p class=\"cta-text-pro\">\n                Try our 7-day free trial with full access to all features.\n                No credit card required. 97% of students continue after their free trial.\n            <\/p>\n            <div class=\"cta-buttons-pro\">\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/learning\" class=\"cta-button-pro cta-primary-pro\" onclick=\"\">\n                    <span>Start 7-Day Free Trial<\/span>\n                    <span>\u2192<\/span>\n                <\/a>\n                <a href=\"#faqs\" class=\"cta-button-pro cta-secondary-pro\">\n                    <span>Read FAQs<\/span>\n                    <span>\u2753<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ Plan selection\n        window.selectPlan = function (planType) {\n            const planNames = {\n                'starter': 'Starter Plan ($29\/month)',\n                'pro': 'Pro Learner Plan ($59\/month)',\n                'premium': 'Premium Plan ($99\/month)'\n            };\n\n            console.log('Selected plan:', planType, planNames[planType]);\n            \/\/ In production: window.location.href = '\/signup?plan=' + planType;\n        };\n\n        \/\/ Free trial button\n        window.startFreeTrial = function () {\n            console.log('Starting free trial');\n            \/\/ In production: window.location.href = '\/free-trial';\n        };\n    });\n\n    \/\/ Hover effects for pricing cards\n    const pricingCards = document.querySelectorAll('.pricing-card-pro');\n    pricingCards.forEach(card => {\n        card.addEventListener('mouseenter', () => {\n            card.style.zIndex = '10';\n        });\n\n        card.addEventListener('mouseleave', () => {\n            card.style.zIndex = '';\n        });\n    });\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9048fb0 e-flex e-con-boxed e-con e-parent\" data-id=\"9048fb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9c06f elementor-widget elementor-widget-shortcode\" data-id=\"2b9c06f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n    .bwa-testimonials-pro {\n        background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n        padding: 80px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .testimonials-container-pro {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n    \n    \/* Section Header *\/\n    .testimonials-header-pro {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n    \n    .testimonials-tagline-pro {\n        color: #7C3AED;\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 15px;\n        display: inline-block;\n        padding: 6px 16px;\n        background: rgba(124, 58, 237, 0.1);\n        border-radius: 20px;\n    }\n    \n    .testimonials-title-pro {\n        font-size: 42px;\n        font-weight: 800;\n        color: #111827;\n        margin-bottom: 15px;\n        line-height: 1.2;\n    }\n    \n    .testimonials-title-pro .highlight {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        position: relative;\n    }\n    \n    .testimonials-title-pro .highlight::after {\n        content: '';\n        position: absolute;\n        bottom: -5px;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(90deg, #7C3AED, #6D28D9);\n        border-radius: 2px;\n    }\n    \n    \/* Testimonials Slider *\/\n    .testimonials-slider-pro {\n        position: relative;\n        overflow: hidden;\n        margin: 0 -15px;\n        padding: 20px 15px 60px;\n    }\n    \n    .slider-track-pro {\n        display: flex;\n        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);\n        gap: 30px;\n        padding: 10px 0;\n    }\n    \n    \/* Testimonial Card *\/\n    .testimonial-card-pro {\n        flex: 0 0 calc(33.333% - 20px);\n        background: white;\n        border-radius: 20px;\n        padding: 35px;\n        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);\n        border: 1px solid #f3f4f6;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .testimonial-card-pro::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 5px;\n        background: linear-gradient(90deg, #7C3AED, #6D28D9);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    \n    .testimonial-card-pro:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\n        border-color: #e5e7eb;\n    }\n    \n    .testimonial-card-pro:hover::before {\n        opacity: 1;\n    }\n    \n    \/* Rating Stars *\/\n    .rating-stars-pro {\n        display: flex;\n        gap: 5px;\n        margin-bottom: 25px;\n    }\n    \n    .star-icon-pro {\n        color: #FBBF24;\n        font-size: 22px;\n        text-shadow: 0 2px 4px rgba(251, 191, 36, 0.2);\n    }\n    \n    \/* Testimonial Text *\/\n    .testimonial-text-pro {\n        color: #4B5563;\n        font-size: 17px;\n        line-height: 1.7;\n        margin-bottom: 30px;\n        font-style: italic;\n        position: relative;\n        padding-left: 20px;\n    }\n    \n    .testimonial-text-pro::before {\n        content: '\"';\n        font-size: 80px;\n        color: #7C3AED;\n        opacity: 0.15;\n        position: absolute;\n        top: -40px;\n        left: -15px;\n        font-family: Georgia, serif;\n        font-weight: bold;\n        line-height: 1;\n    }\n    \n    \/* Author Info *\/\n    .author-info-pro {\n        display: flex;\n        align-items: center;\n        gap: 18px;\n        padding-top: 25px;\n        border-top: 1px solid #f3f4f6;\n    }\n    \n    .author-avatar-pro {\n        width: 65px;\n        height: 65px;\n        border-radius: 16px;\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 26px;\n        color: white;\n        flex-shrink: 0;\n        box-shadow: 0 8px 20px rgba(124, 58, 237, 0.2);\n    }\n    \n    .author-details-pro h4 {\n        font-size: 19px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 6px;\n    }\n    \n    .author-role-pro {\n        color: #6B7280;\n        font-size: 15px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n    \n    \/* DOTS NAVIGATION *\/\n    .slider-dots-pro {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 12px;\n        margin-top: 40px;\n        padding: 10px 0;\n    }\n    \n    .dot-pro {\n        width: 14px;\n        height: 14px;\n        border-radius: 50%;\n        background: #E5E7EB;\n        border: none;\n        padding: 0;\n        cursor: pointer;\n        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .dot-pro::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        border-radius: 50%;\n        transform: scale(0);\n        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    }\n    \n    .dot-pro:hover {\n        transform: scale(1.2);\n    }\n    \n    .dot-pro:hover::before {\n        transform: scale(0.8);\n    }\n    \n    .dot-pro.active {\n        transform: scale(1.3);\n    }\n    \n    .dot-pro.active::before {\n        transform: scale(1);\n    }\n    \n    \/* Stats Section *\/\n    .testimonials-stats-pro {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px;\n        margin-top: 80px;\n        padding: 50px;\n        background: #722EDF;\n        border-radius: 25px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);\n        position: relative;\n        overflow: hidden;\n        border: 1px solid #f3f4f6;\n    }\n    \n    .testimonials-stats-pro::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 5px;\n        background: linear-gradient(90deg, #7C3AED, #6D28D9, #8B5CF6);\n    }\n    \n    .stat-item-pro {\n        text-align: center;\n        position: relative;\n        padding: 20px;\n        border-radius: 15px;\n        transition: all 0.3s ease;\n    }\n    \n    .stat-item-pro:hover {\n        background: linear-gradient(135deg, rgba(124, 58, 237, 0.05), rgba(139, 92, 246, 0.05));\n        transform: translateY(-5px);\n    }\n    \n    .stat-number-pro {\n        font-size: 48px;\n        font-weight: 800;\n        color: #7C3AED;\n        margin-bottom: 12px;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .stat-label-pro {\n        color: #EBE1FB;\n        font-size: 16px;\n        font-weight: 500;\n        letter-spacing: 0.5px;\n    }\n    \n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .testimonial-card-pro {\n            flex: 0 0 calc(50% - 15px);\n        }\n        \n        .testimonials-title-pro {\n            font-size: 36px;\n        }\n        \n        .testimonials-stats-pro {\n            gap: 30px;\n            padding: 40px;\n        }\n        \n        .stat-number-pro {\n            font-size: 42px;\n        }\n        \n        .slider-dots-pro {\n            margin-top: 30px;\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .bwa-testimonials-pro {\n            padding: 60px 0;\n        }\n        \n        .testimonials-title-pro {\n            font-size: 32px;\n        }\n        \n        .testimonial-card-pro {\n            flex: 0 0 calc(100% - 20px);\n            padding: 30px;\n        }\n        \n        .testimonial-text-pro {\n            font-size: 16px;\n        }\n        \n        .author-avatar-pro {\n            width: 55px;\n            height: 55px;\n            font-size: 22px;\n        }\n        \n        .slider-dots-pro {\n            gap: 10px;\n            margin-top: 25px;\n        }\n        \n        .dot-pro {\n            width: 12px;\n            height: 12px;\n        }\n        \n        .testimonials-stats-pro {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            padding: 35px 25px;\n            margin-top: 60px;\n        }\n        \n        .stat-number-pro {\n            font-size: 38px;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .testimonials-title-pro {\n            font-size: 28px;\n        }\n        \n        .testimonial-card-pro {\n            flex: 0 0 100%;\n            margin: 0 10px;\n        }\n        \n        .slider-dots-pro {\n            gap: 8px;\n            margin-top: 20px;\n        }\n        \n        .dot-pro {\n            width: 10px;\n            height: 10px;\n        }\n        \n        .testimonials-stats-pro {\n            grid-template-columns: 1fr;\n            gap: 30px;\n            padding: 30px 20px;\n        }\n        \n        .author-info-pro {\n            flex-direction: column;\n            text-align: center;\n            gap: 15px;\n        }\n        \n        .author-details-pro {\n            text-align: center;\n        }\n        \n        .testimonial-text-pro::before {\n            font-size: 60px;\n            top: -30px;\n            left: -10px;\n        }\n    }\n    \n    \/* Loading Animation *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n    \n    .testimonial-card-pro {\n        animation: fadeInUp 0.6s ease forwards;\n    }\n    \n    .testimonial-card-pro:nth-child(2) {\n        animation-delay: 0.2s;\n    }\n    \n    .testimonial-card-pro:nth-child(3) {\n        animation-delay: 0.4s;\n    }\n    <\/style>\n    \n    <section class=\"bwa-testimonials-pro\" id=\"testimonials\">\n        <div class=\"testimonials-container-pro\">\n            <!-- Section Header -->\n            <div class=\"testimonials-header-pro\">\n                <div class=\"testimonials-tagline-pro\">Student Success Stories<\/div>\n                <h2 class=\"testimonials-title-pro\">\n                    Loved by <span class=\"highlight\">Thousands<\/span> of Students\n                <\/h2>\n            <\/div>\n            \n            <!-- Testimonials Slider -->\n            <div class=\"testimonials-slider-pro\">\n                <div class=\"slider-track-pro\" id=\"sliderTrack\">\n                    <!-- Testimonial 1 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"I went from failing math to getting A's in just 3 months! My tutor was incredibly patient and explained concepts in ways I could actually understand. Highly recommend BrainWaveAcademy!\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\ud83d\udc69\u200d\ud83c\udf93<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>Sarah Chen<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>16 years \u2022 Mathematics \u2022 Grade improved: F \u2192 A<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Testimonial 2 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"The coding classes are amazing! I built my first website after just 2 months. The 1-on-1 attention made all the difference. Now I'm confident about pursuing computer science in college.\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\ud83d\udc68\u200d\ud83d\udcbb<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>Michael Rodriguez<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>17 years \u2022 Computer Science \u2022 SAT: 1520<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Testimonial 3 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"As a parent, I appreciate the regular progress updates and parent-teacher meetings. My daughter's confidence has skyrocketed since joining. Worth every penny!\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\ud83d\udc68\u200d\ud83d\udc67<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>David Park<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>Parent \u2022 2 children enrolled \u2022 18 months<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Testimonial 4 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"The science program helped my son discover his passion for biology. He's now planning to study medicine thanks to the amazing mentorship he received here!\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\ud83d\udd2c<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>Priya Sharma<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>Parent \u2022 Biology \u2022 12 months enrolled<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Testimonial 5 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"My English grades improved by 2 levels in one semester! The personalized feedback on essays was exactly what I needed to boost my confidence.\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\ud83d\udcda<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>Emma Wilson<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>15 years \u2022 English Literature \u2022 Grade: C \u2192 A<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- NEW Testimonial 6 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"The physics tutoring was life-changing! I went from struggling with basic concepts to winning my school's science fair. The practical experiments made learning fun and effective.\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\u269b\ufe0f<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>Alex Thompson<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>17 years \u2022 Physics \u2022 School Science Fair Winner<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- NEW Testimonial 7 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"As an international student, the English language support was incredible. My IELTS score improved from 6.0 to 8.0 in just 4 months. The teachers truly understand our challenges.\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\ud83c\udf0d<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>Li Wei<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>International Student \u2022 IELTS: 6.0 \u2192 8.0<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- NEW Testimonial 8 -->\n                    <div class=\"testimonial-card-pro\">\n                        <div class=\"rating-stars-pro\">\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                            <span class=\"star-icon-pro\">\u2605<\/span>\n                        <\/div>\n                        <p class=\"testimonial-text-pro\">\n                            \"The college counseling program helped me get into my dream university! From essay editing to interview preparation, they supported me through every step of the application process.\"\n                        <\/p>\n                        <div class=\"author-info-pro\">\n                            <div class=\"author-avatar-pro\">\ud83c\udf93<\/div>\n                            <div class=\"author-details-pro\">\n                                <h4>Jessica Miller<\/h4>\n                                <div class=\"author-role-pro\">\n                                    <span>18 years \u2022 Accepted to Stanford University<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- DOTS Navigation -->\n                <!-- <div class=\"slider-dots-pro\" id=\"sliderDots\">\n                     Dots will be generated by JavaScript -->\n                <\/div>\n            <\/div>\n            \n            <!-- Stats Section -->\n            <div class=\"testimonials-stats-pro\" style=\"display:none;\">\n                <div class=\"stat-item-pro\">\n                    <div class=\"stat-number-pro\">4.9\/5<\/div>\n                    <div class=\"stat-label-pro\">Average Rating<\/div>\n                <\/div>\n                <div class=\"stat-item-pro\">\n                    <div class=\"stat-number-pro\">98%<\/div>\n                    <div class=\"stat-label-pro\">Student Satisfaction<\/div>\n                <\/div>\n                <div class=\"stat-item-pro\">\n                    <div class=\"stat-number-pro\">5000+<\/div>\n                    <div class=\"stat-label-pro\">Students Helped<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const track = document.getElementById('sliderTrack');\n        const dotsContainer = document.getElementById('sliderDots');\n        const cards = document.querySelectorAll('.testimonial-card-pro');\n        \n        let currentPosition = 0;\n        let isAnimating = false;\n        let autoSlideInterval;\n        const autoSlideDelay = 5000; \/\/ 5 seconds\n        \n        \/\/ Get number of visible cards based on screen size\n        function getVisibleCards() {\n            const width = window.innerWidth;\n            if (width <= 768) return 1;\n            if (width <= 1024) return 2;\n            return 3;\n        }\n        \n        \/\/ Calculate total number of dots needed\n        function getTotalDots() {\n            const visibleCards = getVisibleCards();\n            return Math.max(1, Math.ceil(cards.length \/ visibleCards));\n        }\n        \n        \/\/ Get card width including gap\n        function getCardWidth() {\n            const card = cards[0];\n            if (!card) return 0;\n            \n            const cardWidth = card.offsetWidth;\n            const trackStyle = window.getComputedStyle(track);\n            const gap = parseInt(trackStyle.gap) || 30;\n            \n            return cardWidth + gap;\n        }\n        \n        \/\/ Calculate max position we can scroll to\n        function getMaxPosition() {\n            const visibleCards = getVisibleCards();\n            return Math.max(0, cards.length - visibleCards);\n        }\n        \n        \/\/ Create dots navigation\n        function createDots() {\n            dotsContainer.innerHTML = '';\n            const totalDots = getTotalDots();\n            \n            for (let i = 0; i < totalDots; i++) {\n                const dot = document.createElement('button');\n                dot.className = 'dot-pro';\n                dot.setAttribute('aria-label', `Go to testimonial group ${i + 1}`);\n                dot.dataset.index = i;\n                \n                dot.addEventListener('click', () => {\n                    stopAutoSlide();\n                    const visibleCards = getVisibleCards();\n                    moveSlider(i * visibleCards);\n                    startAutoSlide();\n                });\n                \n                dotsContainer.appendChild(dot);\n            }\n            \n            updateDots();\n        }\n        \n        \/\/ Update active dot\n        function updateDots() {\n            const dots = document.querySelectorAll('.dot-pro');\n            const visibleCards = getVisibleCards();\n            const activeDotIndex = Math.floor(currentPosition \/ visibleCards);\n            \n            dots.forEach((dot, index) => {\n                if (index === activeDotIndex) {\n                    dot.classList.add('active');\n                } else {\n                    dot.classList.remove('active');\n                }\n            });\n        }\n        \n        \/\/ Move slider to position\n        function moveSlider(toPosition, animate = true) {\n            if (isAnimating) return;\n            \n            const maxPosition = getMaxPosition();\n            \n            \/\/ Clamp position to valid range\n            toPosition = Math.max(0, Math.min(toPosition, maxPosition));\n            \n            if (toPosition === currentPosition) return;\n            \n            isAnimating = true;\n            const cardWidth = getCardWidth();\n            const offset = -toPosition * cardWidth;\n            \n            if (animate) {\n                track.style.transition = 'transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n            } else {\n                track.style.transition = 'none';\n            }\n            \n            track.style.transform = `translateX(${offset}px)`;\n            currentPosition = toPosition;\n            \n            \/\/ Update dots\n            updateDots();\n            \n            \/\/ Reset animation flag\n            setTimeout(() => {\n                isAnimating = false;\n            }, animate ? 600 : 0);\n        }\n        \n        \/\/ Next slide\n        function nextSlide() {\n            const visibleCards = getVisibleCards();\n            const nextPosition = currentPosition + visibleCards;\n            \n            if (nextPosition <= getMaxPosition()) {\n                moveSlider(nextPosition);\n            } else {\n                \/\/ If at end, go back to start\n                moveSlider(0);\n            }\n        }\n        \n        \/\/ Previous slide\n        function prevSlide() {\n            const visibleCards = getVisibleCards();\n            const prevPosition = currentPosition - visibleCards;\n            \n            if (prevPosition >= 0) {\n                moveSlider(prevPosition);\n            } else {\n                \/\/ If at start, go to last position\n                const maxPosition = getMaxPosition();\n                const lastGroupStart = Math.floor(maxPosition \/ visibleCards) * visibleCards;\n                moveSlider(lastGroupStart);\n            }\n        }\n        \n        \/\/ Start auto slide\n        function startAutoSlide() {\n            clearInterval(autoSlideInterval);\n            autoSlideInterval = setInterval(() => {\n                nextSlide();\n            }, autoSlideDelay);\n        }\n        \n        \/\/ Stop auto slide\n        function stopAutoSlide() {\n            clearInterval(autoSlideInterval);\n        }\n        \n        \/\/ Event Listeners for keyboard navigation\n        document.addEventListener('keydown', (e) => {\n            if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;\n            \n            if (e.key === 'ArrowLeft') {\n                e.preventDefault();\n                stopAutoSlide();\n                prevSlide();\n                startAutoSlide();\n            } else if (e.key === 'ArrowRight') {\n                e.preventDefault();\n                stopAutoSlide();\n                nextSlide();\n                startAutoSlide();\n            }\n        });\n        \n        \/\/ Pause auto-slide on hover\n        const slider = document.querySelector('.testimonials-slider-pro');\n        slider.addEventListener('mouseenter', stopAutoSlide);\n        slider.addEventListener('mouseleave', startAutoSlide);\n        \n        \/\/ Handle window resize\n        function handleResize() {\n            createDots(); \/\/ Recreate dots for new screen size\n            moveSlider(0, false);\n        }\n        \n        \/\/ Initialize\n        createDots();\n        moveSlider(0, false);\n        startAutoSlide();\n        \n        \/\/ Resize listener with debounce\n        let resizeTimeout;\n        window.addEventListener('resize', () => {\n            clearTimeout(resizeTimeout);\n            resizeTimeout = setTimeout(handleResize, 200);\n        });\n        \n        \/\/ Touch support for mobile\n        let touchStartX = 0;\n        let touchEndX = 0;\n        \n        track.addEventListener('touchstart', (e) => {\n            touchStartX = e.touches[0].clientX;\n            stopAutoSlide();\n        }, { passive: true });\n        \n        track.addEventListener('touchmove', (e) => {\n            touchEndX = e.touches[0].clientX;\n        }, { passive: true });\n        \n        track.addEventListener('touchend', () => {\n            const minSwipe = 50;\n            const diff = touchStartX - touchEndX;\n            \n            if (Math.abs(diff) > minSwipe) {\n                if (diff > 0) {\n                    nextSlide();\n                } else {\n                    prevSlide();\n                }\n            }\n            \n            startAutoSlide();\n        });\n    });\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-162e903 e-flex e-con-boxed e-con e-parent\" data-id=\"162e903\" data-element_type=\"container\" data-e-type=\"container\" id=\"FAQs-Section\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1f5432 elementor-widget elementor-widget-shortcode\" data-id=\"d1f5432\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\n\n<style>\n    .bwa-faqs-pro {\n        background: #ffffff;\n        padding: 40px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    .faqs-container-pro {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* Section Header *\/\n    .faqs-header-pro {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .faqs-tagline-pro {\n        color: #7C3AED;\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 15px;\n    }\n\n    .faqs-title-pro {\n        font-size: 36px;\n        font-weight: 800;\n        color: #111827;\n        margin-bottom: 15px;\n    }\n\n    .faqs-title-pro .highlight {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .faqs-subtitle-pro {\n        color: #6B7280;\n        font-size: 16px;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }\n\n    \/* FAQs Layout *\/\n    .faqs-content-pro {\n        display: grid;\n        grid-template-columns: 2fr 1fr;\n        gap: 50px;\n        align-items: start;\n    }\n\n    \/* FAQs List *\/\n    .faqs-list-pro {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    \/* FAQ Item *\/\n    .faq-item-pro {\n        border-radius: 15px;\n        border: 1px solid #e5e7eb;\n        overflow: hidden;\n        background: white;\n        transition: all 0.3s ease;\n    }\n\n    .faq-item-pro.active {\n        border-color: #7C3AED;\n        box-shadow: 0 10px 30px rgba(124, 58, 237, 0.1);\n    }\n\n    .faq-question-pro {\n        width: 100%;\n        padding: 22px 25px;\n        background: white;\n        border: none;\n        text-align: left;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        cursor: pointer;\n        transition: background 0.3s ease;\n    }\n\n    .faq-question-pro:hover {\n        background: #fafafa;\n    }\n\n    .faq-question-pro:focus {\n        background: #fafafa;\n    }\n\n    .question-text-pro {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n    }\n\n    .question-number-pro {\n        width: 32px;\n        height: 32px;\n        border-radius: 8px;\n        background: #f5f3ff;\n        color: #7C3AED;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 14px;\n        flex-shrink: 0;\n    }\n\n    .faq-item-pro.active .question-number-pro {\n        background: #7C3AED;\n        color: white;\n    }\n\n    .question-title-pro {\n        font-size: 16px;\n        font-weight: 600;\n        color: #111827;\n    }\n\n    .faq-toggle-pro {\n        width: 24px;\n        height: 24px;\n        border-radius: 6px;\n        background: #f5f3ff;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        font-size: 18px;\n        color: #7C3AED;\n        flex-shrink: 0;\n    }\n\n    .faq-item-pro.active .faq-toggle-pro {\n        background: #7C3AED;\n        color: white;\n        transform: rotate(45deg);\n    }\n\n    \/* FAQ Answer *\/\n    .faq-answer-pro {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s ease;\n    }\n\n    .faq-item-pro.active .faq-answer-pro {\n        max-height: 500px;\n    }\n\n    .answer-content-pro {\n        padding: 0 25px 25px 72px;\n        color: #4B5563;\n        line-height: 1.6;\n        font-size: 15px;\n    }\n\n    \/* Sidebar *\/\n    .faqs-sidebar-pro {\n        position: sticky;\n        top: 30px;\n    }\n\n    .support-card-pro {\n        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n        border-radius: 20px;\n        padding: 30px;\n        text-align: center;\n        border: 1px solid #e5e7eb;\n    }\n\n    .support-icon-pro {\n        width: 70px;\n        height: 70px;\n        border-radius: 18px;\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 20px;\n        font-size: 30px;\n        color: white;\n    }\n\n    .support-title-pro {\n        font-size: 20px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 10px;\n    }\n\n    .support-text-pro {\n        color: #6B7280;\n        font-size: 14px;\n        margin-bottom: 25px;\n        line-height: 1.5;\n    }\n\n    .support-buttons-pro {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .support-btn-pro {\n        padding: 14px 20px;\n        border-radius: 12px;\n        font-weight: 600;\n        font-size: 15px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        border: 2px solid;\n    }\n\n    .email-btn-pro {\n        background: #7C3AED;\n        border-color: #7C3AED;\n        color: white;\n\t\ttext-decoration: none !important;\n    }\n\n    .email-btn-pro:hover {\n        background: #6D28D9;\n        transform: translateY(-2px);\n        box-shadow: 0 10px 25px rgba(124, 58, 237, 0.3);\n    }\n\n    .call-btn-pro {\n        background: white;\n        border-color: #7C3AED;\n        color: #7C3AED;\n\t\ttext-decoration: none !important;\n    }\n\n    .call-btn-pro:hover {\n        background: #f5f3ff;\n        transform: translateY(-2px);\n        color: #7C3AED;\n    }\n\t\t\t\t\t\t\t\t\t\n\t.call-btn-pro:focus,\n\t.call-btn-pro:active {\n\t\tcolor: #7c3aed;\n\t}\n\n    .support-icon-btn {\n        font-size: 18px;\n    }\n\n    \/* CTA Section *\/\n    .faqs-cta-pro {\n        margin-top: 60px;\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        border-radius: 25px;\n        padding: 40px;\n        text-align: center;\n        color: white;\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .cta-title-pro {\n        font-size: 28px;\n        font-weight: 700;\n        margin-bottom: 15px;\n        position: relative;\n        z-index: 2;\n\t\tcolor: white !important;\n    }\n\n    .cta-text-pro {\n        opacity: 0.9;\n        margin-bottom: 25px;\n        font-size: 16px;\n        position: relative;\n        z-index: 2;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .cta-button-pro {\n        background: white;\n        color: #7C3AED;\n        border: none;\n        padding: 16px 35px;\n\t\ttext-decoration: none !important;\n        border-radius: 12px;\n        font-weight: 700;\n        font-size: 16px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .cta-button-pro:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2);\n        background-color: white;\n\t\tcolor: #7C3AED;\n    }\n\t\t\t\t\t\t\t\t\t\n\t.cta-button-pro:active, cta-button-pro:focus {\n\t\tcolor: #7C3AED;\n\t}\n\t\t\t\t\t\t\t\t\t\n\t.cta-button-pro:focus,\n.cta-button-pro:active {\n    color: #7C3AED;\n}\n\n\n\n    \/* Floating Elements *\/\n    .floating-element-pro {\n        position: absolute;\n        background: white;\n        padding: 12px 24px;\n        border-radius: 12px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n        font-weight: 600;\n        font-size: 14px;\n        color: #374151;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        z-index: 3;\n        animation: floatElement 8s ease-in-out infinite;\n    }\n\n    .element-1-pro {\n        top: 40px;\n        left: 40px;\n        transform: rotate(-5deg);\n        animation-delay: 0s;\n    }\n\n    .element-2-pro {\n        bottom: 40px;\n        right: 40px;\n        transform: rotate(3deg);\n        animation-delay: 2s;\n    }\n\n    @keyframes floatElement {\n\n        0%,\n        100% {\n            transform: translateY(0) rotate(var(--element-rotate, 0deg));\n        }\n\n        50% {\n            transform: translateY(-15px) rotate(var(--element-rotate, 0deg));\n        }\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 992px) {\n        .faqs-content-pro {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        .faqs-sidebar-pro {\n            position: static;\n        }\n\n        .floating-element-pro {\n            display: none;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .bwa-faqs-pro {\n            padding: 60px 0;\n        }\n\n        .faqs-title-pro {\n            font-size: 30px;\n        }\n\n        .answer-content-pro {\n            padding: 0 25px 25px 25px;\n        }\n\n        .question-text-pro {\n            gap: 12px;\n        }\n\n        .faqs-cta-pro {\n            padding: 30px 20px;\n        }\n\n        .cta-title-pro {\n            font-size: 24px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .faqs-title-pro {\n            font-size: 26px;\n        }\n\n        .faq-question-pro {\n            padding: 18px 20px;\n        }\n\n        .question-number-pro {\n            width: 28px;\n            height: 28px;\n            font-size: 12px;\n        }\n\n        .question-title-pro {\n            font-size: 15px;\n        }\n\n        .answer-content-pro {\n            padding: 0 20px 20px 20px;\n            font-size: 14px;\n        }\n\n        .support-card-pro {\n            padding: 25px 20px;\n        }\n\n        .support-buttons-pro {\n            flex-direction: column;\n        }\n\n        .support-btn-pro {\n            width: 100%;\n        }\n    }\n<\/style>\n\n<section class=\"bwa-faqs-pro\" id=\"faqs\">\n    <div class=\"faqs-container-pro\">\n        <!-- Section Header -->\n        <div class=\"faqs-header-pro\">\n            <div class=\"faqs-tagline-pro\">Got Questions?<\/div>\n            <h2 class=\"faqs-title-pro\">\n                Frequently Asked <span class=\"highlight\">Questions<\/span>\n            <\/h2>\n            <p class=\"faqs-subtitle-pro\">\n                Find answers to common questions about our tutoring services,\n                pricing, and how we help students succeed.\n            <\/p>\n        <\/div>\n\n        <!-- FAQs Content -->\n        <div class=\"faqs-content-pro\">\n            <!-- FAQs List -->\n            <div class=\"faqs-list-pro\">\n                <!-- FAQ 1 -->\n                <div class=\"faq-item-pro\" data-faq=\"1\">\n                    <button class=\"faq-question-pro\">\n                        <div class=\"question-text-pro\">\n                            <div class=\"question-number-pro\">1<\/div>\n                            <div class=\"question-title-pro\">\n                                How does the free trial work?\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-toggle-pro\">+<\/div>\n                    <\/button>\n                    <div class=\"faq-answer-pro\">\n                        <div class=\"answer-content-pro\">\n                            <p>Our 7-day free trial includes 2 hours of 1-on-1 tutoring with an expert tutor in your\n                                chosen subject. No credit card required. You'll get access to our learning platform,\n                                progress tracking, and all basic features. 95% of students continue after their free\n                                trial.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 2 -->\n                <div class=\"faq-item-pro\" data-faq=\"2\">\n                    <button class=\"faq-question-pro\">\n                        <div class=\"question-text-pro\">\n                            <div class=\"question-number-pro\">2<\/div>\n                            <div class=\"question-title-pro\">\n                                Can I choose my own tutor?\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-toggle-pro\">+<\/div>\n                    <\/button>\n                    <div class=\"faq-answer-pro\">\n                        <div class=\"answer-content-pro\">\n                            <p>Yes! After signing up, we match you with 3 tutors that fit your learning style, schedule,\n                                and subject needs. You can review their profiles, watch introduction videos, and\n                                schedule a trial session with each. Choose the tutor you connect with best.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 3 -->\n                <div class=\"faq-item-pro\" data-faq=\"3\">\n                    <button class=\"faq-question-pro\">\n                        <div class=\"question-text-pro\">\n                            <div class=\"question-number-pro\">3<\/div>\n                            <div class=\"question-title-pro\">\n                                What subjects do you offer?\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-toggle-pro\">+<\/div>\n                    <\/button>\n                    <div class=\"faq-answer-pro\">\n                        <div class=\"answer-content-pro\">\n                            <p>We offer 24+ subjects including Mathematics, Science (Physics, Chemistry, Biology),\n                                Computer Science, Languages (English, Spanish, French), Test Preparation (SAT, ACT,\n                                GRE), Business Studies, Economics, Psychology, and Creative Arts. Contact us if you need\n                                a subject not listed.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 4 -->\n                <div class=\"faq-item-pro\" data-faq=\"4\">\n                    <button class=\"faq-question-pro\">\n                        <div class=\"question-text-pro\">\n                            <div class=\"question-number-pro\">4<\/div>\n                            <div class=\"question-title-pro\">\n                                How are your tutors qualified?\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-toggle-pro\">+<\/div>\n                    <\/button>\n                    <div class=\"faq-answer-pro\">\n                        <div class=\"answer-content-pro\">\n                            <p>All tutors undergo a rigorous 5-step selection process: 1) Subject matter expertise test,\n                                2) Teaching methodology assessment, 3) Background check, 4) Mock teaching session, 5)\n                                Ongoing training. Our tutors have an average of 5+ years teaching experience and 95%\n                                hold advanced degrees.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- FAQ 5 -->\n                <div class=\"faq-item-pro\" data-faq=\"5\">\n                    <button class=\"faq-question-pro\">\n                        <div class=\"question-text-pro\">\n                            <div class=\"question-number-pro\">5<\/div>\n                            <div class=\"question-title-pro\">\n                                Can I cancel or change my plan anytime?\n                            <\/div>\n                        <\/div>\n                        <div class=\"faq-toggle-pro\">+<\/div>\n                    <\/button>\n                    <div class=\"faq-answer-pro\">\n                        <div class=\"answer-content-pro\">\n                            <p>Yes, you can upgrade, downgrade, or cancel your plan anytime from your account dashboard.\n                                No contracts, no hidden fees. If you cancel, you'll continue to have access until the\n                                end of your billing period. We also offer prorated refunds for unused time in certain\n                                cases.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Sidebar -->\n            <div class=\"faqs-sidebar-pro\">\n                <div class=\"support-card-pro\">\n                    <div class=\"support-icon-pro\">\n                        <i class=\"fa-solid fa-headset\"><\/i>\n                    <\/div>\n                    <h3 class=\"support-title-pro\">Need More Help?<\/h3>\n                    <p class=\"support-text-pro\">\n                        Our support team is available 24\/7 to answer your questions.\n                    <\/p>\n                    <div class=\"support-buttons-pro\">\n                        <a href=\"mailto:email@example.com\" class=\"support-btn-pro email-btn-pro\" onclick=\"\">\n                            <span class=\"support-icon-btn\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\"\n                                    height=\"24\" fill=\"white\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 \n  1.1.9 2 2 2h16c1.1 0 \n  2-.9 2-2V6c0-1.1-.9-2-2-2zm0 \n  4-8 5-8-5V6l8 5 8-5v2z\" \/>\n                                <\/svg>\n                            <\/span>\n                            <span>Email Support<\/span>\n                        <\/a>\n                        <a href=\"tel:+123456789012\" class=\"support-btn-pro call-btn-pro\" onclick=\"\">\n                            <span class=\"support-icon-btn\">\ud83d\udcde<\/span>\n                            <span>Call Now<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CTA Section -->\n        <div class=\"faqs-cta-pro\" style=\"display:none;\">\n            <div class=\"floating-element-pro element-1-pro\" style=\"--element-rotate: -5deg;\">\n                <span>\ud83c\udf81<\/span>\n                <span>7-Day Free Trial<\/span>\n            <\/div>\n            <div class=\"floating-element-pro element-2-pro\" style=\"--element-rotate: 3deg;\">\n                <span>\ud83d\udc8e<\/span>\n                <span>No Hidden Fees<\/span>\n            <\/div>\n            <h3 class=\"cta-title-pro\">Ready to Start Learning?<\/h3>\n            <p class=\"cta-text-pro\">\n                Join thousands of successful students who transformed their academic journey with BrainWaveAcademy.\n            <\/p>\n            <a href=\"https:\/\/brainwave.seemi.co\/index.php\/learning\" class=\"cta-button-pro\" onclick=\"\">\n                <span>Start Your Free Trial<\/span>\n                <span>\u2192<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const faqItems = document.querySelectorAll('.faq-item-pro');\n\n        \/\/ FAQ accordion functionality\n        faqItems.forEach(item => {\n            const question = item.querySelector('.faq-question-pro');\n\n            question.addEventListener('click', () => {\n                const isActive = item.classList.contains('active');\n\n                \/\/ Close all FAQs\n                faqItems.forEach(faq => {\n                    faq.classList.remove('active');\n                });\n\n                \/\/ Open clicked FAQ if it wasn't active\n                if (!isActive) {\n                    item.classList.add('active');\n                }\n            });\n        });\n\n        \/\/ Auto-open first FAQ on page load\n        \/\/ if (faqItems.length > 0) {\n        \/\/     faqItems[0].classList.add('active');\n        \/\/ }\n\n        \/\/ Support buttons functionality\n        \n\n        \/\/ Free trial button\n        \n\n        \/\/ Keyboard navigation for FAQs\n        document.addEventListener('keydown', (e) => {\n            const activeFaq = document.querySelector('.faq-item-pro.active');\n            if (!activeFaq) return;\n\n            const faqIndex = parseInt(activeFaq.getAttribute('data-faq')) - 1;\n\n            if (e.key === 'ArrowDown') {\n                e.preventDefault();\n                const nextIndex = (faqIndex + 1) % faqItems.length;\n                faqItems[faqIndex].classList.remove('active');\n                faqItems[nextIndex].classList.add('active');\n                faqItems[nextIndex].scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n            } else if (e.key === 'ArrowUp') {\n                e.preventDefault();\n                const prevIndex = (faqIndex - 1 + faqItems.length) % faqItems.length;\n                faqItems[faqIndex].classList.remove('active');\n                faqItems[prevIndex].classList.add('active');\n                faqItems[prevIndex].scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n            } else if (e.key === 'Escape') {\n                activeFaq.classList.remove('active');\n            }\n        });\n    });\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7492f86 e-flex e-con-boxed e-con e-parent\" data-id=\"7492f86\" data-element_type=\"container\" data-e-type=\"container\" id=\"About-Section\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e62fc8 elementor-widget elementor-widget-shortcode\" data-id=\"5e62fc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<style>\n    .bwa-about-pro {\n        background: #ffffff;\n        padding: 80px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    .about-container-pro {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n    }\n\n    \/* Section Header *\/\n    .about-header-pro {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n\n    .about-tagline-pro {\n        color: #7C3AED;\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 15px;\n    }\n\n    .about-title-pro {\n        font-size: 36px;\n        font-weight: 800;\n        color: #111827;\n        margin-bottom: 20px;\n    }\n\n    .about-title-pro .highlight {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .about-subtitle-pro {\n        color: #6B7280;\n        font-size: 16px;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }\n\n    \/* About Content *\/\n    .about-content-pro {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: center;\n        margin-bottom: 70px;\n    }\n\n    \/* Mission Section *\/\n    .mission-section-pro {\n        padding-right: 30px;\n    }\n\n    .mission-icon-pro {\n        width: 70px;\n        height: 70px;\n        border-radius: 18px;\n        background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 25px;\n        font-size: 32px;\n        color: #7C3AED;\n    }\n\n    .mission-title-pro {\n        font-size: 28px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 20px;\n    }\n\n    .mission-text-pro {\n        color: #4B5563;\n        line-height: 1.6;\n        margin-bottom: 25px;\n        font-size: 16px;\n    }\n\n    .mission-features-pro {\n        list-style: none;\n        margin-top: 30px;\n    }\n\n    .mission-features-pro li {\n        padding: 12px 0;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        font-size: 15px;\n        color: #374151;\n    }\n\n    .feature-check-pro {\n        width: 24px;\n        height: 24px;\n        border-radius: 6px;\n        background: rgba(124, 58, 237, 0.1);\n        color: #7C3AED;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        flex-shrink: 0;\n    }\n\n    \/* Stats Section *\/\n    .stats-section-pro {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        border-radius: 25px;\n        padding: 40px;\n        color: white;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .stats-section-pro::before {\n        content: '';\n        position: absolute;\n        top: -50px;\n        right: -50px;\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .stats-title-pro {\n        font-size: 22px;\n        font-weight: 700;\n        margin-bottom: 30px;\n        color: white;\n        position: relative;\n        z-index: 2;\n    }\n\n    .stats-grid-pro {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 30px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .stat-item-pro {\n        text-align: center;\n    }\n\n    .stat-number-pro {\n        font-size: 42px;\n        color: #ffffff !important;\n        -webkit-text-fill-color: #ffffff !important;\n        background: none !important;\n        opacity: 1 !important;\n        font-weight: 800;\n        margin-bottom: 10px;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        position: relative;\n        z-index: 50;\n    }\n\n    .stat-label-pro {\n        font-size: 14px;\n        color: #f3f4f6;\n        opacity: 0.9;\n    }\n\n    \/* Team Section *\/\n    .team-section-pro {\n        margin-top: 70px;\n    }\n\n    .section-title-pro {\n        font-size: 28px;\n        font-weight: 700;\n        color: #111827;\n        text-align: center;\n        margin-bottom: 40px;\n    }\n\n    .team-grid-pro {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 30px;\n        margin-bottom: 60px;\n    }\n\n    .team-card-pro {\n        background: white;\n        border-radius: 20px;\n        padding: 30px;\n        text-align: center;\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f3f4f6;\n        transition: all 0.3s ease;\n    }\n\n    .team-card-pro:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 50px rgba(124, 58, 237, 0.1);\n        border-color: #7C3AED;\n    }\n\n    .team-avatar-pro {\n        width: 100px;\n        height: 100px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 20px;\n        font-size: 40px;\n        color: #7C3AED;\n        border: 4px solid white;\n        box-shadow: 0 10px 30px rgba(124, 58, 237, 0.15);\n    }\n\n    .team-name-pro {\n        font-size: 20px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 5px;\n    }\n\n    .team-role-pro {\n        color: #7C3AED;\n        font-weight: 600;\n        margin-bottom: 15px;\n        font-size: 15px;\n    }\n\n    .team-desc-pro {\n        color: #6B7280;\n        font-size: 14px;\n        line-height: 1.5;\n    }\n\n    \/* CTA Section *\/\n    .about-cta-pro {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        border-radius: 30px;\n        padding: 60px 40px;\n        text-align: center;\n        color: white;\n        position: relative;\n        overflow: hidden;\n        margin-top: 60px;\n    }\n\n    .about-cta-pro::before {\n        content: '';\n        position: absolute;\n        top: -100px;\n        right: -100px;\n        width: 300px;\n        height: 300px;\n        background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .cta-title-pro {\n        font-size: 36px;\n        font-weight: 800;\n        margin-bottom: 20px;\n        position: relative;\n        z-index: 2;\n\t\tcolor: white !important;\n    }\n\n    .cta-text-pro {\n        font-size: 18px;\n        opacity: 0.9;\n        margin-bottom: 35px;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n        line-height: 1.6;\n        position: relative;\n        z-index: 2;\n    }\n\n    .cta-buttons-pro {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    .cta-button-pro {\n        padding: 18px 35px;\n        border-radius: 15px;\n        font-weight: 700;\n        font-size: 16px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        border: 2px solid;\n\t\ttext-decoration: none !important;\n    }\n\n    .cta-primary-pro {\n        background: white;\n        color: #7C3AED;\n        border-color: white;\n    }\n    \n    .cta-primary-pro:hover {\n        color: #7C3AED;\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2);\n\n    }\n\t\t\t\t\t\t\t\t\t\n\t.cta-primary-pro:focus,\n.cta-primary-pro:active {\n    color: #7c3aed;\n}\n\n\n    .cta-secondary-pro {\n        background: transparent;\n        color: white;\n        border-color: rgba(255, 255, 255, 0.3);\n\t\ttext-decoration: none !important;\n    }\n\n    .cta-secondary-pro:hover {\n        background: rgba(255, 255, 255, 0.1);\n        transform: translateY(-3px);\n\t\tcolor: white;\n    }\n\t\t\t\t\t\t\t\t\t\n\t.cta-secondary-pro:focus,\n.cta-secondary-pro:active {\n    color: white;\n}\n\n\n    \/* Floating Elements *\/\n    .floating-element-pro {\n        position: absolute;\n        background: white;\n        padding: 12px 24px;\n        border-radius: 12px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);\n        font-weight: 600;\n        font-size: 14px;\n        color: #374151;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        z-index: 3;\n        animation: floatElement 8s ease-in-out infinite;\n    }\n\n    .element-1-pro {\n        top: 40px;\n        left: 40px;\n        transform: rotate(-5deg);\n        animation-delay: 0s;\n    }\n\n    .element-2-pro {\n        bottom: 40px;\n        right: 40px;\n        transform: rotate(3deg);\n        animation-delay: 2s;\n    }\n\n    @keyframes floatElement {\n\n        0%,\n        100% {\n            transform: translateY(0) rotate(var(--element-rotate, 0deg));\n        }\n\n        50% {\n            transform: translateY(-15px) rotate(var(--element-rotate, 0deg));\n        }\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 992px) {\n        .about-content-pro {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }\n\n        .mission-section-pro {\n            padding-right: 0;\n        }\n\n        .stats-grid-pro {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .team-grid-pro {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .floating-element-pro {\n            display: none;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .bwa-about-pro {\n            padding: 60px 0;\n        }\n\n        .about-title-pro {\n            font-size: 30px;\n        }\n\n        .mission-title-pro {\n            font-size: 24px;\n        }\n\n        .stats-section-pro {\n            padding: 30px;\n        }\n\n        .stat-number-pro {\n            font-size: 36px;\n        }\n\n        .team-grid-pro {\n            grid-template-columns: 1fr;\n        }\n\n        .about-cta-pro {\n            padding: 50px 30px;\n        }\n\n        .cta-title-pro {\n            font-size: 30px;\n        }\n\n        .cta-buttons-pro {\n            flex-direction: column;\n        }\n\n        .cta-button-pro {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .about-title-pro {\n            font-size: 26px;\n        }\n\n        .mission-title-pro {\n            font-size: 22px;\n        }\n\n        .stats-grid-pro {\n            grid-template-columns: 1fr;\n            gap: 25px;\n        }\n\n        .team-card-pro {\n            padding: 25px 20px;\n        }\n\n        .team-avatar-pro {\n            width: 80px;\n            height: 80px;\n            font-size: 32px;\n        }\n\n        .cta-title-pro {\n            font-size: 26px;\n        }\n\n        .cta-text-pro {\n            font-size: 16px;\n        }\n    }\n<\/style>\n\n<section class=\"bwa-about-pro\" id=\"about\">\n    <div class=\"about-container-pro\">\n        <!-- Section Header -->\n        <div class=\"about-header-pro\">\n            <div class=\"about-tagline-pro\">Our Story & Mission<\/div>\n            <h2 class=\"about-title-pro\">\n                Transforming Education <span class=\"highlight\">Together<\/span>\n            <\/h2>\n            <p class=\"about-subtitle-pro\">\n                At BrainWaveAcademy, we believe every student deserves personalized attention\n                and the right tools to unlock their full potential.\n            <\/p>\n        <\/div>\n\n        <!-- About Content -->\n        <div class=\"about-content-pro\">\n            <!-- Mission Section -->\n            <div class=\"mission-section-pro\">\n                <div class=\"mission-icon-pro\">\ud83c\udfaf<\/div>\n                <h3 class=\"mission-title-pro\">Our Mission<\/h3>\n                <p class=\"mission-text-pro\">\n                    To make quality education accessible to every student through\n                    personalized 1-on-1 tutoring, innovative learning tools, and\n                    dedicated support systems that adapt to individual learning styles.\n                <\/p>\n                <ul class=\"mission-features-pro\">\n                    <li>\n                        <div class=\"feature-check-pro\">\u2713<\/div>\n                        <span>Personalized learning paths for every student<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-check-pro\">\u2713<\/div>\n                        <span>Expert tutors with proven teaching methodologies<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-check-pro\">\u2713<\/div>\n                        <span>Innovative technology for interactive learning<\/span>\n                    <\/li>\n                    <li>\n                        <div class=\"feature-check-pro\">\u2713<\/div>\n                        <span>Continuous progress tracking and feedback<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Stats Section -->\n            <div class=\"stats-section-pro\">\n                <h3 class=\"stats-title-pro\">Our Impact in Numbers<\/h3>\n                <div class=\"stats-grid-pro\">\n                    <div class=\"stat-item-pro\">\n                        <div class=\"stat-number-pro text-white\">5000+<\/div>\n                        <div class=\"stat-label-pro\">Students Helped<\/div>\n                    <\/div>\n                    <div class=\"stat-item-pro\">\n                        <div class=\"stat-number-pro\" style=\"color: #f3f4f6;\">200+<\/div>\n                        <div class=\"stat-label-pro\">Expert Tutors<\/div>\n                    <\/div>\n                    <div class=\"stat-item-pro\">\n                        <div class=\"stat-number-pro\" style=\"color: #f3f4f6;\">98%<\/div>\n                        <div class=\"stat-label-pro\">Success Rate<\/div>\n                    <\/div>\n                    <div class=\"stat-item-pro\">\n                        <div class=\"stat-number-pro\" style=\"color: #f3f4f6;\">24+<\/div>\n                        <div class=\"stat-label-pro\">Subjects Offered<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Team Section -->\n        <div class=\"team-section-pro\" style=\"display:none;\">\n            <h3 class=\"section-title-pro\">Meet Our Leadership Team<\/h3>\n            <div class=\"team-grid-pro\">\n                <!-- Team Member 1 -->\n                <div class=\"team-card-pro\">\n                    <div class=\"team-avatar-pro\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\n                    <h4 class=\"team-name-pro\">Dr. Sarah Johnson<\/h4>\n                    <div class=\"team-role-pro\">Founder & CEO<\/div>\n                    <p class=\"team-desc-pro\">\n                        Former university professor with 15+ years in education.\n                        PhD in Educational Psychology from Stanford.\n                    <\/p>\n                <\/div>\n\n                <!-- Team Member 2 -->\n                <div class=\"team-card-pro\">\n                    <div class=\"team-avatar-pro\">\ud83d\udc69\u200d\ud83d\udcbb<\/div>\n                    <h4 class=\"team-name-pro\">Michael Chen<\/h4>\n                    <div class=\"team-role-pro\">Head of Technology<\/div>\n                    <p class=\"team-desc-pro\">\n                        Tech entrepreneur with expertise in EdTech platforms.\n                        Built 3 successful education startups.\n                    <\/p>\n                <\/div>\n\n                <!-- Team Member 3 -->\n                <div class=\"team-card-pro\">\n                    <div class=\"team-avatar-pro\">\ud83d\udc68\u200d\ud83c\udf93<\/div>\n                    <h4 class=\"team-name-pro\">David Rodriguez<\/h4>\n                    <div class=\"team-role-pro\">Academic Director<\/div>\n                    <p class=\"team-desc-pro\">\n                        Former school principal with expertise in curriculum\n                        development and student assessment.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CTA Section -->\n        <div class=\"about-cta-pro\">\n            <div class=\"floating-element-pro element-1-pro\" style=\"--element-rotate: -5deg;\">\n                <span>\ud83c\udf93<\/span>\n                <span>Join New Cohort<\/span>\n            <\/div>\n            <div class=\"floating-element-pro element-2-pro\" style=\"--element-rotate: 3deg;\">\n                <span>\u2b50<\/span>\n                <span>Top Rated<\/span>\n            <\/div>\n            <h3 class=\"cta-title-pro\">Ready to Transform Your Learning?<\/h3>\n            <p class=\"cta-text-pro\">\n                Join thousands of students who have improved their grades,\n                gained confidence, and discovered the joy of learning with BrainWaveAcademy.\n            <\/p>\n            <div class=\"cta-buttons-pro\">\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/learning\" class=\"cta-button-pro cta-primary-pro\" onclick=\"\">\n                    <span>Start Free Trial<\/span>\n                    <span>\u2192<\/span>\n                <\/a>\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/courses\/\" class=\"cta-button-pro cta-secondary-pro\" onclick=\"\">\n                    <span>Explore Courses<\/span>\n                    <span>\ud83d\udcda<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        \/\/ Animate numbers on scroll\n        function animateNumbers() {\n            const statNumbers = document.querySelectorAll('.stat-number-pro');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        const element = entry.target;\n                        const finalValue = parseInt(element.textContent);\n                        let startValue = 0;\n                        const duration = 2000;\n                        const increment = finalValue \/ (duration \/ 16);\n\n                        const timer = setInterval(() => {\n                            startValue += increment;\n                            if (startValue >= finalValue) {\n                                startValue = finalValue;\n                                clearInterval(timer);\n                            }\n                            element.textContent = Math.floor(startValue) + (element.textContent.includes('%') ? '%' : '+');\n                        }, 16);\n\n                        observer.unobserve(element);\n                    }\n                });\n            }, { threshold: 0.5 });\n\n            statNumbers.forEach(stat => observer.observe(stat));\n        }\n\n        \/\/ Initialize animations\n        animateNumbers();\n\n        \/\/ Team card hover effects\n        const teamCards = document.querySelectorAll('.team-card-pro');\n        teamCards.forEach(card => {\n            card.addEventListener('mouseenter', () => {\n                card.style.zIndex = '10';\n            });\n\n            card.addEventListener('mouseleave', () => {\n                card.style.zIndex = '';\n            });\n        });\n\n        \/\/ CTA button functionality\n        window.startFreeTrial = function () {\n            alert('Starting free trial! In production: window.location.href = \"\/free-trial\"');\n            \/\/ window.location.href = '\/free-trial';\n        };\n\n        window.scrollToSection = function (sectionId) {\n            const section = document.getElementById(sectionId);\n            if (section) {\n                window.scrollTo({\n                    top: section.offsetTop - 80,\n                    behavior: 'smooth'\n                });\n            }\n        };\n    });\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":82,"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}