{"id":988796,"date":"2026-03-22T19:56:30","date_gmt":"2026-03-22T19:56:30","guid":{"rendered":"https:\/\/pearlsacademy.co.in\/?page_id=988796"},"modified":"2026-04-06T16:10:48","modified_gmt":"2026-04-06T16:10:48","slug":"co-curricular-activities","status":"publish","type":"page","link":"https:\/\/pearlsacademy.co.in\/index.php\/co-curricular-activities\/","title":{"rendered":"Co-Curricular Activities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"988796\" class=\"elementor elementor-988796\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68fcc2a e-flex e-con-boxed e-con e-parent\" data-id=\"68fcc2a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c831712 e-con-full e-flex e-con e-child\" data-id=\"c831712\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25d0ef6 elementor-widget elementor-widget-spacer\" data-id=\"25d0ef6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0337d10 elementor-invisible elementor-widget__width-auto animated-fast elementor-widget elementor-widget-heading\" data-id=\"0337d10\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:50}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Co-Curriculars<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62ab4ee elementor-widget elementor-widget-html\" data-id=\"62ab4ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* KEYFRAMES *\/\r\n    @keyframes iconFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-8px); }\r\n    }\r\n    @keyframes phonePulse {\r\n        0% { transform: scale(1); }\r\n        50% { transform: scale(1.1); }\r\n        100% { transform: scale(1); }\r\n    }\r\n\r\n    \/* SLIDESHOW ANIMATION FOR 10 IMAGES *\/\r\n    @keyframes slideGallery {\r\n        0%, 8% { transform: translateX(0%); }\r\n        10%, 18% { transform: translateX(-10%); }\r\n        20%, 28% { transform: translateX(-20%); }\r\n        30%, 38% { transform: translateX(-30%); }\r\n        40%, 48% { transform: translateX(-40%); }\r\n        50%, 58% { transform: translateX(-50%); }\r\n        60%, 68% { transform: translateX(-60%); }\r\n        70%, 78% { transform: translateX(-70%); }\r\n        80%, 88% { transform: translateX(-80%); }\r\n        90%, 98% { transform: translateX(-90%); }\r\n        100% { transform: translateX(0%); }\r\n    }\r\n\r\n    .stack-container {\r\n        max-width: 1100px;\r\n        margin: 50px auto;\r\n        background: #ffffff !important;\r\n        border-radius: 40px;\r\n        overflow: hidden;\r\n        border: 1px solid #e5e7eb;\r\n        font-family: 'Work Sans', sans-serif !important;\r\n        box-shadow: 0 40px 80px rgba(0, 43, 69, 0.05);\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .stack-header {\r\n        background: #002b45 !important;\r\n        padding: 60px 50px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-end;\r\n        flex-wrap: wrap;\r\n        gap: 20px;\r\n    }\r\n\r\n    .header-left h1 {\r\n        margin: 0;\r\n        font-size: 36px;\r\n        font-weight: 800;\r\n        color: #ffffff !important;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n\r\n    .header-left i.main-icon {\r\n        color: #ffffff !important;\r\n        animation: iconFloat 3s ease-in-out infinite;\r\n    }\r\n\r\n    .header-left p {\r\n        font-size: 14px;\r\n        opacity: 0.9;\r\n        margin: 10px 0 0 0;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    \/* MAIN CONTENT SPLIT *\/\r\n    .stack-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 320px;\r\n        gap: 40px;\r\n        padding: 50px;\r\n    }\r\n\r\n    \/* ACTIVITY CARDS *\/\r\n    .activity-stack {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n    }\r\n\r\n    .layered-card {\r\n        background: #f8fafc !important;\r\n        border-radius: 30px;\r\n        padding: 40px;\r\n        border: 1px solid #eef2f7;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        transition: 0.4s;\r\n    }\r\n\r\n    .layered-card:hover {\r\n        background: #ffffff !important;\r\n        border-color: #ffc107;\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 30px rgba(0, 43, 69, 0.06);\r\n    }\r\n\r\n    .card-content-left {\r\n        max-width: 70%;\r\n    }\r\n\r\n    .card-content-left h3 {\r\n        margin: 0 0 15px 0;\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        color: #002b45 !important;\r\n    }\r\n\r\n    .activity-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .activity-list li {\r\n        font-size: 14px;\r\n        color: #64748b !important;\r\n        line-height: 1.6;\r\n        margin-bottom: 8px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n    }\r\n\r\n    .activity-list li::before {\r\n        content: \"\u2022\";\r\n        color: #ffc107;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .card-highlight {\r\n        text-align: right;\r\n    }\r\n\r\n    .highlight-icon {\r\n        font-size: 32px;\r\n        color: #ffc107;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .highlight-text {\r\n        font-size: 10px;\r\n        font-weight: 800;\r\n        color: #002b45;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* SIDEBAR & GALLERY *\/\r\n    .stack-sidebar-box {\r\n        background: #f8fafc !important;\r\n        padding: 20px;\r\n        border-radius: 30px;\r\n        border: 1px solid #e2e8f0;\r\n        margin-bottom: 25px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .gallery-viewport {\r\n        width: 100%;\r\n        height: 220px;\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n\r\n    .gallery-slider {\r\n        display: flex;\r\n        width: 1000%; \/* 10 images * 100% *\/\r\n        height: 100%;\r\n        animation: slideGallery 30s infinite cubic-bezier(0.45, 0, 0.55, 1);\r\n    }\r\n\r\n    .slide {\r\n        width: 10%; \/* 100% \/ 10 images *\/\r\n        height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n    }\r\n\r\n    .support-box {\r\n        background: #002b45 !important;\r\n        color: white !important;\r\n        padding: 40px 30px;\r\n        border-radius: 30px;\r\n        text-align: center;\r\n    }\r\n\r\n    .support-box i.phone-icon {\r\n        color: #ffc107 !important;\r\n        font-size: 32px;\r\n        margin-bottom: 15px;\r\n        display: inline-block;\r\n        animation: phonePulse 2s infinite ease-in-out;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .stack-grid { grid-template-columns: 1fr; padding: 30px; }\r\n        .layered-card { flex-direction: column; text-align: center; gap: 20px; }\r\n        .card-content-left { max-width: 100%; }\r\n        .card-highlight { text-align: center; }\r\n        .activity-list li { justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"stack-container\">\r\n    <header class=\"stack-header\">\r\n        <div class=\"header-left\">\r\n            <h1>\r\n                <i class=\"fa-solid fa-shapes main-icon\"><\/i>\r\n                Co-Curricular Activities\r\n            <\/h1>\r\n            <p>Aiming for the holistic development of students through experiential learning.<\/p>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"stack-grid\">\r\n        <main class=\"activity-stack\">\r\n            \r\n            <div class=\"layered-card\">\r\n                <div class=\"card-content-left\">\r\n                    <h3>Educational Trips & Camps<\/h3>\r\n                    <ul class=\"activity-list\">\r\n                        <li>Educational Trips to enhance practical knowledge<\/li>\r\n                        <li>Night Stay Programs to build independence and teamwork<\/li>\r\n                        <li>Camps focusing on skill development and outdoor learning<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"card-highlight\">\r\n                    <div class=\"highlight-icon\"><i class=\"fa-solid fa-tent\"><\/i><\/div>\r\n                    <div class=\"highlight-text\">Outdoor Learning<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"layered-card\">\r\n                <div class=\"card-content-left\">\r\n                    <h3>House Activities<\/h3>\r\n                    <ul class=\"activity-list\">\r\n                        <li>Debates - Enhancing critical thinking and communication<\/li>\r\n                        <li>Poem Recitation - Encouraging expression and creativity<\/li>\r\n                        <li>Jam Sessions (Just A Minute) - Building confidence and spontaneity<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"card-highlight\">\r\n                    <div class=\"highlight-icon\"><i class=\"fa-solid fa-users-rectangle\"><\/i><\/div>\r\n                    <div class=\"highlight-text\">Healthy Competition<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"layered-card\">\r\n                <div class=\"card-content-left\">\r\n                    <h3>Art & Culture<\/h3>\r\n                    <ul class=\"activity-list\">\r\n                        <li>Painting Competitions<\/li>\r\n                        <li>Collage Making<\/li>\r\n                        <li>Craft and Creative Work<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"card-highlight\">\r\n                    <div class=\"highlight-icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n                    <div class=\"highlight-text\">Aesthetic Appreciation<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"layered-card\">\r\n                <div class=\"card-content-left\">\r\n                    <h3>Performing Arts<\/h3>\r\n                    <ul class=\"activity-list\">\r\n                        <li>Na'at and Qira'at - Promoting spiritual and cultural values<\/li>\r\n                        <li>Azaan Recitation - Encouraging confidence and voice clarity<\/li>\r\n                        <li>Speech Competitions - Developing public speaking skills<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"card-highlight\">\r\n                    <div class=\"highlight-icon\"><i class=\"fa-solid fa-microphone-lines\"><\/i><\/div>\r\n                    <div class=\"highlight-text\">Student Talent<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/main>\r\n\r\n        <aside class=\"stack-sidebar\">\r\n            <div class=\"stack-sidebar-box\">\r\n                <h4 style=\"font-size: 14px; font-weight: 800; color: #002b45; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 0.5px;\">\r\n                    <i class=\"fa-solid fa-trophy\" style=\"color: #ffc107; margin-right: 5px;\"><\/i> Sports & Activities\r\n                <\/h4>\r\n                \r\n                <div class=\"gallery-viewport\">\r\n                    <div class=\"gallery-slider\">\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-1.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-2.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-3.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-4.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-5.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-6.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-7.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-8.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-9.jpeg');\"><\/div>\r\n                        <div class=\"slide\" style=\"background-image: url('https:\/\/school.midstar.com.sa\/wp-content\/uploads\/2026\/04\/Sports-10.jpeg');\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <p style=\"font-size: 11px; color: #64748b; margin-top: 10px; line-height: 1.4;\">\r\n                    Highlights from our recent sports events and co-curricular programs.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"support-box\">\r\n                <i class=\"fa-solid fa-phone-volume phone-icon\"><\/i>\r\n                <p>Activity Inquiries<\/p>\r\n                <div style=\"font-weight: 800; font-size: 20px;\">+91 98606 14784<\/div>\r\n            <\/div>\r\n        <\/aside>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\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":"<p>Co-Curriculars Co-Curricular Activities Aiming for the holistic development of students through experiential learning. Educational Trips &#038; Camps Educational Trips to enhance practical knowledge Night Stay Programs to build independence and teamwork Camps focusing on skill development and outdoor learning Outdoor Learning House Activities Debates &#8211; Enhancing critical thinking and communication Poem Recitation &#8211; Encouraging expression&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-988796","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/pages\/988796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=988796"}],"version-history":[{"count":10,"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/pages\/988796\/revisions"}],"predecessor-version":[{"id":989105,"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/pages\/988796\/revisions\/989105"}],"wp:attachment":[{"href":"https:\/\/pearlsacademy.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=988796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}