{"id":989118,"date":"2026-04-06T19:59:52","date_gmt":"2026-04-06T19:59:52","guid":{"rendered":"https:\/\/school.midstar.com.sa\/?page_id=989118"},"modified":"2026-05-14T08:27:34","modified_gmt":"2026-05-14T08:27:34","slug":"early-years-2","status":"publish","type":"page","link":"https:\/\/school.midstar.com.sa\/index.php\/early-years-2\/","title":{"rendered":"Early Years"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"989118\" class=\"elementor elementor-989118\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92c3313 e-flex e-con-boxed e-con e-parent\" data-id=\"92c3313\" 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-88cdc51 e-con-full e-flex e-con e-child\" data-id=\"88cdc51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f4c793 elementor-widget elementor-widget-spacer\" data-id=\"6f4c793\" 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-384c7b6 elementor-invisible elementor-widget__width-auto animated-fast elementor-widget elementor-widget-heading\" data-id=\"384c7b6\" 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\">Early Kids<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08f6607 elementor-widget elementor-widget-html\" data-id=\"08f6607\" 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    \/* ANIMATIONS *\/\r\n    @keyframes pulse-gold {\r\n        0% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4); }\r\n        70% { box-shadow: 0 0 0 15px rgba(255, 193, 7, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }\r\n    }\r\n\r\n    @keyframes floatCloud {\r\n        0%, 100% { transform: translateY(0) translateX(0); }\r\n        50% { transform: translateY(-10px) translateX(5px); }\r\n    }\r\n\r\n    \/* MAIN LAYOUT *\/\r\n    .kg-outer-wrapper { background: #f0f9ff; padding: 40px 20px; font-family: 'Work Sans', sans-serif; }\r\n    .kg-grid-container { max-width: 1150px; margin: 0 auto; background: #fff; border-radius: 40px; overflow: hidden; box-shadow: 0 30px 60px rgba(0, 30, 60, 0.05); }\r\n\r\n    \/* HEADER WITH PLAYFUL ELEMENTS *\/\r\n    .kg-hero-header { \r\n        background: #004e7c; \r\n        padding: 60px 50px; \r\n        color: white; \r\n        border-bottom: 6px dashed #ffc107; \r\n        display: flex; \r\n        justify-content: space-between; \r\n        align-items: center; \r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Decorative Icons *\/\r\n    .decor-cloud { position: absolute; color: rgba(255,255,255,0.2); animation: floatCloud 4s ease-in-out infinite; }\r\n    .header-flower { position: absolute; color: #ffc107; opacity: 0.7; font-size: 18px; }\r\n\r\n    .header-tag { background: #ffc107; color: #002b45; padding: 8px 18px; border-radius: 50px; font-weight: 800; font-size: 11px; display: flex; align-items: center; gap: 8px; z-index: 2; }\r\n\r\n    \/* SPLIT CONTENT *\/\r\n    .kg-content-split { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 50px; padding: 60px 50px; align-items: center; }\r\n\r\n    \/* ICON GRID BOXES *\/\r\n    .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 30px; }\r\n    \r\n    .feature-item {\r\n        background: #fdfdfd;\r\n        border: 2px solid #f1f5f9;\r\n        padding: 30px 20px;\r\n        border-radius: 30px;\r\n        transition: all 0.3s ease;\r\n        text-align: left;\r\n        position: relative;\r\n    }\r\n\r\n    .feature-item:hover {\r\n        transform: translateY(-8px);\r\n        border-color: #ffc107;\r\n        background: #fffdf7;\r\n    }\r\n\r\n    .icon-circle {\r\n        width: 55px;\r\n        height: 55px;\r\n        background: #004e7c;\r\n        color: #ffc107;\r\n        border-radius: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 22px;\r\n        margin-bottom: 20px;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .feature-item:hover .icon-circle {\r\n        background: #ffc107;\r\n        color: #004e7c;\r\n        transform: scale(1.1) rotate(5deg);\r\n    }\r\n\r\n    .feature-item h4 { margin: 0 0 10px 0; font-size: 17px; color: #002b45; font-weight: 800; }\r\n    .feature-item p { margin: 0; font-size: 13px; color: #64748b; line-height: 1.6; }\r\n\r\n    \/* SIDEBAR GALLERY *\/\r\n    .gallery-aside { position: relative; }\r\n    .canvas-frame {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1.1;\r\n        border-radius: 50px;\r\n        overflow: hidden;\r\n        border: 12px solid #fff;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .reel { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }\r\n    .reel::-webkit-scrollbar { display: none; }\r\n    .reel img { width: 100%; height: 100%; flex: 0 0 100%; object-fit: cover; scroll-snap-align: start; }\r\n\r\n    .gallery-dots {\r\n        position: absolute;\r\n        bottom: -25px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        gap: 15px;\r\n        background: #fff;\r\n        padding: 10px 20px;\r\n        border-radius: 100px;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .gallery-dots a { color: #cbd5e1; font-size: 14px; transition: 0.3s; }\r\n    .gallery-dots a:hover { color: #ffc107; transform: scale(1.2); }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 900px) {\r\n        .kg-content-split { grid-template-columns: 1fr; padding: 40px 25px; }\r\n        .feature-grid { grid-template-columns: 1fr; }\r\n        .kg-hero-header { padding: 40px 30px; flex-direction: column; text-align: center; gap: 20px; }\r\n        .decor-cloud, .header-flower { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"kg-outer-wrapper\">\r\n    <div class=\"kg-grid-container\">\r\n        \r\n        <header class=\"kg-hero-header\">\r\n            <i class=\"fa-solid fa-cloud decor-cloud\" style=\"top: 15%; left: 10%; font-size: 45px;\"><\/i>\r\n            <i class=\"fa-solid fa-cloud decor-cloud\" style=\"top: 10%; right: 15%; font-size: 35px; animation-delay: 1.5s;\"><\/i>\r\n            \r\n            <i class=\"fa-solid fa-seedling header-flower\" style=\"top: 10%; left: 30%;\"><\/i>\r\n            <i class=\"fa-solid fa-sun header-flower\" style=\"top: 15%; right: 40%; font-size: 22px;\"><\/i>\r\n            \r\n            <i class=\"fa-solid fa-leaf header-flower\" style=\"bottom: 5%; left: 5%;\"><\/i>\r\n            <i class=\"fa-solid fa-seedling header-flower\" style=\"bottom: 5%; left: 25%;\"><\/i>\r\n            <i class=\"fa-solid fa-sun header-flower\" style=\"bottom: 5%; left: 50%;\"><\/i>\r\n            <i class=\"fa-solid fa-seedling header-flower\" style=\"bottom: 5%; right: 25%;\"><\/i>\r\n            <i class=\"fa-solid fa-leaf header-flower\" style=\"bottom: 5%; right: 5%;\"><\/i>\r\n\r\n            <div style=\"position: relative; z-index: 2;\">\r\n                <h1 style=\"margin:0; font-size: 38px; font-weight: 800; letter-spacing: -1px; display: flex; align-items: center; gap: 15px;\">\r\n                    <i class=\"fa-solid fa-face-smile-beam\" style=\"color: #ffc107; font-size: 45px;\"><\/i>\r\n                    AMES KIDS\r\n                <\/h1>\r\n                <p style=\"margin: 8px 0 0 0; opacity: 0.9; font-size: 16px; font-weight: 400;\">Building bright futures through curiosity and care.<\/p>\r\n            <\/div>\r\n            <div class=\"header-tag\">\r\n                <i class=\"fa-solid fa-star\"><\/i> BEST FOR KIDS 2026\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <section class=\"kg-content-split\">\r\n            \r\n            <div class=\"content-left\">\r\n                <h2 style=\"color: #002b45; font-size: 34px; font-weight: 800; margin-bottom: 15px;\">\r\n                    Explore our <span style=\"color: #ffc107;\">Core Pillars<\/span> <i class=\"fa-solid fa-wand-magic-sparkles\" style=\"font-size: 20px; color: #ffc107;\"><\/i>\r\n                <\/h2>\r\n                <p style=\"color: #64748b; font-size: 16px; line-height: 1.6;\">Every detail at AMES is crafted to ensure your child feels inspired, safe, and ready to take on the world.<\/p>\r\n\r\n                <div class=\"feature-grid\">\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"icon-circle\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\r\n                        <h4>Expert Mentors<\/h4>\r\n                        <p>Guided by specialists in early childhood development and play-based learning.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"icon-circle\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n                        <h4>Creative Labs<\/h4>\r\n                        <p>Dedicated zones for painting, pottery, and digital storytelling discovery.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"icon-circle\"><i class=\"fa-solid fa-apple-whole\"><\/i><\/div>\r\n                        <h4>Organic Dining<\/h4>\r\n                        <p>Nutritionist-approved meals focusing on fresh, locally sourced ingredients.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"feature-item\">\r\n                        <div class=\"icon-circle\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\r\n                        <h4>Smart Safety<\/h4>\r\n                        <p>Real-time updates and secure biometric access for total peace of mind.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-aside\">\r\n                <div class=\"canvas-frame\">\r\n                    <div class=\"reel\">\r\n                        <img decoding=\"async\" id=\"p-1\" src=\"https:\/\/images.unsplash.com\/photo-1516627145497-ae6968895b74?auto=format&fit=crop&w=800&q=80\">\r\n                        <img decoding=\"async\" id=\"p-2\" src=\"https:\/\/images.unsplash.com\/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=800&q=80\">\r\n                        <img decoding=\"async\" id=\"p-3\" src=\"https:\/\/images.unsplash.com\/photo-1489710437720-ebb67ec84dd2?auto=format&fit=crop&w=800&q=80\">\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"gallery-dots\">\r\n                    <a href=\"#p-1\"><i class=\"fa-solid fa-heart\"><\/i><\/a>\r\n                    <a href=\"#p-2\"><i class=\"fa-solid fa-cloud\"><\/i><\/a>\r\n                    <a href=\"#p-3\"><i class=\"fa-solid fa-sun\"><\/i><\/a>\r\n                <\/div>\r\n\r\n                <div style=\"position: absolute; top: -15px; right: -15px; background: #ffc107; width: 60px; height: 60px; border-radius: 20px; display: flex; align-items: center; justify-content: center; transform: rotate(15deg); animation: pulse-gold 2s infinite; z-index: 5;\">\r\n                    <i class=\"fa-solid fa-child\" style=\"color: #002b45; font-size: 24px;\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/section>\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>Early Kids AMES KIDS Building bright futures through curiosity and care. BEST FOR KIDS 2026 Explore our Core Pillars Every detail at AMES is crafted to ensure your child feels inspired, safe, and ready to take on the world. Expert Mentors Guided by specialists in early childhood development and play-based learning. Creative Labs Dedicated zones&#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-989118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/pages\/989118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/comments?post=989118"}],"version-history":[{"count":7,"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/pages\/989118\/revisions"}],"predecessor-version":[{"id":989555,"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/pages\/989118\/revisions\/989555"}],"wp:attachment":[{"href":"https:\/\/school.midstar.com.sa\/index.php\/wp-json\/wp\/v2\/media?parent=989118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}