{"id":189,"date":"2026-01-18T10:35:37","date_gmt":"2026-01-18T10:35:37","guid":{"rendered":"https:\/\/brainwave.seemi.co\/?page_id=189"},"modified":"2026-01-18T12:13:49","modified_gmt":"2026-01-18T12:13:49","slug":"courses","status":"publish","type":"page","link":"https:\/\/brainwave.seemi.co\/index.php\/courses\/","title":{"rendered":"Courses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"189\" class=\"elementor elementor-189\">\n\t\t\t\t<div class=\"elementor-element elementor-element-974d669 e-flex e-con-boxed e-con e-parent\" data-id=\"974d669\" 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-0fe0888 elementor-widget elementor-widget-shortcode\" data-id=\"0fe0888\" 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-page {\n        background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);\n        padding: 80px 0;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n        position: relative;\n        min-height: 100vh;\n    }\n    \n    .bwa-courses-page::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-page-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 20px;\n        position: relative;\n        z-index: 2;\n    }\n    \n    \/* Page Header - More prominent for page *\/\n    .page-header-pro {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n    \n    .page-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    .page-title-pro {\n        font-size: 56px;\n        font-weight: 800;\n        color: #111827;\n        line-height: 1.1;\n        margin-bottom: 20px;\n    }\n    \n    .page-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    .page-desc-pro {\n        font-size: 20px;\n        color: #4B5563;\n        max-width: 800px;\n        margin: 0 auto 30px;\n        line-height: 1.6;\n    }\n    \n    \/* Stats Section *\/\n    .courses-stats-pro {\n        display: flex;\n        justify-content: center;\n        gap: 40px;\n        margin: 40px auto 60px;\n        max-width: 800px;\n        flex-wrap: wrap;\n    }\n    \n    .stat-item-pro {\n        text-align: center;\n        padding: 20px;\n    }\n    \n    .stat-number-pro {\n        font-size: 42px;\n        font-weight: 800;\n        color: #7C3AED;\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n    \n    .stat-label-pro {\n        color: #6B7280;\n        font-size: 16px;\n        font-weight: 500;\n    }\n    \n    \/* Courses Grid Container *\/\n    .courses-grid-container-pro {\n        margin-bottom: 80px;\n    }\n    \n    .courses-grid-pro {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        margin-bottom: 50px;\n    }\n    \n    @media (max-width: 1200px) {\n        .courses-grid-pro {\n            grid-template-columns: repeat(3, 1fr);\n        }\n    }\n    \n    @media (max-width: 992px) {\n        .courses-grid-pro {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .courses-grid-pro {\n            grid-template-columns: 1fr;\n            max-width: 500px;\n            margin: 0 auto;\n        }\n    }\n    \n    \/* Course Card - Same design but adapted for grid *\/\n    .course-card-grid {\n        height: 420px;\n        perspective: 1500px;\n        cursor: pointer;\n        position: relative;\n        width: 100%;\n    }\n    \n    .course-card-inner-grid {\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-grid:hover .course-card-inner-grid {\n        transform: rotateY(180deg);\n    }\n    \n    .course-card-front-grid,\n    .course-card-back-grid {\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-grid {\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-grid {\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    \/* Card Content - Same as before *\/\n    .course-icon-grid {\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-grid {\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-grid {\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-grid {\n        display: flex;\n        gap: 20px;\n        margin-bottom: 20px;\n        flex-shrink: 0;\n    }\n    \n    .meta-item-grid {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 14px;\n        color: #6B7280;\n    }\n    \n    .meta-icon-grid {\n        font-size: 16px;\n        color: #7C3AED;\n    }\n    \n    .course-flip-hint-grid {\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-grid {\n        font-size: 20px;\n        transition: transform 0.3s ease;\n    }\n    \n    .course-card-grid:hover .flip-arrow-grid {\n        transform: translateX(5px);\n    }\n    \n    \/* Back Card Content *\/\n    .back-title-grid {\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-grid {\n        list-style: none;\n        margin: 10px 0 20px 0;\n        flex: 1;\n        padding: 0;\n    }\n    \n    .course-features-grid 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-grid 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-grid {\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-grid: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-grid {\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    \/* Categories Filter *\/\n    .courses-categories-pro {\n        display: flex;\n        justify-content: center;\n        gap: 15px;\n        margin: 50px 0 40px;\n        flex-wrap: wrap;\n    }\n    \n    .category-btn-pro {\n        padding: 12px 28px;\n        background: white;\n        border: 2px solid #e5e7eb;\n        border-radius: 12px;\n        color: #6B7280;\n        font-size: 16px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    \n    .category-btn-pro:hover {\n        border-color: #7C3AED;\n        color: white;\n        transform: translateY(-2px);\n    }\n    \n    .category-btn-pro.active {\n        background: linear-gradient(135deg, #7C3AED, #6D28D9);\n        border-color: transparent;\n        color: white;\n        box-shadow: 0 8px 25px rgba(124, 58, 237, 0.2);\n    }\n    \n    \/* Additional Page Content *\/\n    .page-extra-content {\n        max-width: 1000px;\n        margin: 60px auto;\n        padding: 50px;\n        background: white;\n        border-radius: 25px;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);\n        border: 1px solid #f3f4f6;\n    }\n    \n    .extra-title-pro {\n        font-size: 32px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 20px;\n        text-align: center;\n    }\n    \n    .extra-desc-pro {\n        color: #6B7280;\n        font-size: 18px;\n        line-height: 1.7;\n        margin-bottom: 30px;\n    }\n    \n    .features-list-pro {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        margin: 40px 0;\n    }\n    \n    @media (max-width: 992px) {\n        .features-list-pro {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    \n    @media (max-width: 576px) {\n        .features-list-pro {\n            grid-template-columns: 1fr;\n        }\n    }\n    \n    .feature-item-pro {\n        text-align: center;\n        padding: 30px 25px;\n        background: #f9fafb;\n        border-radius: 18px;\n        border: 1px solid #f3f4f6;\n    }\n    \n    .feature-icon-pro {\n        width: 60px;\n        height: 60px;\n        background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 20px;\n        font-size: 28px;\n        color: #7C3AED;\n    }\n    \n    .feature-title-pro {\n        font-size: 20px;\n        font-weight: 700;\n        color: #111827;\n        margin-bottom: 10px;\n    }\n    \n    .feature-desc-pro {\n        color: #6B7280;\n        font-size: 15px;\n        line-height: 1.6;\n    }\n    \n    \/* CTA Section *\/\n    .courses-cta-page {\n        text-align: center;\n        margin-top: 60px;\n        background: #722EDF;\n        padding: 60px 50px;\n        border-radius: 25px;\n        box-shadow: 0 20px 60px rgba(114, 46, 223, 0.15);\n        border: 1px solid #f3f4f6;\n        position: relative;\n        overflow: hidden;\n        z-index: 1;\n    }\n    \n    \/* Floating Badges in CTA Section *\/\n    .cta-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: floatBadge 6s ease-in-out infinite;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n    \n    .cta-badge-1 {\n        top: 40px;\n        left: 40px;\n        transform: rotate(-5deg);\n        animation-delay: 0s;\n    }\n    \n    .cta-badge-2 {\n        top: 40px;\n        right: 40px;\n        transform: rotate(5deg);\n        animation-delay: 1.5s;\n    }\n    \n    .cta-badge-3 {\n        bottom: 40px;\n        left: 40px;\n        transform: rotate(-8deg);\n        animation-delay: 3s;\n    }\n    \n    .cta-badge-4 {\n        bottom: 40px;\n        right: 40px;\n        transform: rotate(8deg);\n        animation-delay: 4.5s;\n    }\n    \n    .cta-badge-emoji {\n        font-size: 18px;\n    }\n    \n    @keyframes floatBadge {\n        0%, 100% {\n            transform: translateY(0) rotate(var(--rotation, 0deg));\n        }\n        50% {\n            transform: translateY(-15px) rotate(var(--rotation, 0deg));\n        }\n    }\n    \n    .cta-title-page {\n        font-size: 36px;\n        font-weight: 700;\n        color: white;\n        margin-bottom: 15px;\n        position: relative;\n        z-index: 2;\n    }\n    \n    .cta-desc-page {\n        color: #EBE1FB;\n        max-width: 600px;\n        margin: 0 auto 30px;\n        font-size: 18px;\n        line-height: 1.6;\n        position: relative;\n        z-index: 2;\n    }\n    \n    .cta-button-page {\n        background: white;\n        color: #722EDF;\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(0, 0, 0, 0.1);\n        text-decoration: none !important;\n        position: relative;\n        z-index: 2;\n    }\n    \n    .cta-button-page:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\n        color: #722EDF;\n        text-decoration: none;\n    }\n\t\t\t\t\t\t\t\t\t\n    .cta-button-page:focus,\n    .cta-button-page:active {\n        color: #4B5563;\n    }\n    \n    \/* Responsive Adjustments *\/\n    @media (max-width: 1200px) {\n        .course-card-grid {\n            height: 400px;\n        }\n    }\n    \n    @media (max-width: 992px) {\n        .course-card-grid {\n            height: 380px;\n        }\n        \n        .course-card-front-grid,\n        .course-card-back-grid {\n            padding: 30px 25px;\n        }\n        \n        .page-title-pro {\n            font-size: 48px;\n        }\n        \n        .page-desc-pro {\n            font-size: 18px;\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .bwa-courses-page {\n            padding: 60px 0;\n        }\n        \n        .page-title-pro {\n            font-size: 40px;\n        }\n        \n        .page-desc-pro {\n            font-size: 17px;\n        }\n        \n        .course-card-grid {\n            height: 360px;\n        }\n        \n        .course-title-grid {\n            font-size: 22px;\n        }\n        \n        .course-icon-grid {\n            width: 60px;\n            height: 60px;\n            font-size: 28px;\n        }\n        \n        .courses-stats-pro {\n            gap: 30px;\n        }\n        \n        .stat-number-pro {\n            font-size: 36px;\n        }\n        \n        .page-extra-content {\n            padding: 40px 30px;\n        }\n        \n        .courses-cta-page {\n            padding: 50px 30px;\n        }\n        \n        .cta-title-page {\n            font-size: 32px;\n        }\n        \n        \/* Hide some badges on mobile for better visibility *\/\n        .cta-floating-badge {\n            padding: 10px 16px;\n            font-size: 13px;\n        }\n        \n        .cta-badge-1,\n        .cta-badge-2,\n        .cta-badge-3,\n        .cta-badge-4 {\n            display: none; \/* Hide all on mobile, or show only some *\/\n        }\n    }\n    \n    @media (max-width: 576px) {\n        .page-title-pro {\n            font-size: 36px;\n        }\n        \n        .page-tagline-pro {\n            font-size: 14px;\n            padding: 8px 20px;\n        }\n        \n        .courses-stats-pro {\n            gap: 20px;\n        }\n        \n        .stat-item-pro {\n            padding: 15px;\n        }\n        \n        .stat-number-pro {\n            font-size: 32px;\n        }\n        \n        .course-card-grid {\n            height: 340px;\n        }\n        \n        .course-card-front-grid,\n        .course-card-back-grid {\n            padding: 25px 20px;\n        }\n        \n        .course-description-grid {\n            font-size: 14px;\n        }\n        \n        .back-title-grid {\n            font-size: 20px;\n        }\n        \n        .course-features-grid li {\n            font-size: 14px;\n            padding-left: 30px;\n        }\n        \n        .course-features-grid li::before {\n            width: 22px;\n            height: 22px;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .course-card-grid {\n            height: 320px;\n        }\n        \n        .course-features-grid li {\n            font-size: 13px;\n            padding-left: 28px;\n        }\n\n        .course-title-grid {\n            font-size: 14px;\n        }\n\t\t\n\t\t.course-description-grid {\n\t\t\tfont-size: 10px;\n\t\t}\n        \n        .course-action-link-grid {\n            padding: 12px 20px;\n            font-size: 14px;\n        }\n        \n        .cta-title-page {\n            font-size: 28px;\n        }\n        \n        .cta-desc-page {\n            font-size: 16px;\n        }\n        \n        .cta-button-page {\n            padding: 16px 35px;\n            font-size: 16px;\n        }\n    }\n\n    \n    <\/style>\n    \n    <section class=\"bwa-courses-page\">\n        <div class=\"courses-page-container\">\n            <!-- Page Header -->\n            <div class=\"page-header-pro\">\n                <div class=\"page-tagline-pro\">Explore Our Courses<\/div>\n                <h1 class=\"page-title-pro\">\n                    <span class=\"highlight\">24+ Premium Courses<\/span> for Academic Excellence\n                <\/h1>\n                <p class=\"page-desc-pro\">\n                    Discover our comprehensive range of courses designed to help you excel academically. \n                    Each course features expert instruction, interactive materials, and personalized support.\n                <\/p>\n                \n                <!-- Stats -->\n                <div class=\"courses-stats-pro\">\n                    <div class=\"stat-item-pro\">\n                        <div class=\"stat-number-pro\">5000+<\/div>\n                        <div class=\"stat-label-pro\">Students Enrolled<\/div>\n                    <\/div>\n                    <div class=\"stat-item-pro\">\n                        <div class=\"stat-number-pro\">50+<\/div>\n                        <div class=\"stat-label-pro\">Expert Tutors<\/div>\n                    <\/div>\n                    <div class=\"stat-item-pro\">\n                        <div class=\"stat-number-pro\">98%<\/div>\n                        <div class=\"stat-label-pro\">Success Rate<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Categories Filter -->\n            <div class=\"courses-categories-pro\">\n                <button class=\"category-btn-pro active\" data-category=\"all\">All Courses<\/button>\n                <button class=\"category-btn-pro\" data-category=\"mathematics\">Mathematics<\/button>\n                <button class=\"category-btn-pro\" data-category=\"science\">Science<\/button>\n                <button class=\"category-btn-pro\" data-category=\"computer\">Computer Science<\/button>\n                <button class=\"category-btn-pro\" data-category=\"languages\">Languages<\/button>\n            <\/div>\n            \n            <!-- Courses Grid -->\n            <div class=\"courses-grid-container-pro\">\n                <div class=\"courses-grid-pro\" id=\"coursesGrid\">\n                    <!-- Course 1 - Mathematics -->\n                    <div class=\"course-card-grid\" data-category=\"mathematics\">\n                        <div class=\"course-card-inner-grid\">\n                            <div class=\"course-card-front-grid\">\n                                <div class=\"course-icon-grid\">\ud83e\uddee<\/div>\n                                <h3 class=\"course-title-grid\">Mathematics & Calculus<\/h3>\n                                <p class=\"course-description-grid\">\n                                    Master algebra, geometry, calculus with interactive problem-solving sessions.\n                                <\/p>\n                                <div class=\"course-meta-grid\">\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\u23f0<\/span>\n                                        <span>Flexible Hours<\/span>\n                                    <\/span>\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\ud83d\udcc8<\/span>\n                                        <span>All Levels<\/span>\n                                    <\/span>\n                                <\/div>\n                                <div class=\"course-flip-hint-grid\">\n                                    <span>View Course Details<\/span>\n                                    <span class=\"flip-arrow-grid\">\u21aa<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"course-card-back-grid\">\n                                <h3 class=\"back-title-grid\">What You'll Learn<\/h3>\n                                <ul class=\"course-features-grid\">\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\" class=\"course-action-link-grid\">\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\" class=\"card-link-overlay-grid\"><\/a>\n                    <\/div>\n                    \n                    <!-- Course 2 - Science -->\n                    <div class=\"course-card-grid\" data-category=\"science\">\n                        <div class=\"course-card-inner-grid\">\n                            <div class=\"course-card-front-grid\">\n                                <div class=\"course-icon-grid\">\ud83d\udd2c<\/div>\n                                <h3 class=\"course-title-grid\">Science & Technology<\/h3>\n                                <p class=\"course-description-grid\">\n                                    Explore Physics, Chemistry, Biology with hands-on experiments and virtual labs.\n                                <\/p>\n                                <div class=\"course-meta-grid\">\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\u2697\ufe0f<\/span>\n                                        <span>Virtual Labs<\/span>\n                                    <\/span>\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\ud83e\uddea<\/span>\n                                        <span>Experiments<\/span>\n                                    <\/span>\n                                <\/div>\n                                <div class=\"course-flip-hint-grid\">\n                                    <span>View Course Details<\/span>\n                                    <span class=\"flip-arrow-grid\">\u21aa<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"course-card-back-grid\">\n                                <h3 class=\"back-title-grid\">What You'll Learn<\/h3>\n                                <ul class=\"course-features-grid\">\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\" class=\"course-action-link-grid\">\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\" class=\"card-link-overlay-grid\"><\/a>\n                    <\/div>\n                    \n                    <!-- Course 3 - Computer Science -->\n                    <div class=\"course-card-grid\" data-category=\"computer\">\n                        <div class=\"course-card-inner-grid\">\n                            <div class=\"course-card-front-grid\">\n                                <div class=\"course-icon-grid\">\ud83d\udcbb<\/div>\n                                <h3 class=\"course-title-grid\">Computer Science & Coding<\/h3>\n                                <p class=\"course-description-grid\">\n                                    Learn programming, web development, data science from industry experts.\n                                <\/p>\n                                <div class=\"course-meta-grid\">\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\ud83d\udc68\u200d\ud83d\udcbb<\/span>\n                                        <span>Live Coding<\/span>\n                                    <\/span>\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\ud83d\udcf1<\/span>\n                                        <span>Projects<\/span>\n                                    <\/span>\n                                <\/div>\n                                <div class=\"course-flip-hint-grid\">\n                                    <span>View Course Details<\/span>\n                                    <span class=\"flip-arrow-grid\">\u21aa<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"course-card-back-grid\">\n                                <h3 class=\"back-title-grid\">What You'll Learn<\/h3>\n                                <ul class=\"course-features-grid\">\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\" class=\"course-action-link-grid\">\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-grid\"><\/a>\n                    <\/div>\n                    \n                    <!-- Course 4 - Languages -->\n                    <div class=\"course-card-grid\" data-category=\"languages\">\n                        <div class=\"course-card-inner-grid\">\n                            <div class=\"course-card-front-grid\">\n                                <div class=\"course-icon-grid\">\ud83c\udf0d<\/div>\n                                <h3 class=\"course-title-grid\">Languages & Communication<\/h3>\n                                <p class=\"course-description-grid\">\n                                    Master English, Spanish, French and improve communication skills.\n                                <\/p>\n                                <div class=\"course-meta-grid\">\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\ud83d\udde3\ufe0f<\/span>\n                                        <span>Speaking Practice<\/span>\n                                    <\/span>\n                                    <span class=\"meta-item-grid\">\n                                        <span class=\"meta-icon-grid\">\u270d\ufe0f<\/span>\n                                        <span>Writing Skills<\/span>\n                                    <\/span>\n                                <\/div>\n                                <div class=\"course-flip-hint-grid\">\n                                    <span>View Course Details<\/span>\n                                    <span class=\"flip-arrow-grid\">\u21aa<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"course-card-back-grid\">\n                                <h3 class=\"back-title-grid\">What You'll Learn<\/h3>\n                                <ul class=\"course-features-grid\">\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\" class=\"course-action-link-grid\">\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\" class=\"card-link-overlay-grid\"><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Additional Content -->\n            <div class=\"page-extra-content\">\n                <h2 class=\"extra-title-pro\">Why Choose BrainWave Academy?<\/h2>\n                <p class=\"extra-desc-pro\">\n                    Our proven approach to education combines expert instruction with innovative \n                    teaching methods to ensure every student achieves their full potential.\n                <\/p>\n                \n                <div class=\"features-list-pro\">\n                    <div class=\"feature-item-pro\">\n                        <div class=\"feature-icon-pro\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\n                        <h3 class=\"feature-title-pro\">Expert Tutors<\/h3>\n                        <p class=\"feature-desc-pro\">Learn from certified educators with industry experience.<\/p>\n                    <\/div>\n                    \n                    <div class=\"feature-item-pro\">\n                        <div class=\"feature-icon-pro\">\ud83d\udcf1<\/div>\n                        <h3 class=\"feature-title-pro\">Flexible Learning<\/h3>\n                        <p class=\"feature-desc-pro\">Study at your own pace with 24\/7 access to materials.<\/p>\n                    <\/div>\n                    \n                    <div class=\"feature-item-pro\">\n                        <div class=\"feature-icon-pro\">\ud83c\udfaf<\/div>\n                        <h3 class=\"feature-title-pro\">Personalized Support<\/h3>\n                        <p class=\"feature-desc-pro\">One-on-one guidance tailored to your learning style.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- CTA Section with Floating Badges -->\n            <div class=\"courses-cta-page\">\n                <!-- Floating Badges -->\n                <div class=\"cta-floating-badge cta-badge-1\" style=\"--rotation: -5deg;\">\n                    <span class=\"cta-badge-emoji\">\ud83c\udf93<\/span>\n                    <span>Live Classes<\/span>\n                <\/div>\n                <div class=\"cta-floating-badge cta-badge-2\" style=\"--rotation: 5deg;\">\n                    <span class=\"cta-badge-emoji\">\ud83d\udd57<\/span>\n                    <span>Flexible Timing<\/span>\n                <\/div>\n                <div class=\"cta-floating-badge cta-badge-3\" style=\"--rotation: -8deg;\">\n                    <span class=\"cta-badge-emoji\">\ud83d\udc68\u200d\ud83c\udfeb<\/span>\n                    <span>Expert Teachers<\/span>\n                <\/div>\n                <div class=\"cta-floating-badge cta-badge-4\" style=\"--rotation: 8deg;\">\n                    <span class=\"cta-badge-emoji\">\ud83d\udcc8<\/span>\n                    <span>98% Success Rate<\/span>\n                <\/div>\n                \n                <h3 class=\"cta-title-page\">Ready to Start Learning?<\/h3>\n                <p class=\"cta-desc-page\">\n                    Join thousands of successful students who have transformed their academic \n                    journey with BrainWave Academy. Start your learning adventure today!\n                <\/p>\n                <a href=\"https:\/\/brainwave.seemi.co\/index.php\/learning\/\" class=\"cta-button-page\">\n                    <span>Get Started Now<\/span>\n                    <span>\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const coursesGrid = document.getElementById('coursesGrid');\n        const categoryBtns = document.querySelectorAll('.category-btn-pro');\n        const courseCards = document.querySelectorAll('.course-card-grid');\n        \n        \/\/ Category Filtering\n        categoryBtns.forEach(btn => {\n            btn.addEventListener('click', function() {\n                \/\/ Remove active class from all buttons\n                categoryBtns.forEach(b => b.classList.remove('active'));\n                \n                \/\/ Add active class to clicked button\n                this.classList.add('active');\n                \n                const category = this.getAttribute('data-category');\n                \n                \/\/ Filter courses\n                courseCards.forEach(card => {\n                    if (category === 'all' || card.getAttribute('data-category') === category) {\n                        card.style.display = 'block';\n                        setTimeout(() => {\n                            card.style.opacity = '1';\n                            card.style.transform = 'scale(1)';\n                        }, 10);\n                    } else {\n                        card.style.opacity = '0';\n                        card.style.transform = 'scale(0.8)';\n                        setTimeout(() => {\n                            card.style.display = 'none';\n                        }, 300);\n                    }\n                });\n            });\n        });\n        \n        \/\/ Handle card clicks - allow link overlay to work\n        courseCards.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-grid') || \n                    e.target.closest('.flip-arrow-grid') ||\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            courseCards.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                    \/\/ Flip only the clicked card\n                    const inner = card.querySelector('.course-card-inner-grid');\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        \/\/ CTA Button functionality\n        const ctaButton = document.querySelector('.cta-button-page');\n        if (ctaButton) {\n            ctaButton.addEventListener('click', function(e) {\n                \/\/ Optional: Add click tracking here\n                console.log('Get Started Now clicked - Redirecting to Learning Portal');\n                \/\/ Google Analytics: gtag('event', 'click', {'event_category': 'CTA', 'event_label': 'Courses Page Get Started'});\n                \n                \/\/ Button will work normally and redirect to https:\/\/brainwave.seemi.co\/index.php\/learning\/\n            });\n        }\n        \n        \/\/ Initialize animations\n        courseCards.forEach((card, index) => {\n            card.style.opacity = '0';\n            card.style.transform = 'translateY(30px)';\n            card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n            \n            setTimeout(() => {\n                card.style.opacity = '1';\n                card.style.transform = 'translateY(0)';\n            }, index * 100);\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":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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-189","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/pages\/189","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=189"}],"version-history":[{"count":7,"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/pages\/189\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/pages\/189\/revisions\/248"}],"wp:attachment":[{"href":"https:\/\/brainwave.seemi.co\/index.php\/wp-json\/wp\/v2\/media?parent=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}