{"id":2776,"date":"2024-09-06T04:59:56","date_gmt":"2024-09-06T04:59:56","guid":{"rendered":"https:\/\/cambridgepublicschooljaipur.com\/?page_id=2776"},"modified":"2026-05-28T09:26:42","modified_gmt":"2026-05-28T09:26:42","slug":"facilities","status":"publish","type":"page","link":"https:\/\/cambridgepublicschooljaipur.com\/?page_id=2776","title":{"rendered":"Cambridge Public School Shiksha Samiti"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2776\" class=\"elementor elementor-2776\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd8aa5f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"fd8aa5f\" 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-6ed5fec elementor-widget elementor-widget-html\" data-id=\"6ed5fec\" 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<section class=\"about-section-main\"\r\nstyle=\"padding:90px 5%; background:#ffffff; font-family:'Roboto', Sans-serif; overflow:hidden;\">\r\n\r\n    <!-- Animation CSS -->\r\n    <style>\r\n\r\n        \/* Main Animation *\/\r\n        @keyframes fadeLeft {\r\n            0%{\r\n                opacity:0;\r\n                transform:translateX(-80px);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeRight {\r\n            0%{\r\n                opacity:0;\r\n                transform:translateX(80px);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeUp {\r\n            0%{\r\n                opacity:0;\r\n                transform:translateY(50px);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes zoomIn {\r\n            0%{\r\n                opacity:0;\r\n                transform:scale(0.8);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:scale(1);\r\n            }\r\n        }\r\n\r\n        \/* Scroll Animation Base *\/\r\n        .animate-hidden{\r\n            opacity:0;\r\n        }\r\n\r\n        \/* Left Image Animation *\/\r\n        .about-image-animation.active{\r\n            animation:fadeLeft 1.2s ease forwards;\r\n        }\r\n\r\n        \/* Right Content Animation *\/\r\n        .about-content-animation.active{\r\n            animation:fadeRight 1.2s ease forwards;\r\n        }\r\n\r\n        \/* Stats Animation *\/\r\n        .stats-animation.active{\r\n            animation:fadeUp 1.3s ease forwards;\r\n            animation-delay:0.3s;\r\n        }\r\n\r\n        \/* Button Animation *\/\r\n        .button-animation.active{\r\n            animation:zoomIn 1.2s ease forwards;\r\n            animation-delay:0.5s;\r\n        }\r\n\r\n        \/* Hover Effects *\/\r\n        .about-image-animation img{\r\n            transition:0.5s ease;\r\n        }\r\n\r\n        .about-image-animation:hover img{\r\n            transform:scale(1.05);\r\n        }\r\n\r\n        .discover-btn{\r\n            transition:0.4s ease !important;\r\n        }\r\n\r\n        .discover-btn:hover{\r\n            background:#f7941d !important;\r\n            transform:translateY(-3px);\r\n        }\r\n\r\n    <\/style>\r\n\r\n    <div style=\"display:flex; flex-wrap:wrap; align-items:center; gap:50px;\">\r\n\r\n        <!-- Left Image Section -->\r\n        <div class=\"about-image-animation animate-hidden\"\r\n        style=\"flex:1; min-width:320px; position:relative;\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580582932707-520aed937b7b?q=80&w=1200&auto=format&fit=crop\"\r\n            alt=\"About School\"\r\n            style=\"width:100%; border-radius:24px; box-shadow:0 10px 35px rgba(12,59,107,0.12); object-fit:cover;\">\r\n\r\n            <!-- Floating Box -->\r\n            <div style=\"position:absolute; bottom:-25px; left:30px; background:#f7941d; color:#fff; padding:22px 28px; border-radius:18px; box-shadow:0 8px 25px rgba(247,148,29,0.35);\">\r\n\r\n                <h3 style=\"margin:0; font-size:34px; font-weight:700; line-height:1;\">\r\n                    15+\r\n                <\/h3>\r\n\r\n                <p style=\"margin:8px 0 0; font-size:14px; font-weight:500;\">\r\n                    Years of Excellence\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right Content -->\r\n        <div class=\"about-content-animation animate-hidden\"\r\n        style=\"flex:1; min-width:320px;\">\r\n\r\n            <span style=\"color:#f7941d; font-size:15px; font-weight:700; letter-spacing:1px; text-transform:uppercase;\">\r\n                About Us\r\n            <\/span>\r\n\r\n            <h2 style=\"font-size:44px; color:#0c3b6b; margin-top:15px; margin-bottom:22px; font-weight:700; line-height:1.2;\">\r\n                Building Bright Futures Through Quality Education\r\n            <\/h2>\r\n\r\n            <p style=\"font-size:16px; color:#667085; line-height:1.9; margin-bottom:22px;\">\r\n                Cambridge Public School is committed to providing a nurturing and inspiring learning environment where students grow academically, socially, and emotionally.\r\n            <\/p>\r\n\r\n            <p style=\"font-size:16px; color:#667085; line-height:1.9; margin-bottom:35px;\">\r\n                With experienced faculty, modern infrastructure, sports facilities, and activity-based learning, we prepare students to excel confidently in every stage of life.\r\n            <\/p>\r\n\r\n            <!-- Stats -->\r\n            <div class=\"stats-animation animate-hidden\"\r\n            style=\"display:flex; flex-wrap:wrap; gap:18px; margin-bottom:35px;\">\r\n\r\n                <div style=\"background:#f4f7fb; padding:18px 22px; border-radius:14px; flex:1; min-width:180px; border-left:4px solid #f7941d;\">\r\n\r\n                    <h3 style=\"margin:0; color:#0c3b6b; font-size:28px; font-weight:700;\">\r\n                        1200+\r\n                    <\/h3>\r\n\r\n                    <p style=\"margin:8px 0 0; color:#667085; font-size:14px;\">\r\n                        Happy Students\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div style=\"background:#f4f7fb; padding:18px 22px; border-radius:14px; flex:1; min-width:180px; border-left:4px solid #f7941d;\">\r\n\r\n                    <h3 style=\"margin:0; color:#0c3b6b; font-size:28px; font-weight:700;\">\r\n                        50+\r\n                    <\/h3>\r\n\r\n                    <p style=\"margin:8px 0 0; color:#667085; font-size:14px;\">\r\n                        Expert Teachers\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Button -->\r\n            <div class=\"button-animation animate-hidden\">\r\n\r\n                <a href=\"#\"\r\n                class=\"discover-btn\"\r\n                style=\"display:inline-block; background:#0c3b6b; color:#fff; text-decoration:none; padding:15px 34px; border-radius:50px; font-size:15px; font-weight:700; box-shadow:0 8px 20px rgba(12,59,107,0.18);\">\r\n                    Discover More\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Scroll Animation Script -->\r\n    <script>\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n\r\n            entries.forEach((entry) => {\r\n\r\n                if(entry.isIntersecting){\r\n                    entry.target.classList.add('active');\r\n                }\r\n\r\n            });\r\n\r\n        }, {\r\n            threshold:0.2\r\n        });\r\n\r\n        document.querySelectorAll('.animate-hidden').forEach((el) => {\r\n            observer.observe(el);\r\n        });\r\n\r\n    <\/script>\r\n\r\n<\/section>\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<div class=\"elementor-element elementor-element-18b36fe e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"18b36fe\" 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-7c13ef5 elementor-widget elementor-widget-html\" data-id=\"7c13ef5\" 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<section style=\"padding:90px 4%; background:#f4f7fb; font-family:'Roboto', Sans-serif; overflow:hidden;\">\r\n\r\n    <!-- Animation CSS -->\r\n    <style>\r\n\r\n        @keyframes fadeUp {\r\n            0%{\r\n                opacity:0;\r\n                transform:translateY(60px);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes zoomFade {\r\n            0%{\r\n                opacity:0;\r\n                transform:scale(0.9);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:scale(1);\r\n            }\r\n        }\r\n\r\n        .facility-heading{\r\n            opacity:0;\r\n        }\r\n\r\n        .facility-heading.active{\r\n            animation:fadeUp 1s ease forwards;\r\n        }\r\n\r\n        .facility-card{\r\n            opacity:0;\r\n            transform:translateY(60px);\r\n            transition:0.4s ease;\r\n        }\r\n\r\n        .facility-card.active{\r\n            animation:zoomFade 1s ease forwards;\r\n        }\r\n\r\n        .facility-card:hover{\r\n            transform:translateY(-10px);\r\n            box-shadow:0 15px 35px rgba(12,59,107,0.18) !important;\r\n        }\r\n\r\n        .facility-card img{\r\n            transition:0.5s ease;\r\n        }\r\n\r\n        .facility-card:hover img{\r\n            transform:scale(1.08);\r\n        }\r\n\r\n        .facility-btn{\r\n            transition:0.3s ease;\r\n        }\r\n\r\n        .facility-btn:hover{\r\n            color:#f7941d !important;\r\n            padding-left:5px;\r\n        }\r\n\r\n    <\/style>\r\n\r\n    <!-- Heading -->\r\n    <div class=\"facility-heading\"\r\n    style=\"text-align:center; margin-bottom:60px;\">\r\n\r\n        <span style=\"color:#f7941d; font-size:15px; font-weight:700; letter-spacing:1px; text-transform:uppercase;\">\r\n            Our Facilities\r\n        <\/span>\r\n\r\n        <h2 style=\"font-size:42px; color:#0c3b6b; margin-top:10px; margin-bottom:15px; font-weight:700;\">\r\n            Explore Our Campus Life\r\n        <\/h2>\r\n\r\n        <p style=\"max-width:750px; margin:auto; color:#5f6b7a; font-size:16px; line-height:1.8;\">\r\n            Cambridge Public School provides modern infrastructure and activity-rich\r\n            spaces for holistic student development.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- Cards Row -->\r\n    <div style=\"display:flex; flex-wrap:wrap; gap:20px; justify-content:center;\">\r\n\r\n        <!-- Card 1 -->\r\n        <div class=\"facility-card\"\r\n        style=\"width:24%; min-width:250px; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 8px 25px rgba(12,59,107,0.08); border-bottom:4px solid #f7941d; animation-delay:0.1s;\">\r\n\r\n            <div style=\"position:relative; height:220px; overflow:hidden;\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/cambridgepublicschooljaipur.com\/wp-content\/uploads\/2024\/09\/auditorimucps.jpg\"\r\n                alt=\"Auditorium\"\r\n                style=\"width:100%; height:100%; object-fit:cover;\">\r\n\r\n                <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(12,59,107,0.85), rgba(12,59,107,0.1));\"><\/div>\r\n\r\n                <div style=\"position:absolute; bottom:20px; left:20px; color:#fff;\">\r\n\r\n                    <div style=\"font-size:14px; margin-bottom:5px;\">\r\n                        Creative Space\r\n                    <\/div>\r\n\r\n                    <h3 style=\"margin:0; font-size:26px; font-weight:700;\">\r\n                        Auditorium\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div style=\"padding:25px;\">\r\n\r\n                <p style=\"font-size:14px; color:#667085; line-height:1.8; margin-bottom:20px;\">\r\n                    Modern auditorium for events, seminars, cultural performances and activities.\r\n                <\/p>\r\n\r\n                <a href=\"#\"\r\n                class=\"facility-btn\"\r\n                style=\"text-decoration:none; color:#0c3b6b; font-weight:700; font-size:14px;\">\r\n                    Know More \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 2 -->\r\n        <div class=\"facility-card\"\r\n        style=\"width:24%; min-width:250px; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 8px 25px rgba(12,59,107,0.08); border-bottom:4px solid #f7941d; animation-delay:0.3s;\">\r\n\r\n            <div style=\"position:relative; height:220px; overflow:hidden;\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/cambridgepublicschooljaipur.com\/wp-content\/uploads\/2024\/09\/playgroundcps.jpg\"\r\n                alt=\"Playground\"\r\n                style=\"width:100%; height:100%; object-fit:cover;\">\r\n\r\n                <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(12,59,107,0.85), rgba(12,59,107,0.1));\"><\/div>\r\n\r\n                <div style=\"position:absolute; bottom:20px; left:20px; color:#fff;\">\r\n\r\n                    <div style=\"font-size:14px; margin-bottom:5px;\">\r\n                        Sports & Fitness\r\n                    <\/div>\r\n\r\n                    <h3 style=\"margin:0; font-size:26px; font-weight:700;\">\r\n                        Playground\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div style=\"padding:25px;\">\r\n\r\n                <p style=\"font-size:14px; color:#667085; line-height:1.8; margin-bottom:20px;\">\r\n                    Spacious playgrounds encouraging fitness, teamwork and outdoor learning.\r\n                <\/p>\r\n\r\n                <a href=\"#\"\r\n                class=\"facility-btn\"\r\n                style=\"text-decoration:none; color:#0c3b6b; font-weight:700; font-size:14px;\">\r\n                    Know More \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 3 -->\r\n        <div class=\"facility-card\"\r\n        style=\"width:24%; min-width:250px; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 8px 25px rgba(12,59,107,0.08); border-bottom:4px solid #f7941d; animation-delay:0.5s;\">\r\n\r\n            <div style=\"position:relative; height:220px; overflow:hidden;\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/cambridgepublicschooljaipur.com\/wp-content\/uploads\/2024\/09\/playstation.jpg\"\r\n                alt=\"Kids Play Area\"\r\n                style=\"width:100%; height:100%; object-fit:cover;\">\r\n\r\n                <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(12,59,107,0.85), rgba(12,59,107,0.1));\"><\/div>\r\n\r\n                <div style=\"position:absolute; bottom:20px; left:20px; color:#fff;\">\r\n\r\n                    <div style=\"font-size:14px; margin-bottom:5px;\">\r\n                        Fun & Creativity\r\n                    <\/div>\r\n\r\n                    <h3 style=\"margin:0; font-size:24px; font-weight:700;\">\r\n                        Kids Play Area\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div style=\"padding:25px;\">\r\n\r\n                <p style=\"font-size:14px; color:#667085; line-height:1.8; margin-bottom:20px;\">\r\n                    Interactive play spaces for creativity, imagination and joyful learning.\r\n                <\/p>\r\n\r\n                <a href=\"#\"\r\n                class=\"facility-btn\"\r\n                style=\"text-decoration:none; color:#0c3b6b; font-weight:700; font-size:14px;\">\r\n                    Know More \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Card 4 -->\r\n        <div class=\"facility-card\"\r\n        style=\"width:24%; min-width:250px; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 8px 25px rgba(12,59,107,0.08); border-bottom:4px solid #f7941d; animation-delay:0.7s;\">\r\n\r\n            <div style=\"position:relative; height:220px; overflow:hidden;\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/cambridgepublicschooljaipur.com\/wp-content\/uploads\/2024\/09\/indoorgamescps.jpg\"\r\n                alt=\"Indoor Games\"\r\n                style=\"width:100%; height:100%; object-fit:cover;\">\r\n\r\n                <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(12,59,107,0.85), rgba(12,59,107,0.1));\"><\/div>\r\n\r\n                <div style=\"position:absolute; bottom:20px; left:20px; color:#fff;\">\r\n\r\n                    <div style=\"font-size:14px; margin-bottom:5px;\">\r\n                        Skill Development\r\n                    <\/div>\r\n\r\n                    <h3 style=\"margin:0; font-size:26px; font-weight:700;\">\r\n                        Indoor Games\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div style=\"padding:25px;\">\r\n\r\n                <p style=\"font-size:14px; color:#667085; line-height:1.8; margin-bottom:20px;\">\r\n                    Indoor games improve focus, confidence, teamwork and strategic thinking.\r\n                <\/p>\r\n\r\n                <a href=\"#\"\r\n                class=\"facility-btn\"\r\n                style=\"text-decoration:none; color:#0c3b6b; font-weight:700; font-size:14px;\">\r\n                    Know More \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Scroll Animation Script -->\r\n    <script>\r\n\r\n        const facilityObserver = new IntersectionObserver((entries) => {\r\n\r\n            entries.forEach((entry) => {\r\n\r\n                if(entry.isIntersecting){\r\n                    entry.target.classList.add('active');\r\n                }\r\n\r\n            });\r\n\r\n        }, {\r\n            threshold:0.2\r\n        });\r\n\r\n        document.querySelectorAll('.facility-heading, .facility-card').forEach((el) => {\r\n            facilityObserver.observe(el);\r\n        });\r\n\r\n    <\/script>\r\n\r\n<\/section>\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<div class=\"elementor-element elementor-element-119626a e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"119626a\" 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-8f8f2cc elementor-widget elementor-widget-html\" data-id=\"8f8f2cc\" 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\r\n<section style=\"padding:100px 5%; background:#ffffff; font-family:'Roboto', Sans-serif; overflow:hidden;\">\r\n\r\n    <!-- Animation CSS -->\r\n    <style>\r\n\r\n        @keyframes fadeUp {\r\n            0%{\r\n                opacity:0;\r\n                transform:translateY(60px);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeLeft {\r\n            0%{\r\n                opacity:0;\r\n                transform:translateX(-60px);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:translateX(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeRight {\r\n            0%{\r\n                opacity:0;\r\n                transform:translateX(60px);\r\n            }\r\n            100%{\r\n                opacity:1;\r\n                transform:translateX(0);\r\n            }\r\n        }\r\n\r\n        .why-heading{\r\n            opacity:0;\r\n        }\r\n\r\n        .why-heading.active{\r\n            animation:fadeUp 1s ease forwards;\r\n        }\r\n\r\n        .why-left{\r\n            opacity:0;\r\n        }\r\n\r\n        .why-left.active{\r\n            animation:fadeLeft 1.1s ease forwards;\r\n        }\r\n\r\n        .why-box{\r\n            opacity:0;\r\n            transform:translateY(40px);\r\n            transition:0.4s ease;\r\n        }\r\n\r\n        .why-box.active{\r\n            animation:fadeRight 1s ease forwards;\r\n        }\r\n\r\n        .why-box:hover{\r\n            transform:translateY(-10px);\r\n            box-shadow:0 15px 35px rgba(12,59,107,0.15) !important;\r\n        }\r\n\r\n        .why-btn{\r\n            transition:0.4s ease;\r\n        }\r\n\r\n        .why-btn:hover{\r\n            background:#f7941d !important;\r\n            transform:translateY(-3px);\r\n        }\r\n\r\n    <\/style>\r\n\r\n    <!-- Heading -->\r\n    <div class=\"why-heading\"\r\n    style=\"text-align:center; margin-bottom:70px;\">\r\n\r\n        <span style=\"color:#f7941d; font-size:15px; font-weight:700; letter-spacing:1px; text-transform:uppercase;\">\r\n            Why Choose Us\r\n        <\/span>\r\n\r\n        <h2 style=\"font-size:44px; color:#0c3b6b; margin-top:12px; margin-bottom:18px; font-weight:700;\">\r\n            Empowering Students For A Better Tomorrow\r\n        <\/h2>\r\n\r\n        <p style=\"max-width:760px; margin:auto; color:#667085; font-size:16px; line-height:1.9;\">\r\n            Cambridge Public School focuses on academic excellence, modern learning,\r\n            personality development, and value-based education to help students\r\n            succeed confidently in every stage of life.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- Main Layout -->\r\n    <div style=\"display:flex; flex-wrap:wrap; gap:40px; align-items:center;\">\r\n\r\n        <!-- Left Side -->\r\n        <div class=\"why-left\"\r\n        style=\"flex:1; min-width:320px; position:relative;\">\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/cambridgepublicschooljaipur.com\/wp-content\/uploads\/2024\/04\/IMG_3220-3-scaled.jpg\"\r\n            alt=\"Why Choose Us\"\r\n            style=\"width:100%; border-radius:24px; box-shadow:0 12px 35px rgba(12,59,107,0.12); object-fit:cover;\">\r\n\r\n            <!-- Floating Stats -->\r\n            <div style=\"position:absolute; bottom:-25px; right:30px; background:#f7941d; color:#fff; padding:22px 28px; border-radius:18px; box-shadow:0 8px 25px rgba(247,148,29,0.35);\">\r\n\r\n                <h3 style=\"margin:0; font-size:34px; font-weight:700; line-height:1;\">\r\n                    15+\r\n                <\/h3>\r\n\r\n                <p style=\"margin:8px 0 0; font-size:14px; font-weight:500;\">\r\n                    Years of Excellence\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Right Side -->\r\n        <div style=\"flex:1; min-width:320px;\">\r\n\r\n            <!-- Feature Box -->\r\n            <div class=\"why-box\"\r\n            style=\"background:#f4f7fb; padding:28px; border-radius:20px; margin-bottom:22px; border-left:5px solid #f7941d; box-shadow:0 8px 25px rgba(12,59,107,0.05); animation-delay:0.1s;\">\r\n\r\n                <h3 style=\"margin-top:0; margin-bottom:12px; color:#0c3b6b; font-size:24px; font-weight:700;\">\r\n                    Experienced Faculty\r\n                <\/h3>\r\n\r\n                <p style=\"margin:0; color:#667085; font-size:15px; line-height:1.8;\">\r\n                    Our qualified and dedicated teachers provide personalized attention\r\n                    and inspire students to achieve academic excellence.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Feature Box -->\r\n            <div class=\"why-box\"\r\n            style=\"background:#f4f7fb; padding:28px; border-radius:20px; margin-bottom:22px; border-left:5px solid #f7941d; box-shadow:0 8px 25px rgba(12,59,107,0.05); animation-delay:0.3s;\">\r\n\r\n                <h3 style=\"margin-top:0; margin-bottom:12px; color:#0c3b6b; font-size:24px; font-weight:700;\">\r\n                    Smart Learning Environment\r\n                <\/h3>\r\n\r\n                <p style=\"margin:0; color:#667085; font-size:15px; line-height:1.8;\">\r\n                    Interactive classrooms, modern teaching methods, and activity-based\r\n                    learning create an engaging educational experience.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Feature Box -->\r\n            <div class=\"why-box\"\r\n            style=\"background:#f4f7fb; padding:28px; border-radius:20px; margin-bottom:22px; border-left:5px solid #f7941d; box-shadow:0 8px 25px rgba(12,59,107,0.05); animation-delay:0.5s;\">\r\n\r\n                <h3 style=\"margin-top:0; margin-bottom:12px; color:#0c3b6b; font-size:24px; font-weight:700;\">\r\n                    Holistic Development\r\n                <\/h3>\r\n\r\n                <p style=\"margin:0; color:#667085; font-size:15px; line-height:1.8;\">\r\n                    Equal importance is given to academics, sports, creativity,\r\n                    leadership, discipline, and life skills development.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Feature Box -->\r\n            <div class=\"why-box\"\r\n            style=\"background:#f4f7fb; padding:28px; border-radius:20px; margin-bottom:35px; border-left:5px solid #f7941d; box-shadow:0 8px 25px rgba(12,59,107,0.05); animation-delay:0.7s;\">\r\n\r\n                <h3 style=\"margin-top:0; margin-bottom:12px; color:#0c3b6b; font-size:24px; font-weight:700;\">\r\n                    Safe & Supportive Campus\r\n                <\/h3>\r\n\r\n                <p style=\"margin:0; color:#667085; font-size:15px; line-height:1.8;\">\r\n                    We provide a secure, nurturing, and student-friendly environment\r\n                    that encourages confidence and positive growth.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <!-- Button -->\r\n            <a href=\"#\"\r\n            class=\"why-btn\"\r\n            style=\"display:inline-block; background:#0c3b6b; color:#fff; text-decoration:none; padding:15px 36px; border-radius:50px; font-size:15px; font-weight:700; box-shadow:0 8px 20px rgba(12,59,107,0.18);\">\r\n                Explore More\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Scroll Animation Script -->\r\n    <script>\r\n\r\n        const whyObserver = new IntersectionObserver((entries) => {\r\n\r\n            entries.forEach((entry) => {\r\n\r\n                if(entry.isIntersecting){\r\n                    entry.target.classList.add('active');\r\n                }\r\n\r\n            });\r\n\r\n        }, {\r\n            threshold:0.2\r\n        });\r\n\r\n        document.querySelectorAll('.why-heading, .why-left, .why-box').forEach((el) => {\r\n            whyObserver.observe(el);\r\n        });\r\n\r\n    <\/script>\r\n\r\n<\/section>\r\n\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>15+ Years of Excellence About Us Building Bright Futures Through Quality Education Cambridge Public School is committed to providing a &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-2776","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=\/wp\/v2\/pages\/2776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2776"}],"version-history":[{"count":93,"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=\/wp\/v2\/pages\/2776\/revisions"}],"predecessor-version":[{"id":5609,"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=\/wp\/v2\/pages\/2776\/revisions\/5609"}],"wp:attachment":[{"href":"https:\/\/cambridgepublicschooljaipur.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}