Contact Kids AI Learning<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --blue-900:#0B1E4D;\r\n --blue-700:#1D4ED8;\r\n --purple-600:#7C3AED;\r\n --cyan-500:#06B6D4;\r\n --amber-400:#FBBF24; \/* warm signature accent - \"spark\" color for kids energy *\/\r\n --ink:#101A34;\r\n --ink-soft:#4A5578;\r\n --paper:#FFFFFF;\r\n --mist:#F5F7FE;\r\n --line: rgba(16,26,52,0.08);\r\n --glass-bg: rgba(255,255,255,0.6);\r\n --glass-border: rgba(255,255,255,0.8);\r\n --shadow-soft: 0 10px 40px rgba(29,78,216,0.10);\r\n --shadow-lift: 0 20px 60px rgba(29,78,216,0.18);\r\n --radius-lg: 24px;\r\n --radius-md: 20px;\r\n --space: 8px;\r\n --grad-primary: linear-gradient(135deg, var(--blue-700) 0%, var(--purple-600) 55%, var(--cyan-500) 100%);\r\n --grad-soft: linear-gradient(135deg, rgba(29,78,216,0.08), rgba(124,58,237,0.08) 55%, rgba(6,182,212,0.08) 100%);\r\n }\r\n\r\n *{box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n margin:0;\r\n font-family:'Inter', sans-serif;\r\n color:var(--ink);\r\n background:var(--paper);\r\n overflow-x:hidden;\r\n }\r\n h1,h2,h3,h4{\r\n font-family:'Poppins', sans-serif;\r\n margin:0;\r\n color:var(--ink);\r\n }\r\n p{margin:0; color:var(--ink-soft); line-height:1.65;}\r\n a{text-decoration:none; color:inherit;}\r\n button{font-family:inherit; cursor:pointer;}\r\n img,svg{display:block;}\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}\r\n }\r\n\r\n .wrap{\r\n max-width:1440px;\r\n margin:0 auto;\r\n padding:0 clamp(20px, 5vw, 80px);\r\n }\r\n section{position:relative;}\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family:'Poppins', sans-serif;\r\n font-weight:600;\r\n font-size:13px;\r\n letter-spacing:0.06em;\r\n text-transform:uppercase;\r\n color:var(--blue-700);\r\n background:rgba(29,78,216,0.08);\r\n padding:6px 14px 6px 10px;\r\n border-radius:999px;\r\n margin-bottom:20px;\r\n }\r\n .eyebrow .dot{\r\n width:7px;height:7px;border-radius:50%;\r\n background:var(--grad-primary);\r\n }\r\n\r\n \/* ===================== GLASS CARD BASE ===================== *\/\r\n .glass{\r\n background:var(--glass-bg);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n border:1px solid var(--glass-border);\r\n border-radius:var(--radius-lg);\r\n box-shadow:var(--shadow-soft);\r\n position:relative;\r\n }\r\n .glass::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n border-radius:inherit;\r\n padding:1px;\r\n background:linear-gradient(135deg, rgba(29,78,216,0.35), rgba(124,58,237,0.25), rgba(6,182,212,0.35));\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n pointer-events:none;\r\n opacity:0.7;\r\n }\r\n\r\n \/* ===================== HERO ===================== *\/\r\n .hero{\r\n padding:140px 0 120px;\r\n background:\r\n radial-gradient(60% 50% at 85% 10%, rgba(6,182,212,0.14), transparent 70%),\r\n radial-gradient(50% 45% at 10% 15%, rgba(124,58,237,0.12), transparent 70%),\r\n var(--paper);\r\n overflow:hidden;\r\n }\r\n .hero-grid{\r\n display:grid;\r\n grid-template-columns:1.1fr 0.9fr;\r\n gap:60px;\r\n align-items:center;\r\n }\r\n .hero-blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(50px);\r\n opacity:0.35;\r\n z-index:0;\r\n animation:float 10s ease-in-out infinite;\r\n }\r\n .blob1{width:340px;height:340px; background:var(--grad-primary); top:-120px; right:-80px;}\r\n .blob2{width:220px;height:220px; background:var(--cyan-500); bottom:-60px; left:10%; animation-delay:2s;}\r\n @keyframes float{\r\n 0%,100%{transform:translateY(0) translateX(0);}\r\n 50%{transform:translateY(-24px) translateX(14px);}\r\n }\r\n\r\n .hero-copy{position:relative; z-index:1;}\r\n .hero-copy h1{\r\n font-size:clamp(36px, 5vw, 58px);\r\n font-weight:800;\r\n line-height:1.08;\r\n letter-spacing:-0.02em;\r\n background:var(--grad-primary);\r\n -webkit-background-clip:text;\r\n background-clip:text;\r\n -webkit-text-fill-color:transparent;\r\n margin-bottom:22px;\r\n opacity:0;\r\n animation:riseIn 0.8s ease forwards;\r\n }\r\n .hero-copy .subtitle{\r\n font-size:18px;\r\n max-width:520px;\r\n margin-bottom:36px;\r\n opacity:0;\r\n animation:riseIn 0.8s ease 0.15s forwards;\r\n }\r\n .hero-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:14px;\r\n opacity:0;\r\n animation:riseIn 0.8s ease 0.3s forwards;\r\n }\r\n @keyframes riseIn{\r\n from{opacity:0; transform:translateY(18px);}\r\n to{opacity:1; transform:translateY(0);}\r\n }\r\n\r\n .btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:14px 26px;\r\n border-radius:999px;\r\n font-weight:600;\r\n font-size:15px;\r\n border:none;\r\n transition:transform 0.25s ease, box-shadow 0.25s ease;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .btn:active{transform:scale(0.97);}\r\n .btn-primary{\r\n background:var(--grad-primary);\r\n color:#fff;\r\n box-shadow:0 10px 30px rgba(29,78,216,0.35);\r\n }\r\n .btn-primary:hover{transform:translateY(-3px); box-shadow:0 16px 40px rgba(29,78,216,0.45);}\r\n .btn-outline{\r\n background:rgba(255,255,255,0.7);\r\n border:1px solid var(--line);\r\n color:var(--ink);\r\n backdrop-filter:blur(10px);\r\n }\r\n .btn-outline:hover{transform:translateY(-3px); border-color:var(--blue-700); box-shadow:var(--shadow-soft);}\r\n .ripple{position:absolute; border-radius:50%; background:rgba(255,255,255,0.5); transform:scale(0); animation:rippleAnim 0.6s ease-out;}\r\n @keyframes rippleAnim{to{transform:scale(3); opacity:0;}}\r\n\r\n \/* Hero visual: friendly AI robot built from CSS shapes *\/\r\n .hero-visual{\r\n position:relative;\r\n z-index:1;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n height:420px;\r\n }\r\n .robot-stage{\r\n position:relative;\r\n width:260px;\r\n height:300px;\r\n }\r\n .robot-head{\r\n width:180px;height:150px;\r\n margin:0 auto;\r\n background:linear-gradient(160deg,#fff, #EAF1FF);\r\n border-radius:38px;\r\n border:1px solid rgba(29,78,216,0.15);\r\n box-shadow:0 20px 50px rgba(29,78,216,0.25), inset 0 -6px 12px rgba(29,78,216,0.06);\r\n position:relative;\r\n animation:bob 4s ease-in-out infinite;\r\n }\r\n @keyframes bob{0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);}}\r\n .robot-antenna{\r\n width:6px; height:34px;\r\n background:var(--grad-primary);\r\n margin:0 auto;\r\n border-radius:4px;\r\n position:relative;\r\n top:0;\r\n }\r\n .robot-antenna::after{\r\n content:\"\";\r\n position:absolute; top:-14px; left:50%; transform:translateX(-50%);\r\n width:16px;height:16px;border-radius:50%;\r\n background:var(--amber-400);\r\n box-shadow:0 0 18px 4px rgba(251,191,36,0.7);\r\n animation:pulse 1.8s ease-in-out infinite;\r\n }\r\n @keyframes pulse{0%,100%{transform:translateX(-50%) scale(1);} 50%{transform:translateX(-50%) scale(1.25);}}\r\n .robot-eyes{\r\n position:absolute; top:58px; left:0; right:0;\r\n display:flex; justify-content:center; gap:26px;\r\n }\r\n .robot-eye{\r\n width:26px;height:26px;border-radius:50%;\r\n background:var(--grad-primary);\r\n animation:blink 4.5s infinite;\r\n }\r\n @keyframes blink{0%,92%,100%{transform:scaleY(1);} 95%{transform:scaleY(0.1);}}\r\n .robot-smile{\r\n position:absolute; bottom:26px; left:50%; transform:translateX(-50%);\r\n width:60px; height:26px;\r\n border-bottom:6px solid var(--cyan-500);\r\n border-radius:0 0 30px 30px;\r\n }\r\n .robot-body{\r\n width:140px;height:90px;\r\n margin:14px auto 0;\r\n background:linear-gradient(160deg,#fff,#EAF1FF);\r\n border-radius:28px;\r\n border:1px solid rgba(29,78,216,0.15);\r\n box-shadow:0 16px 40px rgba(29,78,216,0.18);\r\n display:flex; align-items:center; justify-content:center;\r\n }\r\n .robot-heart{\r\n width:36px;height:36px;\r\n background:var(--grad-primary);\r\n -webkit-mask: radial-gradient(circle at 30% 30%, #000 30%, transparent 31%) 0 0\/50% 50%, radial-gradient(circle at 70% 30%, #000 30%, transparent 31%) 100% 0\/50% 50%, linear-gradient(#000,#000) bottom \/ 100% 60% no-repeat;\r\n mask: radial-gradient(circle at 30% 30%, #000 30%, transparent 31%) 0 0\/50% 50%, radial-gradient(circle at 70% 30%, #000 30%, transparent 31%) 100% 0\/50% 50%, linear-gradient(#000,#000) bottom \/ 100% 60% no-repeat;\r\n transform:rotate(45deg);\r\n opacity:0.9;\r\n }\r\n .floating-icon{\r\n position:absolute;\r\n width:52px;height:52px;\r\n border-radius:16px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:22px;\r\n background:rgba(255,255,255,0.75);\r\n backdrop-filter:blur(10px);\r\n border:1px solid var(--glass-border);\r\n box-shadow:var(--shadow-soft);\r\n animation:orbit 7s ease-in-out infinite;\r\n }\r\n .fi-1{top:8%; left:-6%; animation-delay:0s;}\r\n .fi-2{top:62%; left:-2%; animation-delay:1.4s;}\r\n .fi-3{top:2%; right:-4%; animation-delay:0.7s;}\r\n .fi-4{top:70%; right:-8%; animation-delay:2.1s;}\r\n .fi-5{bottom:-6%; left:36%; animation-delay:3s;}\r\n @keyframes orbit{0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-16px) rotate(6deg);}}\r\n\r\n \/* ===================== QUICK CONTACT CARDS ===================== *\/\r\n .quick-contact{padding:40px 0 100px;}\r\n .quick-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:28px;\r\n }\r\n .qc-card{\r\n padding:36px 30px;\r\n text-align:center;\r\n transition:transform 0.35s ease, box-shadow 0.35s ease;\r\n cursor:pointer;\r\n }\r\n .qc-card:hover{transform:translateY(-8px); box-shadow:var(--shadow-lift);}\r\n .qc-icon{\r\n width:64px;height:64px;\r\n border-radius:20px;\r\n margin:0 auto 20px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:28px;\r\n background:var(--grad-primary);\r\n color:#fff;\r\n box-shadow:0 10px 26px rgba(29,78,216,0.35);\r\n }\r\n .qc-card h3{font-size:19px; margin-bottom:8px;}\r\n .qc-value{font-weight:700; font-size:17px; color:var(--blue-700); margin-bottom:20px; display:block;}\r\n .qc-action{\r\n display:inline-block;\r\n padding:10px 22px;\r\n border-radius:999px;\r\n background:rgba(29,78,216,0.08);\r\n color:var(--blue-700);\r\n font-weight:600;\r\n font-size:14px;\r\n transition:background 0.25s ease, color 0.25s ease;\r\n }\r\n .qc-card:hover .qc-action{background:var(--grad-primary); color:#fff;}\r\n\r\n \/* ===================== SECTION HEADERS ===================== *\/\r\n .section-head{\r\n text-align:center;\r\n max-width:640px;\r\n margin:0 auto 56px;\r\n }\r\n .section-head h2{\r\n font-size:clamp(28px, 3.6vw, 40px);\r\n font-weight:700;\r\n letter-spacing:-0.01em;\r\n margin-bottom:14px;\r\n }\r\n .section-head p{font-size:16px;}\r\n\r\n \/* ===================== CONTACT FORM ===================== *\/\r\n .contact-section{\r\n padding:100px 0;\r\n background:var(--grad-soft);\r\n }\r\n .form-shell{\r\n padding:48px;\r\n max-width:920px;\r\n margin:0 auto;\r\n }\r\n .field-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:26px 24px;\r\n }\r\n .field{position:relative; grid-column:span 1;}\r\n .field.full{grid-column:1 \/ -1;}\r\n .field input, .field select, .field textarea{\r\n width:100%;\r\n padding:18px 16px 8px;\r\n border-radius:14px;\r\n border:1.5px solid var(--line);\r\n background:rgba(255,255,255,0.7);\r\n font-family:'Inter', sans-serif;\r\n font-size:15px;\r\n color:var(--ink);\r\n outline:none;\r\n transition:border-color 0.25s ease, box-shadow 0.25s ease;\r\n }\r\n .field textarea{min-height:120px; resize:vertical; padding-top:22px;}\r\n .field label{\r\n position:absolute;\r\n left:16px; top:18px;\r\n font-size:15px;\r\n color:var(--ink-soft);\r\n pointer-events:none;\r\n transition:all 0.2s ease;\r\n background:transparent;\r\n }\r\n .field input:focus, .field select:focus, .field textarea:focus{\r\n border-color:var(--blue-700);\r\n box-shadow:0 0 0 4px rgba(29,78,216,0.12);\r\n }\r\n .field input:focus ~ label,\r\n .field input:not(:placeholder-shown) ~ label,\r\n .field select:focus ~ label,\r\n .field select.filled ~ label,\r\n .field textarea:focus ~ label,\r\n .field textarea:not(:placeholder-shown) ~ label{\r\n top:6px; font-size:11.5px; font-weight:600; color:var(--blue-700);\r\n }\r\n .field-hint{font-size:12px; color:var(--ink-soft); margin-top:6px; display:block;}\r\n .form-actions{\r\n display:flex; gap:16px; margin-top:32px; flex-wrap:wrap;\r\n }\r\n .btn-reset{\r\n background:transparent; border:1.5px solid var(--line); color:var(--ink-soft);\r\n padding:14px 26px; border-radius:999px; font-weight:600; font-size:15px;\r\n transition:border-color 0.25s ease, color 0.25s ease;\r\n }\r\n .btn-reset:hover{border-color:var(--ink-soft); color:var(--ink);}\r\n .form-success{\r\n display:none;\r\n align-items:center;\r\n gap:14px;\r\n padding:18px 22px;\r\n border-radius:16px;\r\n background:rgba(6,182,212,0.1);\r\n border:1px solid rgba(6,182,212,0.3);\r\n color:#0E7490;\r\n font-weight:600;\r\n margin-top:24px;\r\n }\r\n .form-success.show{display:flex; animation:riseIn 0.5s ease;}\r\n .spinner{\r\n width:18px;height:18px;border-radius:50%;\r\n border:3px solid rgba(255,255,255,0.4);\r\n border-top-color:#fff;\r\n animation:spin 0.7s linear infinite;\r\n display:none;\r\n }\r\n @keyframes spin{to{transform:rotate(360deg);}}\r\n\r\n \/* ===================== COURSE CARDS ===================== *\/\r\n .courses{padding:100px 0;}\r\n .course-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 1fr);\r\n gap:26px;\r\n }\r\n .course-card{\r\n padding:34px 26px;\r\n transition:transform 0.35s ease, box-shadow 0.35s ease;\r\n overflow:hidden;\r\n }\r\n .course-card:hover{transform:translateY(-10px) rotate(-0.5deg); box-shadow:var(--shadow-lift);}\r\n .course-icon{\r\n width:58px;height:58px;\r\n border-radius:18px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:26px;\r\n margin-bottom:20px;\r\n background:#fff;\r\n box-shadow:var(--shadow-soft);\r\n transition:transform 0.4s ease;\r\n }\r\n .course-card:hover .course-icon{transform:scale(1.1) rotate(8deg);}\r\n .course-card h3{font-size:19px; margin-bottom:10px;}\r\n .course-card p{font-size:14.5px; margin-bottom:22px;}\r\n .course-link{\r\n font-weight:600; font-size:14px; color:var(--blue-700);\r\n display:inline-flex; align-items:center; gap:6px;\r\n }\r\n .course-link svg{width:14px; height:14px; transition:transform 0.25s ease;}\r\n .course-card:hover .course-link svg{transform:translateX(4px);}\r\n\r\n \/* ===================== WHY CONTACT US ===================== *\/\r\n .why{\r\n padding:100px 0;\r\n background:var(--mist);\r\n }\r\n .why-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 1fr);\r\n gap:24px;\r\n }\r\n .why-card{\r\n text-align:center;\r\n padding:34px 22px;\r\n background:#fff;\r\n border-radius:var(--radius-md);\r\n box-shadow:var(--shadow-soft);\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .why-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lift);}\r\n .why-icon{\r\n width:56px; height:56px;\r\n border-radius:16px;\r\n margin:0 auto 18px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:24px;\r\n background:var(--grad-soft);\r\n }\r\n .why-card h4{font-size:16px; line-height:1.4;}\r\n\r\n \/* ===================== FAQ ===================== *\/\r\n .faq{padding:100px 0;}\r\n .faq-list{max-width:820px; margin:0 auto;}\r\n .faq-item{\r\n border-radius:18px;\r\n margin-bottom:14px;\r\n overflow:hidden;\r\n background:#fff;\r\n border:1px solid var(--line);\r\n transition:border-color 0.25s ease, box-shadow 0.25s ease;\r\n }\r\n .faq-item.open{border-color:rgba(29,78,216,0.3); box-shadow:var(--shadow-soft);}\r\n .faq-question{\r\n width:100%;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:22px 26px;\r\n background:none; border:none;\r\n font-family:'Poppins', sans-serif;\r\n font-weight:600;\r\n font-size:16px;\r\n color:var(--ink);\r\n text-align:left;\r\n }\r\n .faq-icon{\r\n width:30px; height:30px;\r\n border-radius:50%;\r\n background:var(--grad-soft);\r\n display:flex; align-items:center; justify-content:center;\r\n flex-shrink:0;\r\n margin-left:16px;\r\n transition:transform 0.35s ease, background 0.35s ease;\r\n }\r\n .faq-item.open .faq-icon{transform:rotate(135deg); background:var(--grad-primary); color:#fff;}\r\n .faq-answer{\r\n max-height:0;\r\n overflow:hidden;\r\n transition:max-height 0.4s ease;\r\n }\r\n .faq-answer-inner{padding:0 26px 22px; font-size:14.5px;}\r\n\r\n \/* ===================== CTA SECTION ===================== *\/\r\n .cta-section{\r\n padding:110px 0;\r\n background:var(--grad-primary);\r\n position:relative;\r\n overflow:hidden;\r\n text-align:center;\r\n }\r\n .cta-particle{\r\n position:absolute;\r\n border-radius:50%;\r\n background:rgba(255,255,255,0.15);\r\n animation:float 8s ease-in-out infinite;\r\n }\r\n .cta-section h2{\r\n color:#fff;\r\n font-size:clamp(30px, 4vw, 44px);\r\n margin-bottom:18px;\r\n position:relative; z-index:1;\r\n }\r\n .cta-section p{\r\n color:rgba(255,255,255,0.88);\r\n max-width:600px;\r\n margin:0 auto 40px;\r\n font-size:16.5px;\r\n position:relative; z-index:1;\r\n }\r\n .cta-actions{\r\n display:flex; justify-content:center; gap:16px; flex-wrap:wrap;\r\n position:relative; z-index:1;\r\n }\r\n .btn-white{\r\n background:#fff; color:var(--blue-700);\r\n box-shadow:0 10px 30px rgba(0,0,0,0.15);\r\n }\r\n .btn-white:hover{transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,0.22);}\r\n .btn-ghost-white{\r\n background:rgba(255,255,255,0.12);\r\n border:1.5px solid rgba(255,255,255,0.5);\r\n color:#fff;\r\n }\r\n .btn-ghost-white:hover{background:rgba(255,255,255,0.22); transform:translateY(-3px);}\r\n\r\n \/* ===================== CONTACT DETAILS ===================== *\/\r\n .details{padding:100px 0;}\r\n .details-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:26px;\r\n }\r\n .detail-card{\r\n padding:32px 28px;\r\n display:flex; align-items:flex-start; gap:18px;\r\n }\r\n .detail-icon{\r\n width:52px; height:52px; border-radius:16px;\r\n background:var(--grad-primary); color:#fff;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:22px; flex-shrink:0;\r\n }\r\n .detail-card h4{font-size:15px; color:var(--ink-soft); font-weight:600; margin-bottom:6px;}\r\n .detail-card .detail-value{font-size:17px; font-weight:700; font-family:'Poppins',sans-serif;}\r\n\r\n \/* ===================== FLOATING BUTTONS ===================== *\/\r\n .float-btn{\r\n position:fixed;\r\n width:58px; height:58px;\r\n border-radius:50%;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:26px;\r\n color:#fff;\r\n box-shadow:0 12px 30px rgba(0,0,0,0.2);\r\n z-index:60;\r\n border:none;\r\n transition:transform 0.25s ease, opacity 0.25s ease;\r\n }\r\n .whatsapp-btn{\r\n bottom:28px; right:28px;\r\n background:#25D366;\r\n animation:pulse 2.4s ease-in-out infinite;\r\n }\r\n .whatsapp-btn:hover{transform:scale(1.08);}\r\n .top-btn{\r\n bottom:28px; left:28px;\r\n background:var(--grad-primary);\r\n opacity:0; pointer-events:none;\r\n }\r\n .top-btn.show{opacity:1; pointer-events:auto;}\r\n .top-btn:hover{transform:translateY(-4px);}\r\n\r\n \/* ===================== REVEAL ON SCROLL ===================== *\/\r\n .reveal{opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease;}\r\n .reveal.in{opacity:1; transform:translateY(0);}\r\n\r\n \/* ===================== RESPONSIVE ===================== *\/\r\n @media (max-width:1024px){\r\n .hero-grid{grid-template-columns:1fr; text-align:center;}\r\n .hero-copy .subtitle{margin-left:auto; margin-right:auto;}\r\n .hero-actions{justify-content:center;}\r\n .quick-grid, .why-grid{grid-template-columns:repeat(2,1fr);}\r\n .course-grid{grid-template-columns:repeat(2,1fr);}\r\n .details-grid{grid-template-columns:1fr 1fr;}\r\n }\r\n @media (max-width:640px){\r\n .quick-grid, .why-grid, .course-grid, .details-grid{grid-template-columns:1fr;}\r\n .field-grid{grid-template-columns:1fr;}\r\n .form-shell{padding:28px 20px;}\r\n .hero{padding:110px 0 80px;}\r\n .hero-visual{height:320px;}\r\n }\r\n\r\n a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{\r\n outline:3px solid var(--cyan-500);\r\n outline-offset:2px;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-blob blob1\"><\/div>\r\n <div class=\"hero-blob blob2\"><\/div>\r\n <div class=\"wrap hero-grid\">\r\n <div class=\"hero-copy\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>We'd love to hear from you<\/span>\r\n <h1>Let's Build the Future Together<\/h1>\r\n <p class=\"subtitle\">Have questions about our AI, Coding, Python, Robotics, or STEM programs? Our team is ready to help you choose the perfect learning journey for your child.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#contact-form\" class=\"btn btn-primary\" data-ripple>\ud83d\ude80 Contact Our Team<\/a>\r\n <a href=\"tel:03018784472\" class=\"btn btn-outline\" data-ripple>\ud83d\udcde Call Now<\/a>\r\n <a href=\"https:\/\/wa.me\/923018784472\" class=\"btn btn-outline\" data-ripple>\ud83d\udcac WhatsApp<\/a>\r\n <a href=\"mailto:muzammil4472@gmail.com\" class=\"btn btn-outline\" data-ripple>\ud83d\udce7 Email Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\" id=\"parallaxStage\">\r\n <div class=\"robot-stage\">\r\n <div class=\"robot-antenna\"><\/div>\r\n <div class=\"robot-head\">\r\n <div class=\"robot-eyes\"><div class=\"robot-eye\"><\/div><div class=\"robot-eye\"><\/div><\/div>\r\n <div class=\"robot-smile\"><\/div>\r\n <\/div>\r\n <div class=\"robot-body\"><div class=\"robot-heart\"><\/div><\/div>\r\n <div class=\"floating-icon fi-1\">\ud83d\udc0d<\/div>\r\n <div class=\"floating-icon fi-2\">\ud83c\udfae<\/div>\r\n <div class=\"floating-icon fi-3\">\u2699\ufe0f<\/div>\r\n <div class=\"floating-icon fi-4\">\u2728<\/div>\r\n <div class=\"floating-icon fi-5\">\ud83e\udde0<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"quick-contact\">\r\n <div class=\"wrap quick-grid\">\r\n <a href=\"tel:03018784472\" class=\"glass qc-card reveal\" data-ripple>\r\n <div class=\"qc-icon\">\ud83d\udcde<\/div>\r\n <h3>Phone<\/h3>\r\n <span class=\"qc-value\">0301 8784472<\/span>\r\n <span class=\"qc-action\">Call Now<\/span>\r\n <\/a>\r\n <a href=\"mailto:muzammil4472@gmail.com\" class=\"glass qc-card reveal\" data-ripple>\r\n <div class=\"qc-icon\">\ud83d\udce7<\/div>\r\n <h3>Email<\/h3>\r\n <span class=\"qc-value\">muzammil4472@gmail.com<\/span>\r\n <span class=\"qc-action\">Send Email<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/923018784472\" class=\"glass qc-card reveal\" data-ripple>\r\n <div class=\"qc-icon\">\ud83d\udcac<\/div>\r\n <h3>WhatsApp<\/h3>\r\n <span class=\"qc-value\">Instant Chat Support<\/span>\r\n <span class=\"qc-action\">Chat on WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"contact-section\" id=\"contact-form\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Get In Touch<\/span>\r\n <h2>Tell Us About Your Child's Learning Goals<\/h2>\r\n <p>Fill in the form below and our education team will reach out within 24 hours.<\/p>\r\n <\/div>\r\n <form class=\"glass form-shell reveal\" id=\"contactForm\" novalidate>\r\n <div class=\"field-grid\">\r\n <div class=\"field\">\r\n <input type=\"text\" id=\"fullName\" placeholder=\" \" required autocomplete=\"name\">\r\n <label for=\"fullName\">Full Name<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"text\" id=\"guardianName\" placeholder=\" \" autocomplete=\"off\">\r\n <label for=\"guardianName\">Parent \/ Guardian Name (Optional)<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"email\" id=\"email\" placeholder=\" \" required autocomplete=\"email\">\r\n <label for=\"email\">Email Address<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"tel\" id=\"phone\" placeholder=\" \" required autocomplete=\"tel\">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"number\" id=\"childAge\" placeholder=\" \" min=\"4\" max=\"18\" required>\r\n <label for=\"childAge\">Child's Age<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <select id=\"course\" required>\r\n <option value=\"\" disabled selected hidden><\/option>\r\n <option>AI for Kids<\/option>\r\n <option>Python Programming<\/option>\r\n <option>Scratch Coding<\/option>\r\n <option>Robotics<\/option>\r\n <\/select>\r\n <label for=\"course\">Select Course<\/label>\r\n <\/div>\r\n <div class=\"field full\">\r\n <input type=\"text\" id=\"subject\" placeholder=\" \" required>\r\n <label for=\"subject\">Subject<\/label>\r\n <\/div>\r\n <div class=\"field full\">\r\n <textarea id=\"message\" placeholder=\" \" required><\/textarea>\r\n <label for=\"message\">Message<\/label>\r\n <span class=\"field-hint\">Tell us a bit about what you're looking for.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-actions\">\r\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submitBtn\">\r\n <span class=\"spinner\" id=\"spinner\"><\/span>\r\n <span id=\"submitLabel\">Send Message<\/span>\r\n <\/button>\r\n <button type=\"reset\" class=\"btn-reset\" id=\"resetBtn\">Reset Form<\/button>\r\n <\/div>\r\n\r\n <div class=\"form-success\" id=\"formSuccess\">\u2705 Thanks! Your message has been sent \u2014 we'll be in touch within 24 hours.<\/div>\r\n <\/form>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"courses\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Programs<\/span>\r\n <h2>Which Path Fits Your Child?<\/h2>\r\n <p>Explore our most popular programs for ages 6\u201316.<\/p>\r\n <\/div>\r\n <div class=\"course-grid\">\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83e\udd16<\/div>\r\n <h3>AI for Kids<\/h3>\r\n <p>Learn Artificial Intelligence through interactive activities.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83d\udc0d<\/div>\r\n <h3>Python Programming<\/h3>\r\n <p>Build real coding skills with beginner-friendly lessons.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83c\udfae<\/div>\r\n <h3>Scratch Coding<\/h3>\r\n <p>Create games, animations, and stories using visual programming.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83e\uddbe<\/div>\r\n <h3>Robotics<\/h3>\r\n <p>Discover robotics with hands-on projects and problem-solving.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"why\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Why Families Trust Us<\/span>\r\n <h2>Why Contact Us<\/h2>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\u26a1<\/div><h4>Fast Response Within 24 Hours<\/h4><\/div>\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div><h4>Friendly Educational Experts<\/h4><\/div>\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\ud83c\udfaf<\/div><h4>Personalized Course Guidance<\/h4><\/div>\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div><h4>Safe & Child-Friendly Learning Environment<\/h4><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"faq\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>FAQ<\/span>\r\n <h2>Frequently Asked Questions<\/h2>\r\n <\/div>\r\n <div class=\"faq-list reveal\" id=\"faqList\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">How do I enroll my child?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Simply fill out the contact form above or reach us by phone, email, or WhatsApp, and our team will guide you through choosing the right course and completing enrollment.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Which age groups do you teach?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Our programs are designed for children and teens aged 6 to 16, with age-appropriate curriculum for every stage.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Do students receive certificates?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes, every student receives a certificate of completion at the end of each course to celebrate their progress.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Are classes online or onsite?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">We offer both online and onsite classes so families can choose whichever format works best for them.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Do you offer a free trial?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes, we offer a free consultation and trial session so your child can experience a class before enrolling.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Can parents monitor learning progress?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Absolutely, parents receive regular progress updates and can check in with instructors at any time.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\">\r\n <div class=\"cta-particle\" style=\"width:120px;height:120px; top:10%; left:6%;\"><\/div>\r\n <div class=\"cta-particle\" style=\"width:80px;height:80px; bottom:14%; right:10%; animation-delay:1.5s;\"><\/div>\r\n <div class=\"cta-particle\" style=\"width:50px;height:50px; top:60%; left:20%; animation-delay:3s;\"><\/div>\r\n <div class=\"wrap\">\r\n <h2>Ready to Start Your Child's AI Journey?<\/h2>\r\n <p>Join thousands of young learners building future-ready skills through engaging AI, Coding, Robotics, Python, and STEM education designed for children aged 6\u201316.<\/p>\r\n <div class=\"cta-actions\">\r\n <a href=\"#contact-form\" class=\"btn btn-white\" data-ripple>\ud83d\ude80 Enroll Now<\/a>\r\n <a href=\"#contact-form\" class=\"btn btn-ghost-white\" data-ripple>\ud83c\udfaf Schedule a Free Consultation<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"details\">\r\n <div class=\"wrap details-grid\">\r\n <div class=\"glass detail-card reveal\">\r\n <div class=\"detail-icon\">\ud83d\udcde<\/div>\r\n <div><h4>Phone<\/h4><div class=\"detail-value\">0301 8784472<\/div><\/div>\r\n <\/div>\r\n <div class=\"glass detail-card reveal\">\r\n <div class=\"detail-icon\">\ud83d\udce7<\/div>\r\n <div><h4>Email<\/h4><div class=\"detail-value\">muzammil4472@gmail.com<\/div><\/div>\r\n <\/div>\r\n <div class=\"glass detail-card reveal\">\r\n <div class=\"detail-icon\">\ud83d\udd52<\/div>\r\n <div><h4>Working Hours<\/h4><div class=\"detail-value\">Mon \u2013 Sat, 9:00 AM \u2013 6:00 PM<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<a href=\"https:\/\/wa.me\/923018784472\" class=\"float-btn whatsapp-btn\" aria-label=\"Chat on WhatsApp\">\ud83d\udcac<\/a>\r\n<button class=\"float-btn top-btn\" id=\"topBtn\" aria-label=\"Scroll to top\">\u2191<\/button>\r\n\r\n<script>\r\n \/\/ Reveal on scroll\r\n const revealEls = document.querySelectorAll('.reveal');\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold:0.15});\r\n revealEls.forEach(el=>io.observe(el));\r\n\r\n \/\/ Ripple effect\r\n document.querySelectorAll('[data-ripple]').forEach(btn=>{\r\n btn.addEventListener('click', function(e){\r\n const rect = this.getBoundingClientRect();\r\n const ripple = document.createElement('span');\r\n ripple.className='ripple';\r\n ripple.style.left = (e.clientX-rect.left)+'px';\r\n ripple.style.top = (e.clientY-rect.top)+'px';\r\n ripple.style.width = ripple.style.height='140px';\r\n ripple.style.marginLeft='-70px';\r\n ripple.style.marginTop='-70px';\r\n this.appendChild(ripple);\r\n setTimeout(()=>ripple.remove(), 650);\r\n });\r\n });\r\n\r\n \/\/ Mouse parallax on hero robot\r\n const stage = document.getElementById('parallaxStage');\r\n if(stage){\r\n document.addEventListener('mousemove', (e)=>{\r\n const x = (e.clientX \/ window.innerWidth - 0.5) * 16;\r\n const y = (e.clientY \/ window.innerHeight - 0.5) * 16;\r\n stage.style.transform = `translate(${x}px, ${y}px)`;\r\n });\r\n }\r\n\r\n \/\/ Select filled state for floating label\r\n const courseSelect = document.getElementById('course');\r\n courseSelect.addEventListener('change', function(){\r\n this.classList.toggle('filled', this.value !== '');\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('.faq-item').forEach(item=>{\r\n const q = item.querySelector('.faq-question');\r\n const a = item.querySelector('.faq-answer');\r\n q.addEventListener('click', ()=>{\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item.open').forEach(openItem=>{\r\n openItem.classList.remove('open');\r\n openItem.querySelector('.faq-answer').style.maxHeight = null;\r\n });\r\n if(!isOpen){\r\n item.classList.add('open');\r\n a.style.maxHeight = a.scrollHeight + 'px';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Form submit\r\n const form = document.getElementById('contactForm');\r\n const submitBtn = document.getElementById('submitBtn');\r\n const spinner = document.getElementById('spinner');\r\n const submitLabel = document.getElementById('submitLabel');\r\n const formSuccess = document.getElementById('formSuccess');\r\n\r\n form.addEventListener('submit', function(e){\r\n e.preventDefault();\r\n if(!form.checkValidity()){\r\n form.reportValidity();\r\n return;\r\n }\r\n spinner.style.display='inline-block';\r\n submitLabel.textContent='Sending...';\r\n submitBtn.disabled = true;\r\n setTimeout(()=>{\r\n spinner.style.display='none';\r\n submitLabel.textContent='Send Message';\r\n submitBtn.disabled = false;\r\n formSuccess.classList.add('show');\r\n form.reset();\r\n courseSelect.classList.remove('filled');\r\n }, 1400);\r\n });\r\n\r\n \/\/ Scroll-to-top visibility\r\n const topBtn = document.getElementById('topBtn');\r\n window.addEventListener('scroll', ()=>{\r\n topBtn.classList.toggle('show', window.scrollY > 500);\r\n });\r\n topBtn.addEventListener('click', ()=>window.scrollTo({top:0, behavior:'smooth'}));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Kids AI Learning We’d love to hear from you Let’s Build the Future Together Have questions about our AI, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","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-21","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":4,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nContact Kids AI Learning<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --blue-900:#0B1E4D;\r\n --blue-700:#1D4ED8;\r\n --purple-600:#7C3AED;\r\n --cyan-500:#06B6D4;\r\n --amber-400:#FBBF24; \/* warm signature accent - \"spark\" color for kids energy *\/\r\n --ink:#101A34;\r\n --ink-soft:#4A5578;\r\n --paper:#FFFFFF;\r\n --mist:#F5F7FE;\r\n --line: rgba(16,26,52,0.08);\r\n --glass-bg: rgba(255,255,255,0.6);\r\n --glass-border: rgba(255,255,255,0.8);\r\n --shadow-soft: 0 10px 40px rgba(29,78,216,0.10);\r\n --shadow-lift: 0 20px 60px rgba(29,78,216,0.18);\r\n --radius-lg: 24px;\r\n --radius-md: 20px;\r\n --space: 8px;\r\n --grad-primary: linear-gradient(135deg, var(--blue-700) 0%, var(--purple-600) 55%, var(--cyan-500) 100%);\r\n --grad-soft: linear-gradient(135deg, rgba(29,78,216,0.08), rgba(124,58,237,0.08) 55%, rgba(6,182,212,0.08) 100%);\r\n }\r\n\r\n *{box-sizing:border-box;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n margin:0;\r\n font-family:'Inter', sans-serif;\r\n color:var(--ink);\r\n background:var(--paper);\r\n overflow-x:hidden;\r\n }\r\n h1,h2,h3,h4{\r\n font-family:'Poppins', sans-serif;\r\n margin:0;\r\n color:var(--ink);\r\n }\r\n p{margin:0; color:var(--ink-soft); line-height:1.65;}\r\n a{text-decoration:none; color:inherit;}\r\n button{font-family:inherit; cursor:pointer;}\r\n img,svg{display:block;}\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}\r\n }\r\n\r\n .wrap{\r\n max-width:1440px;\r\n margin:0 auto;\r\n padding:0 clamp(20px, 5vw, 80px);\r\n }\r\n section{position:relative;}\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-family:'Poppins', sans-serif;\r\n font-weight:600;\r\n font-size:13px;\r\n letter-spacing:0.06em;\r\n text-transform:uppercase;\r\n color:var(--blue-700);\r\n background:rgba(29,78,216,0.08);\r\n padding:6px 14px 6px 10px;\r\n border-radius:999px;\r\n margin-bottom:20px;\r\n }\r\n .eyebrow .dot{\r\n width:7px;height:7px;border-radius:50%;\r\n background:var(--grad-primary);\r\n }\r\n\r\n \/* ===================== GLASS CARD BASE ===================== *\/\r\n .glass{\r\n background:var(--glass-bg);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n border:1px solid var(--glass-border);\r\n border-radius:var(--radius-lg);\r\n box-shadow:var(--shadow-soft);\r\n position:relative;\r\n }\r\n .glass::before{\r\n content:\"\";\r\n position:absolute; inset:0;\r\n border-radius:inherit;\r\n padding:1px;\r\n background:linear-gradient(135deg, rgba(29,78,216,0.35), rgba(124,58,237,0.25), rgba(6,182,212,0.35));\r\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n -webkit-mask-composite: xor;\r\n mask-composite: exclude;\r\n pointer-events:none;\r\n opacity:0.7;\r\n }\r\n\r\n \/* ===================== HERO ===================== *\/\r\n .hero{\r\n padding:140px 0 120px;\r\n background:\r\n radial-gradient(60% 50% at 85% 10%, rgba(6,182,212,0.14), transparent 70%),\r\n radial-gradient(50% 45% at 10% 15%, rgba(124,58,237,0.12), transparent 70%),\r\n var(--paper);\r\n overflow:hidden;\r\n }\r\n .hero-grid{\r\n display:grid;\r\n grid-template-columns:1.1fr 0.9fr;\r\n gap:60px;\r\n align-items:center;\r\n }\r\n .hero-blob{\r\n position:absolute;\r\n border-radius:50%;\r\n filter:blur(50px);\r\n opacity:0.35;\r\n z-index:0;\r\n animation:float 10s ease-in-out infinite;\r\n }\r\n .blob1{width:340px;height:340px; background:var(--grad-primary); top:-120px; right:-80px;}\r\n .blob2{width:220px;height:220px; background:var(--cyan-500); bottom:-60px; left:10%; animation-delay:2s;}\r\n @keyframes float{\r\n 0%,100%{transform:translateY(0) translateX(0);}\r\n 50%{transform:translateY(-24px) translateX(14px);}\r\n }\r\n\r\n .hero-copy{position:relative; z-index:1;}\r\n .hero-copy h1{\r\n font-size:clamp(36px, 5vw, 58px);\r\n font-weight:800;\r\n line-height:1.08;\r\n letter-spacing:-0.02em;\r\n background:var(--grad-primary);\r\n -webkit-background-clip:text;\r\n background-clip:text;\r\n -webkit-text-fill-color:transparent;\r\n margin-bottom:22px;\r\n opacity:0;\r\n animation:riseIn 0.8s ease forwards;\r\n }\r\n .hero-copy .subtitle{\r\n font-size:18px;\r\n max-width:520px;\r\n margin-bottom:36px;\r\n opacity:0;\r\n animation:riseIn 0.8s ease 0.15s forwards;\r\n }\r\n .hero-actions{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:14px;\r\n opacity:0;\r\n animation:riseIn 0.8s ease 0.3s forwards;\r\n }\r\n @keyframes riseIn{\r\n from{opacity:0; transform:translateY(18px);}\r\n to{opacity:1; transform:translateY(0);}\r\n }\r\n\r\n .btn{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:14px 26px;\r\n border-radius:999px;\r\n font-weight:600;\r\n font-size:15px;\r\n border:none;\r\n transition:transform 0.25s ease, box-shadow 0.25s ease;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .btn:active{transform:scale(0.97);}\r\n .btn-primary{\r\n background:var(--grad-primary);\r\n color:#fff;\r\n box-shadow:0 10px 30px rgba(29,78,216,0.35);\r\n }\r\n .btn-primary:hover{transform:translateY(-3px); box-shadow:0 16px 40px rgba(29,78,216,0.45);}\r\n .btn-outline{\r\n background:rgba(255,255,255,0.7);\r\n border:1px solid var(--line);\r\n color:var(--ink);\r\n backdrop-filter:blur(10px);\r\n }\r\n .btn-outline:hover{transform:translateY(-3px); border-color:var(--blue-700); box-shadow:var(--shadow-soft);}\r\n .ripple{position:absolute; border-radius:50%; background:rgba(255,255,255,0.5); transform:scale(0); animation:rippleAnim 0.6s ease-out;}\r\n @keyframes rippleAnim{to{transform:scale(3); opacity:0;}}\r\n\r\n \/* Hero visual: friendly AI robot built from CSS shapes *\/\r\n .hero-visual{\r\n position:relative;\r\n z-index:1;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n height:420px;\r\n }\r\n .robot-stage{\r\n position:relative;\r\n width:260px;\r\n height:300px;\r\n }\r\n .robot-head{\r\n width:180px;height:150px;\r\n margin:0 auto;\r\n background:linear-gradient(160deg,#fff, #EAF1FF);\r\n border-radius:38px;\r\n border:1px solid rgba(29,78,216,0.15);\r\n box-shadow:0 20px 50px rgba(29,78,216,0.25), inset 0 -6px 12px rgba(29,78,216,0.06);\r\n position:relative;\r\n animation:bob 4s ease-in-out infinite;\r\n }\r\n @keyframes bob{0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);}}\r\n .robot-antenna{\r\n width:6px; height:34px;\r\n background:var(--grad-primary);\r\n margin:0 auto;\r\n border-radius:4px;\r\n position:relative;\r\n top:0;\r\n }\r\n .robot-antenna::after{\r\n content:\"\";\r\n position:absolute; top:-14px; left:50%; transform:translateX(-50%);\r\n width:16px;height:16px;border-radius:50%;\r\n background:var(--amber-400);\r\n box-shadow:0 0 18px 4px rgba(251,191,36,0.7);\r\n animation:pulse 1.8s ease-in-out infinite;\r\n }\r\n @keyframes pulse{0%,100%{transform:translateX(-50%) scale(1);} 50%{transform:translateX(-50%) scale(1.25);}}\r\n .robot-eyes{\r\n position:absolute; top:58px; left:0; right:0;\r\n display:flex; justify-content:center; gap:26px;\r\n }\r\n .robot-eye{\r\n width:26px;height:26px;border-radius:50%;\r\n background:var(--grad-primary);\r\n animation:blink 4.5s infinite;\r\n }\r\n @keyframes blink{0%,92%,100%{transform:scaleY(1);} 95%{transform:scaleY(0.1);}}\r\n .robot-smile{\r\n position:absolute; bottom:26px; left:50%; transform:translateX(-50%);\r\n width:60px; height:26px;\r\n border-bottom:6px solid var(--cyan-500);\r\n border-radius:0 0 30px 30px;\r\n }\r\n .robot-body{\r\n width:140px;height:90px;\r\n margin:14px auto 0;\r\n background:linear-gradient(160deg,#fff,#EAF1FF);\r\n border-radius:28px;\r\n border:1px solid rgba(29,78,216,0.15);\r\n box-shadow:0 16px 40px rgba(29,78,216,0.18);\r\n display:flex; align-items:center; justify-content:center;\r\n }\r\n .robot-heart{\r\n width:36px;height:36px;\r\n background:var(--grad-primary);\r\n -webkit-mask: radial-gradient(circle at 30% 30%, #000 30%, transparent 31%) 0 0\/50% 50%, radial-gradient(circle at 70% 30%, #000 30%, transparent 31%) 100% 0\/50% 50%, linear-gradient(#000,#000) bottom \/ 100% 60% no-repeat;\r\n mask: radial-gradient(circle at 30% 30%, #000 30%, transparent 31%) 0 0\/50% 50%, radial-gradient(circle at 70% 30%, #000 30%, transparent 31%) 100% 0\/50% 50%, linear-gradient(#000,#000) bottom \/ 100% 60% no-repeat;\r\n transform:rotate(45deg);\r\n opacity:0.9;\r\n }\r\n .floating-icon{\r\n position:absolute;\r\n width:52px;height:52px;\r\n border-radius:16px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:22px;\r\n background:rgba(255,255,255,0.75);\r\n backdrop-filter:blur(10px);\r\n border:1px solid var(--glass-border);\r\n box-shadow:var(--shadow-soft);\r\n animation:orbit 7s ease-in-out infinite;\r\n }\r\n .fi-1{top:8%; left:-6%; animation-delay:0s;}\r\n .fi-2{top:62%; left:-2%; animation-delay:1.4s;}\r\n .fi-3{top:2%; right:-4%; animation-delay:0.7s;}\r\n .fi-4{top:70%; right:-8%; animation-delay:2.1s;}\r\n .fi-5{bottom:-6%; left:36%; animation-delay:3s;}\r\n @keyframes orbit{0%,100%{transform:translateY(0) rotate(0deg);} 50%{transform:translateY(-16px) rotate(6deg);}}\r\n\r\n \/* ===================== QUICK CONTACT CARDS ===================== *\/\r\n .quick-contact{padding:40px 0 100px;}\r\n .quick-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:28px;\r\n }\r\n .qc-card{\r\n padding:36px 30px;\r\n text-align:center;\r\n transition:transform 0.35s ease, box-shadow 0.35s ease;\r\n cursor:pointer;\r\n }\r\n .qc-card:hover{transform:translateY(-8px); box-shadow:var(--shadow-lift);}\r\n .qc-icon{\r\n width:64px;height:64px;\r\n border-radius:20px;\r\n margin:0 auto 20px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:28px;\r\n background:var(--grad-primary);\r\n color:#fff;\r\n box-shadow:0 10px 26px rgba(29,78,216,0.35);\r\n }\r\n .qc-card h3{font-size:19px; margin-bottom:8px;}\r\n .qc-value{font-weight:700; font-size:17px; color:var(--blue-700); margin-bottom:20px; display:block;}\r\n .qc-action{\r\n display:inline-block;\r\n padding:10px 22px;\r\n border-radius:999px;\r\n background:rgba(29,78,216,0.08);\r\n color:var(--blue-700);\r\n font-weight:600;\r\n font-size:14px;\r\n transition:background 0.25s ease, color 0.25s ease;\r\n }\r\n .qc-card:hover .qc-action{background:var(--grad-primary); color:#fff;}\r\n\r\n \/* ===================== SECTION HEADERS ===================== *\/\r\n .section-head{\r\n text-align:center;\r\n max-width:640px;\r\n margin:0 auto 56px;\r\n }\r\n .section-head h2{\r\n font-size:clamp(28px, 3.6vw, 40px);\r\n font-weight:700;\r\n letter-spacing:-0.01em;\r\n margin-bottom:14px;\r\n }\r\n .section-head p{font-size:16px;}\r\n\r\n \/* ===================== CONTACT FORM ===================== *\/\r\n .contact-section{\r\n padding:100px 0;\r\n background:var(--grad-soft);\r\n }\r\n .form-shell{\r\n padding:48px;\r\n max-width:920px;\r\n margin:0 auto;\r\n }\r\n .field-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:26px 24px;\r\n }\r\n .field{position:relative; grid-column:span 1;}\r\n .field.full{grid-column:1 \/ -1;}\r\n .field input, .field select, .field textarea{\r\n width:100%;\r\n padding:18px 16px 8px;\r\n border-radius:14px;\r\n border:1.5px solid var(--line);\r\n background:rgba(255,255,255,0.7);\r\n font-family:'Inter', sans-serif;\r\n font-size:15px;\r\n color:var(--ink);\r\n outline:none;\r\n transition:border-color 0.25s ease, box-shadow 0.25s ease;\r\n }\r\n .field textarea{min-height:120px; resize:vertical; padding-top:22px;}\r\n .field label{\r\n position:absolute;\r\n left:16px; top:18px;\r\n font-size:15px;\r\n color:var(--ink-soft);\r\n pointer-events:none;\r\n transition:all 0.2s ease;\r\n background:transparent;\r\n }\r\n .field input:focus, .field select:focus, .field textarea:focus{\r\n border-color:var(--blue-700);\r\n box-shadow:0 0 0 4px rgba(29,78,216,0.12);\r\n }\r\n .field input:focus ~ label,\r\n .field input:not(:placeholder-shown) ~ label,\r\n .field select:focus ~ label,\r\n .field select.filled ~ label,\r\n .field textarea:focus ~ label,\r\n .field textarea:not(:placeholder-shown) ~ label{\r\n top:6px; font-size:11.5px; font-weight:600; color:var(--blue-700);\r\n }\r\n .field-hint{font-size:12px; color:var(--ink-soft); margin-top:6px; display:block;}\r\n .form-actions{\r\n display:flex; gap:16px; margin-top:32px; flex-wrap:wrap;\r\n }\r\n .btn-reset{\r\n background:transparent; border:1.5px solid var(--line); color:var(--ink-soft);\r\n padding:14px 26px; border-radius:999px; font-weight:600; font-size:15px;\r\n transition:border-color 0.25s ease, color 0.25s ease;\r\n }\r\n .btn-reset:hover{border-color:var(--ink-soft); color:var(--ink);}\r\n .form-success{\r\n display:none;\r\n align-items:center;\r\n gap:14px;\r\n padding:18px 22px;\r\n border-radius:16px;\r\n background:rgba(6,182,212,0.1);\r\n border:1px solid rgba(6,182,212,0.3);\r\n color:#0E7490;\r\n font-weight:600;\r\n margin-top:24px;\r\n }\r\n .form-success.show{display:flex; animation:riseIn 0.5s ease;}\r\n .spinner{\r\n width:18px;height:18px;border-radius:50%;\r\n border:3px solid rgba(255,255,255,0.4);\r\n border-top-color:#fff;\r\n animation:spin 0.7s linear infinite;\r\n display:none;\r\n }\r\n @keyframes spin{to{transform:rotate(360deg);}}\r\n\r\n \/* ===================== COURSE CARDS ===================== *\/\r\n .courses{padding:100px 0;}\r\n .course-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 1fr);\r\n gap:26px;\r\n }\r\n .course-card{\r\n padding:34px 26px;\r\n transition:transform 0.35s ease, box-shadow 0.35s ease;\r\n overflow:hidden;\r\n }\r\n .course-card:hover{transform:translateY(-10px) rotate(-0.5deg); box-shadow:var(--shadow-lift);}\r\n .course-icon{\r\n width:58px;height:58px;\r\n border-radius:18px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:26px;\r\n margin-bottom:20px;\r\n background:#fff;\r\n box-shadow:var(--shadow-soft);\r\n transition:transform 0.4s ease;\r\n }\r\n .course-card:hover .course-icon{transform:scale(1.1) rotate(8deg);}\r\n .course-card h3{font-size:19px; margin-bottom:10px;}\r\n .course-card p{font-size:14.5px; margin-bottom:22px;}\r\n .course-link{\r\n font-weight:600; font-size:14px; color:var(--blue-700);\r\n display:inline-flex; align-items:center; gap:6px;\r\n }\r\n .course-link svg{width:14px; height:14px; transition:transform 0.25s ease;}\r\n .course-card:hover .course-link svg{transform:translateX(4px);}\r\n\r\n \/* ===================== WHY CONTACT US ===================== *\/\r\n .why{\r\n padding:100px 0;\r\n background:var(--mist);\r\n }\r\n .why-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 1fr);\r\n gap:24px;\r\n }\r\n .why-card{\r\n text-align:center;\r\n padding:34px 22px;\r\n background:#fff;\r\n border-radius:var(--radius-md);\r\n box-shadow:var(--shadow-soft);\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .why-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-lift);}\r\n .why-icon{\r\n width:56px; height:56px;\r\n border-radius:16px;\r\n margin:0 auto 18px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:24px;\r\n background:var(--grad-soft);\r\n }\r\n .why-card h4{font-size:16px; line-height:1.4;}\r\n\r\n \/* ===================== FAQ ===================== *\/\r\n .faq{padding:100px 0;}\r\n .faq-list{max-width:820px; margin:0 auto;}\r\n .faq-item{\r\n border-radius:18px;\r\n margin-bottom:14px;\r\n overflow:hidden;\r\n background:#fff;\r\n border:1px solid var(--line);\r\n transition:border-color 0.25s ease, box-shadow 0.25s ease;\r\n }\r\n .faq-item.open{border-color:rgba(29,78,216,0.3); box-shadow:var(--shadow-soft);}\r\n .faq-question{\r\n width:100%;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:22px 26px;\r\n background:none; border:none;\r\n font-family:'Poppins', sans-serif;\r\n font-weight:600;\r\n font-size:16px;\r\n color:var(--ink);\r\n text-align:left;\r\n }\r\n .faq-icon{\r\n width:30px; height:30px;\r\n border-radius:50%;\r\n background:var(--grad-soft);\r\n display:flex; align-items:center; justify-content:center;\r\n flex-shrink:0;\r\n margin-left:16px;\r\n transition:transform 0.35s ease, background 0.35s ease;\r\n }\r\n .faq-item.open .faq-icon{transform:rotate(135deg); background:var(--grad-primary); color:#fff;}\r\n .faq-answer{\r\n max-height:0;\r\n overflow:hidden;\r\n transition:max-height 0.4s ease;\r\n }\r\n .faq-answer-inner{padding:0 26px 22px; font-size:14.5px;}\r\n\r\n \/* ===================== CTA SECTION ===================== *\/\r\n .cta-section{\r\n padding:110px 0;\r\n background:var(--grad-primary);\r\n position:relative;\r\n overflow:hidden;\r\n text-align:center;\r\n }\r\n .cta-particle{\r\n position:absolute;\r\n border-radius:50%;\r\n background:rgba(255,255,255,0.15);\r\n animation:float 8s ease-in-out infinite;\r\n }\r\n .cta-section h2{\r\n color:#fff;\r\n font-size:clamp(30px, 4vw, 44px);\r\n margin-bottom:18px;\r\n position:relative; z-index:1;\r\n }\r\n .cta-section p{\r\n color:rgba(255,255,255,0.88);\r\n max-width:600px;\r\n margin:0 auto 40px;\r\n font-size:16.5px;\r\n position:relative; z-index:1;\r\n }\r\n .cta-actions{\r\n display:flex; justify-content:center; gap:16px; flex-wrap:wrap;\r\n position:relative; z-index:1;\r\n }\r\n .btn-white{\r\n background:#fff; color:var(--blue-700);\r\n box-shadow:0 10px 30px rgba(0,0,0,0.15);\r\n }\r\n .btn-white:hover{transform:translateY(-3px); box-shadow:0 16px 40px rgba(0,0,0,0.22);}\r\n .btn-ghost-white{\r\n background:rgba(255,255,255,0.12);\r\n border:1.5px solid rgba(255,255,255,0.5);\r\n color:#fff;\r\n }\r\n .btn-ghost-white:hover{background:rgba(255,255,255,0.22); transform:translateY(-3px);}\r\n\r\n \/* ===================== CONTACT DETAILS ===================== *\/\r\n .details{padding:100px 0;}\r\n .details-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3, 1fr);\r\n gap:26px;\r\n }\r\n .detail-card{\r\n padding:32px 28px;\r\n display:flex; align-items:flex-start; gap:18px;\r\n }\r\n .detail-icon{\r\n width:52px; height:52px; border-radius:16px;\r\n background:var(--grad-primary); color:#fff;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:22px; flex-shrink:0;\r\n }\r\n .detail-card h4{font-size:15px; color:var(--ink-soft); font-weight:600; margin-bottom:6px;}\r\n .detail-card .detail-value{font-size:17px; font-weight:700; font-family:'Poppins',sans-serif;}\r\n\r\n \/* ===================== FLOATING BUTTONS ===================== *\/\r\n .float-btn{\r\n position:fixed;\r\n width:58px; height:58px;\r\n border-radius:50%;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:26px;\r\n color:#fff;\r\n box-shadow:0 12px 30px rgba(0,0,0,0.2);\r\n z-index:60;\r\n border:none;\r\n transition:transform 0.25s ease, opacity 0.25s ease;\r\n }\r\n .whatsapp-btn{\r\n bottom:28px; right:28px;\r\n background:#25D366;\r\n animation:pulse 2.4s ease-in-out infinite;\r\n }\r\n .whatsapp-btn:hover{transform:scale(1.08);}\r\n .top-btn{\r\n bottom:28px; left:28px;\r\n background:var(--grad-primary);\r\n opacity:0; pointer-events:none;\r\n }\r\n .top-btn.show{opacity:1; pointer-events:auto;}\r\n .top-btn:hover{transform:translateY(-4px);}\r\n\r\n \/* ===================== REVEAL ON SCROLL ===================== *\/\r\n .reveal{opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease;}\r\n .reveal.in{opacity:1; transform:translateY(0);}\r\n\r\n \/* ===================== RESPONSIVE ===================== *\/\r\n @media (max-width:1024px){\r\n .hero-grid{grid-template-columns:1fr; text-align:center;}\r\n .hero-copy .subtitle{margin-left:auto; margin-right:auto;}\r\n .hero-actions{justify-content:center;}\r\n .quick-grid, .why-grid{grid-template-columns:repeat(2,1fr);}\r\n .course-grid{grid-template-columns:repeat(2,1fr);}\r\n .details-grid{grid-template-columns:1fr 1fr;}\r\n }\r\n @media (max-width:640px){\r\n .quick-grid, .why-grid, .course-grid, .details-grid{grid-template-columns:1fr;}\r\n .field-grid{grid-template-columns:1fr;}\r\n .form-shell{padding:28px 20px;}\r\n .hero{padding:110px 0 80px;}\r\n .hero-visual{height:320px;}\r\n }\r\n\r\n a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{\r\n outline:3px solid var(--cyan-500);\r\n outline-offset:2px;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-blob blob1\"><\/div>\r\n <div class=\"hero-blob blob2\"><\/div>\r\n <div class=\"wrap hero-grid\">\r\n <div class=\"hero-copy\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>We'd love to hear from you<\/span>\r\n <h1>Let's Build the Future Together<\/h1>\r\n <p class=\"subtitle\">Have questions about our AI, Coding, Python, Robotics, or STEM programs? Our team is ready to help you choose the perfect learning journey for your child.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#contact-form\" class=\"btn btn-primary\" data-ripple>\ud83d\ude80 Contact Our Team<\/a>\r\n <a href=\"tel:03018784472\" class=\"btn btn-outline\" data-ripple>\ud83d\udcde Call Now<\/a>\r\n <a href=\"https:\/\/wa.me\/923018784472\" class=\"btn btn-outline\" data-ripple>\ud83d\udcac WhatsApp<\/a>\r\n <a href=\"mailto:muzammil4472@gmail.com\" class=\"btn btn-outline\" data-ripple>\ud83d\udce7 Email Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\" id=\"parallaxStage\">\r\n <div class=\"robot-stage\">\r\n <div class=\"robot-antenna\"><\/div>\r\n <div class=\"robot-head\">\r\n <div class=\"robot-eyes\"><div class=\"robot-eye\"><\/div><div class=\"robot-eye\"><\/div><\/div>\r\n <div class=\"robot-smile\"><\/div>\r\n <\/div>\r\n <div class=\"robot-body\"><div class=\"robot-heart\"><\/div><\/div>\r\n <div class=\"floating-icon fi-1\">\ud83d\udc0d<\/div>\r\n <div class=\"floating-icon fi-2\">\ud83c\udfae<\/div>\r\n <div class=\"floating-icon fi-3\">\u2699\ufe0f<\/div>\r\n <div class=\"floating-icon fi-4\">\u2728<\/div>\r\n <div class=\"floating-icon fi-5\">\ud83e\udde0<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"quick-contact\">\r\n <div class=\"wrap quick-grid\">\r\n <a href=\"tel:03018784472\" class=\"glass qc-card reveal\" data-ripple>\r\n <div class=\"qc-icon\">\ud83d\udcde<\/div>\r\n <h3>Phone<\/h3>\r\n <span class=\"qc-value\">0301 8784472<\/span>\r\n <span class=\"qc-action\">Call Now<\/span>\r\n <\/a>\r\n <a href=\"mailto:muzammil4472@gmail.com\" class=\"glass qc-card reveal\" data-ripple>\r\n <div class=\"qc-icon\">\ud83d\udce7<\/div>\r\n <h3>Email<\/h3>\r\n <span class=\"qc-value\">muzammil4472@gmail.com<\/span>\r\n <span class=\"qc-action\">Send Email<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/923018784472\" class=\"glass qc-card reveal\" data-ripple>\r\n <div class=\"qc-icon\">\ud83d\udcac<\/div>\r\n <h3>WhatsApp<\/h3>\r\n <span class=\"qc-value\">Instant Chat Support<\/span>\r\n <span class=\"qc-action\">Chat on WhatsApp<\/span>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"contact-section\" id=\"contact-form\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Get In Touch<\/span>\r\n <h2>Tell Us About Your Child's Learning Goals<\/h2>\r\n <p>Fill in the form below and our education team will reach out within 24 hours.<\/p>\r\n <\/div>\r\n <form class=\"glass form-shell reveal\" id=\"contactForm\" novalidate>\r\n <div class=\"field-grid\">\r\n <div class=\"field\">\r\n <input type=\"text\" id=\"fullName\" placeholder=\" \" required autocomplete=\"name\">\r\n <label for=\"fullName\">Full Name<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"text\" id=\"guardianName\" placeholder=\" \" autocomplete=\"off\">\r\n <label for=\"guardianName\">Parent \/ Guardian Name (Optional)<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"email\" id=\"email\" placeholder=\" \" required autocomplete=\"email\">\r\n <label for=\"email\">Email Address<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"tel\" id=\"phone\" placeholder=\" \" required autocomplete=\"tel\">\r\n <label for=\"phone\">Phone Number<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <input type=\"number\" id=\"childAge\" placeholder=\" \" min=\"4\" max=\"18\" required>\r\n <label for=\"childAge\">Child's Age<\/label>\r\n <\/div>\r\n <div class=\"field\">\r\n <select id=\"course\" required>\r\n <option value=\"\" disabled selected hidden><\/option>\r\n <option>AI for Kids<\/option>\r\n <option>Python Programming<\/option>\r\n <option>Scratch Coding<\/option>\r\n <option>Robotics<\/option>\r\n <\/select>\r\n <label for=\"course\">Select Course<\/label>\r\n <\/div>\r\n <div class=\"field full\">\r\n <input type=\"text\" id=\"subject\" placeholder=\" \" required>\r\n <label for=\"subject\">Subject<\/label>\r\n <\/div>\r\n <div class=\"field full\">\r\n <textarea id=\"message\" placeholder=\" \" required><\/textarea>\r\n <label for=\"message\">Message<\/label>\r\n <span class=\"field-hint\">Tell us a bit about what you're looking for.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-actions\">\r\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submitBtn\">\r\n <span class=\"spinner\" id=\"spinner\"><\/span>\r\n <span id=\"submitLabel\">Send Message<\/span>\r\n <\/button>\r\n <button type=\"reset\" class=\"btn-reset\" id=\"resetBtn\">Reset Form<\/button>\r\n <\/div>\r\n\r\n <div class=\"form-success\" id=\"formSuccess\">\u2705 Thanks! Your message has been sent \u2014 we'll be in touch within 24 hours.<\/div>\r\n <\/form>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"courses\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Programs<\/span>\r\n <h2>Which Path Fits Your Child?<\/h2>\r\n <p>Explore our most popular programs for ages 6\u201316.<\/p>\r\n <\/div>\r\n <div class=\"course-grid\">\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83e\udd16<\/div>\r\n <h3>AI for Kids<\/h3>\r\n <p>Learn Artificial Intelligence through interactive activities.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83d\udc0d<\/div>\r\n <h3>Python Programming<\/h3>\r\n <p>Build real coding skills with beginner-friendly lessons.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83c\udfae<\/div>\r\n <h3>Scratch Coding<\/h3>\r\n <p>Create games, animations, and stories using visual programming.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <div class=\"glass course-card reveal\">\r\n <div class=\"course-icon\">\ud83e\uddbe<\/div>\r\n <h3>Robotics<\/h3>\r\n <p>Discover robotics with hands-on projects and problem-solving.<\/p>\r\n <a href=\"#contact-form\" class=\"course-link\">Explore Course <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"why\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>Why Families Trust Us<\/span>\r\n <h2>Why Contact Us<\/h2>\r\n <\/div>\r\n <div class=\"why-grid\">\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\u26a1<\/div><h4>Fast Response Within 24 Hours<\/h4><\/div>\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div><h4>Friendly Educational Experts<\/h4><\/div>\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\ud83c\udfaf<\/div><h4>Personalized Course Guidance<\/h4><\/div>\r\n <div class=\"why-card reveal\"><div class=\"why-icon\">\ud83d\udee1\ufe0f<\/div><h4>Safe & Child-Friendly Learning Environment<\/h4><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"faq\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\"><span class=\"dot\"><\/span>FAQ<\/span>\r\n <h2>Frequently Asked Questions<\/h2>\r\n <\/div>\r\n <div class=\"faq-list reveal\" id=\"faqList\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">How do I enroll my child?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Simply fill out the contact form above or reach us by phone, email, or WhatsApp, and our team will guide you through choosing the right course and completing enrollment.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Which age groups do you teach?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Our programs are designed for children and teens aged 6 to 16, with age-appropriate curriculum for every stage.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Do students receive certificates?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes, every student receives a certificate of completion at the end of each course to celebrate their progress.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Are classes online or onsite?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">We offer both online and onsite classes so families can choose whichever format works best for them.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Do you offer a free trial?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Yes, we offer a free consultation and trial session so your child can experience a class before enrolling.<\/div><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">Can parents monitor learning progress?<span class=\"faq-icon\">+<\/span><\/button>\r\n <div class=\"faq-answer\"><div class=\"faq-answer-inner\">Absolutely, parents receive regular progress updates and can check in with instructors at any time.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"cta-section\">\r\n <div class=\"cta-particle\" style=\"width:120px;height:120px; top:10%; left:6%;\"><\/div>\r\n <div class=\"cta-particle\" style=\"width:80px;height:80px; bottom:14%; right:10%; animation-delay:1.5s;\"><\/div>\r\n <div class=\"cta-particle\" style=\"width:50px;height:50px; top:60%; left:20%; animation-delay:3s;\"><\/div>\r\n <div class=\"wrap\">\r\n <h2>Ready to Start Your Child's AI Journey?<\/h2>\r\n <p>Join thousands of young learners building future-ready skills through engaging AI, Coding, Robotics, Python, and STEM education designed for children aged 6\u201316.<\/p>\r\n <div class=\"cta-actions\">\r\n <a href=\"#contact-form\" class=\"btn btn-white\" data-ripple>\ud83d\ude80 Enroll Now<\/a>\r\n <a href=\"#contact-form\" class=\"btn btn-ghost-white\" data-ripple>\ud83c\udfaf Schedule a Free Consultation<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"details\">\r\n <div class=\"wrap details-grid\">\r\n <div class=\"glass detail-card reveal\">\r\n <div class=\"detail-icon\">\ud83d\udcde<\/div>\r\n <div><h4>Phone<\/h4><div class=\"detail-value\">0301 8784472<\/div><\/div>\r\n <\/div>\r\n <div class=\"glass detail-card reveal\">\r\n <div class=\"detail-icon\">\ud83d\udce7<\/div>\r\n <div><h4>Email<\/h4><div class=\"detail-value\">muzammil4472@gmail.com<\/div><\/div>\r\n <\/div>\r\n <div class=\"glass detail-card reveal\">\r\n <div class=\"detail-icon\">\ud83d\udd52<\/div>\r\n <div><h4>Working Hours<\/h4><div class=\"detail-value\">Mon \u2013 Sat, 9:00 AM \u2013 6:00 PM<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<a href=\"https:\/\/wa.me\/923018784472\" class=\"float-btn whatsapp-btn\" aria-label=\"Chat on WhatsApp\">\ud83d\udcac<\/a>\r\n<button class=\"float-btn top-btn\" id=\"topBtn\" aria-label=\"Scroll to top\">\u2191<\/button>\r\n\r\n<script>\r\n \/\/ Reveal on scroll\r\n const revealEls = document.querySelectorAll('.reveal');\r\n const io = new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{\r\n if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }\r\n });\r\n }, {threshold:0.15});\r\n revealEls.forEach(el=>io.observe(el));\r\n\r\n \/\/ Ripple effect\r\n document.querySelectorAll('[data-ripple]').forEach(btn=>{\r\n btn.addEventListener('click', function(e){\r\n const rect = this.getBoundingClientRect();\r\n const ripple = document.createElement('span');\r\n ripple.className='ripple';\r\n ripple.style.left = (e.clientX-rect.left)+'px';\r\n ripple.style.top = (e.clientY-rect.top)+'px';\r\n ripple.style.width = ripple.style.height='140px';\r\n ripple.style.marginLeft='-70px';\r\n ripple.style.marginTop='-70px';\r\n this.appendChild(ripple);\r\n setTimeout(()=>ripple.remove(), 650);\r\n });\r\n });\r\n\r\n \/\/ Mouse parallax on hero robot\r\n const stage = document.getElementById('parallaxStage');\r\n if(stage){\r\n document.addEventListener('mousemove', (e)=>{\r\n const x = (e.clientX \/ window.innerWidth - 0.5) * 16;\r\n const y = (e.clientY \/ window.innerHeight - 0.5) * 16;\r\n stage.style.transform = `translate(${x}px, ${y}px)`;\r\n });\r\n }\r\n\r\n \/\/ Select filled state for floating label\r\n const courseSelect = document.getElementById('course');\r\n courseSelect.addEventListener('change', function(){\r\n this.classList.toggle('filled', this.value !== '');\r\n });\r\n\r\n \/\/ FAQ accordion\r\n document.querySelectorAll('.faq-item').forEach(item=>{\r\n const q = item.querySelector('.faq-question');\r\n const a = item.querySelector('.faq-answer');\r\n q.addEventListener('click', ()=>{\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item.open').forEach(openItem=>{\r\n openItem.classList.remove('open');\r\n openItem.querySelector('.faq-answer').style.maxHeight = null;\r\n });\r\n if(!isOpen){\r\n item.classList.add('open');\r\n a.style.maxHeight = a.scrollHeight + 'px';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Form submit\r\n const form = document.getElementById('contactForm');\r\n const submitBtn = document.getElementById('submitBtn');\r\n const spinner = document.getElementById('spinner');\r\n const submitLabel = document.getElementById('submitLabel');\r\n const formSuccess = document.getElementById('formSuccess');\r\n\r\n form.addEventListener('submit', function(e){\r\n e.preventDefault();\r\n if(!form.checkValidity()){\r\n form.reportValidity();\r\n return;\r\n }\r\n spinner.style.display='inline-block';\r\n submitLabel.textContent='Sending...';\r\n submitBtn.disabled = true;\r\n setTimeout(()=>{\r\n spinner.style.display='none';\r\n submitLabel.textContent='Send Message';\r\n submitBtn.disabled = false;\r\n formSuccess.classList.add('show');\r\n form.reset();\r\n courseSelect.classList.remove('filled');\r\n }, 1400);\r\n });\r\n\r\n \/\/ Scroll-to-top visibility\r\n const topBtn = document.getElementById('topBtn');\r\n window.addEventListener('scroll', ()=>{\r\n topBtn.classList.toggle('show', window.scrollY > 500);\r\n });\r\n topBtn.addEventListener('click', ()=>window.scrollTo({top:0, behavior:'smooth'}));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Kids AI Learning We’d love to hear from you Let’s Build the Future Together Have questions about our AI, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","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-21","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":4,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/zeecommunications.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}