{"id":13,"date":"2026-06-07T06:31:02","date_gmt":"2026-06-07T06:31:02","guid":{"rendered":"https:\/\/practice.geniuswebpro.com\/?page_id=13"},"modified":"2026-06-07T13:25:50","modified_gmt":"2026-06-07T13:25:50","slug":"home","status":"publish","type":"page","link":"https:\/\/practice.geniuswebpro.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Little Champions Childcare | Hero Section<\/title>\r\n \r\n <!-- Google Fonts: Playfair Display 800 + Lato -->\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@400;500;600;700;800;900&family=Lato:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\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 \/* SCOPED SAFETY RESET - NO GLOBAL CONFLICTS *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Applies resets ONLY inside the hero block to prevent breaking your global layout *\/\r\n .lc-hero-wrapper,\r\n .lc-hero-wrapper *,\r\n .lc-hero-wrapper *::before,\r\n .lc-hero-wrapper *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* FIXED HERO CONTAINER - Spans full width securely *\/\r\n .lc-hero-wrapper {\r\n width: 100%;\r\n font-family: 'Lato', sans-serif;\r\n background: linear-gradient(145deg, #f0f7ff 0%, #fef7e8 100%);\r\n overflow: hidden;\r\n }\r\n\r\n \/* Main Hero Container - FIXED padding *\/\r\n .lc-hero {\r\n position: relative;\r\n width: 100%;\r\n background: linear-gradient(135deg, #e8f4fe 0%, #fff5e6 100%);\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n isolation: isolate;\r\n padding: 220px 0 100px 0;\r\n }\r\n\r\n \/* Background Shapes - Restrained locally *\/\r\n .lc-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n z-index: 1;\r\n opacity: 0.4;\r\n pointer-events: none;\r\n }\r\n .lc-shape-1 {\r\n width: 380px;\r\n height: 380px;\r\n background: radial-gradient(circle, #bae6fd, #7dd3fc);\r\n top: -130px;\r\n left: -90px;\r\n animation: lc-floatSlow 8s infinite ease-in-out;\r\n }\r\n .lc-shape-2 {\r\n width: 480px;\r\n height: 480px;\r\n background: radial-gradient(circle, #fef08a, #fde047);\r\n bottom: -170px;\r\n right: -110px;\r\n animation: lc-floatSlow 11s infinite ease-in-out reverse;\r\n }\r\n .lc-shape-3 {\r\n width: 200px;\r\n height: 200px;\r\n background: radial-gradient(circle, #fbcfe8, #f9a8d4);\r\n top: 12%;\r\n right: 10%;\r\n animation: lc-pulseShape 6s infinite ease-in-out;\r\n }\r\n .lc-shape-4 {\r\n width: 240px;\r\n height: 240px;\r\n background: radial-gradient(circle, #c4e6f1, #a3d8e8);\r\n bottom: 18%;\r\n left: 3%;\r\n animation: lc-floatSlow 13s infinite ease-in-out 1.5s;\r\n }\r\n .lc-shape-5 {\r\n width: 140px;\r\n height: 140px;\r\n background: radial-gradient(circle, #d9f99d, #bef264);\r\n top: 45%;\r\n left: 15%;\r\n animation: lc-pulseShape 8s infinite ease-in-out 0.8s;\r\n }\r\n\r\n \/* Floating Stickers *\/\r\n .lc-sticker {\r\n position: absolute;\r\n font-size: 4rem;\r\n z-index: 2;\r\n user-select: none;\r\n filter: drop-shadow(0 8px 15px rgba(0,0,0,0.1));\r\n pointer-events: none;\r\n }\r\n .lc-sticker-art { top: 10%; left: 6%; animation: lc-floatSticker 5s infinite ease-in-out; }\r\n .lc-sticker-blocks { bottom: 15%; left: 10%; font-size: 5rem; animation: lc-floatSticker 6.5s infinite ease-in-out 0.7s; }\r\n .lc-sticker-balloon { top: 22%; right: 5%; font-size: 4.8rem; animation: lc-floatSticker 4.8s infinite ease-in-out 0.4s; }\r\n .lc-sticker-bear { bottom: 12%; right: 8%; animation: lc-floatSticker 5.8s infinite ease-in-out 1.1s; }\r\n .lc-sticker-crayon { top: 48%; left: 2%; font-size: 3.5rem; animation: lc-wiggleSticker 4.5s infinite ease-in-out; }\r\n .lc-sticker-globe { bottom: 38%; right: 3%; font-size: 3.8rem; animation: lc-floatSticker 7.5s infinite ease-in-out 2s; }\r\n\r\n \/* Main Content Block *\/\r\n .lc-hero-content {\r\n position: relative;\r\n z-index: 10;\r\n width: 860px;\r\n max-width: 860px;\r\n text-align: center;\r\n padding: 48px;\r\n background: rgba(255, 255, 255, 0.44);\r\n backdrop-filter: blur(14px);\r\n -webkit-backdrop-filter: blur(14px);\r\n border-radius: 60px;\r\n border: 2px solid rgba(255, 255, 255, 0.7);\r\n box-shadow: 0 28px 48px rgba(0, 0, 0, 0.08);\r\n animation: lc-popIn 0.85s cubic-bezier(0.21, 0.98, 0.35, 1.2) forwards;\r\n }\r\n\r\n \/* TITLE *\/\r\n .lc-hero-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 4.2rem;\r\n font-weight: 800;\r\n color: #012344;\r\n line-height: 1.15;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.3px;\r\n animation: lc-titleGentleGlow 3s ease-in-out infinite;\r\n }\r\n .lc-hero-title span {\r\n font-style: italic;\r\n background: linear-gradient(135deg, #127E81, #F2AF3A);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n display: inline-block;\r\n }\r\n\r\n \/* TEXT *\/\r\n .lc-hero-text {\r\n font-family: 'Lato', sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 500;\r\n color: #1e293b;\r\n line-height: 1.65;\r\n margin-bottom: 44px;\r\n background: rgba(255, 255, 245, 0.55);\r\n padding: 16px 28px;\r\n border-radius: 48px;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n \/* Buttons *\/\r\n .lc-btn-group {\r\n display: flex;\r\n gap: 26px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .lc-btn {\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n padding: 16px 40px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n cursor: pointer;\r\n border: none;\r\n letter-spacing: 0.3px;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Button 1 Animation *\/\r\n .lc-btn-primary {\r\n background-color: #F2AF3A;\r\n color: #012344;\r\n border: 2px solid #F2AF3A;\r\n animation: lc-btnBounceRotate 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;\r\n }\r\n \r\n @keyframes lc-btnBounceRotate {\r\n 0% { opacity: 0; transform: scale(0.3) rotate(-10deg); }\r\n 50% { opacity: 1; transform: scale(1.05) rotate(2deg); }\r\n 70% { transform: scale(0.98) rotate(-1deg); }\r\n 100% { opacity: 1; transform: scale(1) rotate(0deg); }\r\n }\r\n \r\n .lc-btn-primary:hover {\r\n animation: lc-btnWiggleBounce 0.5s ease-in-out;\r\n transform: translateY(-4px);\r\n }\r\n \r\n @keyframes lc-btnWiggleBounce {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 25% { transform: translateY(-4px) rotate(3deg); }\r\n 75% { transform: translateY(-2px) rotate(-3deg); }\r\n }\r\n\r\n \/* Button 2 Animation *\/\r\n .lc-btn-secondary {\r\n background-color: #ffffff;\r\n color: #127E81;\r\n border: 2px solid #127E81;\r\n animation: lc-btnPulseSlide 0.7s cubic-bezier(0.21, 0.98, 0.35, 1.2) forwards;\r\n }\r\n \r\n @keyframes lc-btnPulseSlide {\r\n 0% { opacity: 0; transform: translateX(30px) scale(0.9); }\r\n 30% { opacity: 1; transform: translateX(-5px) scale(1.02); }\r\n 60% { transform: translateX(2px) scale(0.98); }\r\n 100% { opacity: 1; transform: translateX(0) scale(1); }\r\n }\r\n \r\n .lc-btn-secondary:hover {\r\n animation: lc-btnGlowPulse 0.6s ease-in-out 2;\r\n transform: translateY(-4px);\r\n }\r\n \r\n @keyframes lc-btnGlowPulse {\r\n 0%, 100% { box-shadow: 0 0 0 0 rgba(18, 126, 129, 0.4); }\r\n 50% { box-shadow: 0 0 0 10px rgba(18, 126, 129, 0); }\r\n }\r\n\r\n \/* Shine effect *\/\r\n .lc-btn::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.5s ease;\r\n }\r\n \r\n .lc-btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes lc-floatSlow {\r\n 0%, 100% { transform: translateY(0) scale(1); }\r\n 50% { transform: translateY(-38px) scale(1.06); }\r\n }\r\n @keyframes lc-pulseShape {\r\n 0%, 100% { transform: scale(1); opacity: 0.4; }\r\n 50% { transform: scale(1.28); opacity: 0.6; }\r\n }\r\n @keyframes lc-floatSticker {\r\n 0%, 100% { transform: translateY(0) rotate(-5deg); }\r\n 50% { transform: translateY(-24px) rotate(7deg); }\r\n }\r\n @keyframes lc-wiggleSticker {\r\n 0%, 100% { transform: translateX(0) rotate(0deg); }\r\n 25% { transform: translateX(10px) rotate(6deg); }\r\n 75% { transform: translateX(-10px) rotate(-6deg); }\r\n }\r\n @keyframes lc-popIn {\r\n from { opacity: 0; transform: scale(0.94) translateY(25px); backdrop-filter: blur(0px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); backdrop-filter: blur(14px); }\r\n }\r\n @keyframes lc-titleGentleGlow {\r\n 0%, 100% { text-shadow: 0 0 0px rgba(18, 126, 129, 0); }\r\n 50% { text-shadow: 0 0 3px rgba(18, 126, 129, 0.15), 0 2px 5px rgba(242, 175, 58, 0.1); }\r\n }\r\n @keyframes lc-gentleBounce {\r\n 0% { opacity: 0; transform: scale(0.99); }\r\n 100% { opacity: 1; transform: scale(1); }\r\n }\r\n \r\n .lc-hero {\r\n animation: lc-gentleBounce 0.5s ease-out;\r\n }\r\n\r\n \/* Responsive adjustments safely contained *\/\r\n @media (max-width: 940px) {\r\n .lc-hero-content {\r\n width: 90%;\r\n max-width: 90%;\r\n padding: 40px 30px;\r\n }\r\n .lc-hero-title {\r\n font-size: 3.5rem;\r\n }\r\n .lc-hero-text {\r\n font-size: 1rem;\r\n padding: 14px 20px;\r\n }\r\n .lc-btn {\r\n padding: 14px 30px;\r\n font-size: 1rem;\r\n }\r\n .lc-sticker-art, .lc-sticker-blocks, .lc-sticker-balloon, \r\n .lc-sticker-bear, .lc-sticker-crayon, .lc-sticker-globe {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 650px) {\r\n .lc-hero-content {\r\n padding: 35px 25px;\r\n }\r\n .lc-hero-title {\r\n font-size: 2.8rem;\r\n }\r\n .lc-hero-text {\r\n font-size: 0.95rem;\r\n padding: 12px 16px;\r\n margin-bottom: 35px;\r\n }\r\n .lc-btn-group {\r\n gap: 15px;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .lc-btn {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 12px 20px;\r\n }\r\n .lc-hero {\r\n padding: 100px 0 40px 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .lc-hero-title {\r\n font-size: 2.2rem;\r\n }\r\n .lc-hero-text {\r\n font-size: 0.9rem;\r\n padding: 10px 14px;\r\n }\r\n .lc-hero-content {\r\n padding: 30px 20px;\r\n border-radius: 40px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Everything is completely isolated here -->\r\n <div class=\"lc-hero-wrapper\">\r\n <div class=\"lc-hero\">\r\n \r\n <!-- Background Shapes -->\r\n <div class=\"lc-shape lc-shape-1\"><\/div>\r\n <div class=\"lc-shape lc-shape-2\"><\/div>\r\n <div class=\"lc-shape lc-shape-3\"><\/div>\r\n <div class=\"lc-shape lc-shape-4\"><\/div>\r\n <div class=\"lc-shape lc-shape-5\"><\/div>\r\n\r\n <!-- Floating Stickers -->\r\n <div class=\"lc-sticker lc-sticker-art\">\ud83c\udfa8<\/div>\r\n <div class=\"lc-sticker lc-sticker-blocks\">\ud83e\udde9<\/div>\r\n <div class=\"lc-sticker lc-sticker-balloon\">\ud83c\udf88<\/div>\r\n <div class=\"lc-sticker lc-sticker-bear\">\ud83e\uddf8<\/div>\r\n <div class=\"lc-sticker lc-sticker-crayon\">\ud83d\udd8d\ufe0f<\/div>\r\n <div class=\"lc-sticker lc-sticker-globe\">\ud83c\udf0d<\/div>\r\n\r\n <!-- Main Content Block -->\r\n <div class=\"lc-hero-content\">\r\n <h1 class=\"lc-hero-title\">\r\n Little Champions, <br><span>Big Dreams<\/span>\r\n <\/h1>\r\n \r\n <p class=\"lc-hero-text\">\r\n At Little Champions Childcare, every child's journey begins with joy, safety, and discovery. \r\n We nurture confidence, respect, and lifelong learning through playful experiences, caring teachers, \r\n and a supportive environment. Parents trust us to guide their little champions toward bright futures \r\n filled with growth and happiness.\r\n <\/p>\r\n \r\n <div class=\"lc-btn-group\">\r\n <a href=\"#\" class=\"lc-btn lc-btn-primary\">\r\n <i class=\"fas fa-calendar-alt\"><\/i> Schedule a Tour\r\n <\/a>\r\n <a href=\"#\" class=\"lc-btn lc-btn-secondary\">\r\n <i class=\"fas fa-child\"><\/i> Start Enrollment\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\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-2837485 e-con-full e-flex e-con e-parent\" data-id=\"2837485\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0585dfd elementor-widget elementor-widget-html\" data-id=\"0585dfd\" 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 Childcare | Welcome Section<\/title>\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;800;900&family=Lato:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* ============================================ *\/\r\n \/* SCOPED SAFETY RESET - NO GLOBAL CONFLICTS *\/\r\n \/* ============================================ *\/\r\n .lc-welcome-wrapper,\r\n .lc-welcome-wrapper *,\r\n .lc-welcome-wrapper *::before,\r\n .lc-welcome-wrapper *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* SECTION CONTAINER - Fixed 70px Top & Bottom Padding *\/\r\n .lc-welcome-wrapper {\r\n width: 100%;\r\n background: #ffffff;\r\n padding: 70px 0;\r\n font-family: 'Lato', sans-serif;\r\n position: relative;\r\n overflow: hidden;\r\n isolation: isolate;\r\n }\r\n\r\n \/* Floating Abstract Accent Shape for Extra Visual Appeal *\/\r\n .lc-welcome-bg-circle {\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, #fbcfe8 0%, rgba(249, 168, 212, 0) 70%);\r\n bottom: -100px;\r\n left: -50px;\r\n opacity: 0.3;\r\n z-index: -1;\r\n pointer-events: none;\r\n }\r\n\r\n \/* CENTERED INNER GRID *\/\r\n .lc-welcome-inner {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 70px;\r\n align-items: center;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* LEFT SIDE: ATTRACTIVE IMAGE STYLING *\/\r\n \/* ============================================ *\/\r\n .lc-welcome-img-block {\r\n position: relative;\r\n }\r\n\r\n \/* Stylized decorative backing card *\/\r\n .lc-welcome-blob {\r\n position: absolute;\r\n width: 104%;\r\n height: 104%;\r\n background: linear-gradient(135deg, #bae6fd 0%, #fef08a 100%);\r\n top: -2%;\r\n left: -3%;\r\n border-radius: 40px 120px 40px 60px;\r\n z-index: -1;\r\n opacity: 0.7;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n \/* Image frame with smooth premium drop shadow *\/\r\n .lc-welcome-img-frame {\r\n width: 100%;\r\n border-radius: 35px 115px 35px 35px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 55px rgba(1, 35, 68, 0.12);\r\n border: 8px solid #ffffff;\r\n aspect-ratio: 4 \/ 5;\r\n }\r\n\r\n .lc-welcome-img-frame img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n \/* Dynamic hover effects that make it attractive *\/\r\n .lc-welcome-img-block:hover .lc-welcome-img-frame img {\r\n transform: scale(1.05);\r\n }\r\n \r\n .lc-welcome-img-block:hover .lc-welcome-blob {\r\n transform: translate(-5px, -5px) rotate(-1deg);\r\n }\r\n\r\n \/* Absolute playful corner badge *\/\r\n .lc-welcome-img-badge {\r\n position: absolute;\r\n bottom: -15px;\r\n right: 15px;\r\n background: #F2AF3A;\r\n color: #012344;\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 900;\r\n font-style: italic;\r\n font-size: 1.2rem;\r\n padding: 12px 28px;\r\n border-radius: 30px;\r\n box-shadow: 0 12px 24px rgba(242, 175, 58, 0.35);\r\n border: 3px solid #ffffff;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* RIGHT SIDE: TYPOGRAPHY & TEXT STYLING *\/\r\n \/* ============================================ *\/\r\n .lc-welcome-content {\r\n position: relative;\r\n }\r\n\r\n \/* Top Accent Line & Label *\/\r\n .lc-welcome-tagline {\r\n font-family: 'Lato', sans-serif;\r\n font-weight: 900;\r\n font-size: 0.9rem;\r\n color: #127E81;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 14px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .lc-welcome-tagline::before {\r\n content: '';\r\n width: 30px;\r\n height: 3px;\r\n background: #F2AF3A;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* Cleaned up header size to match the 70px compact padding context *\/\r\n .lc-welcome-title {\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 800;\r\n font-size: 3.4rem;\r\n color: #012344;\r\n line-height: 1.15;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n \/* Beautifully readable content block *\/\r\n .lc-welcome-text {\r\n font-family: 'Lato', sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 500;\r\n color: #1e293b;\r\n line-height: 1.8;\r\n margin-bottom: 28px;\r\n }\r\n\r\n \/* Modern minimalist signature separator *\/\r\n .lc-welcome-signature {\r\n border-top: 2px solid #e2e8f0;\r\n padding-top: 20px;\r\n display: inline-block;\r\n }\r\n\r\n .lc-welcome-name {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.4rem;\r\n font-weight: 800;\r\n color: #012344;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .lc-welcome-role {\r\n font-family: 'Lato', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n color: #127E81;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* MOBILE & TABLET LAYOUT RESPONSIVENESS *\/\r\n \/* ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .lc-welcome-inner {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n padding: 0 30px;\r\n }\r\n .lc-welcome-img-block {\r\n max-width: 480px;\r\n margin: 0 auto;\r\n width: 100%;\r\n }\r\n .lc-welcome-content {\r\n text-align: center;\r\n }\r\n .lc-welcome-tagline {\r\n justify-content: center;\r\n }\r\n .lc-welcome-title {\r\n font-size: 2.8rem;\r\n }\r\n .lc-welcome-signature {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n }\r\n\r\n @media (max-width: 650px) {\r\n .lc-welcome-wrapper {\r\n padding: 70px 0; \/* Strict adherence to requirements on mobile *\/\r\n }\r\n .lc-welcome-title {\r\n font-size: 2.2rem;\r\n margin-bottom: 18px;\r\n }\r\n .lc-welcome-text {\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n }\r\n .lc-welcome-img-frame {\r\n border-radius: 25px 85px 25px 25px;\r\n border-width: 6px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"lc-welcome-wrapper\">\r\n <div class=\"lc-welcome-bg-circle\"><\/div>\r\n \r\n <div class=\"lc-welcome-inner\">\r\n \r\n <div class=\"lc-welcome-img-block\">\r\n <div class=\"lc-welcome-blob\"><\/div>\r\n <div class=\"lc-welcome-img-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/practice.geniuswebpro.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-03-at-1.02.36-AM7.jpeg\" alt=\"Little Champions Childcare Environment\">\r\n <\/div>\r\n <div class=\"lc-welcome-img-badge\">Welcome Inside<\/div>\r\n <\/div>\r\n\r\n <div class=\"lc-welcome-content\">\r\n <span class=\"lc-welcome-tagline\">Meet Our Family<\/span>\r\n <h2 class=\"lc-welcome-title\">A Warm Welcome from Our Founder<\/h2>\r\n \r\n <p class=\"lc-welcome-text\">\r\n At Little Champions Childcare, our story begins with a simple dream: to create a safe, joyful place where children can grow into confident learners and caring friends. As the founder, I believe every child deserves more than supervision \u2014 they deserve guidance, encouragement, and a nurturing environment that feels like family. \r\n <br><br>\r\n Inspired by my own journey as a parent and educator, I built Little Champions to be a second home where curiosity is celebrated, respect is taught, and lifelong learning takes root. Our dedicated team shares this vision, working together to ensure every child feels valued and supported. Parents choose us because they see the difference: children who laugh, explore, and thrive each day. We are proud to partner with families, walking hand\u2011in\u2011hand as their little champions discover the world with confidence and joy.\r\n <\/p>\r\n \r\n <div class=\"lc-welcome-signature\">\r\n <h4 class=\"lc-welcome-name\">Our Founder & Director<\/h4>\r\n <span class=\"lc-welcome-role\">Little Champions Childcare<\/span>\r\n <\/div>\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-b60834c e-con-full e-flex e-con e-parent\" data-id=\"b60834c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3179b89 elementor-widget elementor-widget-html\" data-id=\"3179b89\" 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 | Why Parents Choose Us<\/title>\r\n \r\n <!-- Google Fonts -->\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&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\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 \/* WHY CHOOSE US SECTION - FULLY ISOLATED *\/\r\n \/* All selectors use 'lc-why-' prefix *\/\r\n \/* ICONS HAVE LOOPING ANIMATIONS *\/\r\n \/* NO CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Reset only inside this section *\/\r\n .lc-why-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-why-wrapper {\r\n width: 100%;\r\n background: linear-gradient(145deg, #f0f7ff 0%, #fef7e8 100%);\r\n font-family: 'Lato', sans-serif;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n padding: 80px 0;\r\n }\r\n\r\n \/* Main Container *\/\r\n .lc-why-container {\r\n max-width: 1400px;\r\n width: 90%;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Header Section *\/\r\n .lc-why-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .lc-why-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: #F2AF3A;\r\n color: #012344;\r\n font-weight: 700;\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: 0.5px;\r\n }\r\n\r\n .lc-why-badge i {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .lc-why-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n color: #012344;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n letter-spacing: -0.3px;\r\n }\r\n\r\n .lc-why-title span {\r\n color: #127E81;\r\n font-style: italic;\r\n }\r\n\r\n .lc-why-subtitle {\r\n font-family: 'Lato', sans-serif;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: #2c3e42;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background: rgba(255, 255, 245, 0.6);\r\n padding: 16px 28px;\r\n border-radius: 48px;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n \/* Reasons Grid - 8 Cards *\/\r\n .lc-why-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n \/* Individual Reason Card *\/\r\n .lc-reason-card {\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n border-radius: 32px;\r\n padding: 28px 24px;\r\n transition: all 0.3s ease;\r\n border: 2px solid rgba(255, 255, 255, 0.5);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n .lc-reason-card:hover {\r\n transform: translateY(-6px);\r\n background: rgba(255, 255, 255, 0.85);\r\n border-color: rgba(242, 175, 58, 0.3);\r\n box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n \/* Icon Container with LOOPING ANIMATIONS *\/\r\n .lc-reason-icon {\r\n width: 65px;\r\n height: 65px;\r\n background: linear-gradient(135deg, #F2AF3A20, #127E8120);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .lc-reason-icon i {\r\n font-size: 2rem;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* INDIVIDUAL LOOPING ANIMATIONS FOR EACH ICON *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Icon 1 - Safety First (Pulse + gentle float) *\/\r\n .lc-reason-card:nth-child(1) .lc-reason-icon i {\r\n animation: lc-iconPulse 2s ease-in-out infinite;\r\n color: #F2AF3A;\r\n }\r\n \r\n \/* Icon 2 - Learning Every Day (Bounce) *\/\r\n .lc-reason-card:nth-child(2) .lc-reason-icon i {\r\n animation: lc-iconBounce 2.2s ease-in-out infinite;\r\n color: #127E81;\r\n }\r\n \r\n \/* Icon 3 - Open Communication (Wiggle) *\/\r\n .lc-reason-card:nth-child(3) .lc-reason-icon i {\r\n animation: lc-iconWiggle 2.5s ease-in-out infinite;\r\n color: #F9844A;\r\n }\r\n \r\n \/* Icon 4 - Potty Training Support (Float) *\/\r\n .lc-reason-card:nth-child(4) .lc-reason-icon i {\r\n animation: lc-iconFloat 3s ease-in-out infinite;\r\n color: #43AA8B;\r\n }\r\n \r\n \/* Icon 5 - Confidence Building (Spin slow) *\/\r\n .lc-reason-card:nth-child(5) .lc-reason-icon i {\r\n animation: lc-iconSpin 4s linear infinite;\r\n color: #F2AF3A;\r\n }\r\n \r\n \/* Icon 6 - Family Partnership (Heartbeat pulse) *\/\r\n .lc-reason-card:nth-child(6) .lc-reason-icon i {\r\n animation: lc-iconHeartbeat 1.8s ease-in-out infinite;\r\n color: #127E81;\r\n }\r\n \r\n \/* Icon 7 - Experienced Team (Wave) *\/\r\n .lc-reason-card:nth-child(7) .lc-reason-icon i {\r\n animation: lc-iconWave 2.3s ease-in-out infinite;\r\n color: #F9844A;\r\n }\r\n \r\n \/* Icon 8 - Playful Environment (Roll) *\/\r\n .lc-reason-card:nth-child(8) .lc-reason-icon i {\r\n animation: lc-iconRoll 3.5s ease-in-out infinite;\r\n color: #43AA8B;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* KEYFRAME ANIMATIONS FOR ICONS *\/\r\n \/* ============================================ *\/\r\n \r\n @keyframes lc-iconPulse {\r\n 0%, 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n 50% {\r\n transform: scale(1.2);\r\n opacity: 0.9;\r\n text-shadow: 0 0 3px rgba(242, 175, 58, 0.5);\r\n }\r\n }\r\n \r\n @keyframes lc-iconBounce {\r\n 0%, 100% {\r\n transform: translateY(0);\r\n }\r\n 50% {\r\n transform: translateY(-8px);\r\n }\r\n }\r\n \r\n @keyframes lc-iconWiggle {\r\n 0%, 100% {\r\n transform: rotate(0deg);\r\n }\r\n 25% {\r\n transform: rotate(8deg);\r\n }\r\n 75% {\r\n transform: rotate(-8deg);\r\n }\r\n }\r\n \r\n @keyframes lc-iconFloat {\r\n 0%, 100% {\r\n transform: translateY(0px);\r\n }\r\n 50% {\r\n transform: translateY(-6px);\r\n }\r\n }\r\n \r\n @keyframes lc-iconSpin {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n \r\n @keyframes lc-iconHeartbeat {\r\n 0%, 100% {\r\n transform: scale(1);\r\n }\r\n 25% {\r\n transform: scale(1.15);\r\n }\r\n 50% {\r\n transform: scale(1);\r\n }\r\n 75% {\r\n transform: scale(1.1);\r\n }\r\n }\r\n \r\n @keyframes lc-iconWave {\r\n 0%, 100% {\r\n transform: rotate(0deg);\r\n }\r\n 25% {\r\n transform: rotate(12deg);\r\n }\r\n 75% {\r\n transform: rotate(-5deg);\r\n }\r\n }\r\n \r\n @keyframes lc-iconRoll {\r\n 0%, 100% {\r\n transform: rotate(0deg) translateY(0);\r\n }\r\n 25% {\r\n transform: rotate(10deg) translateY(-3px);\r\n }\r\n 75% {\r\n transform: rotate(-10deg) translateY(3px);\r\n }\r\n }\r\n\r\n \/* Card Title *\/\r\n .lc-reason-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: #012344;\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* Card Description *\/\r\n .lc-reason-desc {\r\n font-family: 'Lato', sans-serif;\r\n font-size: 0.92rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.55;\r\n }\r\n\r\n \/* Bottom CTA Section *\/\r\n .lc-why-footer {\r\n text-align: center;\r\n margin-top: 30px;\r\n }\r\n\r\n .lc-why-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background-color: #F2AF3A;\r\n color: #012344;\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 700;\r\n font-size: 1.05rem;\r\n padding: 14px 36px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n border: 2px solid #F2AF3A;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .lc-why-cta:hover {\r\n transform: translateY(-3px);\r\n background-color: #f5c35c;\r\n box-shadow: 0 10px 25px rgba(242, 175, 58, 0.3);\r\n }\r\n\r\n .lc-why-cta i {\r\n font-size: 1rem;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1000px) {\r\n .lc-why-wrapper {\r\n padding: 60px 0;\r\n }\r\n .lc-why-title {\r\n font-size: 2.5rem;\r\n }\r\n .lc-why-subtitle {\r\n font-size: 1rem;\r\n padding: 14px 22px;\r\n }\r\n .lc-why-grid {\r\n gap: 25px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .lc-why-wrapper {\r\n padding: 50px 0;\r\n }\r\n .lc-why-title {\r\n font-size: 2rem;\r\n }\r\n .lc-why-subtitle {\r\n font-size: 0.95rem;\r\n padding: 12px 18px;\r\n }\r\n .lc-reason-card {\r\n padding: 22px 20px;\r\n }\r\n .lc-reason-title {\r\n font-size: 1.25rem;\r\n }\r\n .lc-reason-desc {\r\n font-size: 0.85rem;\r\n }\r\n .lc-why-cta {\r\n padding: 12px 30px;\r\n font-size: 0.95rem;\r\n }\r\n \/* Reduce animation intensity on mobile for performance *\/\r\n .lc-reason-icon i {\r\n animation-duration: 1.5s !important;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .lc-why-title {\r\n font-size: 1.7rem;\r\n }\r\n .lc-why-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .lc-why-header {\r\n margin-bottom: 40px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- ============================================ -->\r\n <!-- WHY PARENTS CHOOSE US SECTION - FULLY ISOLATED -->\r\n <!-- All classes use 'lc-why-' prefix -->\r\n <!-- ICONS HAVE LOOPING ANIMATIONS (different for each) -->\r\n <!-- NO CSS CONFLICTS with other website elements -->\r\n <!-- ============================================ -->\r\n <div class=\"lc-why-wrapper\">\r\n <div class=\"lc-why-container\">\r\n \r\n <!-- Header Section -->\r\n <div class=\"lc-why-header\">\r\n <div class=\"lc-why-badge\">\r\n <i class=\"fas fa-star\"><\/i> Families Love Us\r\n <\/div>\r\n <h2 class=\"lc-why-title\">\r\n Why Families Trust <br><span>Little Champions<\/span>\r\n <\/h2>\r\n <div class=\"lc-why-subtitle\">\r\n <i class=\"fas fa-heart\" style=\"color: #F2AF3A; margin-right: 6px;\"><\/i>\r\n Parents choose Little Champions Childcare because we combine safety, learning, and love in every moment. \r\n Our center is more than childcare \u2014 it's a place where children grow with confidence, respect, and joy. \r\n Families trust us to nurture their little champions through every stage of development.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 8 Reasons Grid with LOOPING ANIMATED ICONS -->\r\n <div class=\"lc-why-grid\">\r\n \r\n <!-- Reason 1: Safety First - Pulse Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Safety First<\/h3>\r\n <p class=\"lc-reason-desc\">Secure facilities, trained staff, and child\u2011friendly practices ensure peace of mind.<\/p>\r\n <\/div>\r\n\r\n <!-- Reason 2: Learning Every Day - Bounce Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-book-open\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Learning Every Day<\/h3>\r\n <p class=\"lc-reason-desc\">Age\u2011appropriate curriculum fosters curiosity, creativity, and early academic skills.<\/p>\r\n <\/div>\r\n\r\n <!-- Reason 3: Open Communication - Wiggle Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Open Communication<\/h3>\r\n <p class=\"lc-reason-desc\">Parents stay informed with daily updates, progress reports, and open dialogue.<\/p>\r\n <\/div>\r\n\r\n <!-- Reason 4: Potty Training Support - Float Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-toilet\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Potty Training Support<\/h3>\r\n <p class=\"lc-reason-desc\">Gentle guidance helps children gain independence while easing parent stress.<\/p>\r\n <\/div>\r\n\r\n <!-- Reason 5: Confidence Building - Spin Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Confidence Building<\/h3>\r\n <p class=\"lc-reason-desc\">Activities encourage self\u2011expression, problem\u2011solving, and resilience.<\/p>\r\n <\/div>\r\n\r\n <!-- Reason 6: Family Partnership - Heartbeat Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Family Partnership<\/h3>\r\n <p class=\"lc-reason-desc\">We work hand\u2011in\u2011hand with parents to support each child's journey.<\/p>\r\n <\/div>\r\n\r\n <!-- Reason 7: Experienced Team - Wave Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Experienced Team<\/h3>\r\n <p class=\"lc-reason-desc\">Caring professionals bring expertise, warmth, and dedication to every classroom.<\/p>\r\n <\/div>\r\n\r\n <!-- Reason 8: Playful Environment - Roll Animation -->\r\n <div class=\"lc-reason-card\">\r\n <div class=\"lc-reason-icon\">\r\n <i class=\"fas fa-smile\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-reason-title\">Playful Environment<\/h3>\r\n <p class=\"lc-reason-desc\">Bright spaces, outdoor play, and creative activities make learning joyful.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer CTA -->\r\n <div class=\"lc-why-footer\">\r\n <a href=\"#\" class=\"lc-why-cta\">\r\n <i class=\"fas fa-calendar-alt\"><\/i> Schedule a Tour\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <!-- ============================================ -->\r\n <!-- END OF WHY CHOOSE US SECTION - NO CONFLICTS -->\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-2dcf7e6 e-con-full e-flex e-con e-parent\" data-id=\"2dcf7e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69dd637 elementor-widget elementor-widget-html\" data-id=\"69dd637\" 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 Champions' Growth Path<\/title>\r\n \r\n <!-- Google Fonts -->\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 <!-- Font Awesome -->\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 \/* GROWTH PATH TIMELINE - WHITE BACKGROUND *\/\r\n \/* IMAGES: 450px width | NO blue button hover *\/\r\n \/* Seamless bubble loop background *\/\r\n \/* ============================================ *\/\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-growth-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 \/* ============================================ *\/\r\n \/* CONTINUOUS BUBBLE LOOP BACKGROUND *\/\r\n \/* ============================================ *\/\r\n .lc-bg-loop {\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-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 backdrop-filter: blur(2px);\r\n animation: lc-bubbleRise linear infinite;\r\n will-change: transform, opacity;\r\n }\r\n\r\n .lc-bubble-1 { width: 100px; height: 100px; left: 5%; animation-duration: 18s; animation-delay: 0s; background: radial-gradient(circle, rgba(242,175,58,0.15), rgba(242,175,58,0.03)); }\r\n .lc-bubble-2 { width: 140px; height: 140px; left: 20%; animation-duration: 24s; animation-delay: 3s; background: radial-gradient(circle, rgba(18,126,129,0.1), rgba(18,126,129,0.03)); }\r\n .lc-bubble-3 { width: 70px; height: 70px; left: 35%; animation-duration: 14s; animation-delay: 5s; background: radial-gradient(circle, rgba(249,132,74,0.12), rgba(249,132,74,0.03)); }\r\n .lc-bubble-4 { width: 180px; height: 180px; left: 55%; animation-duration: 28s; animation-delay: 1s; background: radial-gradient(circle, rgba(67,170,139,0.1), rgba(67,170,139,0.02)); }\r\n .lc-bubble-5 { width: 90px; height: 90px; left: 75%; animation-duration: 16s; animation-delay: 7s; background: radial-gradient(circle, rgba(242,175,58,0.1), rgba(242,175,58,0.02)); }\r\n .lc-bubble-6 { width: 120px; height: 120px; left: 88%; animation-duration: 20s; animation-delay: 4s; background: radial-gradient(circle, rgba(18,126,129,0.08), rgba(18,126,129,0.02)); }\r\n .lc-bubble-7 { width: 60px; height: 60px; left: 45%; animation-duration: 12s; animation-delay: 9s; background: radial-gradient(circle, rgba(242,175,58,0.14), rgba(242,175,58,0.03)); }\r\n .lc-bubble-8 { width: 150px; height: 150px; left: 12%; animation-duration: 22s; animation-delay: 11s; background: radial-gradient(circle, rgba(67,170,139,0.08), rgba(67,170,139,0.02)); }\r\n .lc-bubble-9 { width: 85px; height: 85px; left: 68%; animation-duration: 15s; animation-delay: 2s; background: radial-gradient(circle, rgba(18,126,129,0.12), rgba(18,126,129,0.03)); }\r\n .lc-bubble-10 { width: 110px; height: 110px; left: 42%; animation-duration: 19s; animation-delay: 6s; background: radial-gradient(circle, rgba(249,132,74,0.09), rgba(249,132,74,0.02)); }\r\n\r\n \/* Floating Stars *\/\r\n .lc-star {\r\n position: absolute;\r\n font-size: 1.3rem;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n z-index: 1;\r\n animation: lc-starTwinkle 4s infinite alternate;\r\n filter: drop-shadow(0 0 4px rgba(242,175,58,0.4));\r\n }\r\n .lc-star-1 { top: 12%; left: 6%; animation-delay: 0s; }\r\n .lc-star-2 { top: 20%; right: 8%; animation-delay: 0.7s; font-size: 1rem; }\r\n .lc-star-3 { bottom: 15%; left: 10%; animation-delay: 1.2s; font-size: 1.6rem; }\r\n .lc-star-4 { bottom: 25%; right: 12%; animation-delay: 0.4s; }\r\n .lc-star-5 { top: 45%; left: 3%; animation-delay: 0.9s; font-size: 0.9rem; }\r\n .lc-star-6 { top: 65%; right: 5%; animation-delay: 1.5s; font-size: 1.2rem; }\r\n\r\n \/* Main Container *\/\r\n .lc-growth-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 *\/\r\n .lc-growth-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n animation: lc-fadeUp 0.9s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n\r\n .lc-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, #012344, #1a4a6e);\r\n color: #F2AF3A;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n padding: 8px 24px;\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 10px 25px rgba(1, 35, 68, 0.2);\r\n border: 1px solid rgba(242, 175, 58, 0.3);\r\n }\r\n\r\n .lc-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.8rem;\r\n font-weight: 900;\r\n color: #012344;\r\n line-height: 1.15;\r\n margin-bottom: 24px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .lc-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-title span::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 8px;\r\n left: 0;\r\n width: 100%;\r\n height: 8px;\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-subtitle {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: #3a4a55;\r\n line-height: 1.75;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n background: rgba(248, 248, 248, 0.9);\r\n padding: 20px 32px;\r\n border-radius: 50px;\r\n backdrop-filter: blur(4px);\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n \/* Timeline *\/\r\n .lc-timeline {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 80px;\r\n margin: 60px 0;\r\n position: relative;\r\n }\r\n\r\n \/* Center glowing line *\/\r\n .lc-timeline::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 50%;\r\n width: 4px;\r\n background: linear-gradient(180deg, #F2AF3A, #127E81, #43AA8B, #F2AF3A);\r\n transform: translateX(-50%);\r\n border-radius: 4px;\r\n opacity: 0.5;\r\n animation: lc-linePulse 3s ease-in-out infinite;\r\n box-shadow: 0 0 20px rgba(18, 126, 129, 0.3);\r\n }\r\n\r\n \/* Row *\/\r\n .lc-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 60px;\r\n position: relative;\r\n z-index: 5;\r\n opacity: 0;\r\n animation: lc-rowReveal 0.8s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;\r\n }\r\n .lc-row:nth-child(1) { animation-delay: 0.1s; }\r\n .lc-row:nth-child(2) { animation-delay: 0.3s; }\r\n .lc-row:nth-child(3) { animation-delay: 0.5s; }\r\n .lc-row:nth-child(odd) { flex-direction: row; }\r\n .lc-row:nth-child(even) { flex-direction: row-reverse; }\r\n\r\n \/* Premium Glass Card *\/\r\n .lc-card {\r\n flex: 1;\r\n max-width: 450px;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(8px);\r\n border-radius: 48px;\r\n padding: 45px 35px;\r\n text-align: center;\r\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.2);\r\n border: 1px solid rgba(242, 175, 58, 0.2);\r\n box-shadow: 0 20px 35px rgba(0, 0, 0, 0.04);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .lc-card::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(242, 175, 58, 0.1), transparent);\r\n transition: left 0.6s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .lc-card:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .lc-card:hover {\r\n transform: translateY(-12px);\r\n background: rgba(255, 255, 255, 1);\r\n box-shadow: 0 35px 50px rgba(0, 0, 0, 0.08);\r\n border-color: rgba(242, 175, 58, 0.4);\r\n }\r\n\r\n \/* Phase Number *\/\r\n .lc-phase {\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.9rem;\r\n padding: 6px 20px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n letter-spacing: 1px;\r\n box-shadow: 0 8px 15px rgba(1, 35, 68, 0.15);\r\n }\r\n\r\n \/* Icon Circle *\/\r\n .lc-icon {\r\n width: 95px;\r\n height: 95px;\r\n background: linear-gradient(145deg, #ffffff, #fef8f0);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 22px auto;\r\n box-shadow: 0 15px 25px rgba(0, 0, 0, 0.06);\r\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.2);\r\n }\r\n\r\n .lc-card:hover .lc-icon {\r\n transform: scale(1.08) rotate(5deg);\r\n box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .lc-icon i {\r\n font-size: 3rem;\r\n }\r\n\r\n \/* Icon Colors & Animations *\/\r\n .lc-row:nth-child(1) .lc-icon i { color: #F2AF3A; animation: lc-floatIcon 3s ease-in-out infinite; }\r\n .lc-row:nth-child(2) .lc-icon i { color: #127E81; animation: lc-bounceIcon 2.5s ease-in-out infinite; }\r\n .lc-row:nth-child(3) .lc-icon i { color: #43AA8B; animation: lc-pulseIcon 2s ease-in-out infinite; }\r\n\r\n .lc-card-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #012344;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .lc-card-desc {\r\n font-size: 1.02rem;\r\n color: #4a5b62;\r\n line-height: 1.65;\r\n }\r\n\r\n \/* Image - FIXED 450px WIDTH *\/\r\n .lc-image {\r\n width: 450px;\r\n height: 450px;\r\n border-radius: 45px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 40px rgba(0, 0, 0, 0.1);\r\n transition: all 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.2);\r\n background: #fff;\r\n flex-shrink: 0;\r\n position: relative;\r\n border: 6px solid white;\r\n }\r\n\r\n .lc-image::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, rgba(1, 35, 68, 0.2), transparent);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n pointer-events: none;\r\n border-radius: 45px;\r\n }\r\n\r\n .lc-row:hover .lc-image {\r\n transform: translateY(-8px) scale(1.02);\r\n box-shadow: 0 35px 50px rgba(0, 0, 0, 0.15);\r\n }\r\n .lc-row:hover .lc-image::after { opacity: 1; }\r\n\r\n .lc-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.2);\r\n }\r\n .lc-row:hover .lc-image img { transform: scale(1.08); }\r\n\r\n \/* Timeline Dot *\/\r\n .lc-dot {\r\n position: absolute;\r\n left: 50%;\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n border: 5px solid white;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\r\n z-index: 6;\r\n transition: all 0.3s ease;\r\n animation: lc-dotPulse 2s ease-in-out infinite;\r\n }\r\n .lc-row:nth-child(1) .lc-dot { top: 50%; background: #F2AF3A; }\r\n .lc-row:nth-child(2) .lc-dot { top: 50%; background: #127E81; animation-delay: 0.3s; }\r\n .lc-row:nth-child(3) .lc-dot { top: 50%; background: #43AA8B; animation-delay: 0.6s; }\r\n .lc-row:hover .lc-dot { transform: translate(-50%, -50%) scale(1.35); }\r\n\r\n \/* Footer CTA - NO BLUE HOVER *\/\r\n .lc-footer {\r\n text-align: center;\r\n margin-top: 80px;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .lc-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: linear-gradient(135deg, #F2AF3A, #f5c35c);\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.35s ease;\r\n border: none;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 15px 30px rgba(242, 175, 58, 0.35);\r\n cursor: pointer;\r\n }\r\n\r\n .lc-cta:hover {\r\n transform: translateY(-6px) scale(1.02);\r\n background: linear-gradient(135deg, #f5c35c, #F2AF3A);\r\n box-shadow: 0 25px 40px rgba(242, 175, 58, 0.45);\r\n color: #012344;\r\n }\r\n\r\n \/* ========== KEYFRAMES ========== *\/\r\n @keyframes lc-bubbleRise {\r\n 0% { transform: translateY(0) scale(0.8); opacity: 0; }\r\n 15% { opacity: 0.7; }\r\n 85% { opacity: 0.5; }\r\n 100% { transform: translateY(-1200px) scale(1.3); opacity: 0; }\r\n }\r\n @keyframes lc-starTwinkle {\r\n 0% { opacity: 0.2; transform: scale(0.7) rotate(0deg); text-shadow: 0 0 0px #F2AF3A; }\r\n 100% { opacity: 0.9; transform: scale(1.2) rotate(15deg); text-shadow: 0 0 12px #F2AF3A; }\r\n }\r\n @keyframes lc-floatIcon {\r\n 0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0px #F2AF3A); }\r\n 50% { transform: translateY(-10px); filter: drop-shadow(0 8px 12px rgba(242,175,58,0.4)); }\r\n }\r\n @keyframes lc-bounceIcon {\r\n 0%, 100% { transform: translateY(0); filter: drop-shadow(0 0 0px #127E81); }\r\n 50% { transform: translateY(-8px); filter: drop-shadow(0 8px 12px rgba(18,126,129,0.4)); }\r\n }\r\n @keyframes lc-pulseIcon {\r\n 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0px #43AA8B); }\r\n 50% { transform: scale(1.12); filter: drop-shadow(0 8px 12px rgba(67,170,139,0.4)); }\r\n }\r\n @keyframes lc-fadeUp {\r\n 0% { opacity: 0; transform: translateY(40px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes lc-rowReveal {\r\n 0% { opacity: 0; transform: translateY(60px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes lc-linePulse {\r\n 0%, 100% { opacity: 0.4; height: 100%; }\r\n 50% { opacity: 0.8; box-shadow: 0 0 25px rgba(18, 126, 129, 0.5); }\r\n }\r\n @keyframes lc-dotPulse {\r\n 0%, 100% { transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 0 rgba(242, 175, 58, 0.4); }\r\n 50% { transform: translate(-50%, -50%) scale(1.2); box-shadow: 0 0 0 10px rgba(242, 175, 58, 0.15); }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1200px) {\r\n .lc-image {\r\n width: 400px;\r\n height: 400px;\r\n }\r\n }\r\n @media (max-width: 1100px) {\r\n .lc-timeline::before { display: none; }\r\n .lc-row, .lc-row:nth-child(even) { flex-direction: column !important; gap: 35px; }\r\n .lc-card { max-width: 550px; width: 100%; padding: 40px 30px; }\r\n .lc-image { width: 100%; max-width: 450px; height: auto; aspect-ratio: 1 \/ 1; }\r\n .lc-dot { display: none; }\r\n }\r\n @media (max-width: 768px) {\r\n .lc-growth-wrapper { padding: 60px 0; }\r\n .lc-title { font-size: 2.5rem; }\r\n .lc-subtitle { font-size: 0.95rem; padding: 16px 22px; }\r\n .lc-card { padding: 30px 25px; border-radius: 36px; }\r\n .lc-icon { width: 75px; height: 75px; }\r\n .lc-icon i { font-size: 2.2rem; }\r\n .lc-card-title { font-size: 1.6rem; }\r\n .lc-cta { padding: 12px 32px; font-size: 1rem; }\r\n .lc-image { border-radius: 30px; max-width: 100%; }\r\n }\r\n @media (max-width: 550px) {\r\n .lc-title { font-size: 2rem; }\r\n .lc-growth-header { margin-bottom: 50px; }\r\n .lc-timeline { gap: 50px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"lc-growth-wrapper\">\r\n \r\n <!-- Seamless Bubble Loop Background -->\r\n <div class=\"lc-bg-loop\">\r\n <div class=\"lc-bubble lc-bubble-1\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-2\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-3\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-4\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-5\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-6\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-7\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-8\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-9\"><\/div>\r\n <div class=\"lc-bubble lc-bubble-10\"><\/div>\r\n <\/div>\r\n\r\n <!-- Twinkling Stars -->\r\n <div class=\"lc-star lc-star-1\">\u2b50<\/div>\r\n <div class=\"lc-star lc-star-2\">\u2728<\/div>\r\n <div class=\"lc-star lc-star-3\">\ud83c\udf1f<\/div>\r\n <div class=\"lc-star lc-star-4\">\ud83d\udcab<\/div>\r\n <div class=\"lc-star lc-star-5\">\u2b50<\/div>\r\n <div class=\"lc-star lc-star-6\">\u2728<\/div>\r\n\r\n <div class=\"lc-growth-container\">\r\n \r\n <!-- Header -->\r\n <div class=\"lc-growth-header\">\r\n <div class=\"lc-badge\">\r\n <i class=\"fas fa-crown\"><\/i> Every Child's Journey\r\n <\/div>\r\n <h2 class=\"lc-title\">\r\n Our Champions' <br><span>Growth Path<\/span>\r\n <\/h2>\r\n <div class=\"lc-subtitle\">\r\n <i class=\"fas fa-map-pin\" style=\"color: #F2AF3A; margin-right: 8px;\"><\/i>\r\n At Little Champions Childcare, every child's journey is celebrated step by step. \r\n Our timeline highlights the magical stages of growth \u2014 from first discoveries to confident learning \r\n and shining achievements. With fun icons, bright visuals, and joyful milestones, parents can see \r\n how their little champions progress in a nurturing, playful environment built for success.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Timeline -->\r\n <div class=\"lc-timeline\">\r\n \r\n <!-- Stage 1: Exploring -->\r\n <div class=\"lc-row\">\r\n <div class=\"lc-card\">\r\n <div class=\"lc-phase\">Phase 01<\/div>\r\n <div class=\"lc-icon\">\r\n <i class=\"fas fa-compass\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-card-title\">Exploring<\/h3>\r\n <p class=\"lc-card-desc\">First steps, sensory play, and curiosity about the world. Every new texture and color is an opportunity for discovery.<\/p>\r\n <\/div>\r\n <div class=\"lc-image\">\r\n <img decoding=\"async\" src=\"https:\/\/practice.geniuswebpro.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-03-at-1.02.35-AM.jpeg\" alt=\"Children exploring and discovering\">\r\n <\/div>\r\n <div class=\"lc-dot\"><\/div>\r\n <\/div>\r\n\r\n <!-- Stage 2: Learning -->\r\n <div class=\"lc-row\">\r\n <div class=\"lc-card\">\r\n <div class=\"lc-phase\">Phase 02<\/div>\r\n <div class=\"lc-icon\">\r\n <i class=\"fas fa-book-open\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-card-title\">Learning<\/h3>\r\n <p class=\"lc-card-desc\">Language, creativity, and early academic skills blossom through guided activities and interactive daily play.<\/p>\r\n <\/div>\r\n <div class=\"lc-image\">\r\n <img decoding=\"async\" src=\"https:\/\/practice.geniuswebpro.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-03-at-1.02.36-AM5.jpeg\" alt=\"Children learning together\">\r\n <\/div>\r\n <div class=\"lc-dot\"><\/div>\r\n <\/div>\r\n\r\n <!-- Stage 3: Shining -->\r\n <div class=\"lc-row\">\r\n <div class=\"lc-card\">\r\n <div class=\"lc-phase\">Phase 03<\/div>\r\n <div class=\"lc-icon\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-card-title\">Shining<\/h3>\r\n <p class=\"lc-card-desc\">Confidence, friendships, and readiness for school. Your little champion emerges with a strong sense of self.<\/p>\r\n <\/div>\r\n <div class=\"lc-image\">\r\n <img decoding=\"async\" src=\"https:\/\/practice.geniuswebpro.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-03-at-1.02.36-AM6.jpeg\" alt=\"Confident happy children\">\r\n <\/div>\r\n <div class=\"lc-dot\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer CTA - NO BLUE ON HOVER -->\r\n <div class=\"lc-footer\">\r\n <a href=\"#\" class=\"lc-cta\">\r\n <i class=\"fas fa-paper-plane\"><\/i> Start Your Child's Journey\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\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-e6d4e14 e-con-full e-flex e-con e-parent\" data-id=\"e6d4e14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d380cbb elementor-widget elementor-widget-html\" data-id=\"d380cbb\" 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 Childcare | Programs Snapshot<\/title>\r\n \r\n <!-- Google Fonts -->\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;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\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 SNAPSHOT SECTION - FULLY ISOLATED *\/\r\n \/* All selectors use 'lc-prog-' prefix *\/\r\n \/* NO CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Reset only inside this section *\/\r\n .lc-prog-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Fixed 70px Top & Bottom Padding *\/\r\n .lc-prog-wrapper {\r\n width: 100%;\r\n background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%);\r\n font-family: 'Lato', sans-serif;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n padding: 70px 0;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Main Container *\/\r\n .lc-prog-container {\r\n max-width: 1320px;\r\n width: 90%;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Header Section *\/\r\n .lc-prog-header {\r\n text-align: center;\r\n margin-bottom: 55px;\r\n }\r\n\r\n .lc-prog-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: 700;\r\n font-size: 0.85rem;\r\n padding: 6px 20px;\r\n border-radius: 60px;\r\n margin-bottom: 18px;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .lc-prog-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.2rem;\r\n font-weight: 800;\r\n color: #012344;\r\n line-height: 1.2;\r\n margin-bottom: 22px;\r\n letter-spacing: -0.5px;\r\n }\r\n\r\n .lc-prog-title span {\r\n color: #F2AF3A;\r\n }\r\n\r\n .lc-prog-subtitle {\r\n font-family: 'Lato', sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 500;\r\n color: #334155;\r\n max-width: 820px;\r\n margin: 0 auto;\r\n line-height: 1.75;\r\n }\r\n\r\n \/* 5-Card Flex Layout System (Ensures clean symmetry) *\/\r\n .lc-prog-flex {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 28px;\r\n }\r\n\r\n \/* Individual Program Card *\/\r\n .lc-prog-card {\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 35px 28px;\r\n width: calc(33.333% - 19px);\r\n min-width: 300px;\r\n max-width: 390px;\r\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n border: 2px solid rgba(226, 232, 240, 0.8);\r\n box-shadow: 0 10px 30px rgba(1, 35, 68, 0.03);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n \/* Active styling accent lines on cards *\/\r\n .lc-prog-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 40%;\r\n height: 5px;\r\n border-radius: 0 0 10px 10px;\r\n transition: width 0.3s ease;\r\n }\r\n .lc-prog-card:nth-child(1)::before { background: #127E81; }\r\n .lc-prog-card:nth-child(2)::before { background: #F2AF3A; }\r\n .lc-prog-card:nth-child(3)::before { background: #F9844A; }\r\n .lc-prog-card:nth-child(4)::before { background: #43AA8B; }\r\n .lc-prog-card:nth-child(5)::before { background: #38bdf8; }\r\n\r\n .lc-prog-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 22px 45px rgba(1, 35, 68, 0.08);\r\n border-color: rgba(226, 232, 240, 0.2);\r\n }\r\n .lc-prog-card:hover::before {\r\n width: 70%;\r\n }\r\n\r\n \/* Icon Frame Styling *\/\r\n .lc-prog-icon-box {\r\n width: 75px;\r\n height: 75px;\r\n border-radius: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 24px;\r\n font-size: 2.2rem;\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .lc-prog-card:nth-child(1) .lc-prog-icon-box { background: rgba(18, 126, 129, 0.12); color: #127E81; }\r\n .lc-prog-card:nth-child(2) .lc-prog-icon-box { background: rgba(242, 175, 58, 0.15); color: #F2AF3A; }\r\n .lc-prog-card:nth-child(3) .lc-prog-icon-box { background: rgba(249, 132, 74, 0.15); color: #F9844A; }\r\n .lc-prog-card:nth-child(4) .lc-prog-icon-box { background: rgba(67, 170, 139, 0.12); color: #43AA8B; }\r\n .lc-prog-card:nth-child(5) .lc-prog-icon-box { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }\r\n\r\n \/* Card Typography *\/\r\n .lc-prog-card-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: #012344;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .lc-prog-card-desc {\r\n font-family: 'Lato', sans-serif;\r\n font-size: 0.98rem;\r\n font-weight: 500;\r\n color: #475569;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* HOVER MICRO-ANIMATIONS FOR EACH ICON *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Card 1: Baby Teddy Bear Rocking *\/\r\n .lc-prog-card:nth-child(1):hover .lc-prog-icon-box i {\r\n animation: lc-teddyRock 0.8s ease-in-out infinite alternate;\r\n }\r\n @keyframes lc-teddyRock {\r\n 0% { transform: rotate(-10deg); }\r\n 100% { transform: rotate(10deg); }\r\n }\r\n\r\n \/* Card 2: Alphabet Blocks Bounce\/Jiggle *\/\r\n .lc-prog-card:nth-child(2):hover .lc-prog-icon-box i {\r\n animation: lc-blockJiggle 0.6s ease-in-out;\r\n }\r\n @keyframes lc-blockJiggle {\r\n 0%, 100% { transform: scale(1) translateY(0); }\r\n 30% { transform: scale(1.1) translateY(-6px); }\r\n 50% { transform: scale(0.95) rotate(-5deg); }\r\n 75% { transform: scale(1.05) rotate(5deg); }\r\n }\r\n\r\n \/* Card 3: Preschool Palette Tilt & Lift *\/\r\n .lc-prog-card:nth-child(3):hover .lc-prog-icon-box i {\r\n animation: lc-paletteTilt 0.7s ease-in-out;\r\n }\r\n @keyframes lc-paletteTilt {\r\n 0%, 100% { transform: rotate(0) scale(1); }\r\n 50% { transform: rotate(15deg) scale(1.15); }\r\n }\r\n\r\n \/* Card 4: Pre-K Graduation Cap Flip\/Pulse *\/\r\n .lc-prog-card:nth-child(4):hover .lc-prog-icon-box i {\r\n animation: lc-capPulse 0.6s ease-in-out;\r\n }\r\n @keyframes lc-capPulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.2) rotate(-8deg); filter: drop-shadow(0 4px 6px rgba(67,170,139,0.3)); }\r\n }\r\n\r\n \/* Card 5: Summer Camp Tent Sway\/Glow *\/\r\n .lc-prog-card:nth-child(5):hover .lc-prog-icon-box i {\r\n animation: lc-tentSway 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n @keyframes lc-tentSway {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n \/* ============================================ *\/\r\n \/* RESPONSIVE LAYOUT SCALING *\/\r\n \/* ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .lc-prog-card {\r\n width: calc(50% - 14px);\r\n max-width: 450px;\r\n }\r\n .lc-prog-title {\r\n font-size: 2.7rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .lc-prog-wrapper {\r\n padding: 70px 0;\r\n }\r\n .lc-prog-title {\r\n font-size: 2.2rem;\r\n }\r\n .lc-prog-subtitle {\r\n font-size: 1.05rem;\r\n line-height: 1.65;\r\n }\r\n .lc-prog-card {\r\n padding: 30px 22px;\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n .lc-prog-card {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n .lc-prog-header {\r\n margin-bottom: 40px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Programs Snapshot Section -->\r\n <section class=\"lc-prog-wrapper\">\r\n <div class=\"lc-prog-container\">\r\n \r\n <!-- Top Header Context -->\r\n <div class=\"lc-prog-header\">\r\n <div class=\"lc-prog-badge\">\r\n <i class=\"fas fa-graduation-cap\"><\/i> Our Learning Pathways\r\n <\/div>\r\n <h2 class=\"lc-prog-title\">Programs for Every <span>Stage<\/span><\/h2>\r\n <p class=\"lc-prog-subtitle\">\r\n At Little Champions Childcare, we celebrate every milestone with programs designed to match your child\u2019s age and needs. From toddlers discovering the world to preschoolers preparing for school, our curriculum blends play, learning, and confidence\u2011building in a safe, joyful environment where every child shines.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Illustrated Cards \/ Playful Blocks Container -->\r\n <div class=\"lc-prog-flex\">\r\n \r\n <!-- Block 1: 12\u201318 Months -->\r\n <div class=\"lc-prog-card\">\r\n <div class=\"lc-prog-icon-box\">\r\n <i class=\"fas fa-baby\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-prog-card-title\">12\u201318 Months<\/h3>\r\n <p class=\"lc-prog-card-desc\">Gentle care, sensory play, and early social interaction.<\/p>\r\n <\/div>\r\n\r\n <!-- Block 2: 18\u201324 Months -->\r\n <div class=\"lc-prog-card\">\r\n <div class=\"lc-prog-icon-box\">\r\n <i class=\"fas fa-cubes\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-prog-card-title\">18\u201324 Months<\/h3>\r\n <p class=\"lc-prog-card-desc\">Language development, motor skills, and guided exploration.<\/p>\r\n <\/div>\r\n\r\n <!-- Block 3: Preschool Program -->\r\n <div class=\"lc-prog-card\">\r\n <div class=\"lc-prog-icon-box\">\r\n <i class=\"fas fa-palette\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-prog-card-title\">Preschool Program<\/h3>\r\n <p class=\"lc-prog-card-desc\">Structured learning, creativity, and group activities.<\/p>\r\n <\/div>\r\n\r\n <!-- Block 4: Pre\u2011K Readiness -->\r\n <div class=\"lc-prog-card\">\r\n <div class=\"lc-prog-icon-box\">\r\n <i class=\"fas fa-user-graduate\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-prog-card-title\">Pre\u2011K Readiness<\/h3>\r\n <p class=\"lc-prog-card-desc\">Early literacy, numeracy, and confidence for kindergarten.<\/p>\r\n <\/div>\r\n\r\n <!-- Block 5: Summer Camp -->\r\n <div class=\"lc-prog-card\">\r\n <div class=\"lc-prog-icon-box\">\r\n <i class=\"fas fa-campground\"><\/i>\r\n <\/div>\r\n <h3 class=\"lc-prog-card-title\">Summer Camp<\/h3>\r\n <p class=\"lc-prog-card-desc\">Fun adventures, outdoor play, and themed learning experiences.<\/p>\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-e5aae3f e-con-full e-flex e-con e-parent\" data-id=\"e5aae3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6abe441 elementor-widget elementor-widget-html\" data-id=\"6abe441\" 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 | Parent Testimonials<\/title>\r\n \r\n <!-- Google Fonts -->\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 <!-- Font Awesome -->\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 \/* PARENT TESTIMONIALS - WARM BG COLOR *\/\r\n \/* 9 Testimonials with Names & Positions *\/\r\n \/* Soft, premium, trust-focused design *\/\r\n \/* ============================================ *\/\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-testimonial-wrapper {\r\n width: 100%;\r\n background: #fdf8f0; \/* Warm, trust-inspiring 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: 100px 0;\r\n }\r\n\r\n \/* Optional subtle bubble pattern *\/\r\n .lc-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0.3;\r\n pointer-events: none;\r\n background-image: radial-gradient(#F2AF3A 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n z-index: 0;\r\n }\r\n\r\n \/* Floating Stars *\/\r\n .lc-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-starTwinkle 4s infinite alternate;\r\n }\r\n .lc-star-1 { top: 8%; left: 3%; animation-delay: 0s; }\r\n .lc-star-2 { top: 12%; right: 5%; animation-delay: 0.7s; font-size: 0.9rem; }\r\n .lc-star-3 { bottom: 10%; left: 6%; animation-delay: 1.2s; font-size: 1.2rem; }\r\n .lc-star-4 { bottom: 15%; right: 8%; animation-delay: 0.4s; }\r\n\r\n \/* Main Container *\/\r\n .lc-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 *\/\r\n .lc-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n animation: lc-fadeUp 0.8s ease forwards;\r\n }\r\n\r\n .lc-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: linear-gradient(135deg, #012344, #1a4a6e);\r\n color: #F2AF3A;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n padding: 8px 24px;\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 10px 20px rgba(1, 35, 68, 0.15);\r\n }\r\n\r\n .lc-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.5rem;\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-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-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-subtitle {\r\n font-size: 1.1rem;\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: 18px 28px;\r\n border-radius: 50px;\r\n border: 1px solid rgba(242, 175, 58, 0.2);\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n \/* Testimonials Grid - 9 Cards (3x3) *\/\r\n .lc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 30px;\r\n margin: 50px 0 40px;\r\n }\r\n\r\n \/* Testimonial Card *\/\r\n .lc-card {\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 32px 28px;\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.2);\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-card:hover {\r\n transform: translateY(-8px);\r\n border-color: rgba(242, 175, 58, 0.45);\r\n box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* Quote Icon *\/\r\n .lc-quote-icon {\r\n font-size: 2rem;\r\n color: #F2AF3A;\r\n opacity: 0.3;\r\n margin-bottom: 16px;\r\n }\r\n\r\n \/* Testimonial Text *\/\r\n .lc-testimonial-text {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: #2c3e42;\r\n line-height: 1.65;\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n \/* Parent Name & Position *\/\r\n .lc-parent {\r\n margin-top: 16px;\r\n padding-top: 12px;\r\n border-top: 2px solid rgba(242, 175, 58, 0.2);\r\n }\r\n\r\n .lc-parent-name {\r\n font-weight: 800;\r\n color: #012344;\r\n font-size: 1rem;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .lc-parent-position {\r\n font-size: 0.8rem;\r\n color: #127E81;\r\n font-weight: 600;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* Title\/Badge inside card *\/\r\n .lc-card-title {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #F2AF3A20, #127E8120);\r\n color: #127E81;\r\n font-weight: 800;\r\n font-size: 0.8rem;\r\n padding: 4px 14px;\r\n border-radius: 40px;\r\n margin-bottom: 14px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* Star Rating *\/\r\n .lc-stars {\r\n margin-top: 12px;\r\n color: #F2AF3A;\r\n font-size: 0.85rem;\r\n letter-spacing: 2px;\r\n }\r\n\r\n \/* Decorative line animation on hover *\/\r\n .lc-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-card:hover::before {\r\n left: 0;\r\n }\r\n\r\n \/* Footer CTA *\/\r\n .lc-footer {\r\n text-align: center;\r\n margin-top: 50px;\r\n }\r\n\r\n .lc-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: linear-gradient(135deg, #F2AF3A, #f5c35c);\r\n color: #012344;\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 800;\r\n font-size: 1rem;\r\n padding: 14px 38px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.35s ease;\r\n border: none;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 12px 25px rgba(242, 175, 58, 0.3);\r\n }\r\n\r\n .lc-cta:hover {\r\n transform: translateY(-4px);\r\n background: linear-gradient(135deg, #f5c35c, #F2AF3A);\r\n box-shadow: 0 20px 35px rgba(242, 175, 58, 0.4);\r\n color: #012344;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes lc-starTwinkle {\r\n 0% { opacity: 0.15; transform: scale(0.7); }\r\n 100% { opacity: 0.6; transform: scale(1.1); }\r\n }\r\n @keyframes lc-fadeUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1100px) {\r\n .lc-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n gap: 25px;\r\n }\r\n .lc-title {\r\n font-size: 2.8rem;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .lc-testimonial-wrapper {\r\n padding: 60px 0;\r\n }\r\n .lc-title {\r\n font-size: 2.2rem;\r\n }\r\n .lc-subtitle {\r\n font-size: 0.95rem;\r\n padding: 14px 20px;\r\n }\r\n .lc-card {\r\n padding: 25px 22px;\r\n }\r\n .lc-testimonial-text {\r\n font-size: 0.95rem;\r\n }\r\n .lc-cta {\r\n padding: 12px 30px;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n @media (max-width: 550px) {\r\n .lc-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .lc-title {\r\n font-size: 1.8rem;\r\n }\r\n .lc-header {\r\n margin-bottom: 40px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"lc-testimonial-wrapper\">\r\n \r\n <!-- Subtle Background Pattern -->\r\n <div class=\"lc-bg-pattern\"><\/div>\r\n\r\n <!-- Twinkling Stars -->\r\n <div class=\"lc-star lc-star-1\">\u2b50<\/div>\r\n <div class=\"lc-star lc-star-2\">\u2728<\/div>\r\n <div class=\"lc-star lc-star-3\">\ud83c\udf1f<\/div>\r\n <div class=\"lc-star lc-star-4\">\ud83d\udcab<\/div>\r\n\r\n <div class=\"lc-container\">\r\n \r\n <!-- Header -->\r\n <div class=\"lc-header\">\r\n <div class=\"lc-badge\">\r\n <i class=\"fas fa-heart\"><\/i> Real Stories, Real Families\r\n <\/div>\r\n <h2 class=\"lc-title\">\r\n What Parents <br><span>Say About Us<\/span>\r\n <\/h2>\r\n <div class=\"lc-subtitle\">\r\n <i class=\"fas fa-quote-left\" style=\"color: #F2AF3A; margin-right: 8px;\"><\/i>\r\n Families trust Little Champions Childcare for safety, learning, and love. Here are nine heartfelt experiences from parents who've seen their children thrive in our nurturing environment.\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 9 Testimonials Grid with Names & Positions -->\r\n <div class=\"lc-grid\">\r\n \r\n <!-- 1. Safe and Caring -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Safe and Caring<\/div>\r\n <p class=\"lc-testimonial-text\">\"My child feels secure every day. The staff's warmth and attention give me peace of mind, knowing safety and care are always the top priorities here.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 Emily Johnson<\/div>\r\n <div class=\"lc-parent-position\">Nurse<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 2. Confidence Growth -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-chart-line\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Confidence Growth<\/div>\r\n <p class=\"lc-testimonial-text\">\"Since joining Little Champions, my daughter has blossomed with confidence. She speaks up more, tries new things, and proudly shows us everything she learns each week.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 David Martinez<\/div>\r\n <div class=\"lc-parent-position\">Software Engineer<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 3. Learning Made Fun -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-puzzle-piece\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Learning Made Fun<\/div>\r\n <p class=\"lc-testimonial-text\">\"My son loves coming here because learning feels like play. Story time, art projects, and games keep him excited while building important skills every day.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 Sarah Lee<\/div>\r\n <div class=\"lc-parent-position\">Teacher<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 4. Strong Communication -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Strong Communication<\/div>\r\n <p class=\"lc-testimonial-text\">\"I appreciate the daily updates and open communication. I always know what my child is doing, learning, and achieving \u2014 it makes me feel truly involved.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 Michael Brown<\/div>\r\n <div class=\"lc-parent-position\">Accountant<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 5. Potty Training Success -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-child\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Potty Training Success<\/div>\r\n <p class=\"lc-testimonial-text\">\"Potty training was stressful at home, but the teachers guided my child gently. Now she's independent, and we're grateful for their patience and encouragement.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 Jessica Wilson<\/div>\r\n <div class=\"lc-parent-position\">Marketing Manager<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 6. Family Partnership -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Family Partnership<\/div>\r\n <p class=\"lc-testimonial-text\">\"Little Champions feels like an extension of our family. The staff partners with us, supporting our parenting goals while helping our child grow with confidence.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 Robert Davis<\/div>\r\n <div class=\"lc-parent-position\">Police Officer<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 7. Joyful Environment -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-smile\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Joyful Environment<\/div>\r\n <p class=\"lc-testimonial-text\">\"The classrooms are bright, cheerful, and full of laughter. My child comes home happy every day, eager to share stories about friends and fun activities.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 Anna Thompson<\/div>\r\n <div class=\"lc-parent-position\">Graphic Designer<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 8. Dedicated Teachers -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-chalkboard-user\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Dedicated Teachers<\/div>\r\n <p class=\"lc-testimonial-text\">\"The teachers genuinely care about each child. Their dedication shows in the way they nurture, encourage, and celebrate every milestone, big or small, with love.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 James Anderson<\/div>\r\n <div class=\"lc-parent-position\">Business Consultant<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n\r\n <!-- 9. Ready for School -->\r\n <div class=\"lc-card\">\r\n <div class=\"lc-quote-icon\">\r\n <i class=\"fas fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <div class=\"lc-card-title\">Ready for School<\/div>\r\n <p class=\"lc-testimonial-text\">\"My son is fully prepared for kindergarten thanks to Little Champions. He's confident, curious, and excited about learning \u2014 we couldn't have asked for better preparation.\"<\/p>\r\n <div class=\"lc-parent\">\r\n <div class=\"lc-parent-name\">\u2014 Laura White<\/div>\r\n <div class=\"lc-parent-position\">Doctor<\/div>\r\n <\/div>\r\n <div class=\"lc-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer CTA -->\r\n <div class=\"lc-footer\">\r\n <a href=\"#\" class=\"lc-cta\">\r\n <i class=\"fas fa-calendar-alt\"><\/i> Join Our Family Today\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\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-5d00dd7 e-con-full e-flex e-con e-parent\" data-id=\"5d00dd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85ddfb5 elementor-widget elementor-widget-html\" data-id=\"85ddfb5\" 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 | Enrollment Call-to-Action<\/title>\r\n \r\n <!-- Google Fonts -->\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 <!-- Font Awesome -->\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 \/* ENROLLMENT CTA - FULLY ISOLATED COMPONENT *\/\r\n \/* All selectors use 'lc-enroll-cta-' prefix *\/\r\n \/* WHITE CONTENT BOX | CLEAN SHADOW *\/\r\n \/* NO CSS CONFLICTS with other website elements *\/\r\n \/* ============================================ *\/\r\n \r\n \/* Reset only inside this component *\/\r\n .lc-enroll-cta-wrapper * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n .lc-enroll-cta-wrapper {\r\n width: 100%;\r\n background: #ffffff; \/* Changed to pure white *\/\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-enroll-cta-bubbles {\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-enroll-cta-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.1), rgba(18,126,129,0.05));\r\n animation: lc-enroll-cta-bubbleFloat linear infinite;\r\n }\r\n\r\n .lc-enroll-cta-bubble-1 { width: 80px; height: 80px; left: 5%; animation-duration: 14s; animation-delay: 0s; }\r\n .lc-enroll-cta-bubble-2 { width: 120px; height: 120px; left: 20%; animation-duration: 18s; animation-delay: 2s; }\r\n .lc-enroll-cta-bubble-3 { width: 60px; height: 60px; left: 40%; animation-duration: 12s; animation-delay: 4s; }\r\n .lc-enroll-cta-bubble-4 { width: 150px; height: 150px; left: 60%; animation-duration: 22s; animation-delay: 1s; }\r\n .lc-enroll-cta-bubble-5 { width: 90px; height: 90px; left: 80%; animation-duration: 16s; animation-delay: 3s; }\r\n .lc-enroll-cta-bubble-6 { width: 50px; height: 50px; left: 90%; animation-duration: 10s; animation-delay: 5s; }\r\n .lc-enroll-cta-bubble-7 { width: 110px; height: 110px; left: 15%; animation-duration: 20s; animation-delay: 6s; }\r\n .lc-enroll-cta-bubble-8 { width: 70px; height: 70px; left: 75%; animation-duration: 13s; animation-delay: 2.5s; }\r\n\r\n \/* Floating Stars *\/\r\n .lc-enroll-cta-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-enroll-cta-starGentle 4s infinite alternate;\r\n }\r\n .lc-enroll-cta-star-1 { top: 10%; left: 8%; animation-delay: 0s; }\r\n .lc-enroll-cta-star-2 { top: 15%; right: 10%; animation-delay: 0.7s; font-size: 0.8rem; }\r\n .lc-enroll-cta-star-3 { bottom: 12%; left: 12%; animation-delay: 1.2s; font-size: 1.2rem; }\r\n .lc-enroll-cta-star-4 { bottom: 18%; right: 15%; animation-delay: 0.4s; }\r\n\r\n \/* Gentle floating decorative elements *\/\r\n .lc-enroll-cta-float-decor {\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-enroll-cta-gentleFloat 8s ease-in-out infinite;\r\n }\r\n .lc-enroll-cta-decor-1 { top: 20%; left: 3%; animation-delay: 0s; }\r\n .lc-enroll-cta-decor-2 { bottom: 15%; right: 5%; animation-delay: 2s; }\r\n .lc-enroll-cta-decor-3 { top: 40%; right: 8%; animation-delay: 4s; }\r\n\r\n \/* Main Container *\/\r\n .lc-enroll-cta-container {\r\n max-width: 1100px;\r\n width: 90%;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* Call-to-Action Card - WHITE BACKGROUND *\/\r\n .lc-enroll-cta-card {\r\n background: #ffffff;\r\n border-radius: 64px;\r\n padding: 60px 50px;\r\n text-align: center;\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);\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-enroll-cta-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 35px 60px rgba(0, 0, 0, 0.12);\r\n border-color: rgba(242, 175, 58, 0.25);\r\n }\r\n\r\n \/* Decorative Ribbon *\/\r\n .lc-enroll-cta-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.2);\r\n animation: lc-enroll-cta-ribbonPulse 3s ease-in-out infinite;\r\n }\r\n\r\n \/* Title *\/\r\n .lc-enroll-cta-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.5rem;\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-enroll-cta-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-enroll-cta-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 \/* Description *\/\r\n .lc-enroll-cta-description {\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n color: #4a5b62;\r\n line-height: 1.7;\r\n max-width: 650px;\r\n margin: 0 auto 40px 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 \/* Button Group *\/\r\n .lc-enroll-cta-btn-group {\r\n display: flex;\r\n gap: 24px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Button Styles - NO BLUE ON HOVER *\/\r\n .lc-enroll-cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: 'Playfair Display', serif;\r\n font-weight: 800;\r\n font-size: 1.05rem;\r\n padding: 16px 38px;\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 cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Primary Button - Start Enrollment *\/\r\n .lc-enroll-cta-btn-primary {\r\n background: linear-gradient(135deg, #127E81, #0f6a6d);\r\n color: #ffffff;\r\n border: none;\r\n box-shadow: 0 12px 25px rgba(18, 126, 129, 0.25);\r\n }\r\n\r\n .lc-enroll-cta-btn-primary:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n background: linear-gradient(135deg, #1a8f93, #127E81);\r\n box-shadow: 0 20px 35px rgba(18, 126, 129, 0.35);\r\n color: #ffffff;\r\n }\r\n\r\n \/* Secondary Button - Schedule a Tour *\/\r\n .lc-enroll-cta-btn-secondary {\r\n background: #ffffff;\r\n color: #F2AF3A;\r\n border: 2px solid #F2AF3A;\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);\r\n }\r\n\r\n .lc-enroll-cta-btn-secondary:hover {\r\n transform: translateY(-5px) scale(1.02);\r\n background: #F2AF3A;\r\n border-color: #F2AF3A;\r\n color: #012344;\r\n box-shadow: 0 15px 30px rgba(242, 175, 58, 0.35);\r\n }\r\n\r\n \/* Gentle shine effect on buttons *\/\r\n .lc-enroll-cta-btn::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.25), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n .lc-enroll-cta-btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n \/* Small decorative elements inside card *\/\r\n .lc-enroll-cta-dec-left {\r\n position: absolute;\r\n left: 25px;\r\n top: 25px;\r\n font-size: 2rem;\r\n opacity: 0.06;\r\n pointer-events: none;\r\n animation: lc-enroll-cta-slowSpin 20s linear infinite;\r\n }\r\n\r\n .lc-enroll-cta-dec-right {\r\n position: absolute;\r\n right: 25px;\r\n bottom: 25px;\r\n font-size: 2rem;\r\n opacity: 0.06;\r\n pointer-events: none;\r\n animation: lc-enroll-cta-slowSpin 20s linear infinite reverse;\r\n }\r\n\r\n \/* ========== KEYFRAME ANIMATIONS ========== *\/\r\n @keyframes lc-enroll-cta-bubbleFloat {\r\n 0% { transform: translateY(0) translateX(0) scale(0.6); opacity: 0; }\r\n 20% { opacity: 0.5; }\r\n 80% { opacity: 0.3; }\r\n 100% { transform: translateY(-1200px) translateX(20px) scale(1.2); opacity: 0; }\r\n }\r\n\r\n @keyframes lc-enroll-cta-starGentle {\r\n 0% { opacity: 0.15; transform: scale(0.8) rotate(0deg); text-shadow: 0 0 0px #F2AF3A; }\r\n 100% { opacity: 0.5; transform: scale(1.15) rotate(10deg); text-shadow: 0 0 6px #F2AF3A; }\r\n }\r\n\r\n @keyframes lc-enroll-cta-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-enroll-cta-ribbonPulse {\r\n 0%, 100% { box-shadow: 0 5px 15px rgba(242, 175, 58, 0.2); }\r\n 50% { box-shadow: 0 5px 25px rgba(242, 175, 58, 0.3); }\r\n }\r\n\r\n @keyframes lc-enroll-cta-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: 768px) {\r\n .lc-enroll-cta-wrapper {\r\n padding: 60px 0;\r\n }\r\n .lc-enroll-cta-card {\r\n padding: 40px 30px;\r\n border-radius: 48px;\r\n }\r\n .lc-enroll-cta-title {\r\n font-size: 2.3rem;\r\n }\r\n .lc-enroll-cta-description {\r\n font-size: 0.95rem;\r\n padding: 12px 20px;\r\n margin-bottom: 32px;\r\n }\r\n .lc-enroll-cta-btn {\r\n padding: 12px 28px;\r\n font-size: 0.95rem;\r\n }\r\n .lc-enroll-cta-btn-group {\r\n gap: 16px;\r\n }\r\n .lc-enroll-cta-float-decor {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .lc-enroll-cta-card {\r\n padding: 32px 20px;\r\n border-radius: 40px;\r\n }\r\n .lc-enroll-cta-title {\r\n font-size: 1.8rem;\r\n }\r\n .lc-enroll-cta-description {\r\n font-size: 0.9rem;\r\n padding: 10px 16px;\r\n }\r\n .lc-enroll-cta-btn-group {\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 14px;\r\n }\r\n .lc-enroll-cta-btn {\r\n justify-content: center;\r\n padding: 12px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- ============================================ -->\r\n <!-- ENROLLMENT CTA - FULLY ISOLATED COMPONENT -->\r\n <!-- All classes use 'lc-enroll-cta-' prefix -->\r\n <!-- WHITE CONTENT BOX + CLEAN SHADOW -->\r\n <!-- NO CSS CONFLICTS with other website elements -->\r\n <!-- ============================================ -->\r\n <div class=\"lc-enroll-cta-wrapper\">\r\n \r\n <!-- Animated Background Bubbles -->\r\n <div class=\"lc-enroll-cta-bubbles\">\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-1\"><\/div>\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-2\"><\/div>\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-3\"><\/div>\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-4\"><\/div>\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-5\"><\/div>\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-6\"><\/div>\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-7\"><\/div>\r\n <div class=\"lc-enroll-cta-bubble lc-enroll-cta-bubble-8\"><\/div>\r\n <\/div>\r\n\r\n <!-- Gentle Floating Stars -->\r\n <div class=\"lc-enroll-cta-star lc-enroll-cta-star-1\">\u2b50<\/div>\r\n <div class=\"lc-enroll-cta-star lc-enroll-cta-star-2\">\u2728<\/div>\r\n <div class=\"lc-enroll-cta-star lc-enroll-cta-star-3\">\ud83c\udf1f<\/div>\r\n <div class=\"lc-enroll-cta-star lc-enroll-cta-star-4\">\ud83d\udcab<\/div>\r\n\r\n <!-- Gentle Floating Decorations -->\r\n <div class=\"lc-enroll-cta-float-decor lc-enroll-cta-decor-1\">\ud83e\uddf8<\/div>\r\n <div class=\"lc-enroll-cta-float-decor lc-enroll-cta-decor-2\">\ud83c\udf88<\/div>\r\n <div class=\"lc-enroll-cta-float-decor lc-enroll-cta-decor-3\">\ud83d\udd8d\ufe0f<\/div>\r\n\r\n <div class=\"lc-enroll-cta-container\">\r\n \r\n <!-- Main CTA Card - WHITE BACKGROUND -->\r\n <div class=\"lc-enroll-cta-card\">\r\n \r\n <!-- Decorative Icons -->\r\n <div class=\"lc-enroll-cta-dec-left\">\ud83e\uddf8<\/div>\r\n <div class=\"lc-enroll-cta-dec-right\">\ud83c\udf88<\/div>\r\n\r\n <div class=\"lc-enroll-cta-ribbon\">\r\n <i class=\"fas fa-child\"><\/i> Limited Spots Available\r\n <\/div>\r\n \r\n <h2 class=\"lc-enroll-cta-title\">\r\n Now Enrolling at <br><span>Little Champions!<\/span>\r\n <\/h2>\r\n \r\n <p class=\"lc-enroll-cta-description\">\r\n <i class=\"fas fa-heart\" style=\"color: #F2AF3A; margin-right: 6px;\"><\/i>\r\n We're excited to welcome new families into our joyful learning community. \r\n Secure your child's spot today and join a nurturing environment where confidence, \r\n respect, and lifelong learning grow every single day.\r\n <\/p>\r\n \r\n <div class=\"lc-enroll-cta-btn-group\">\r\n <a href=\"#\" class=\"lc-enroll-cta-btn lc-enroll-cta-btn-primary\">\r\n <i class=\"fas fa-file-signature\"><\/i> Start Enrollment\r\n <\/a>\r\n <a href=\"#\" class=\"lc-enroll-cta-btn lc-enroll-cta-btn-secondary\">\r\n <i class=\"fas fa-calendar-alt\"><\/i> Schedule a Tour\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- ============================================ -->\r\n <!-- END OF ENROLLMENT CTA - NO CONFLICTS -->\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 Childcare | Hero Section \ud83c\udfa8 \ud83e\udde9 \ud83c\udf88 \ud83e\uddf8 \ud83d\udd8d\ufe0f \ud83c\udf0d Little Champions, Big Dreams At Little Champions Childcare, […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":85,"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/practice.geniuswebpro.com\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}