Little Champions | About Us \u2013 Warm Introduction<\/title>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Lato:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ============================================ *\/\r\n \/* ABOUT US - WARM INTRODUCTION *\/\r\n \/* Fully isolated component with 'lc-about-' *\/\r\n \/* NO CSS CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Reset only inside this component *\/\r\n .lc-about-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-about-wrapper {\r\n width: 100%;\r\n background: #ffffff;\r\n font-family: 'Lato', sans-serif;\r\n line-height: 1.5;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 0;\r\n }\r\n\r\n \/* Animated Background Elements *\/\r\n .lc-about-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .lc-about-bubble {\r\n position: absolute;\r\n bottom: -100px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(242,175,58,0.08), rgba(18,126,129,0.04));\r\n animation: lc-about-bubbleFloat linear infinite;\r\n }\r\n\r\n .lc-about-bubble-1 { width: 80px; height: 80px; left: 5%; animation-duration: 14s; animation-delay: 0s; }\r\n .lc-about-bubble-2 { width: 120px; height: 120px; left: 20%; animation-duration: 18s; animation-delay: 2s; }\r\n .lc-about-bubble-3 { width: 60px; height: 60px; left: 40%; animation-duration: 12s; animation-delay: 4s; }\r\n .lc-about-bubble-4 { width: 150px; height: 150px; left: 60%; animation-duration: 22s; animation-delay: 1s; }\r\n .lc-about-bubble-5 { width: 90px; height: 90px; left: 80%; animation-duration: 16s; animation-delay: 3s; }\r\n .lc-about-bubble-6 { width: 50px; height: 50px; left: 90%; animation-duration: 10s; animation-delay: 5s; }\r\n\r\n \/* Floating Stars *\/\r\n .lc-about-star {\r\n position: absolute;\r\n font-size: 1rem;\r\n pointer-events: none;\r\n opacity: 0.3;\r\n z-index: 1;\r\n animation: lc-about-starGentle 4s infinite alternate;\r\n }\r\n .lc-about-star-1 { top: 10%; left: 8%; animation-delay: 0s; }\r\n .lc-about-star-2 { top: 15%; right: 10%; animation-delay: 0.7s; font-size: 0.8rem; }\r\n .lc-about-star-3 { bottom: 12%; left: 12%; animation-delay: 1.2s; font-size: 1.2rem; }\r\n .lc-about-star-4 { bottom: 18%; right: 15%; animation-delay: 0.4s; }\r\n\r\n \/* Main Container *\/\r\n .lc-about-container {\r\n max-width: 1400px;\r\n width: 90%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* About Grid *\/\r\n .lc-about-grid {\r\n display: flex;\r\n align-items: center;\r\n gap: 60px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Left Side - Text Content *\/\r\n .lc-about-text {\r\n flex: 1.2;\r\n min-width: 300px;\r\n }\r\n\r\n \/* Badge *\/\r\n .lc-about-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, #F2AF3A, #f5c35c);\r\n color: #012344;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n margin-bottom: 24px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n box-shadow: 0 5px 15px rgba(242, 175, 58, 0.2);\r\n }\r\n\r\n \/* Title *\/\r\n .lc-about-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.2rem;\r\n font-weight: 900;\r\n color: #012344;\r\n line-height: 1.2;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .lc-about-title span {\r\n color: #127E81;\r\n font-style: italic;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .lc-about-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 6px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: linear-gradient(90deg, #F2AF3A, #127E81);\r\n border-radius: 10px;\r\n opacity: 0.35;\r\n z-index: -1;\r\n }\r\n\r\n \/* Founder Message *\/\r\n .lc-about-message {\r\n font-size: 1.05rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.75;\r\n margin-bottom: 28px;\r\n background: #fafaf8;\r\n padding: 24px 28px;\r\n border-radius: 32px;\r\n border-left: 5px solid #F2AF3A;\r\n }\r\n\r\n .lc-about-message i {\r\n color: #F2AF3A;\r\n margin-right: 6px;\r\n opacity: 0.7;\r\n }\r\n\r\n \/* Mission Statement *\/\r\n .lc-about-mission {\r\n background: linear-gradient(135deg, #01234410, #127E8110);\r\n padding: 20px 24px;\r\n border-radius: 28px;\r\n margin-top: 20px;\r\n }\r\n\r\n .lc-about-mission p {\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: #012344;\r\n line-height: 1.65;\r\n }\r\n\r\n .lc-about-mission i {\r\n color: #F2AF3A;\r\n margin-right: 8px;\r\n }\r\n\r\n \/* Signature *\/\r\n .lc-about-signature {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n margin-top: 25px;\r\n }\r\n\r\n .lc-about-signature-line {\r\n width: 60px;\r\n height: 3px;\r\n background: linear-gradient(90deg, #F2AF3A, #127E81);\r\n border-radius: 3px;\r\n }\r\n\r\n .lc-about-signature-name {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n color: #012344;\r\n }\r\n\r\n .lc-about-signature-title {\r\n font-size: 0.85rem;\r\n color: #127E81;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Right Side - Image *\/\r\n .lc-about-image {\r\n flex: 0.9;\r\n min-width: 280px;\r\n }\r\n\r\n .lc-about-image-frame {\r\n background: #ffffff;\r\n border-radius: 48px;\r\n padding: 12px;\r\n box-shadow: 0 25px 45px rgba(0, 0, 0, 0.08);\r\n border: 1px solid rgba(242, 175, 58, 0.2);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .lc-about-image-frame:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 35px 55px rgba(0, 0, 0, 0.12);\r\n border-color: rgba(242, 175, 58, 0.4);\r\n }\r\n\r\n .lc-about-img {\r\n width: 100%;\r\n border-radius: 40px;\r\n object-fit: cover;\r\n aspect-ratio: 1 \/ 1;\r\n display: block;\r\n }\r\n\r\n .lc-about-image-caption {\r\n text-align: center;\r\n margin-top: 16px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n color: #127E81;\r\n background: #fafaf8;\r\n display: inline-block;\r\n width: auto;\r\n padding: 6px 18px;\r\n border-radius: 40px;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1000px) {\r\n .lc-about-grid {\r\n flex-direction: column;\r\n gap: 40px;\r\n }\r\n .lc-about-title {\r\n font-size: 2.5rem;\r\n }\r\n .lc-about-message {\r\n font-size: 0.98rem;\r\n padding: 20px 24px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .lc-about-wrapper {\r\n padding: 60px 0;\r\n }\r\n .lc-about-title {\r\n font-size: 2rem;\r\n }\r\n .lc-about-message {\r\n font-size: 0.92rem;\r\n padding: 18px 20px;\r\n }\r\n .lc-about-mission p {\r\n font-size: 0.9rem;\r\n }\r\n .lc-about-signature-name {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .lc-about-title {\r\n font-size: 1.7rem;\r\n }\r\n .lc-about-message {\r\n padding: 16px 18px;\r\n }\r\n .lc-about-image-frame {\r\n padding: 8px;\r\n border-radius: 36px;\r\n }\r\n .lc-about-img {\r\n border-radius: 30px;\r\n }\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes lc-about-bubbleFloat {\r\n 0% { transform: translateY(0) scale(0.6); opacity: 0; }\r\n 20% { opacity: 0.4; }\r\n 80% { opacity: 0.2; }\r\n 100% { transform: translateY(-1200px) scale(1.2); opacity: 0; }\r\n }\r\n\r\n @keyframes lc-about-starGentle {\r\n 0% { opacity: 0.15; transform: scale(0.8) rotate(0deg); }\r\n 100% { opacity: 0.45; transform: scale(1.15) rotate(10deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n \r\n \r\n \r\n <div class=\"lc-about-wrapper\">\r\n \r\n \r\n <div class=\"lc-about-bg\">\r\n <div class=\"lc-about-bubble lc-about-bubble-1\"><\/div>\r\n <div class=\"lc-about-bubble lc-about-bubble-2\"><\/div>\r\n <div class=\"lc-about-bubble lc-about-bubble-3\"><\/div>\r\n <div class=\"lc-about-bubble lc-about-bubble-4\"><\/div>\r\n <div class=\"lc-about-bubble lc-about-bubble-5\"><\/div>\r\n <div class=\"lc-about-bubble lc-about-bubble-6\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-about-star lc-about-star-1\">\u2b50<\/div>\r\n <div class=\"lc-about-star lc-about-star-2\">\u2728<\/div>\r\n <div class=\"lc-about-star lc-about-star-3\">\ud83c\udf1f<\/div>\r\n <div class=\"lc-about-star lc-about-star-4\">\ud83d\udcab<\/div>\r\n\r\n <div class=\"lc-about-container\">\r\n \r\n <div class=\"lc-about-grid\">\r\n \r\n \r\n <div class=\"lc-about-text\">\r\n <div class=\"lc-about-badge\">\r\n <i class=\"fas fa-heart\"><\/i> Our Story\r\n <\/div>\r\n \r\n <h2 class=\"lc-about-title\">\r\n A Heartfelt Welcome <br><span>From Our Founder<\/span>\r\n <\/h2>\r\n \r\n <div class=\"lc-about-message\">\r\n <i class=\"fas fa-quote-left\"><\/i>\r\n Welcome to Little Champions Childcare, a place built from love, vision, and the belief that every child deserves more than supervision \u2014 they deserve guidance, encouragement, and a nurturing environment that feels like family. Our story began with a simple dream: to create a safe, joyful space where children could grow into confident learners and caring friends. Inspired by my own journey as a parent and educator, I wanted to build a center where curiosity is celebrated, respect is taught, and lifelong learning takes root.\r\n <\/div>\r\n \r\n <div class=\"lc-about-mission\">\r\n <p>\r\n <i class=\"fas fa-star\"><\/i> \r\n At Little Champions, our mission is clear: to nurture confidence, respect, and lifelong learning in every child. We believe in partnering with families, walking hand\u2011in\u2011hand as children discover the world with joy and resilience. With dedicated teachers, playful classrooms, and a curriculum designed to spark imagination, we are proud to be more than childcare \u2014 we are a community where little champions shine every day.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"lc-about-signature\">\r\n <div class=\"lc-about-signature-line\"><\/div>\r\n <div class=\"lc-about-signature-name\">Sarah Mitchell<\/div>\r\n <div class=\"lc-about-signature-title\">Founder & Executive Director<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"lc-about-image\">\r\n <div class=\"lc-about-image-frame\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/practice.geniuswebpro.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-03-at-1.02.35-AM.jpeg\" \r\n alt=\"Founder Sarah Mitchell with happy children at Little Champions Childcare\" \r\n class=\"lc-about-img\"\r\n loading=\"eager\"\r\n >\r\n <\/div>\r\n <div class=\"lc-about-image-caption\">\r\n <i class=\"fas fa-camera\"><\/i> Ms. Sarah with our Little Champions\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n \r\n<\/body>\r\n<\/html>\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-7a5685e e-con-full e-flex e-con e-parent\" data-id=\"7a5685e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c16891 elementor-widget elementor-widget-html\" data-id=\"8c16891\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n <title>Little Champions | Our Story Timeline<\/title>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Lato:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ============================================ *\/\r\n \/* OUR STORY TIMELINE - FULLY ISOLATED *\/\r\n \/* All selectors use 'lc-story-' prefix *\/\r\n \/* TOP SECTION HAS WHITE BACKGROUND *\/\r\n \/* NO CSS CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Reset only inside this component *\/\r\n .lc-story-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-story-wrapper {\r\n width: 100%;\r\n background: #f5f0e8; \/* Soft warm background for the entire section wrapper *\/\r\n font-family: 'Lato', sans-serif;\r\n line-height: 1.5;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 0;\r\n }\r\n\r\n \/* WHITE BACKGROUND CONTAINER for top content - ensures it doesn't match other sections *\/\r\n .lc-story-top-white {\r\n background: #ffffff;\r\n border-radius: 48px;\r\n margin-bottom: 50px;\r\n padding: 10px 0 20px 0;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);\r\n }\r\n\r\n \/* Animated Background Elements (only visible behind the white container) *\/\r\n .lc-story-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .lc-story-bubble {\r\n position: absolute;\r\n bottom: -100px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(242,175,58,0.06), rgba(18,126,129,0.03));\r\n animation: lc-story-bubbleFloat linear infinite;\r\n }\r\n\r\n .lc-story-bubble-1 { width: 80px; height: 80px; left: 5%; animation-duration: 14s; animation-delay: 0s; }\r\n .lc-story-bubble-2 { width: 120px; height: 120px; left: 20%; animation-duration: 18s; animation-delay: 2s; }\r\n .lc-story-bubble-3 { width: 60px; height: 60px; left: 40%; animation-duration: 12s; animation-delay: 4s; }\r\n .lc-story-bubble-4 { width: 150px; height: 150px; left: 60%; animation-duration: 22s; animation-delay: 1s; }\r\n .lc-story-bubble-5 { width: 90px; height: 90px; left: 80%; animation-duration: 16s; animation-delay: 3s; }\r\n .lc-story-bubble-6 { width: 50px; height: 50px; left: 90%; animation-duration: 10s; animation-delay: 5s; }\r\n\r\n \/* Floating Stars *\/\r\n .lc-story-star {\r\n position: absolute;\r\n font-size: 1rem;\r\n pointer-events: none;\r\n opacity: 0.25;\r\n z-index: 1;\r\n animation: lc-story-starGentle 4s infinite alternate;\r\n }\r\n .lc-story-star-1 { top: 10%; left: 8%; animation-delay: 0s; }\r\n .lc-story-star-2 { top: 15%; right: 10%; animation-delay: 0.7s; font-size: 0.8rem; }\r\n .lc-story-star-3 { bottom: 12%; left: 12%; animation-delay: 1.2s; font-size: 1.2rem; }\r\n .lc-story-star-4 { bottom: 18%; right: 15%; animation-delay: 0.4s; }\r\n\r\n \/* Main Container *\/\r\n .lc-story-container {\r\n max-width: 1400px;\r\n width: 90%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Header Section - INSIDE WHITE BOX *\/\r\n .lc-story-header {\r\n text-align: center;\r\n padding: 40px 30px 20px 30px;\r\n }\r\n\r\n .lc-story-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, #F2AF3A, #f5c35c);\r\n color: #012344;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n margin-bottom: 20px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n box-shadow: 0 5px 15px rgba(242, 175, 58, 0.2);\r\n }\r\n\r\n .lc-story-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.2rem;\r\n font-weight: 900;\r\n color: #012344;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .lc-story-title span {\r\n color: #127E81;\r\n font-style: italic;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .lc-story-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 6px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: linear-gradient(90deg, #F2AF3A, #127E81);\r\n border-radius: 10px;\r\n opacity: 0.35;\r\n z-index: -1;\r\n }\r\n\r\n .lc-story-subtitle {\r\n font-size: 1.05rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.7;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background: #fafaf8;\r\n padding: 16px 28px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(242, 175, 58, 0.1);\r\n }\r\n\r\n \/* Timeline Grid - Cards have white background *\/\r\n .lc-story-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin-top: 40px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* Timeline Card *\/\r\n .lc-story-card {\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 28px 24px;\r\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n border: 1px solid rgba(242, 175, 58, 0.12);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .lc-story-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(242, 175, 58, 0.35);\r\n box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* Year Badge *\/\r\n .lc-story-year {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #012344, #1a4a6e);\r\n color: #F2AF3A;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n padding: 5px 16px;\r\n border-radius: 40px;\r\n margin-bottom: 16px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Card Title *\/\r\n .lc-story-card-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.35rem;\r\n font-weight: 800;\r\n color: #012344;\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* Card Description *\/\r\n .lc-story-card-desc {\r\n font-size: 0.94rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.65;\r\n }\r\n\r\n \/* Decorative Line on Hover *\/\r\n .lc-story-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #F2AF3A, #127E81);\r\n transition: left 0.5s ease;\r\n }\r\n .lc-story-card:hover::before {\r\n left: 0;\r\n }\r\n\r\n \/* Icon inside card *\/\r\n .lc-story-icon {\r\n font-size: 2rem;\r\n margin-bottom: 15px;\r\n color: #F2AF3A;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 800px) {\r\n .lc-story-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n .lc-story-title {\r\n font-size: 2.5rem;\r\n }\r\n .lc-story-subtitle {\r\n font-size: 0.95rem;\r\n padding: 14px 22px;\r\n }\r\n .lc-story-header {\r\n padding: 30px 20px 15px 20px;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .lc-story-wrapper {\r\n padding: 60px 0;\r\n }\r\n .lc-story-title {\r\n font-size: 2rem;\r\n }\r\n .lc-story-card {\r\n padding: 22px 20px;\r\n }\r\n .lc-story-card-title {\r\n font-size: 1.2rem;\r\n }\r\n .lc-story-card-desc {\r\n font-size: 0.88rem;\r\n }\r\n .lc-story-header {\r\n padding: 25px 15px 10px 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .lc-story-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n \/* Keyframe Animations *\/\r\n @keyframes lc-story-bubbleFloat {\r\n 0% { transform: translateY(0) scale(0.6); opacity: 0; }\r\n 20% { opacity: 0.4; }\r\n 80% { opacity: 0.2; }\r\n 100% { transform: translateY(-1200px) scale(1.2); opacity: 0; }\r\n }\r\n\r\n @keyframes lc-story-starGentle {\r\n 0% { opacity: 0.1; transform: scale(0.7) rotate(0deg); }\r\n 100% { opacity: 0.4; transform: scale(1.15) rotate(10deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <div class=\"lc-story-wrapper\">\r\n \r\n \r\n <div class=\"lc-story-bg\">\r\n <div class=\"lc-story-bubble lc-story-bubble-1\"><\/div>\r\n <div class=\"lc-story-bubble lc-story-bubble-2\"><\/div>\r\n <div class=\"lc-story-bubble lc-story-bubble-3\"><\/div>\r\n <div class=\"lc-story-bubble lc-story-bubble-4\"><\/div>\r\n <div class=\"lc-story-bubble lc-story-bubble-5\"><\/div>\r\n <div class=\"lc-story-bubble lc-story-bubble-6\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-story-star lc-story-star-1\">\u2b50<\/div>\r\n <div class=\"lc-story-star lc-story-star-2\">\u2728<\/div>\r\n <div class=\"lc-story-star lc-story-star-3\">\ud83c\udf1f<\/div>\r\n <div class=\"lc-story-star lc-story-star-4\">\ud83d\udcab<\/div>\r\n\r\n <div class=\"lc-story-container\">\r\n \r\n \r\n <div class=\"lc-story-top-white\">\r\n \r\n <div class=\"lc-story-header\">\r\n <div class=\"lc-story-badge\">\r\n <i class=\"fas fa-timeline\"><\/i> Our Journey\r\n <\/div>\r\n <h2 class=\"lc-story-title\">\r\n The Journey of <br><span>Little Champions<\/span>\r\n <\/h2>\r\n <div class=\"lc-story-subtitle\">\r\n <i class=\"fas fa-star\" style=\"color: #F2AF3A; margin-right: 6px;\"><\/i>\r\n Little Champions Childcare was founded with love and vision. Our journey reflects growth, \r\n inspiration behind the name, and a commitment to family values and community trust.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-story-grid\">\r\n \r\n \r\n <div class=\"lc-story-card\">\r\n <div class=\"lc-story-icon\">\r\n <i class=\"fas fa-seedling\"><\/i>\r\n <\/div>\r\n <div class=\"lc-story-year\">2015 \u2013 Foundation<\/div>\r\n <h3 class=\"lc-story-card-title\">A Dream Takes Root<\/h3>\r\n <p class=\"lc-story-card-desc\">We began with a dream to create a safe, nurturing childcare center. Inspired by family values, our vision was to build a place where children thrive through love and respect.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-story-card\">\r\n <div class=\"lc-story-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"lc-story-year\">2016 \u2013 First Families<\/div>\r\n <h3 class=\"lc-story-card-title\">Welcoming Our Community<\/h3>\r\n <p class=\"lc-story-card-desc\">Our doors opened to the first group of families. Parents trusted us with their children, and we built strong relationships rooted in care, communication, and community partnership.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-story-card\">\r\n <div class=\"lc-story-icon\">\r\n <i class=\"fas fa-chalkboard-user\"><\/i>\r\n <\/div>\r\n <div class=\"lc-story-year\">2018 \u2013 Program Expansion<\/div>\r\n <h3 class=\"lc-story-card-title\">Growing With Purpose<\/h3>\r\n <p class=\"lc-story-card-desc\">We introduced age\u2011specific programs, from toddlers to preschoolers. Each stage was designed to encourage independence, creativity, and confidence, ensuring children received the right support at the right time.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-story-card\">\r\n <div class=\"lc-story-icon\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <div class=\"lc-story-year\">2020 \u2013 Community Trust<\/div>\r\n <h3 class=\"lc-story-card-title\">A Trusted Partner<\/h3>\r\n <p class=\"lc-story-card-desc\">Families recognized Little Champions as more than childcare. We became a trusted partner, collaborating with parents to nurture growth, celebrate milestones, and strengthen bonds across our community.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-story-card\">\r\n <div class=\"lc-story-icon\">\r\n <i class=\"fas fa-crown\"><\/i>\r\n <\/div>\r\n <div class=\"lc-story-year\">2022 \u2013 Name Inspiration<\/div>\r\n <h3 class=\"lc-story-card-title\">Why \"Little Champions\"<\/h3>\r\n <p class=\"lc-story-card-desc\">The name \"Little Champions\" was chosen to reflect our belief that every child is a champion. It symbolizes resilience, confidence, and the joy of lifelong learning.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-story-card\">\r\n <div class=\"lc-story-icon\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <div class=\"lc-story-year\">2026 \u2013 Today<\/div>\r\n <h3 class=\"lc-story-card-title\">Thriving & Growing<\/h3>\r\n <p class=\"lc-story-card-desc\">Now thriving, Little Champions Childcare continues to grow. With dedicated teachers, joyful classrooms, and strong family partnerships, we proudly nurture confidence, respect, and lifelong learning in every child.<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-383b3e1 e-con-full e-flex e-con e-parent\" data-id=\"383b3e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa66c1f elementor-widget elementor-widget-html\" data-id=\"fa66c1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n <title>Little Champions | Our Philosophy<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=Lato:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ============================================ *\/\r\n \/* OUR PHILOSOPHY - FULLY ISOLATED COMPONENT *\/\r\n \/* All selectors use 'lc-philo-' prefix *\/\r\n \/* NO CSS CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Scoped element reset *\/\r\n .lc-philo-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-philo-wrapper {\r\n width: 100%;\r\n background-color: #ffffff;\r\n font-family: 'Lato', sans-serif;\r\n padding: 100px 20px;\r\n position: relative;\r\n }\r\n\r\n .lc-philo-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- Header Styles --- *\/\r\n .lc-philo-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin: 0 auto 60px auto;\r\n }\r\n\r\n .lc-philo-tag {\r\n display: inline-block;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n color: #127E81; \/* Teal Brand Color *\/\r\n margin-bottom: 12px;\r\n }\r\n\r\n .lc-philo-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.5rem;\r\n font-weight: 900;\r\n color: #012344; \/* Navy Brand Color *\/\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .lc-philo-intro {\r\n font-size: 1.2rem;\r\n color: #4a5b62;\r\n line-height: 1.7;\r\n font-weight: 500;\r\n }\r\n\r\n \/* --- Grid Layout --- *\/\r\n .lc-philo-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n \/* --- Card Box Custom Styling --- *\/\r\n .lc-philo-card {\r\n background: #fafaf9; \/* Soft clean warm white *\/\r\n padding: 40px 30px;\r\n border-radius: 32px;\r\n border: 1px solid rgba(1, 35, 68, 0.03);\r\n transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \r\n box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\r\n background-color 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Column Span Card (Bottom row centerpiece) *\/\r\n .lc-philo-card-wide {\r\n grid-column: span 3;\r\n display: flex;\r\n align-items: center;\r\n gap: 40px;\r\n padding: 40px 50px;\r\n background: linear-gradient(135deg, #012344, #023363);\r\n color: #ffffff;\r\n }\r\n\r\n \/* Interactive Elevates - NO BLUE HOVERS *\/\r\n .lc-philo-card:not(.lc-philo-card-wide):hover {\r\n transform: translateY(-6px);\r\n background-color: #ffffff;\r\n box-shadow: 0 20px 40px rgba(1, 35, 68, 0.06);\r\n border-color: rgba(242, 175, 58, 0.25);\r\n }\r\n\r\n .lc-philo-card-wide:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 45px rgba(1, 35, 68, 0.25);\r\n }\r\n\r\n \/* --- Icons --- *\/\r\n .lc-philo-icon-box {\r\n width: 65px;\r\n height: 65px;\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.6rem;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .lc-philo-icon-teal {\r\n background-color: rgba(18, 126, 129, 0.1);\r\n color: #127E81;\r\n }\r\n\r\n .lc-philo-icon-gold {\r\n background-color: rgba(242, 175, 58, 0.15);\r\n color: #F2AF3A;\r\n }\r\n\r\n .lc-philo-card-wide .lc-philo-icon-box {\r\n margin-bottom: 0;\r\n flex-shrink: 0;\r\n width: 80px;\r\n height: 80px;\r\n font-size: 2.2rem;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n color: #F2AF3A;\r\n }\r\n\r\n \/* --- Typography Box Specific --- *\/\r\n .lc-philo-card-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: #012344;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .lc-philo-card-wide .lc-philo-card-title {\r\n color: #ffffff;\r\n font-size: 1.8rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .lc-philo-text {\r\n font-size: 1rem;\r\n color: #5c6b73;\r\n line-height: 1.65;\r\n }\r\n\r\n .lc-philo-card-wide .lc-philo-text {\r\n color: #cbd5e1;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .lc-philo-highlight {\r\n color: #F2AF3A;\r\n font-weight: 700;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* RESPONSIVE DESIGN BREAKPOINTS *\/\r\n \/* ============================================ *\/\r\n\r\n @media (max-width: 992px) {\r\n .lc-philo-title { font-size: 2.8rem; }\r\n .lc-philo-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }\r\n .lc-philo-card-wide { grid-column: span 2; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .lc-philo-wrapper { padding: 60px 15px; }\r\n .lc-philo-title { font-size: 2.3rem; }\r\n .lc-philo-grid { grid-template-columns: 1fr; }\r\n .lc-philo-card-wide { grid-column: span 1; flex-direction: column; text-align: center; padding: 40px 30px; }\r\n .lc-philo-card-wide .lc-philo-icon-box { margin-bottom: 15px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .lc-philo-title { font-size: 1.9rem; }\r\n .lc-philo-card { padding: 30px 20px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"lc-philo-wrapper\">\r\n <div class=\"lc-philo-container\">\r\n \r\n \r\n <div class=\"lc-philo-header\">\r\n <span class=\"lc-philo-tag\">Our Philosophy<\/span>\r\n <h2 class=\"lc-philo-title\">Guided by Care and Play<\/h2>\r\n <p class=\"lc-philo-intro\">\r\n At Little Champions Childcare, our philosophy is simple yet powerful: every child is unique, \r\n and every child deserves personalized care.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-philo-grid\">\r\n \r\n \r\n <div class=\"lc-philo-card\">\r\n <div class=\"lc-philo-icon-box lc-philo-icon-teal\">\r\n <i class=\"fas fa-cubes\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-philo-card-title\">Play\u2011Based Learning<\/h3>\r\n <p class=\"lc-philo-text\">\r\n We believe learning should feel joyful, natural, and exciting. Through play, children discover the world, build confidence, and develop essential skills that prepare them for life.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-philo-card\">\r\n <div class=\"lc-philo-icon-box lc-philo-icon-gold\">\r\n <i class=\"fas fa-shield-heart\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-philo-card-title\">Uncompromising Safety<\/h3>\r\n <p class=\"lc-philo-text\">\r\n Safety is at the heart of everything we do. Our facilities are secure, our staff is comprehensively trained, and our practices are designed to give parents absolute peace of mind.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-philo-card\">\r\n <div class=\"lc-philo-icon-box lc-philo-icon-teal\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-philo-card-title\">Open Communication<\/h3>\r\n <p class=\"lc-philo-text\">\r\n We value keeping families informed and closely connected. We provide detailed daily updates, milestones progress reports, and always foster honest, supportive dialogue.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-philo-card lc-philo-card-wide\">\r\n <div class=\"lc-philo-icon-box\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <\/div>\r\n <div class=\"lc-philo-wide-content\">\r\n <h3 class=\"lc-philo-card-title\">Parents as Trusted Partners<\/h3>\r\n <p class=\"lc-philo-text\">\r\n Most importantly, we see parents as partners. Together, we nurture curiosity, respect, and resilience, ensuring every child feels supported on their journey. At Little Champions, we don\u2019t just care for children \u2014 <span class=\"lc-philo-highlight\">we help them shine as the little champions they are.<\/span>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bd96dd e-con-full e-flex e-con e-parent\" data-id=\"1bd96dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-663c5d5 elementor-widget elementor-widget-html\" data-id=\"663c5d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n <title>Little Champions | Programs & Parent Partnership<\/title>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Lato:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ============================================ *\/\r\n \/* PROGRAMS & PARTNERSHIP - LOOPING BG COLOR *\/\r\n \/* All selectors use 'lc-programs-' prefix *\/\r\n \/* NO CSS CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Reset only inside this component *\/\r\n .lc-programs-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-programs-wrapper {\r\n width: 100%;\r\n font-family: 'Lato', sans-serif;\r\n line-height: 1.5;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 0;\r\n \/* Looping Background Color Animation *\/\r\n animation: lc-programs-bgLoop 12s ease-in-out infinite;\r\n }\r\n\r\n \/* ========== LOOPING BACKGROUND COLOR ANIMATION ========== *\/\r\n @keyframes lc-programs-bgLoop {\r\n 0% {\r\n background-color: #ffffff;\r\n }\r\n 25% {\r\n background-color: #fef9f0;\r\n }\r\n 50% {\r\n background-color: #fff5e8;\r\n }\r\n 75% {\r\n background-color: #fef9f0;\r\n }\r\n 100% {\r\n background-color: #ffffff;\r\n }\r\n }\r\n\r\n \/* Animated Background Bubbles *\/\r\n .lc-programs-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .lc-programs-bubble {\r\n position: absolute;\r\n bottom: -100px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(242,175,58,0.12), rgba(18,126,129,0.06));\r\n animation: lc-programs-bubbleFloat linear infinite;\r\n }\r\n\r\n .lc-programs-bubble-1 { width: 80px; height: 80px; left: 5%; animation-duration: 14s; animation-delay: 0s; }\r\n .lc-programs-bubble-2 { width: 120px; height: 120px; left: 20%; animation-duration: 18s; animation-delay: 2s; }\r\n .lc-programs-bubble-3 { width: 60px; height: 60px; left: 40%; animation-duration: 12s; animation-delay: 4s; }\r\n .lc-programs-bubble-4 { width: 150px; height: 150px; left: 60%; animation-duration: 22s; animation-delay: 1s; }\r\n .lc-programs-bubble-5 { width: 90px; height: 90px; left: 80%; animation-duration: 16s; animation-delay: 3s; }\r\n .lc-programs-bubble-6 { width: 50px; height: 50px; left: 90%; animation-duration: 10s; animation-delay: 5s; }\r\n .lc-programs-bubble-7 { width: 110px; height: 110px; left: 15%; animation-duration: 20s; animation-delay: 6s; }\r\n .lc-programs-bubble-8 { width: 70px; height: 70px; left: 75%; animation-duration: 13s; animation-delay: 2.5s; }\r\n\r\n \/* Floating Stars *\/\r\n .lc-programs-star {\r\n position: absolute;\r\n font-size: 1rem;\r\n pointer-events: none;\r\n opacity: 0.35;\r\n z-index: 1;\r\n animation: lc-programs-starGentle 4s infinite alternate;\r\n }\r\n .lc-programs-star-1 { top: 10%; left: 8%; animation-delay: 0s; }\r\n .lc-programs-star-2 { top: 15%; right: 10%; animation-delay: 0.7s; font-size: 0.8rem; }\r\n .lc-programs-star-3 { bottom: 12%; left: 12%; animation-delay: 1.2s; font-size: 1.2rem; }\r\n .lc-programs-star-4 { bottom: 18%; right: 15%; animation-delay: 0.4s; }\r\n .lc-programs-star-5 { top: 45%; left: 5%; animation-delay: 0.9s; font-size: 0.9rem; }\r\n .lc-programs-star-6 { top: 70%; right: 8%; animation-delay: 1.5s; }\r\n\r\n \/* Gentle Floating Decorations *\/\r\n .lc-programs-float {\r\n position: absolute;\r\n font-size: 2rem;\r\n pointer-events: none;\r\n opacity: 0.08;\r\n z-index: 0;\r\n animation: lc-programs-gentleFloat 10s ease-in-out infinite;\r\n }\r\n .lc-programs-float-1 { top: 15%; left: 5%; animation-delay: 0s; }\r\n .lc-programs-float-2 { bottom: 20%; right: 8%; animation-delay: 2s; }\r\n .lc-programs-float-3 { top: 50%; right: 12%; animation-delay: 4s; }\r\n .lc-programs-float-4 { bottom: 30%; left: 10%; animation-delay: 1s; }\r\n\r\n \/* Main Container *\/\r\n .lc-programs-container {\r\n max-width: 1400px;\r\n width: 90%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Section Header *\/\r\n .lc-programs-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .lc-programs-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, #F2AF3A, #f5c35c);\r\n color: #012344;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n margin-bottom: 20px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n box-shadow: 0 5px 15px rgba(242, 175, 58, 0.2);\r\n }\r\n\r\n .lc-programs-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.2rem;\r\n font-weight: 900;\r\n color: #012344;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .lc-programs-title span {\r\n color: #127E81;\r\n font-style: italic;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .lc-programs-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 6px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: linear-gradient(90deg, #F2AF3A, #127E81);\r\n border-radius: 10px;\r\n opacity: 0.35;\r\n z-index: -1;\r\n }\r\n\r\n .lc-programs-subtitle {\r\n font-size: 1.05rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.7;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n background: rgba(255, 255, 245, 0.8);\r\n padding: 16px 28px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(242, 175, 58, 0.1);\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n \/* Programs Grid *\/\r\n .lc-programs-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 25px;\r\n margin-bottom: 80px;\r\n }\r\n\r\n \/* Program Card *\/\r\n .lc-program-card {\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(8px);\r\n border-radius: 32px;\r\n padding: 28px 22px;\r\n text-align: center;\r\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n border: 1px solid rgba(242, 175, 58, 0.15);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.04);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .lc-program-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(242, 175, 58, 0.4);\r\n box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);\r\n background: rgba(255, 255, 255, 0.98);\r\n }\r\n\r\n .lc-program-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n color: #F2AF3A;\r\n animation: lc-programs-iconFloat 3s ease-in-out infinite;\r\n }\r\n\r\n .lc-program-card:nth-child(2) .lc-program-icon { animation-delay: 0.3s; }\r\n .lc-program-card:nth-child(3) .lc-program-icon { animation-delay: 0.6s; }\r\n .lc-program-card:nth-child(4) .lc-program-icon { animation-delay: 0.9s; }\r\n .lc-program-card:nth-child(5) .lc-program-icon { animation-delay: 1.2s; }\r\n\r\n .lc-program-age {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #012344, #1a4a6e);\r\n color: #F2AF3A;\r\n font-weight: 800;\r\n font-size: 0.75rem;\r\n padding: 4px 14px;\r\n border-radius: 40px;\r\n margin-bottom: 12px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .lc-program-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n color: #012344;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .lc-program-desc {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.6;\r\n }\r\n\r\n .lc-program-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, #F2AF3A, #127E81);\r\n transition: left 0.5s ease;\r\n }\r\n .lc-program-card:hover::before {\r\n left: 0;\r\n }\r\n\r\n \/* Parent Partnership Section *\/\r\n .lc-partnership-section {\r\n background: rgba(255, 255, 255, 0.85);\r\n backdrop-filter: blur(8px);\r\n border-radius: 56px;\r\n padding: 50px 45px;\r\n margin-top: 20px;\r\n border: 1px solid rgba(242, 175, 58, 0.15);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n .lc-partnership-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .lc-partnership-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #127E81;\r\n color: #ffffff;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n margin-bottom: 16px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n animation: lc-programs-badgePulse 2s ease-in-out infinite;\r\n }\r\n\r\n .lc-partnership-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.5rem;\r\n font-weight: 900;\r\n color: #012344;\r\n line-height: 1.2;\r\n }\r\n\r\n .lc-partnership-title span {\r\n color: #127E81;\r\n font-style: italic;\r\n }\r\n\r\n .lc-partnership-subtitle {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n max-width: 700px;\r\n margin: 15px auto 0;\r\n }\r\n\r\n \/* Partnership Highlights Grid *\/\r\n .lc-partnership-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .lc-partnership-card {\r\n background: rgba(255, 255, 255, 0.9);\r\n border-radius: 28px;\r\n padding: 28px 22px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n border: 1px solid rgba(242, 175, 58, 0.1);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03);\r\n }\r\n\r\n .lc-partnership-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .lc-partnership-icon {\r\n font-size: 2.2rem;\r\n color: #F2AF3A;\r\n margin-bottom: 15px;\r\n animation: lc-programs-iconBounce 2.5s ease-in-out infinite;\r\n }\r\n\r\n .lc-partnership-card:nth-child(2) .lc-partnership-icon { animation-delay: 0.4s; }\r\n .lc-partnership-card:nth-child(3) .lc-partnership-icon { animation-delay: 0.8s; }\r\n\r\n .lc-partnership-card-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.25rem;\r\n font-weight: 800;\r\n color: #012344;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .lc-partnership-card-desc {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Testimonial inside partnership *\/\r\n .lc-partnership-testimonial {\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 32px;\r\n padding: 30px 35px;\r\n text-align: center;\r\n margin-top: 20px;\r\n border-left: 6px solid #F2AF3A;\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.04);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .lc-partnership-testimonial:hover {\r\n transform: translateY(-4px);\r\n }\r\n\r\n .lc-testimonial-quote {\r\n font-size: 2rem;\r\n color: #F2AF3A;\r\n opacity: 0.4;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .lc-testimonial-text {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: #2c3e42;\r\n line-height: 1.7;\r\n font-style: italic;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .lc-testimonial-author {\r\n font-weight: 800;\r\n color: #012344;\r\n margin-top: 10px;\r\n }\r\n\r\n .lc-testimonial-role {\r\n font-size: 0.8rem;\r\n color: #127E81;\r\n }\r\n\r\n \/* ========== KEYFRAME ANIMATIONS ========== *\/\r\n @keyframes lc-programs-bubbleFloat {\r\n 0% { transform: translateY(0) scale(0.6); opacity: 0; }\r\n 20% { opacity: 0.5; }\r\n 80% { opacity: 0.3; }\r\n 100% { transform: translateY(-1200px) scale(1.3); opacity: 0; }\r\n }\r\n\r\n @keyframes lc-programs-starGentle {\r\n 0% { opacity: 0.15; transform: scale(0.7) rotate(0deg); text-shadow: 0 0 0px #F2AF3A; }\r\n 100% { opacity: 0.55; transform: scale(1.2) rotate(12deg); text-shadow: 0 0 8px #F2AF3A; }\r\n }\r\n\r\n @keyframes lc-programs-gentleFloat {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 50% { transform: translateY(-18px) rotate(6deg); }\r\n }\r\n\r\n @keyframes lc-programs-iconFloat {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-6px); }\r\n }\r\n\r\n @keyframes lc-programs-iconBounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n @keyframes lc-programs-badgePulse {\r\n 0%, 100% { box-shadow: 0 5px 15px rgba(18, 126, 129, 0.2); }\r\n 50% { box-shadow: 0 5px 25px rgba(18, 126, 129, 0.4); }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .lc-programs-title {\r\n font-size: 2.5rem;\r\n }\r\n .lc-partnership-title {\r\n font-size: 2rem;\r\n }\r\n .lc-partnership-section {\r\n padding: 40px 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .lc-programs-wrapper {\r\n padding: 60px 0;\r\n }\r\n .lc-programs-title {\r\n font-size: 2rem;\r\n }\r\n .lc-programs-subtitle {\r\n font-size: 0.95rem;\r\n padding: 14px 22px;\r\n }\r\n .lc-program-card {\r\n padding: 22px 18px;\r\n }\r\n .lc-program-title {\r\n font-size: 1.15rem;\r\n }\r\n .lc-partnership-section {\r\n padding: 32px 24px;\r\n border-radius: 44px;\r\n }\r\n .lc-partnership-card {\r\n padding: 22px 18px;\r\n }\r\n .lc-partnership-testimonial {\r\n padding: 25px 22px;\r\n }\r\n .lc-programs-float {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .lc-programs-subtitle {\r\n font-size: 0.9rem;\r\n }\r\n .lc-programs-grid {\r\n gap: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <div class=\"lc-programs-wrapper\">\r\n \r\n \r\n <div class=\"lc-programs-bg\">\r\n <div class=\"lc-programs-bubble lc-programs-bubble-1\"><\/div>\r\n <div class=\"lc-programs-bubble lc-programs-bubble-2\"><\/div>\r\n <div class=\"lc-programs-bubble lc-programs-bubble-3\"><\/div>\r\n <div class=\"lc-programs-bubble lc-programs-bubble-4\"><\/div>\r\n <div class=\"lc-programs-bubble lc-programs-bubble-5\"><\/div>\r\n <div class=\"lc-programs-bubble lc-programs-bubble-6\"><\/div>\r\n <div class=\"lc-programs-bubble lc-programs-bubble-7\"><\/div>\r\n <div class=\"lc-programs-bubble lc-programs-bubble-8\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-programs-star lc-programs-star-1\">\u2b50<\/div>\r\n <div class=\"lc-programs-star lc-programs-star-2\">\u2728<\/div>\r\n <div class=\"lc-programs-star lc-programs-star-3\">\ud83c\udf1f<\/div>\r\n <div class=\"lc-programs-star lc-programs-star-4\">\ud83d\udcab<\/div>\r\n <div class=\"lc-programs-star lc-programs-star-5\">\u2b50<\/div>\r\n <div class=\"lc-programs-star lc-programs-star-6\">\u2728<\/div>\r\n\r\n \r\n <div class=\"lc-programs-float lc-programs-float-1\">\ud83e\uddf8<\/div>\r\n <div class=\"lc-programs-float lc-programs-float-2\">\ud83c\udf88<\/div>\r\n <div class=\"lc-programs-float lc-programs-float-3\">\ud83d\udd8d\ufe0f<\/div>\r\n <div class=\"lc-programs-float lc-programs-float-4\">\ud83c\udfa8<\/div>\r\n\r\n <div class=\"lc-programs-container\">\r\n \r\n \r\n <div class=\"lc-programs-header\">\r\n <div class=\"lc-programs-badge\">\r\n <i class=\"fas fa-palette\"><\/i> Discover Our Programs\r\n <\/div>\r\n <h2 class=\"lc-programs-title\">\r\n Programs for <br><span>Every Stage<\/span>\r\n <\/h2>\r\n <div class=\"lc-programs-subtitle\">\r\n <i class=\"fas fa-star\" style=\"color: #F2AF3A; margin-right: 6px;\"><\/i>\r\n At Little Champions Childcare, we celebrate every milestone with programs tailored to each age group. \r\n From toddlers discovering the world to preschoolers preparing for school, our curriculum blends play, \r\n learning, and confidence\u2011building in a safe, joyful environment where every child shines.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-programs-grid\">\r\n \r\n \r\n <div class=\"lc-program-card\">\r\n <div class=\"lc-program-icon\">\r\n <i class=\"fas fa-baby-carriage\"><\/i>\r\n <\/div>\r\n <div class=\"lc-program-age\">12\u201318 Months<\/div>\r\n <h3 class=\"lc-program-title\">Tiny Explorers<\/h3>\r\n <p class=\"lc-program-desc\">Gentle care, sensory play, and early social interaction.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-program-card\">\r\n <div class=\"lc-program-icon\">\r\n <i class=\"fas fa-child\"><\/i>\r\n <\/div>\r\n <div class=\"lc-program-age\">18\u201324 Months<\/div>\r\n <h3 class=\"lc-program-title\">Little Movers<\/h3>\r\n <p class=\"lc-program-desc\">Language development, motor skills, and guided exploration.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-program-card\">\r\n <div class=\"lc-program-icon\">\r\n <i class=\"fas fa-paintbrush\"><\/i>\r\n <\/div>\r\n <div class=\"lc-program-age\">Preschool<\/div>\r\n <h3 class=\"lc-program-title\">Creative Learners<\/h3>\r\n <p class=\"lc-program-desc\">Structured learning, creativity, and group activities.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-program-card\">\r\n <div class=\"lc-program-icon\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <div class=\"lc-program-age\">Pre\u2011K<\/div>\r\n <h3 class=\"lc-program-title\">Ready Readers<\/h3>\r\n <p class=\"lc-program-desc\">Literacy, numeracy, and confidence for kindergarten.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-program-card\">\r\n <div class=\"lc-program-icon\">\r\n <i class=\"fas fa-sun\"><\/i>\r\n <\/div>\r\n <div class=\"lc-program-age\">Summer Camp<\/div>\r\n <h3 class=\"lc-program-title\">Adventure Awaits<\/h3>\r\n <p class=\"lc-program-desc\">Outdoor play, themed adventures, and fun learning.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-partnership-section\">\r\n \r\n <div class=\"lc-partnership-header\">\r\n <div class=\"lc-partnership-badge\">\r\n <i class=\"fas fa-handshake\"><\/i> Together With Families\r\n <\/div>\r\n <h2 class=\"lc-partnership-title\">\r\n <span>Together<\/span> With Families\r\n <\/h2>\r\n <div class=\"lc-partnership-subtitle\">\r\n We believe parents are partners in every child's journey. Through open communication, daily updates, \r\n and progress reports, families stay connected and involved. Testimonials from parents highlight \r\n our commitment to collaboration, trust, and shared success in nurturing confident, happy children.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-partnership-grid\">\r\n \r\n <div class=\"lc-partnership-card\">\r\n <div class=\"lc-partnership-icon\">\r\n <i class=\"fas fa-camera\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-partnership-card-title\">Daily Updates<\/h3>\r\n <p class=\"lc-partnership-card-desc\">Photos, notes, and activity reports sent directly to families every day.<\/p>\r\n <\/div>\r\n\r\n <div class=\"lc-partnership-card\">\r\n <div class=\"lc-partnership-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-partnership-card-title\">Progress Reports<\/h3>\r\n <p class=\"lc-partnership-card-desc\">Regular insights into growth, milestones, and developmental achievements.<\/p>\r\n <\/div>\r\n\r\n <div class=\"lc-partnership-card\">\r\n <div class=\"lc-partnership-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-partnership-card-title\">Family Collaboration<\/h3>\r\n <p class=\"lc-partnership-card-desc\">Working hand\u2011in\u2011hand with parents for shared success and trust.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-partnership-testimonial\">\r\n <div class=\"lc-testimonial-quote\">\r\n <i class=\"fas fa-quote-left\"><\/i>\r\n <\/div>\r\n <p class=\"lc-testimonial-text\">\r\n \"Little Champions feels like family. The daily updates and open communication give me peace of mind. \r\n I always know what my child is learning, and the teachers genuinely care about her growth. \r\n It's truly a partnership, and I couldn't be happier.\"\r\n <\/p>\r\n <div class=\"lc-testimonial-author\">\u2014 Emily Johnson<\/div>\r\n <div class=\"lc-testimonial-role\">Proud Parent<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n \r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-246d30a e-con-full e-flex e-con e-parent\" data-id=\"246d30a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d15c65d elementor-widget elementor-widget-html\" data-id=\"d15c65d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n <title>Little Champions | Our Promise<\/title>\r\n \r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Lato:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ============================================ *\/\r\n \/* OUR PROMISE SECTION - FULLY ISOLATED *\/\r\n \/* All selectors use 'lc-promise-' prefix *\/\r\n \/* WHITE BACKGROUND | NO BLUE ON BUTTON HOVER *\/\r\n \/* NO CSS CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Reset only inside this component *\/\r\n .lc-promise-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-promise-wrapper {\r\n width: 100%;\r\n background: #ffffff; \/* SOLID WHITE BACKGROUND *\/\r\n font-family: 'Lato', sans-serif;\r\n line-height: 1.5;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 80px 0;\r\n }\r\n\r\n \/* Animated Background Elements - Very subtle on white *\/\r\n .lc-promise-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n .lc-promise-bubble {\r\n position: absolute;\r\n bottom: -100px;\r\n border-radius: 50%;\r\n background: radial-gradient(circle, rgba(242,175,58,0.06), rgba(18,126,129,0.03));\r\n animation: lc-promise-bubbleFloat linear infinite;\r\n }\r\n\r\n .lc-promise-bubble-1 { width: 80px; height: 80px; left: 5%; animation-duration: 14s; animation-delay: 0s; }\r\n .lc-promise-bubble-2 { width: 120px; height: 120px; left: 20%; animation-duration: 18s; animation-delay: 2s; }\r\n .lc-promise-bubble-3 { width: 60px; height: 60px; left: 40%; animation-duration: 12s; animation-delay: 4s; }\r\n .lc-promise-bubble-4 { width: 150px; height: 150px; left: 60%; animation-duration: 22s; animation-delay: 1s; }\r\n .lc-promise-bubble-5 { width: 90px; height: 90px; left: 80%; animation-duration: 16s; animation-delay: 3s; }\r\n .lc-promise-bubble-6 { width: 50px; height: 50px; left: 90%; animation-duration: 10s; animation-delay: 5s; }\r\n .lc-promise-bubble-7 { width: 110px; height: 110px; left: 15%; animation-duration: 20s; animation-delay: 6s; }\r\n .lc-promise-bubble-8 { width: 70px; height: 70px; left: 75%; animation-duration: 13s; animation-delay: 2.5s; }\r\n\r\n \/* Floating Stars - Very subtle *\/\r\n .lc-promise-star {\r\n position: absolute;\r\n font-size: 1rem;\r\n pointer-events: none;\r\n opacity: 0.2;\r\n z-index: 1;\r\n animation: lc-promise-starGentle 4s infinite alternate;\r\n }\r\n .lc-promise-star-1 { top: 10%; left: 8%; animation-delay: 0s; }\r\n .lc-promise-star-2 { top: 15%; right: 10%; animation-delay: 0.7s; font-size: 0.8rem; }\r\n .lc-promise-star-3 { bottom: 12%; left: 12%; animation-delay: 1.2s; font-size: 1.2rem; }\r\n .lc-promise-star-4 { bottom: 18%; right: 15%; animation-delay: 0.4s; }\r\n .lc-promise-star-5 { top: 45%; left: 5%; animation-delay: 0.9s; font-size: 0.9rem; }\r\n\r\n \/* Gentle Floating Decorations *\/\r\n .lc-promise-float {\r\n position: absolute;\r\n font-size: 2rem;\r\n pointer-events: none;\r\n opacity: 0.05;\r\n z-index: 0;\r\n animation: lc-promise-gentleFloat 10s ease-in-out infinite;\r\n }\r\n .lc-promise-float-1 { top: 15%; left: 5%; animation-delay: 0s; }\r\n .lc-promise-float-2 { bottom: 20%; right: 8%; animation-delay: 2s; }\r\n .lc-promise-float-3 { top: 50%; right: 12%; animation-delay: 4s; }\r\n\r\n \/* Main Container *\/\r\n .lc-promise-container {\r\n max-width: 1200px;\r\n width: 90%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Promise Card *\/\r\n .lc-promise-card {\r\n background: #ffffff;\r\n border-radius: 64px;\r\n padding: 55px 50px;\r\n text-align: center;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);\r\n border: 1px solid rgba(242, 175, 58, 0.12);\r\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n position: relative;\r\n }\r\n\r\n .lc-promise-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 30px 50px rgba(0, 0, 0, 0.08);\r\n border-color: rgba(242, 175, 58, 0.25);\r\n }\r\n\r\n \/* Decorative Ribbon *\/\r\n .lc-promise-ribbon {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, #F2AF3A, #f5c35c);\r\n color: #012344;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n margin-bottom: 28px;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n box-shadow: 0 5px 15px rgba(242, 175, 58, 0.15);\r\n animation: lc-promise-ribbonPulse 3s ease-in-out infinite;\r\n }\r\n\r\n \/* Title *\/\r\n .lc-promise-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.2rem;\r\n font-weight: 900;\r\n color: #012344;\r\n line-height: 1.2;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .lc-promise-title span {\r\n color: #127E81;\r\n font-style: italic;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .lc-promise-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 6px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: linear-gradient(90deg, #F2AF3A, #127E81);\r\n border-radius: 10px;\r\n opacity: 0.35;\r\n z-index: -1;\r\n }\r\n\r\n \/* Promise Message *\/\r\n .lc-promise-message {\r\n font-size: 1.08rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.75;\r\n max-width: 800px;\r\n margin: 0 auto 35px auto;\r\n background: #fafaf8;\r\n padding: 24px 32px;\r\n border-radius: 48px;\r\n border: 1px solid rgba(242, 175, 58, 0.1);\r\n }\r\n\r\n \/* Promise Highlights - 3 Icons *\/\r\n .lc-promise-highlights {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .lc-promise-highlight {\r\n text-align: center;\r\n flex: 1;\r\n min-width: 150px;\r\n padding: 15px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .lc-promise-highlight:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .lc-promise-highlight-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: rgba(242, 175, 58, 0.08);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 15px auto;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .lc-promise-highlight:hover .lc-promise-highlight-icon {\r\n background: rgba(242, 175, 58, 0.18);\r\n transform: scale(1.05);\r\n }\r\n\r\n .lc-promise-highlight-icon i {\r\n font-size: 2rem;\r\n color: #F2AF3A;\r\n }\r\n\r\n .lc-promise-highlight-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.1rem;\r\n font-weight: 800;\r\n color: #012344;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .lc-promise-highlight-desc {\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n }\r\n\r\n \/* Call-to-Action Button - NO BLUE ON HOVER *\/\r\n .lc-promise-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: #F2AF3A;\r\n color: #012344;\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 800;\r\n font-size: 1.1rem;\r\n padding: 16px 44px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.2);\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 12px 25px rgba(242, 175, 58, 0.25);\r\n position: relative;\r\n overflow: hidden;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .lc-promise-cta:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n background: #f5c35c;\r\n box-shadow: 0 20px 35px rgba(242, 175, 58, 0.35);\r\n color: #012344;\r\n }\r\n\r\n \/* Shine effect on button *\/\r\n .lc-promise-cta::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n .lc-promise-cta:hover::before {\r\n left: 100%;\r\n }\r\n\r\n \/* Decorative elements inside card *\/\r\n .lc-promise-dec-left {\r\n position: absolute;\r\n left: 25px;\r\n top: 25px;\r\n font-size: 2rem;\r\n opacity: 0.05;\r\n pointer-events: none;\r\n animation: lc-promise-slowSpin 20s linear infinite;\r\n }\r\n\r\n .lc-promise-dec-right {\r\n position: absolute;\r\n right: 25px;\r\n bottom: 25px;\r\n font-size: 2rem;\r\n opacity: 0.05;\r\n pointer-events: none;\r\n animation: lc-promise-slowSpin 20s linear infinite reverse;\r\n }\r\n\r\n \/* ========== KEYFRAME ANIMATIONS ========== *\/\r\n @keyframes lc-promise-bubbleFloat {\r\n 0% { transform: translateY(0) scale(0.6); opacity: 0; }\r\n 20% { opacity: 0.4; }\r\n 80% { opacity: 0.2; }\r\n 100% { transform: translateY(-1200px) scale(1.2); opacity: 0; }\r\n }\r\n\r\n @keyframes lc-promise-starGentle {\r\n 0% { opacity: 0.1; transform: scale(0.7) rotate(0deg); }\r\n 100% { opacity: 0.35; transform: scale(1.15) rotate(10deg); }\r\n }\r\n\r\n @keyframes lc-promise-gentleFloat {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 50% { transform: translateY(-15px) rotate(5deg); }\r\n }\r\n\r\n @keyframes lc-promise-ribbonPulse {\r\n 0%, 100% { box-shadow: 0 5px 15px rgba(242, 175, 58, 0.15); }\r\n 50% { box-shadow: 0 5px 25px rgba(242, 175, 58, 0.25); }\r\n }\r\n\r\n @keyframes lc-promise-slowSpin {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 900px) {\r\n .lc-promise-title {\r\n font-size: 2.5rem;\r\n }\r\n .lc-promise-card {\r\n padding: 40px 30px;\r\n }\r\n .lc-promise-message {\r\n font-size: 0.98rem;\r\n padding: 18px 24px;\r\n }\r\n .lc-promise-highlights {\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .lc-promise-wrapper {\r\n padding: 60px 0;\r\n }\r\n .lc-promise-title {\r\n font-size: 2rem;\r\n }\r\n .lc-promise-message {\r\n font-size: 0.92rem;\r\n padding: 16px 20px;\r\n margin-bottom: 28px;\r\n }\r\n .lc-promise-highlight-icon {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n .lc-promise-highlight-icon i {\r\n font-size: 1.6rem;\r\n }\r\n .lc-promise-highlight-title {\r\n font-size: 1rem;\r\n }\r\n .lc-promise-cta {\r\n padding: 12px 32px;\r\n font-size: 1rem;\r\n }\r\n .lc-promise-float {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .lc-promise-card {\r\n padding: 32px 20px;\r\n border-radius: 48px;\r\n }\r\n .lc-promise-title {\r\n font-size: 1.7rem;\r\n }\r\n .lc-promise-message {\r\n font-size: 0.88rem;\r\n padding: 14px 16px;\r\n }\r\n .lc-promise-highlights {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .lc-promise-highlight {\r\n min-width: auto;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <div class=\"lc-promise-wrapper\">\r\n \r\n \r\n <div class=\"lc-promise-bg\">\r\n <div class=\"lc-promise-bubble lc-promise-bubble-1\"><\/div>\r\n <div class=\"lc-promise-bubble lc-promise-bubble-2\"><\/div>\r\n <div class=\"lc-promise-bubble lc-promise-bubble-3\"><\/div>\r\n <div class=\"lc-promise-bubble lc-promise-bubble-4\"><\/div>\r\n <div class=\"lc-promise-bubble lc-promise-bubble-5\"><\/div>\r\n <div class=\"lc-promise-bubble lc-promise-bubble-6\"><\/div>\r\n <div class=\"lc-promise-bubble lc-promise-bubble-7\"><\/div>\r\n <div class=\"lc-promise-bubble lc-promise-bubble-8\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-promise-star lc-promise-star-1\">\u2b50<\/div>\r\n <div class=\"lc-promise-star lc-promise-star-2\">\u2728<\/div>\r\n <div class=\"lc-promise-star lc-promise-star-3\">\ud83c\udf1f<\/div>\r\n <div class=\"lc-promise-star lc-promise-star-4\">\ud83d\udcab<\/div>\r\n <div class=\"lc-promise-star lc-promise-star-5\">\u2b50<\/div>\r\n\r\n \r\n <div class=\"lc-promise-float lc-promise-float-1\">\ud83e\uddf8<\/div>\r\n <div class=\"lc-promise-float lc-promise-float-2\">\ud83c\udf88<\/div>\r\n <div class=\"lc-promise-float lc-promise-float-3\">\ud83d\udd8d\ufe0f<\/div>\r\n\r\n <div class=\"lc-promise-container\">\r\n \r\n \r\n <div class=\"lc-promise-card\">\r\n \r\n \r\n <div class=\"lc-promise-dec-left\">\ud83e\uddf8<\/div>\r\n <div class=\"lc-promise-dec-right\">\ud83c\udf88<\/div>\r\n\r\n <div class=\"lc-promise-ribbon\">\r\n <i class=\"fas fa-star\"><\/i> Our Commitment to You\r\n <\/div>\r\n \r\n <h2 class=\"lc-promise-title\">\r\n Committed to <br><span>Your Child's Growth<\/span>\r\n <\/h2>\r\n \r\n <div class=\"lc-promise-message\">\r\n <i class=\"fas fa-quote-left\" style=\"color: #F2AF3A; margin-right: 8px; opacity: 0.7;\"><\/i>\r\n At Little Champions Childcare, our promise is simple: to provide a safe, joyful, and nurturing environment \r\n where every child can grow with confidence. We are dedicated to protecting your little ones, encouraging \r\n their curiosity, and celebrating their milestones. With experienced teachers, secure facilities, and a \r\n play\u2011based approach, we ensure that learning feels exciting and natural. Parents are our partners, and \r\n together we build trust, respect, and resilience. Every child is unique, and we honor that individuality \r\n by offering personalized care that helps them shine.\r\n <\/div>\r\n\r\n \r\n <div class=\"lc-promise-highlights\">\r\n \r\n <div class=\"lc-promise-highlight\">\r\n <div class=\"lc-promise-highlight-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-promise-highlight-title\">Safe & Secure<\/h3>\r\n <p class=\"lc-promise-highlight-desc\">Protected facilities and trained staff for complete peace of mind.<\/p>\r\n <\/div>\r\n\r\n <div class=\"lc-promise-highlight\">\r\n <div class=\"lc-promise-highlight-icon\">\r\n <i class=\"fas fa-smile\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-promise-highlight-title\">Joyful Learning<\/h3>\r\n <p class=\"lc-promise-highlight-desc\">Play-based approach that makes every day exciting and natural.<\/p>\r\n <\/div>\r\n\r\n <div class=\"lc-promise-highlight\">\r\n <div class=\"lc-promise-highlight-icon\">\r\n <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-promise-highlight-title\">Personalized Care<\/h3>\r\n <p class=\"lc-promise-highlight-desc\">Honoring each child's unique journey with tailored support.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <a href=\"#\" class=\"lc-promise-cta\">\r\n <i class=\"fas fa-child\"><\/i> Join our family \u2014 enroll today!\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n \r\n<\/body>\r\n<\/html>\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>Little Champions | About Us \u2013 Warm Introduction \u2b50 \u2728 \ud83c\udf1f \ud83d\udcab Our Story A Heartfelt Welcome From Our Founder […]<\/p>\n","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":"","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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":25,"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/275"}],"wp:attachment":[{"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}