{"id":21,"date":"2026-03-24T11:14:00","date_gmt":"2026-03-24T05:44:00","guid":{"rendered":"https:\/\/londonkidsajmer.com\/?page_id=21"},"modified":"2026-03-29T11:43:46","modified_gmt":"2026-03-29T06:13:46","slug":"home","status":"publish","type":"page","link":"https:\/\/londonkidsajmer.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21\" class=\"elementor elementor-21\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39f3967 e-con-full e-flex e-con e-parent\" data-id=\"39f3967\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c52d57e elementor-widget elementor-widget-html\" data-id=\"c52d57e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lk-page\">\r\n\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;600;700;800;900&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --yellow: #FFD600;\r\n      --sky: #29B6F6;\r\n      --orange: #FF7043;\r\n      --green: #66BB6A;\r\n      --pink: #F06292;\r\n      --purple: #AB47BC;\r\n      --white: #ffffff;\r\n      --dark: #2D3436;\r\n      --light-bg: #FFF9F0;\r\n    }\r\n\r\n\r\n    .lk-page {\r\n      font-family: 'Nunito', sans-serif;\r\n      background: var(--light-bg);\r\n      color: var(--dark);\r\n      overflow-x: hidden;\r\n      scroll-behavior: smooth;\r\n    }\r\n\r\n    \/* ===== SCROLLBAR ===== *\/\r\n    ::-webkit-scrollbar { width: 8px; }\r\n    ::-webkit-scrollbar-track { background: #f1f1f1; }\r\n    ::-webkit-scrollbar-thumb { background: var(--sky); border-radius: 10px; }\r\n\r\n    \/* ===== NAVBAR ===== *\/\r\n    #lk-navbar {\r\n      position: sticky;\r\n      top: 0; left: 0; right: 0;\r\n      z-index: 9999;\r\n      background: rgba(255,255,255,0.97);\r\n      box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .nav-inner {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 0 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      height: 72px;\r\n    }\r\n\r\n    .nav-logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      text-decoration: none;\r\n    }\r\n\r\n    .nav-logo-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      background: linear-gradient(135deg, var(--sky), var(--purple));\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 24px;\r\n      box-shadow: 0 4px 12px rgba(41,182,246,0.4);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .nav-logo-text { line-height: 1.1; }\r\n    .nav-logo-text .school-name {\r\n      font-size: 17px;\r\n      font-weight: 900;\r\n      color: var(--sky);\r\n      letter-spacing: 0.3px;\r\n    }\r\n    .nav-logo-text .school-sub {\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      color: var(--orange);\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n      list-style: none;\r\n    }\r\n\r\n    .nav-links a {\r\n      text-decoration: none;\r\n      color: var(--dark);\r\n      font-weight: 700;\r\n      font-size: 13.5px;\r\n      padding: 8px 12px;\r\n      border-radius: 25px;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .nav-links a:hover {\r\n      background: var(--yellow);\r\n      color: var(--dark);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .nav-enroll-btn {\r\n      background: linear-gradient(135deg, var(--orange), #FF5722) !important;\r\n      color: white !important;\r\n      padding: 10px 20px !important;\r\n      border-radius: 25px !important;\r\n      box-shadow: 0 4px 15px rgba(255,112,67,0.4);\r\n    }\r\n\r\n    .nav-enroll-btn:hover {\r\n      background: linear-gradient(135deg, #FF5722, var(--orange)) !important;\r\n      transform: translateY(-2px) !important;\r\n      box-shadow: 0 6px 20px rgba(255,112,67,0.5) !important;\r\n    }\r\n\r\n    .hamburger {\r\n      display: none;\r\n      flex-direction: column;\r\n      gap: 5px;\r\n      cursor: pointer;\r\n      padding: 8px;\r\n      border: none;\r\n      background: none;\r\n    }\r\n\r\n    .hamburger span {\r\n      display: block;\r\n      width: 26px;\r\n      height: 3px;\r\n      background: var(--dark);\r\n      border-radius: 3px;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .mobile-menu {\r\n      display: none;\r\n      flex-direction: column;\r\n      background: white;\r\n      padding: 16px 20px 20px;\r\n      border-top: 2px solid #f0f0f0;\r\n      gap: 4px;\r\n    }\r\n\r\n    .mobile-menu.open { display: flex; }\r\n\r\n    .mobile-menu a {\r\n      text-decoration: none;\r\n      color: var(--dark);\r\n      font-weight: 700;\r\n      font-size: 15px;\r\n      padding: 12px 16px;\r\n      border-radius: 12px;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .mobile-menu a:hover { background: var(--yellow); }\r\n\r\n    \/* ===== HERO SECTION ===== *\/\r\n    #hero {\r\n      min-height: 100vh;\r\n      background: linear-gradient(135deg, #667eea 0%, #29B6F6 40%, #66BB6A 100%);\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      padding-top: 72px;\r\n    }\r\n\r\n    .hero-bg-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bubble {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      opacity: 0.15;\r\n      animation: float 6s ease-in-out infinite;\r\n    }\r\n\r\n    .b1 { width:200px; height:200px; background:var(--yellow); top:-60px; left:-60px; animation-delay:0s; }\r\n    .b2 { width:150px; height:150px; background:var(--pink); top:10%; right:5%; animation-delay:1s; }\r\n    .b3 { width:100px; height:100px; background:var(--orange); bottom:20%; left:10%; animation-delay:2s; }\r\n    .b4 { width:250px; height:250px; background:var(--purple); bottom:-80px; right:-80px; animation-delay:1.5s; }\r\n    .b5 { width:80px; height:80px; background:var(--green); top:40%; left:40%; animation-delay:0.5s; }\r\n    .b6 { width:120px; height:120px; background:var(--yellow); top:70%; right:30%; animation-delay:3s; }\r\n\r\n    @keyframes float {\r\n      0%, 100% { transform: translateY(0) scale(1); }\r\n      50% { transform: translateY(-20px) scale(1.05); }\r\n    }\r\n\r\n    .hero-floating-icons {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .fi {\r\n      position: absolute;\r\n      font-size: 2rem;\r\n      animation: floatIcon 4s ease-in-out infinite;\r\n      opacity: 0.6;\r\n    }\r\n\r\n    .fi1 { top: 15%; left: 8%; animation-delay: 0s; }\r\n    .fi2 { top: 25%; right: 12%; font-size: 2.5rem; animation-delay: 1s; }\r\n    .fi3 { bottom: 25%; left: 5%; animation-delay: 2s; }\r\n    .fi4 { top: 60%; right: 8%; animation-delay: 0.5s; }\r\n    .fi5 { top: 10%; left: 45%; animation-delay: 1.5s; }\r\n    .fi6 { bottom: 15%; right: 25%; font-size: 1.8rem; animation-delay: 3s; }\r\n    .fi7 { bottom: 35%; left: 30%; font-size: 1.6rem; animation-delay: 2.5s; }\r\n\r\n    @keyframes floatIcon {\r\n      0%, 100% { transform: translateY(0) rotate(0deg); }\r\n      50% { transform: translateY(-15px) rotate(10deg); }\r\n    }\r\n\r\n    .hero-content {\r\n      position: relative;\r\n      z-index: 10;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 60px 20px;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    .hero-text { color: white; }\r\n\r\n    .hero-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: rgba(255,255,255,0.25);\r\n      backdrop-filter: blur(10px);\r\n      color: white;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      padding: 8px 18px;\r\n      border-radius: 30px;\r\n      margin-bottom: 20px;\r\n      border: 1px solid rgba(255,255,255,0.4);\r\n      animation: slideInLeft 0.8s ease;\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: clamp(2rem, 4vw, 3.4rem);\r\n      font-weight: 900;\r\n      line-height: 1.1;\r\n      margin-bottom: 16px;\r\n      animation: slideInLeft 0.9s ease;\r\n      text-shadow: 0 3px 15px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .hero-title span { color: var(--yellow); }\r\n\r\n    .hero-tagline {\r\n      font-size: clamp(1rem, 2vw, 1.3rem);\r\n      font-weight: 600;\r\n      margin-bottom: 36px;\r\n      opacity: 0.95;\r\n      animation: slideInLeft 1s ease;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .hero-buttons {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n      animation: slideInLeft 1.1s ease;\r\n    }\r\n\r\n    .btn-primary {\r\n      background: var(--yellow);\r\n      color: var(--dark);\r\n      padding: 16px 36px;\r\n      border-radius: 50px;\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      text-decoration: none;\r\n      border: none;\r\n      cursor: pointer;\r\n      transition: all 0.3s;\r\n      box-shadow: 0 6px 25px rgba(255,214,0,0.5);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .btn-primary:hover {\r\n      transform: translateY(-4px) scale(1.05);\r\n      box-shadow: 0 10px 35px rgba(255,214,0,0.6);\r\n    }\r\n\r\n    .btn-secondary {\r\n      background: rgba(255,255,255,0.2);\r\n      color: white;\r\n      padding: 16px 36px;\r\n      border-radius: 50px;\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      text-decoration: none;\r\n      border: 2px solid rgba(255,255,255,0.6);\r\n      cursor: pointer;\r\n      transition: all 0.3s;\r\n      backdrop-filter: blur(10px);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .btn-secondary:hover {\r\n      background: white;\r\n      color: var(--sky);\r\n      transform: translateY(-4px) scale(1.05);\r\n    }\r\n\r\n    .hero-stats {\r\n      display: flex;\r\n      gap: 24px;\r\n      margin-top: 40px;\r\n      flex-wrap: wrap;\r\n      animation: slideInLeft 1.2s ease;\r\n    }\r\n\r\n    .stat-box {\r\n      background: rgba(255,255,255,0.2);\r\n      backdrop-filter: blur(10px);\r\n      border: 1px solid rgba(255,255,255,0.3);\r\n      border-radius: 16px;\r\n      padding: 16px 15px;\r\n      text-align: center;\r\n      color: white;\r\n    }\r\n\r\n    .stat-box .num {\r\n      font-size: 1.8rem;\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      color: var(--yellow);\r\n    }\r\n\r\n    .stat-box .lbl { font-size: 12px; font-weight: 600; opacity: 0.9; margin-top: 4px; }\r\n\r\n    .hero-visual {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      animation: slideInRight 1s ease;\r\n    }\r\n\r\n    .hero-card-stack {\r\n      position: relative;\r\n      width: 340px;\r\n      height: 380px;\r\n    }\r\n\r\n    .hero-main-card {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: rgba(255,255,255,0.95);\r\n      border-radius: 30px;\r\n      padding: 36px 30px;\r\n      box-shadow: 0 25px 60px rgba(0,0,0,0.2);\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 16px;\r\n      text-align: center;\r\n    }\r\n\r\n    .hero-school-icon {\r\n      width: 100px;\r\n      height: 100px;\r\n      background: linear-gradient(135deg, var(--sky), var(--purple));\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 48px;\r\n      box-shadow: 0 10px 30px rgba(41,182,246,0.4);\r\n    }\r\n\r\n    .hero-card-title {\r\n      font-size: 20px;\r\n      font-weight: 900;\r\n      color: var(--dark);\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .hero-card-desc {\r\n      font-size: 13px;\r\n      color: #666;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .hero-age-badge {\r\n      background: linear-gradient(135deg, var(--orange), var(--pink));\r\n      color: white;\r\n      padding: 8px 20px;\r\n      border-radius: 20px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .floating-card {\r\n      position: absolute;\r\n      background: white;\r\n      border-radius: 16px;\r\n      padding: 12px 16px;\r\n      box-shadow: 0 8px 25px rgba(0,0,0,0.15);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      color: var(--dark);\r\n      animation: floatCard 3s ease-in-out infinite;\r\n    }\r\n\r\n    .fc1 { bottom: -10px; left: -70px; animation-delay: 0s; }\r\n    .fc2 { top: -10px; right: -30px; animation-delay: 1.5s; }\r\n\r\n    .floating-card .fc-icon { font-size: 20px; }\r\n\r\n    @keyframes floatCard {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-8px); }\r\n    }\r\n\r\n    @keyframes slideInLeft {\r\n      from { opacity: 0; transform: translateX(-40px); }\r\n      to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    @keyframes slideInRight {\r\n      from { opacity: 0; transform: translateX(40px); }\r\n      to { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    \/* ===== SECTION COMMON ===== *\/\r\n    section { padding: 80px 20px; }\r\n\r\n    .section-container { max-width: 1200px; margin: 0 auto; }\r\n\r\n    .section-header { text-align: center; margin-bottom: 56px; }\r\n\r\n    .section-label {\r\n      display: inline-block;\r\n      padding: 6px 20px;\r\n      border-radius: 30px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .section-title {\r\n      font-size: clamp(1.8rem, 3vw, 2.8rem);\r\n      font-weight: 900;\r\n      line-height: 1.2;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .section-desc {\r\n      font-size: 16px;\r\n      color: #666;\r\n      font-weight: 600;\r\n      max-width: 600px;\r\n      margin: 0 auto;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* ===== ABOUT SECTION ===== *\/\r\n    #about { background: white; }\r\n\r\n    .about-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    .about-visual {\r\n      position: relative;\r\n    }\r\n\r\n    .about-big-box {\r\n      background: linear-gradient(135deg, var(--sky) 0%, var(--purple) 100%);\r\n      border-radius: 30px;\r\n      padding: 50px 40px;\r\n      text-align: center;\r\n      color: white;\r\n      box-shadow: 0 20px 50px rgba(41,182,246,0.3);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .about-big-box::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 200px;\r\n      height: 200px;\r\n      background: rgba(255,255,255,0.1);\r\n      border-radius: 50%;\r\n      top: -50px;\r\n      right: -50px;\r\n    }\r\n\r\n    .about-big-box .main-icon { font-size: 80px; margin-bottom: 16px; display: block; }\r\n    .about-big-box h3 { font-size: 22px; font-weight: 900; margin-bottom: 8px; }\r\n    .about-big-box p { font-size: 14px; opacity: 0.9; font-weight: 600; }\r\n\r\n    .about-mini-cards {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 16px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .about-mini-card {\r\n      background: white;\r\n      border-radius: 18px;\r\n      padding: 20px 16px;\r\n      text-align: center;\r\n      box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n      border: 2px solid transparent;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .about-mini-card:hover {\r\n      transform: translateY(-5px);\r\n      border-color: var(--sky);\r\n    }\r\n\r\n    .about-mini-card .icon { font-size: 32px; margin-bottom: 8px; display: block; }\r\n    .about-mini-card .label { font-size: 13px; font-weight: 700; color: var(--dark); }\r\n\r\n    .about-text h2 { font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: 900; margin-bottom: 18px; }\r\n    .about-text h2 span { color: var(--sky); }\r\n    .about-text p { font-size: 15px; color: #555; line-height: 1.8; font-weight: 600; margin-bottom: 16px; }\r\n\r\n    .about-highlights {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .highlight-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      padding: 14px 18px;\r\n      background: var(--light-bg);\r\n      border-radius: 14px;\r\n      border-left: 4px solid var(--sky);\r\n    }\r\n\r\n    .highlight-item .hi-icon { font-size: 24px; flex-shrink: 0; }\r\n    .highlight-item .hi-text { font-size: 14px; font-weight: 700; color: var(--dark); }\r\n\r\n    \/* ===== PROGRAMS SECTION ===== *\/\r\n    #programs { background: linear-gradient(135deg, #FFF9F0, #E3F2FD); }\r\n\r\n    .programs-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .program-card {\r\n      background: white;\r\n      border-radius: 24px;\r\n      padding: 32px 24px;\r\n      text-align: center;\r\n      box-shadow: 0 8px 30px rgba(0,0,0,0.08);\r\n      border: 3px solid transparent;\r\n      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n      cursor: default;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .program-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0;\r\n      height: 6px;\r\n      border-radius: 24px 24px 0 0;\r\n    }\r\n\r\n    .pc1::before { background: linear-gradient(90deg, var(--pink), var(--orange)); }\r\n    .pc2::before { background: linear-gradient(90deg, var(--sky), var(--purple)); }\r\n    .pc3::before { background: linear-gradient(90deg, var(--green), var(--sky)); }\r\n    .pc4::before { background: linear-gradient(90deg, var(--orange), var(--yellow)); }\r\n\r\n    .program-card:hover {\r\n      transform: translateY(-12px);\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    .pc1:hover { border-color: var(--pink); }\r\n    .pc2:hover { border-color: var(--sky); }\r\n    .pc3:hover { border-color: var(--green); }\r\n    .pc4:hover { border-color: var(--orange); }\r\n\r\n    .program-icon-wrap {\r\n      width: 80px;\r\n      height: 80px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 36px;\r\n      margin: 0 auto 20px;\r\n    }\r\n\r\n    .ic1 { background: linear-gradient(135deg, #FFE0EE, #FFB3D1); }\r\n    .ic2 { background: linear-gradient(135deg, #E3F2FD, #B3E5FC); }\r\n    .ic3 { background: linear-gradient(135deg, #E8F5E9, #C8E6C9); }\r\n    .ic4 { background: linear-gradient(135deg, #FFF3E0, #FFCC80); }\r\n\r\n    .program-card h3 { font-size: 20px; font-weight: 900; margin-bottom: 8px; color: var(--dark); }\r\n\r\n    .program-age {\r\n      display: inline-block;\r\n      padding: 4px 16px;\r\n      border-radius: 20px;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .a1 { background: #FFE0EE; color: #C2185B; }\r\n    .a2 { background: #E3F2FD; color: #0277BD; }\r\n    .a3 { background: #E8F5E9; color: #2E7D32; }\r\n    .a4 { background: #FFF3E0; color: #E65100; }\r\n\r\n    .program-card p { font-size: 13.5px; color: #666; line-height: 1.7; font-weight: 600; }\r\n\r\n    \/* ===== WHY CHOOSE US ===== *\/\r\n    #why { background: white; }\r\n\r\n    .why-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 28px;\r\n    }\r\n\r\n    .why-card {\r\n      background: var(--light-bg);\r\n      border-radius: 22px;\r\n      padding: 36px 28px;\r\n      text-align: center;\r\n      border: 2px solid transparent;\r\n      transition: all 0.4s;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .why-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 80px;\r\n      height: 80px;\r\n      border-radius: 50%;\r\n      bottom: -20px;\r\n      right: -20px;\r\n      opacity: 0.08;\r\n    }\r\n\r\n    .wc1::after { background: var(--green); }\r\n    .wc2::after { background: var(--sky); }\r\n    .wc3::after { background: var(--orange); }\r\n    .wc4::after { background: var(--purple); }\r\n    .wc5::after { background: var(--pink); }\r\n    .wc6::after { background: var(--yellow); }\r\n\r\n    .why-card:hover {\r\n      transform: translateY(-8px);\r\n      box-shadow: 0 16px 40px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .wc1:hover { border-color: var(--green); background: #E8F5E9; }\r\n    .wc2:hover { border-color: var(--sky); background: #E3F2FD; }\r\n    .wc3:hover { border-color: var(--orange); background: #FFF3E0; }\r\n    .wc4:hover { border-color: var(--purple); background: #F3E5F5; }\r\n    .wc5:hover { border-color: var(--pink); background: #FCE4EC; }\r\n    .wc6:hover { border-color: var(--yellow); background: #FFFDE7; }\r\n\r\n    .why-icon {\r\n      width: 72px;\r\n      height: 72px;\r\n      border-radius: 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 32px;\r\n      margin: 0 auto 18px;\r\n    }\r\n\r\n    .wi1 { background: linear-gradient(135deg, #E8F5E9, #C8E6C9); }\r\n    .wi2 { background: linear-gradient(135deg, #E3F2FD, #B3E5FC); }\r\n    .wi3 { background: linear-gradient(135deg, #FFF3E0, #FFCC80); }\r\n    .wi4 { background: linear-gradient(135deg, #F3E5F5, #CE93D8); }\r\n    .wi5 { background: linear-gradient(135deg, #FCE4EC, #F48FB1); }\r\n    .wi6 { background: linear-gradient(135deg, #FFFDE7, #FFF176); }\r\n\r\n    .why-card h3 { font-size: 17px; font-weight: 800; margin-bottom: 10px; color: var(--dark); }\r\n    .why-card p { font-size: 13.5px; color: #666; line-height: 1.7; font-weight: 600; }\r\n\r\n    \/* ===== ACTIVITIES SECTION ===== *\/\r\n    #activities { background: linear-gradient(135deg, #667eea22, #29B6F622); }\r\n\r\n    .activities-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .activity-card {\r\n      background: white;\r\n      border-radius: 22px;\r\n      padding: 36px 24px;\r\n      text-align: center;\r\n      box-shadow: 0 6px 25px rgba(0,0,0,0.06);\r\n      transition: all 0.4s;\r\n      border: 2px solid transparent;\r\n    }\r\n\r\n    .activity-card:hover {\r\n      transform: translateY(-10px) rotate(1deg);\r\n      box-shadow: 0 20px 45px rgba(0,0,0,0.12);\r\n    }\r\n\r\n    .activity-card:nth-child(1):hover { border-color: var(--pink); }\r\n    .activity-card:nth-child(2):hover { border-color: var(--orange); }\r\n    .activity-card:nth-child(3):hover { border-color: var(--sky); }\r\n    .activity-card:nth-child(4):hover { border-color: var(--green); }\r\n    .activity-card:nth-child(5):hover { border-color: var(--purple); }\r\n    .activity-card:nth-child(6):hover { border-color: var(--yellow); }\r\n\r\n    .activity-emoji { font-size: 52px; margin-bottom: 14px; display: block; }\r\n    .activity-card h3 { font-size: 18px; font-weight: 800; color: var(--dark); margin-bottom: 8px; }\r\n    .activity-card p { font-size: 13.5px; color: #666; line-height: 1.6; font-weight: 600; }\r\n\r\n    \/* ===== GALLERY SECTION ===== *\/\r\n    #gallery { background: white; }\r\n\r\n    .gallery-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 18px;\r\n    }\r\n\r\n    .gallery-item {\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      aspect-ratio: 4\/3;\r\n      position: relative;\r\n      cursor: pointer;\r\n      box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n      transition: all 0.4s;\r\n      background: #f0f0f0;\r\n    }\r\n\r\n    .gallery-item img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform 0.5s ease;\r\n    }\r\n\r\n    .gallery-item:hover { transform: scale(1.04); box-shadow: 0 15px 40px rgba(0,0,0,0.25); }\r\n    .gallery-item:hover img { transform: scale(1.1); }\r\n\r\n    .gallery-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, transparent 60%);\r\n      opacity: 0;\r\n      transition: opacity 0.4s;\r\n      display: flex;\r\n      align-items: flex-end;\r\n      padding: 18px;\r\n    }\r\n\r\n    .gallery-item:hover .gallery-overlay { opacity: 1; }\r\n\r\n    .gallery-overlay span {\r\n      color: white;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.3px;\r\n    }\r\n\r\n    \/* ===== TESTIMONIALS ===== *\/\r\n    #testimonials { background: linear-gradient(135deg, #FFF9F0, #E8F5E9); }\r\n\r\n    .testimonials-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 28px;\r\n    }\r\n\r\n    .testimonial-card {\r\n      background: white;\r\n      border-radius: 24px;\r\n      padding: 36px 30px;\r\n      box-shadow: 0 8px 30px rgba(0,0,0,0.08);\r\n      position: relative;\r\n      transition: all 0.3s;\r\n      border: 2px solid transparent;\r\n    }\r\n\r\n    .testimonial-card:hover {\r\n      transform: translateY(-8px);\r\n      border-color: var(--yellow);\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.12);\r\n    }\r\n\r\n    .quote-icon {\r\n      font-size: 48px;\r\n      color: var(--yellow);\r\n      line-height: 1;\r\n      margin-bottom: 12px;\r\n      display: block;\r\n      font-family: Georgia, serif;\r\n    }\r\n\r\n    .testimonial-text {\r\n      font-size: 14.5px;\r\n      color: #555;\r\n      line-height: 1.8;\r\n      font-weight: 600;\r\n      margin-bottom: 20px;\r\n      font-style: italic;\r\n    }\r\n\r\n    .stars { color: #FFD600; font-size: 18px; margin-bottom: 16px; }\r\n\r\n    .testimonial-author {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n    }\r\n\r\n    .author-avatar {\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 22px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .av1 { background: linear-gradient(135deg, var(--pink), var(--orange)); }\r\n    .av2 { background: linear-gradient(135deg, var(--sky), var(--purple)); }\r\n    .av3 { background: linear-gradient(135deg, var(--green), var(--sky)); }\r\n\r\n    .author-name { font-size: 15px; font-weight: 800; color: var(--dark); }\r\n    .author-role { font-size: 12px; color: #999; font-weight: 600; }\r\n\r\n    \/* ===== ADMISSION SECTION ===== *\/\r\n    #admission { background: linear-gradient(135deg, #667eea, #29B6F6); }\r\n\r\n    .admission-container {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    .admission-info { color: white; }\r\n    .admission-info h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 900; margin-bottom: 16px; line-height: 1.2; }\r\n    .admission-info p { font-size: 15px; opacity: 0.9; line-height: 1.8; font-weight: 600; margin-bottom: 24px; }\r\n\r\n    .admission-points { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n    .admission-points li {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      opacity: 0.95;\r\n    }\r\n    .admission-points li::before { content: '\u2705'; font-size: 18px; }\r\n\r\n    .admission-form {\r\n      background: white;\r\n      border-radius: 28px;\r\n      padding: 40px;\r\n      box-shadow: 0 25px 60px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .admission-form h3 {\r\n      font-size: 22px;\r\n      font-weight: 900;\r\n      color: var(--dark);\r\n      margin-bottom: 24px;\r\n      text-align: center;\r\n    }\r\n\r\n    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n\r\n    .form-group { display: flex; flex-direction: column; gap: 8px; }\r\n    .form-group.full { grid-column: 1 \/ -1; }\r\n\r\n    .form-group label { font-size: 13px; font-weight: 700; color: var(--dark); }\r\n\r\n    .form-group input,\r\n    .form-group select,\r\n    .form-group textarea {\r\n      padding: 13px 16px;\r\n      border: 2px solid #E0E0E0;\r\n      border-radius: 12px;\r\n      font-size: 14px;\r\n      font-family: 'Nunito', sans-serif;\r\n      font-weight: 600;\r\n      color: var(--dark);\r\n      transition: all 0.3s;\r\n      outline: none;\r\n      background: #FAFAFA;\r\n    }\r\n\r\n    .form-group input:focus,\r\n    .form-group select:focus,\r\n    .form-group textarea:focus {\r\n      border-color: var(--sky);\r\n      background: white;\r\n      box-shadow: 0 0 0 4px rgba(41,182,246,0.1);\r\n    }\r\n\r\n    .form-group textarea { resize: vertical; min-height: 90px; }\r\n\r\n    .submit-btn {\r\n      width: 100%;\r\n      padding: 16px;\r\n      background: linear-gradient(135deg, var(--orange), #FF5722);\r\n      color: white;\r\n      border: none;\r\n      border-radius: 14px;\r\n      font-size: 16px;\r\n      font-weight: 800;\r\n      font-family: 'Nunito', sans-serif;\r\n      cursor: pointer;\r\n      transition: all 0.3s;\r\n      margin-top: 8px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .submit-btn:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 10px 30px rgba(255,112,67,0.5);\r\n    }\r\n\r\n    \/* ===== CONTACT SECTION ===== *\/\r\n    #contact { background: white; }\r\n\r\n    .contact-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1.5fr;\r\n      gap: 50px;\r\n      align-items: start;\r\n    }\r\n\r\n    .contact-info h2 { font-size: 2rem; font-weight: 900; margin-bottom: 24px; }\r\n    .contact-info h2 span { color: var(--orange); }\r\n\r\n    .contact-item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 16px;\r\n      padding: 20px;\r\n      background: var(--light-bg);\r\n      border-radius: 16px;\r\n      margin-bottom: 16px;\r\n      border: 2px solid transparent;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .contact-item:hover {\r\n      border-color: var(--sky);\r\n      background: #E3F2FD;\r\n    }\r\n\r\n    .contact-item .ci-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 22px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .cii1 { background: linear-gradient(135deg, #E3F2FD, #B3E5FC); }\r\n    .cii2 { background: linear-gradient(135deg, #E8F5E9, #C8E6C9); }\r\n    .cii3 { background: linear-gradient(135deg, #FFF3E0, #FFCC80); }\r\n    .cii4 { background: linear-gradient(135deg, #F3E5F5, #CE93D8); }\r\n\r\n    .contact-item .ci-text { flex: 1; }\r\n    .contact-item .ci-text strong { display: block; font-size: 14px; font-weight: 800; color: var(--dark); margin-bottom: 4px; }\r\n    .contact-item .ci-text span,\r\n    .contact-item .ci-text a {\r\n      font-size: 14px;\r\n      color: #555;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n    }\r\n    .contact-item .ci-text a:hover { color: var(--sky); text-decoration: underline; }\r\n\r\n    .map-container {\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      box-shadow: 0 15px 40px rgba(0,0,0,0.12);\r\n      border: 4px solid white;\r\n      outline: 3px solid var(--sky);\r\n    }\r\n\r\n    .map-container iframe { display: block; width: 100%; height: 420px; border: none; }\r\n\r\n    \/* ===== FOOTER ===== *\/\r\n    footer {\r\n      background: #1A237E;\r\n      color: white;\r\n      padding: 60px 20px 0;\r\n    }\r\n\r\n    .footer-inner {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .footer-grid {\r\n      display: grid;\r\n      grid-template-columns: 2fr 1fr 1fr 1fr;\r\n      gap: 40px;\r\n      padding-bottom: 40px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n\r\n    .footer-brand .fb-logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .fb-icon {\r\n      width: 52px;\r\n      height: 52px;\r\n      background: linear-gradient(135deg, var(--sky), var(--purple));\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 24px;\r\n    }\r\n\r\n    .fb-name { font-size: 18px; font-weight: 900; line-height: 1.2; }\r\n    .fb-name small { display: block; font-size: 11px; opacity: 0.7; font-weight: 600; letter-spacing: 1px; }\r\n\r\n    .footer-brand p { font-size: 14px; opacity: 0.75; line-height: 1.8; font-weight: 600; max-width: 280px; }\r\n\r\n    .footer-social {\r\n      display: flex;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .social-btn {\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 12px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 20px;\r\n      text-decoration: none;\r\n      transition: all 0.3s;\r\n      color: white;\r\n    }\r\n\r\n    .fb-social { background: #1877F2; }\r\n    .ig-social { background: linear-gradient(135deg, #E1306C, #F77737, #FCAF45); }\r\n    .yt-social { background: #FF0000; }\r\n\r\n    .social-btn:hover { transform: translateY(-4px) scale(1.1); box-shadow: 0 8px 20px rgba(0,0,0,0.3); }\r\n\r\n    .footer-col h4 {\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      margin-bottom: 18px;\r\n      color: var(--yellow);\r\n    }\r\n\r\n    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\r\n\r\n    .footer-col ul li a {\r\n      text-decoration: none;\r\n      color: rgba(255,255,255,0.75);\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      transition: all 0.3s;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .footer-col ul li a::before { content: '\u203a'; font-size: 18px; color: var(--sky); }\r\n    .footer-col ul li a:hover { color: white; padding-left: 6px; }\r\n\r\n    .footer-contact-item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n      font-size: 13.5px;\r\n      color: rgba(255,255,255,0.75);\r\n      font-weight: 600;\r\n      margin-bottom: 12px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .footer-contact-item a { color: var(--sky); text-decoration: none; }\r\n    .footer-contact-item a:hover { text-decoration: underline; }\r\n\r\n    .footer-bottom {\r\n      padding: 20px 0;\r\n      text-align: center;\r\n      font-size: 13.5px;\r\n      color: rgba(255,255,255,0.6);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .footer-bottom span { color: var(--yellow); }\r\n\r\n    \/* ===== FLOATING BUTTONS ===== *\/\r\n    .float-wa {\r\n      position: fixed;\r\n      bottom: 100px;\r\n      right: 24px;\r\n      z-index: 999;\r\n      width: 60px;\r\n      height: 60px;\r\n      background: #25D366;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 30px;\r\n      color: white;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 25px rgba(37,211,102,0.5);\r\n      animation: pulse 2s infinite;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .float-wa:hover { transform: scale(1.15); box-shadow: 0 10px 35px rgba(37,211,102,0.6); }\r\n\r\n    .float-call {\r\n      position: fixed;\r\n      bottom: 30px;\r\n      right: 24px;\r\n      z-index: 999;\r\n      width: 60px;\r\n      height: 60px;\r\n      background: linear-gradient(135deg, var(--orange), #FF5722);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 24px;\r\n      color: white;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 25px rgba(255,112,67,0.5);\r\n      animation: pulse 2s infinite 1s;\r\n      transition: all 0.3s;\r\n    }\r\n\r\n    .float-call:hover { transform: scale(1.15); }\r\n\r\n    @keyframes pulse {\r\n      0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.5); }\r\n      70% { box-shadow: 0 0 0 14px rgba(37,211,102,0); }\r\n      100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }\r\n    }\r\n\r\n    .float-call { animation-name: pulse-orange; }\r\n\r\n    @keyframes pulse-orange {\r\n      0% { box-shadow: 0 0 0 0 rgba(255,112,67,0.5); }\r\n      70% { box-shadow: 0 0 0 14px rgba(255,112,67,0); }\r\n      100% { box-shadow: 0 0 0 0 rgba(255,112,67,0); }\r\n    }\r\n\r\n    \/* ===== TOAST ===== *\/\r\n    #toast {\r\n      position: fixed;\r\n      bottom: 30px;\r\n      left: 50%;\r\n      transform: translateX(-50%) translateY(100px);\r\n      background: var(--green);\r\n      color: white;\r\n      padding: 16px 32px;\r\n      border-radius: 50px;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      z-index: 9999;\r\n      opacity: 0;\r\n      transition: all 0.5s;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      box-shadow: 0 10px 30px rgba(102,187,106,0.4);\r\n    }\r\n\r\n    #toast.show {\r\n      opacity: 1;\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    \/* ===== ANIMATIONS ON SCROLL ===== *\/\r\n    .fade-in {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n      transition: all 0.7s ease;\r\n    }\r\n\r\n    .fade-in.visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .fade-in-left {\r\n      opacity: 0;\r\n      transform: translateX(-40px);\r\n      transition: all 0.7s ease;\r\n    }\r\n\r\n    .fade-in-left.visible {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n\r\n    .fade-in-right {\r\n      opacity: 0;\r\n      transform: translateX(40px);\r\n      transition: all 0.7s ease;\r\n    }\r\n\r\n    .fade-in-right.visible {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n\r\n    \/* ===== RESPONSIVE ===== *\/\r\n    @media (max-width: 1024px) {\r\n      .programs-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .footer-grid { grid-template-columns: 1fr 1fr; }\r\n      .gallery-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .nav-links { display: none; }\r\n      .hamburger { display: flex; }\r\n\r\n      .hero-content { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n      .hero-visual { display: none; }\r\n      .hero-buttons { justify-content: center; }\r\n      .hero-stats { justify-content: center; }\r\n\r\n      .about-grid { grid-template-columns: 1fr; }\r\n      .about-mini-cards { grid-template-columns: repeat(4, 1fr); }\r\n\r\n      .programs-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n      .why-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n      .activities-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n      .gallery-grid { grid-template-columns: 1fr 1fr; }\r\n\r\n      .testimonials-grid { grid-template-columns: 1fr; }\r\n\r\n      .admission-container { grid-template-columns: 1fr; }\r\n      .form-grid { grid-template-columns: 1fr; }\r\n\r\n      .contact-grid { grid-template-columns: 1fr; }\r\n\r\n      .footer-grid { grid-template-columns: 1fr; }\r\n\r\n      section { padding: 60px 16px; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .programs-grid { grid-template-columns: 1fr; }\r\n      .why-grid { grid-template-columns: 1fr; }\r\n      .activities-grid { grid-template-columns: 1fr; }\r\n      .gallery-grid { grid-template-columns: 1fr; }\r\n      .about-mini-cards { grid-template-columns: 1fr 1fr; }\r\n      .hero-stats { flex-direction: row; flex-wrap: wrap; justify-content: center; }\r\n    }\r\n\r\n    \/* ===== LIGHTBOX ===== *\/\r\n    #lightbox {\r\n      display: none;\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 9999;\r\n      background: rgba(0,0,0,0.92);\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 20px;\r\n      animation: lbFadeIn 0.3s ease;\r\n    }\r\n    #lightbox.active { display: flex; }\r\n\r\n    @keyframes lbFadeIn {\r\n      from { opacity: 0; }\r\n      to   { opacity: 1; }\r\n    }\r\n\r\n    #lightbox-img {\r\n      max-width: 90vw;\r\n      max-height: 85vh;\r\n      border-radius: 16px;\r\n      box-shadow: 0 25px 80px rgba(0,0,0,0.6);\r\n      animation: lbZoomIn 0.3s ease;\r\n      object-fit: contain;\r\n    }\r\n\r\n    @keyframes lbZoomIn {\r\n      from { transform: scale(0.85); opacity: 0; }\r\n      to   { transform: scale(1);    opacity: 1; }\r\n    }\r\n\r\n    #lightbox-caption {\r\n      position: fixed;\r\n      bottom: 30px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background: rgba(255,255,255,0.15);\r\n      backdrop-filter: blur(10px);\r\n      color: white;\r\n      padding: 10px 24px;\r\n      border-radius: 30px;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #lightbox-close {\r\n      position: fixed;\r\n      top: 20px;\r\n      right: 26px;\r\n      font-size: 36px;\r\n      color: white;\r\n      cursor: pointer;\r\n      line-height: 1;\r\n      transition: transform 0.2s;\r\n      background: none;\r\n      border: none;\r\n      z-index: 10000;\r\n    }\r\n    #lightbox-close:hover { transform: scale(1.2) rotate(90deg); }\r\n\r\n    #lightbox-prev, #lightbox-next {\r\n      position: fixed;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      background: rgba(255,255,255,0.15);\r\n      backdrop-filter: blur(8px);\r\n      color: white;\r\n      border: none;\r\n      font-size: 28px;\r\n      width: 52px;\r\n      height: 52px;\r\n      border-radius: 50%;\r\n      cursor: pointer;\r\n      transition: all 0.2s;\r\n      z-index: 10000;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    #lightbox-prev { left: 16px; }\r\n    #lightbox-next { right: 16px; }\r\n    #lightbox-prev:hover, #lightbox-next:hover { background: rgba(255,255,255,0.3); transform: translateY(-50%) scale(1.1); }\r\n\r\n    .gallery-item { cursor: pointer; }\r\n  <\/style>\r\n\r\n<!-- ===== NAVBAR ===== -->\r\n<nav id=\"lk-navbar\">\r\n  <div class=\"nav-inner\">\r\n    <a href=\"#hero\" class=\"nav-logo\">\r\n      <div class=\"nav-logo-icon\" style=\"background:none;box-shadow:none;\">\r\n        <img decoding=\"async\" src=\"https:\/\/londonkidsajmer.com\/wp-content\/uploads\/2026\/03\/LOGO.webp\" alt=\"London Kids International School Sanstha Ajmer Logo\" style=\"width:52px;height:52px;object-fit:contain;border-radius:50%;\">\r\n      <\/div>\r\n      <div class=\"nav-logo-text\">\r\n        <div class=\"school-name\" style=\"font-size:13px;\">London Kids International<\/div>\r\n        <div class=\"school-sub\">School Ajmer<\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <ul class=\"nav-links\">\r\n      <li><a href=\"#about\">About<\/a><\/li>\r\n      <li><a href=\"#programs\">Programs<\/a><\/li>\r\n      <li><a href=\"#why\">Why Us<\/a><\/li>\r\n      <li><a href=\"#activities\">Activities<\/a><\/li>\r\n      <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n      <li><a href=\"#testimonials\">Parents<\/a><\/li>\r\n      <li><a href=\"#contact\">Contact<\/a><\/li>\r\n      <li><a href=\"#admission\" class=\"nav-enroll-btn\">Enroll Now \ud83c\udf89<\/a><\/li>\r\n    <\/ul>\r\n\r\n    <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/div>\r\n  <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n    <a href=\"#about\" onclick=\"closeMobile()\">\ud83c\udfe0 About Us<\/a>\r\n    <a href=\"#programs\" onclick=\"closeMobile()\">\ud83d\udcda Programs<\/a>\r\n    <a href=\"#why\" onclick=\"closeMobile()\">\u2b50 Why Choose Us<\/a>\r\n    <a href=\"#activities\" onclick=\"closeMobile()\">\ud83c\udfa8 Activities<\/a>\r\n    <a href=\"#gallery\" onclick=\"closeMobile()\">\ud83d\uddbc\ufe0f Gallery<\/a>\r\n    <a href=\"#testimonials\" onclick=\"closeMobile()\">\ud83d\udcac Testimonials<\/a>\r\n    <a href=\"#contact\" onclick=\"closeMobile()\">\ud83d\udccd Contact<\/a>\r\n    <a href=\"#admission\" onclick=\"closeMobile()\" style=\"background:linear-gradient(135deg,#FF7043,#FF5722);color:white;text-align:center;font-size:16px;\">\ud83c\udf89 Enroll Now<\/a>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- ===== HERO SECTION ===== -->\r\n<section id=\"hero\">\r\n  <div class=\"hero-bg-pattern\">\r\n    <div class=\"bubble b1\"><\/div>\r\n    <div class=\"bubble b2\"><\/div>\r\n    <div class=\"bubble b3\"><\/div>\r\n    <div class=\"bubble b4\"><\/div>\r\n    <div class=\"bubble b5\"><\/div>\r\n    <div class=\"bubble b6\"><\/div>\r\n  <\/div>\r\n  <div class=\"hero-floating-icons\">\r\n    <span class=\"fi fi1\">\u2b50<\/span>\r\n    <span class=\"fi fi2\">\ud83c\udf88<\/span>\r\n    <span class=\"fi fi3\">\ud83d\udcda<\/span>\r\n    <span class=\"fi fi4\">\ud83c\udfa8<\/span>\r\n    <span class=\"fi fi5\">\ud83e\udd8b<\/span>\r\n    <span class=\"fi fi6\">\ud83c\udf1f<\/span>\r\n    <span class=\"fi fi7\">\ud83c\udfb5<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-text\">\r\n      <div class=\"hero-badge\">\ud83c\udf1f Ajmer's Most Trusted Pre School<\/div>\r\n      <h1 class=\"hero-title\">\r\n        Welcome to<br>\r\n        <span>London Kids International<\/span><br>\r\n        School Ajmer! \ud83c\udf92\r\n      <\/h1>\r\n      <p class=\"hero-tagline\">\r\n        Where Little Minds Bloom & Learn Through Play! \ud83c\udf38<br>\r\n        Nurturing Tomorrow's Leaders, Today.\r\n      <\/p>\r\n      <div class=\"hero-buttons\">\r\n        <a href=\"#admission\" class=\"btn-primary\">\ud83c\udf89 Enroll Now<\/a>\r\n        <a href=\"tel:08387009560\" class=\"btn-secondary\">\ud83d\udcde Call Us<\/a>\r\n      <\/div>\r\n      <div class=\"hero-stats\">\r\n        <div class=\"stat-box\">\r\n          <div class=\"num\">500+<\/div>\r\n          <div class=\"lbl\">Happy Kids<\/div>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n          <div class=\"num\">5+<\/div>\r\n          <div class=\"lbl\">Years Experience<\/div>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n          <div class=\"num\">15+<\/div>\r\n          <div class=\"lbl\">Expert Teachers<\/div>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n          <div class=\"num\">Tution Facility<\/div>\r\n          <div class=\"lbl\">Nursery to 10th All Subjects<\/div>\r\n        <\/div>\r\n        <div class=\"stat-box\">\r\n          <div class=\"num\">Day Care Facility<\/div>\r\n          <div class=\"lbl\">Age Group - 1 Year to <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-visual\">\r\n      <div class=\"hero-card-stack\">\r\n        <div class=\"hero-main-card\">\r\n          <div class=\"hero-school-icon\" style=\"background:none;box-shadow:none;\">\r\n            <img decoding=\"async\" src=\"https:\/\/londonkidsajmer.com\/wp-content\/uploads\/2026\/03\/LOGO.webp\" alt=\"London Kids International School Sanstha Ajmer Logo\" style=\"width:100px;height:100px;object-fit:contain;\">\r\n          <\/div>\r\n          <div class=\"hero-card-title\">London Kids International School Ajmer<\/div>\r\n          <div class=\"hero-card-desc\">Near 99 store, H.B. Nagar, Naka Madar, Ajmer, Rajasthan<\/div>\r\n          <div class=\"hero-age-badge\">Age: 1.5 \u2013 6 Years<\/div>\r\n          <div style=\"display:flex;gap:8px;margin-top:8px;\">\r\n            <span style=\"background:#E3F2FD;color:#0277BD;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:700;\">Play Group<\/span>\r\n            <span style=\"background:#E8F5E9;color:#2E7D32;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:700;\">Nursery<\/span>\r\n          <\/div>\r\n          <div style=\"display:flex;gap:8px;\">\r\n            <span style=\"background:#FFF3E0;color:#E65100;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:700;\">LKG<\/span>\r\n            <span style=\"background:#F3E5F5;color:#7B1FA2;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:700;\">UKG<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"floating-card fc1\">\r\n          <span class=\"fc-icon\">\ud83c\udf93<\/span>\r\n          <span>Admissions Open!<\/span>\r\n        <\/div>\r\n        <div class=\"floating-card fc2\">\r\n          <span class=\"fc-icon\">\u2764\ufe0f<\/span>\r\n          <span>Safe & Secure<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== ABOUT SECTION ===== -->\r\n<section id=\"about\">\r\n  <div class=\"section-container\">\r\n    <div class=\"about-grid\">\r\n      <div class=\"about-visual fade-in-left\">\r\n        <div class=\"about-big-box\">\r\n          <span class=\"main-icon\"><img decoding=\"async\" src=\"https:\/\/londonkidsajmer.com\/wp-content\/uploads\/2026\/03\/LOGO.webp\" alt=\"London Kids International School Sanstha Ajmer Logo\" style=\"width:80px;height:80px;object-fit:contain;\"><\/span>\r\n          <h3>London Kids International School Ajmer<\/h3>\r\n          <p>Building a strong foundation for every child's bright future since our inception in Ajmer!<\/p>\r\n        <\/div>\r\n        <div class=\"about-mini-cards\">\r\n          <div class=\"about-mini-card\">\r\n            <span class=\"icon\">\ud83c\udf93<\/span>\r\n            <div class=\"label\">Expert Teachers<\/div>\r\n          <\/div>\r\n          <div class=\"about-mini-card\">\r\n            <span class=\"icon\">\ud83d\udee1\ufe0f<\/span>\r\n            <div class=\"label\">100% Safe<\/div>\r\n          <\/div>\r\n          <div class=\"about-mini-card\">\r\n            <span class=\"icon\">\ud83c\udfa8<\/span>\r\n            <div class=\"label\">Creative Learning<\/div>\r\n          <\/div>\r\n          <div class=\"about-mini-card\">\r\n            <span class=\"icon\">\u2764\ufe0f<\/span>\r\n            <div class=\"label\">Child-Centric<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"about-text fade-in-right\">\r\n        <div class=\"section-label\" style=\"background:#E3F2FD;color:#0277BD;\">\ud83c\udfeb About Us<\/div>\r\n        <h2>A Place Where <span>Every Child<\/span> Shines Bright \u2728<\/h2>\r\n        <p>\r\n          At <strong>London Kids International School Ajmer<\/strong>, we believe that early childhood is the most crucial phase of a child's development. Located in the heart of Ajmer at Naka Madar, our school provides a <strong>safe, nurturing, and stimulating environment<\/strong> where children aged <strong>1.5 to 6 years<\/strong> explore, discover, and grow.\r\n        <\/p>\r\n        <p>\r\n          Our team of <strong>experienced and caring teachers<\/strong> use activity-based and play-way methods of learning to ensure every child develops holistically \u2014 intellectually, emotionally, socially, and physically. We go beyond textbooks to nurture <strong>confidence, creativity, and curiosity<\/strong> in each child.\r\n        <\/p>\r\n        <p>\r\n          We believe every child is unique and special. Our approach focuses on individual attention, helping every little learner bloom at their own pace in a joyful and loving atmosphere.\r\n        <\/p>\r\n        <div class=\"about-highlights\">\r\n          <div class=\"highlight-item\">\r\n            <span class=\"hi-icon\">\ud83c\udf1f<\/span>\r\n            <span class=\"hi-text\">Activity-Based & Play-Way Learning Methodology<\/span>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <span class=\"hi-icon\">\ud83d\udca1<\/span>\r\n            <span class=\"hi-text\">Holistic Development \u2014 Mind, Body & Soul<\/span>\r\n          <\/div>\r\n          <div class=\"highlight-item\">\r\n            <span class=\"hi-icon\">\ud83d\udc76<\/span>\r\n            <span class=\"hi-text\">Welcoming Children from 1.5 to 6 Years of Age<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== PROGRAMS SECTION ===== -->\r\n<section id=\"programs\">\r\n  <div class=\"section-container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-label\" style=\"background:#FFF3E0;color:#E65100;\">\ud83d\udcda Our Programs<\/div>\r\n      <h2 class=\"section-title\">Age-Appropriate Programs for <span style=\"color:var(--orange);\">Every Little Learner<\/span><\/h2>\r\n      <p class=\"section-desc\">We offer carefully structured programs designed to match each child's developmental stage with fun and interactive activities.<\/p>\r\n    <\/div>\r\n    <div class=\"programs-grid\">\r\n      <div class=\"program-card pc1 fade-in\" style=\"transition-delay:0.1s;\">\r\n        <div class=\"program-icon-wrap ic1\">\ud83c\udf7c<\/div>\r\n        <h3>Play Group<\/h3>\r\n        <div class=\"program-age a1\">Age: 1.5 \u2013 2.5 Years<\/div>\r\n        <p>A gentle introduction to school life through music, play, and sensory activities. We help toddlers feel comfortable and confident in a group setting while building social skills.<\/p>\r\n      <\/div>\r\n      <div class=\"program-card pc2 fade-in\" style=\"transition-delay:0.2s;\">\r\n        <div class=\"program-icon-wrap ic2\">\ud83c\udf31<\/div>\r\n        <h3>Nursery<\/h3>\r\n        <div class=\"program-age a2\">Age: 2.5 \u2013 3.5 Years<\/div>\r\n        <p>Children begin structured learning with letters, numbers, colours, and shapes through stories, songs, and hands-on activities. Building language and communication skills.<\/p>\r\n      <\/div>\r\n      <div class=\"program-card pc3 fade-in\" style=\"transition-delay:0.3s;\">\r\n        <div class=\"program-icon-wrap ic3\">\ud83d\udcd6<\/div>\r\n        <h3>LKG<\/h3>\r\n        <div class=\"program-age a3\">Age: 3.5 \u2013 4.5 Years<\/div>\r\n        <p>Lower Kindergarten introduces reading readiness, phonics, basic math concepts, and environmental awareness through engaging projects and collaborative learning.<\/p>\r\n      <\/div>\r\n      <div class=\"program-card pc4 fade-in\" style=\"transition-delay:0.4s;\">\r\n        <div class=\"program-icon-wrap ic4\">\ud83c\udf92<\/div>\r\n        <h3>UKG<\/h3>\r\n        <div class=\"program-age a4\">Age: 4.5 \u2013 5.5 Years<\/div>\r\n        <p>Upper Kindergarten prepares children for primary school with advanced language skills, early writing, number work, and critical thinking through fun-filled projects.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== WHY CHOOSE US SECTION ===== -->\r\n<section id=\"why\">\r\n  <div class=\"section-container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-label\" style=\"background:#E8F5E9;color:#2E7D32;\">\u2b50 Why Choose Us<\/div>\r\n      <h2 class=\"section-title\">Why <span style=\"color:var(--green);\">Parents Love<\/span> London Kids International!<\/h2>\r\n      <p class=\"section-desc\">We are committed to providing the best early education experience with features that make us stand out from the rest.<\/p>\r\n    <\/div>\r\n    <div class=\"why-grid\">\r\n      <div class=\"why-card wc1 fade-in\" style=\"transition-delay:0.1s;\">\r\n        <div class=\"why-icon wi1\">\ud83d\udee1\ufe0f<\/div>\r\n        <h3>Safe & Secure Campus<\/h3>\r\n        <p>Our campus is fully secured with controlled entry-exit, boundary walls, and trained staff \u2014 so parents can drop off their little ones with complete peace of mind.<\/p>\r\n      <\/div>\r\n      <div class=\"why-card wc2 fade-in\" style=\"transition-delay:0.2s;\">\r\n        <div class=\"why-icon wi2\">\ud83d\udc69\u200d\ud83c\udfeb<\/div>\r\n        <h3>Experienced & Caring Teachers<\/h3>\r\n        <p>Our passionate and highly trained teachers treat every child with warmth and love. They are dedicated to making each child's school journey joyful and memorable.<\/p>\r\n      <\/div>\r\n      <div class=\"why-card wc3 fade-in\" style=\"transition-delay:0.3s;\">\r\n        <div class=\"why-icon wi3\">\ud83c\udfaf<\/div>\r\n        <h3>Activity-Based Learning<\/h3>\r\n        <p>We follow a proven play-way method where children learn through doing \u2014 crafts, games, projects, stories, and more \u2014 making learning truly enjoyable.<\/p>\r\n      <\/div>\r\n      <div class=\"why-card wc4 fade-in\" style=\"transition-delay:0.4s;\">\r\n        <div class=\"why-icon wi4\">\ud83d\udcf9<\/div>\r\n        <h3>CCTV Surveillance<\/h3>\r\n        <p>Our school is equipped with 24\/7 CCTV cameras throughout the premises ensuring complete safety and security monitoring at all times.<\/p>\r\n      <\/div>\r\n      <div class=\"why-card wc5 fade-in\" style=\"transition-delay:0.5s;\">\r\n        <div class=\"why-icon wi5\">\u2728<\/div>\r\n        <h3>Hygienic & Clean Environment<\/h3>\r\n        <p>We maintain the highest standards of cleanliness and hygiene in classrooms, play areas, and washrooms to keep your child healthy and comfortable every day.<\/p>\r\n      <\/div>\r\n      <div class=\"why-card wc6 fade-in\" style=\"transition-delay:0.6s;\">\r\n        <div class=\"why-icon wi6\">\ud83d\udc76<\/div>\r\n        <h3>Individual Attention<\/h3>\r\n        <p>We maintain a low student-to-teacher ratio so every child receives individual attention, support, and encouragement to grow at their own unique pace.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== ACTIVITIES SECTION ===== -->\r\n<section id=\"activities\">\r\n  <div class=\"section-container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-label\" style=\"background:#FCE4EC;color:#C2185B;\">\ud83c\udfa8 Fun Activities<\/div>\r\n      <h2 class=\"section-title\">Exciting Activities That Make <span style=\"color:var(--pink);\">Learning Fun!<\/span><\/h2>\r\n      <p class=\"section-desc\">Beyond academics, we offer a rich variety of activities to help children discover their passions and develop all-round skills.<\/p>\r\n    <\/div>\r\n    <div class=\"activities-grid\">\r\n      <div class=\"activity-card fade-in\" style=\"transition-delay:0.1s;\">\r\n        <span class=\"activity-emoji\">\ud83d\udc83<\/span>\r\n        <h3>Dance & Music<\/h3>\r\n        <p>Children express themselves through rhythmic dance movements and melodious songs, building confidence, coordination, and a love for performing arts.<\/p>\r\n      <\/div>\r\n      <div class=\"activity-card fade-in\" style=\"transition-delay:0.2s;\">\r\n        <span class=\"activity-emoji\">\ud83c\udfa8<\/span>\r\n        <h3>Art & Craft<\/h3>\r\n        <p>From painting and drawing to paper crafts and clay modeling \u2014 children unleash their creativity and develop fine motor skills through artistic exploration.<\/p>\r\n      <\/div>\r\n      <div class=\"activity-card fade-in\" style=\"transition-delay:0.3s;\">\r\n        <span class=\"activity-emoji\">\ud83d\udcd6<\/span>\r\n        <h3>Storytelling<\/h3>\r\n        <p>Engaging stories spark imagination, improve listening skills, and build a love for reading. Our teachers bring stories to life with props and puppets!<\/p>\r\n      <\/div>\r\n      <div class=\"activity-card fade-in\" style=\"transition-delay:0.4s;\">\r\n        <span class=\"activity-emoji\">\u26bd<\/span>\r\n        <h3>Indoor & Outdoor Games<\/h3>\r\n        <p>Physical play is essential for healthy development. We have dedicated play areas for both indoor and outdoor games to keep children active and energetic.<\/p>\r\n      <\/div>\r\n      <div class=\"activity-card fade-in\" style=\"transition-delay:0.5s;\">\r\n        <span class=\"activity-emoji\">\ud83c\udfb5<\/span>\r\n        <h3>Rhymes & Poems<\/h3>\r\n        <p>Children learn English and Hindi rhymes that improve vocabulary, memory, pronunciation, and rhythm while making them confident speakers from a young age.<\/p>\r\n      <\/div>\r\n      <div class=\"activity-card fade-in\" style=\"transition-delay:0.6s;\">\r\n        <span class=\"activity-emoji\">\ud83c\udf89<\/span>\r\n        <h3>Festival Celebrations<\/h3>\r\n        <p>We celebrate all major festivals \u2014 Diwali, Holi, Christmas, Eid, Independence Day and more \u2014 teaching children about our rich cultural diversity.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== GALLERY SECTION ===== -->\r\n<section id=\"gallery\">\r\n  <div class=\"section-container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-label\" style=\"background:#F3E5F5;color:#7B1FA2;\">\ud83d\uddbc\ufe0f Photo Gallery<\/div>\r\n      <h2 class=\"section-title\">Moments of <span style=\"color:var(--purple);\">Joy & Learning<\/span> at Our School<\/h2>\r\n      <p class=\"section-desc\">A sneak peek into the happy, colorful world of London Kids International School Sanstha Ajmer. More photos coming soon!<\/p>\r\n    <\/div>\r\n    <div class=\"gallery-grid\">\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.1s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/2024-04-27.jpg\" data-caption=\"\ud83c\udfeb School Activity\" alt=\"London Kids International School Sanstha Ajmer - School Activity\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#29B6F6,#AB47BC)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\ud83c\udfeb School Activity<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.2s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/unnamed-4.jpg\" data-caption=\"\ud83c\udfa8 Kids Learning\" alt=\"London Kids International School Sanstha Ajmer - Kids Learning\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#FF7043,#FFD600)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\ud83c\udfa8 Kids Learning<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.3s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/2024-04dd27.jpg\" data-caption=\"\ud83d\udcda Classroom Fun\" alt=\"London Kids International School Sanstha Ajmer - Classroom Fun\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#66BB6A,#29B6F6)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\ud83d\udcda Classroom Fun<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.4s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/2024-0d4-27.jpg\" data-caption=\"\u26bd Play Time\" alt=\"London Kids International School Sanstha Ajmer - Play Time\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#F06292,#AB47BC)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\u26bd Play Time<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.5s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/unnamedsd-4.jpg\" data-caption=\"\ud83c\udfa8 Art & Craft\" alt=\"London Kids International School Sanstha Ajmer - Art & Craft\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#FFD600,#FF7043)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\ud83c\udfa8 Art & Craft<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.6s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/2024-0dsaf4-27.jpg\" data-caption=\"\ud83c\udf89 Festival Celebration\" alt=\"London Kids International School Sanstha Ajmer - Festival Celebration\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#AB47BC,#F06292)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\ud83c\udf89 Festival Celebration<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.7s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/sasdfsfd.jpg\" data-caption=\"\ud83d\udc83 Dance & Music\" alt=\"London Kids International School Sanstha Ajmer - Dance & Music\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#29B6F6,#66BB6A)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\ud83d\udc83 Dance & Music<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"gallery-item fade-in\" style=\"transition-delay:0.8s;\">\r\n        <img decoding=\"async\" src=\"https:\/\/kids.codebanao.com\/wp-content\/uploads\/2026\/03\/safd.jpg\" data-caption=\"\ud83d\udcd6 Story Time\" alt=\"London Kids International School Sanstha Ajmer - Story Time\" loading=\"lazy\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#FF7043,#F06292)';this.style.display='none';\" \/>\r\n        <div class=\"gallery-overlay\"><span>\ud83d\udcd6 Story Time<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== TESTIMONIALS SECTION ===== -->\r\n<section id=\"testimonials\">\r\n  <div class=\"section-container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-label\" style=\"background:#FFFDE7;color:#F57F17;\">\ud83d\udcac Parent Reviews<\/div>\r\n      <h2 class=\"section-title\">What <span style=\"color:var(--yellow);\">Happy Parents<\/span> Are Saying!<\/h2>\r\n      <p class=\"section-desc\">Don't just take our word for it \u2014 hear from the parents whose children are thriving at London Kids International School Sanstha Ajmer.<\/p>\r\n    <\/div>\r\n    <div class=\"testimonials-grid\">\r\n      <div class=\"testimonial-card fade-in\" style=\"transition-delay:0.1s;\">\r\n        <span class=\"quote-icon\">\"<\/span>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          \"My daughter Priya has transformed completely since joining London Kids International School Sanstha Ajmer. She was very shy before, but now she confidently sings, dances, and interacts with everyone! The teachers are so loving and patient. Best decision we ever made for our child!\"\r\n        <\/p>\r\n        <div class=\"testimonial-author\">\r\n          <div class=\"author-avatar av1\">\ud83d\udc69<\/div>\r\n          <div>\r\n            <div class=\"author-name\">Sunita Sharma<\/div>\r\n            <div class=\"author-role\">Mother of Priya, Nursery Class<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card fade-in\" style=\"transition-delay:0.2s;\">\r\n        <span class=\"quote-icon\">\"<\/span>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          \"We were worried about our son Aryan's development but London Kids International School Sanstha Ajmer addressed all our concerns beautifully. The CCTV facility gives us peace of mind, and the teachers give personal attention to every child. The school has an amazing, clean environment!\"\r\n        <\/p>\r\n        <div class=\"testimonial-author\">\r\n          <div class=\"author-avatar av2\">\ud83d\udc68<\/div>\r\n          <div>\r\n            <div class=\"author-name\">Rakesh Verma<\/div>\r\n            <div class=\"author-role\">Father of Aryan, LKG Class<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"testimonial-card fade-in\" style=\"transition-delay:0.3s;\">\r\n        <span class=\"quote-icon\">\"<\/span>\r\n        <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <p class=\"testimonial-text\">\r\n          \"I can see the holistic growth in my child every single day. The activities \u2014 art, music, storytelling, festival celebrations \u2014 are absolutely wonderful! My Meera loves going to school every morning. London Kids International School Sanstha Ajmer is truly the best pre school in Ajmer!\"\r\n        <\/p>\r\n        <div class=\"testimonial-author\">\r\n          <div class=\"author-avatar av3\">\ud83d\udc69<\/div>\r\n          <div>\r\n            <div class=\"author-name\">Kavita Patel<\/div>\r\n            <div class=\"author-role\">Mother of Meera, Play Group<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== ADMISSION SECTION ===== -->\r\n<section id=\"admission\">\r\n  <div class=\"section-container\">\r\n    <div class=\"admission-container\">\r\n      <div class=\"admission-info fade-in-left\">\r\n        <div class=\"section-label\" style=\"background:rgba(255,255,255,0.2);color:white;margin-bottom:16px;\">\ud83c\udf89 Admissions Open<\/div>\r\n        <h2>Admissions Open \u2013<br>Enroll Your Child <span style=\"color:var(--yellow);\">Today!<\/span> \ud83c\udf1f<\/h2>\r\n        <p>\r\n          Give your child the best start in life with London Kids International School Sanstha Ajmer. We are currently accepting admissions for all our programs. Limited seats available \u2014 register today to secure your child's spot!\r\n        <\/p>\r\n        <ul class=\"admission-points\">\r\n          <li>Play Group \u2014 Age 1.5 to 2.5 Years<\/li>\r\n          <li>Nursery \u2014 Age 2.5 to 3.5 Years<\/li>\r\n          <li>LKG \u2014 Age 3.5 to 4.5 Years<\/li>\r\n          <li>UKG \u2014 Age 4.5 to 5.5 Years<\/li>\r\n          <li>Experienced & Caring Staff<\/li>\r\n          <li>Safe, Nurturing Environment<\/li>\r\n          <li>Activity-Based Learning<\/li>\r\n        <\/ul>\r\n        <div style=\"margin-top:32px;display:flex;gap:16px;flex-wrap:wrap;\">\r\n          <a href=\"tel:08387009560\" style=\"background:white;color:#1A237E;padding:14px 28px;border-radius:14px;font-size:15px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all 0.3s;\" onmouseover=\"this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\ud83d\udcde 08387009560<\/a>\r\n          <a href=\"https:\/\/wa.me\/918387009560\" target=\"_blank\" style=\"background:#25D366;color:white;padding:14px 28px;border-radius:14px;font-size:15px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all 0.3s;\" onmouseover=\"this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\ud83d\udcac WhatsApp Us<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"admission-form fade-in-right\">\r\n        <h3>\ud83d\udcdd Quick Enquiry Form<\/h3>\r\n        <form id=\"enrollForm\" onsubmit=\"handleSubmit(event)\">\r\n          <div class=\"form-grid\">\r\n            <div class=\"form-group\">\r\n              <label for=\"parentName\">\ud83d\udc64 Parent Name *<\/label>\r\n              <input type=\"text\" id=\"parentName\" placeholder=\"Enter your full name\" required \/>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"phone\">\ud83d\udcf1 Phone Number *<\/label>\r\n              <input type=\"tel\" id=\"phone\" placeholder=\"Your contact number\" required \/>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"childName\">\ud83d\udc76 Child's Name *<\/label>\r\n              <input type=\"text\" id=\"childName\" placeholder=\"Enter child's name\" required \/>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n              <label for=\"childAge\">\ud83c\udf82 Child's Age *<\/label>\r\n              <select id=\"childAge\" required>\r\n                <option value=\"\">Select age group<\/option>\r\n                <option>1.5 - 2.5 Years (Play Group)<\/option>\r\n                <option>2.5 - 3.5 Years (Nursery)<\/option>\r\n                <option>3.5 - 4.5 Years (LKG)<\/option>\r\n                <option>4.5 - 5.5 Years (UKG)<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"form-group full\">\r\n              <label for=\"message\">\ud83d\udcac Message (Optional)<\/label>\r\n              <textarea id=\"message\" placeholder=\"Any specific questions or requirements...\"><\/textarea>\r\n            <\/div>\r\n          <\/div>\r\n          <button type=\"submit\" class=\"submit-btn\">\r\n            \ud83c\udf89 Submit Enquiry\r\n          <\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== CONTACT SECTION ===== -->\r\n<section id=\"contact\">\r\n  <div class=\"section-container\">\r\n    <div class=\"section-header fade-in\">\r\n      <div class=\"section-label\" style=\"background:#E3F2FD;color:#0277BD;\">\ud83d\udccd Contact Us<\/div>\r\n      <h2 class=\"section-title\">Find Us & <span style=\"color:var(--sky);\">Get in Touch!<\/span><\/h2>\r\n      <p class=\"section-desc\">We'd love to hear from you. Visit us, call us, or reach out online \u2014 we're always happy to help!<\/p>\r\n    <\/div>\r\n    <div class=\"contact-grid\">\r\n      <div class=\"contact-info fade-in-left\">\r\n        <h2><span>Contact<\/span> Details<\/h2>\r\n\r\n        <div class=\"contact-item\">\r\n          <div class=\"ci-icon cii1\">\ud83d\udccd<\/div>\r\n          <div class=\"ci-text\">\r\n            <strong>Our Address<\/strong>\r\n            <span>Near 99 store, H.B. Nagar, Naka Madar, Ajmer, Rajasthan, India<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-item\">\r\n          <div class=\"ci-icon cii2\">\ud83d\udcde<\/div>\r\n          <div class=\"ci-text\">\r\n            <strong>Phone Number<\/strong>\r\n            <a href=\"tel:08387009560\">08387009560<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-item\">\r\n          <div class=\"ci-icon cii3\">\u23f0<\/div>\r\n          <div class=\"ci-text\">\r\n            <strong>School Timing<\/strong>\r\n            <span>Monday \u2013 Saturday: 8:00 AM \u2013 7:00 PM<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-item\">\r\n          <div class=\"ci-icon cii4\">\ud83d\udcac<\/div>\r\n          <div class=\"ci-text\">\r\n            <strong>WhatsApp<\/strong>\r\n            <a href=\"https:\/\/wa.me\/918387009560\" target=\"_blank\">Chat with us on WhatsApp<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div style=\"display:flex;flex-direction:column;gap:12px;margin-top:8px;\">\r\n          <a href=\"tel:08387009560\" class=\"btn-primary\" style=\"display:inline-flex;width:fit-content;background:linear-gradient(135deg,var(--sky),var(--purple));color:white;box-shadow:0 6px 20px rgba(41,182,246,0.4);\">\r\n            \ud83d\udcde Call Now: 08387009560\r\n          <\/a>\r\n          <a href=\"https:\/\/wa.me\/918387009560\" target=\"_blank\" class=\"btn-primary\" style=\"display:inline-flex;width:fit-content;background:#25D366;color:white;box-shadow:0 6px 20px rgba(37,211,102,0.4);\">\r\n            \ud83d\udcac WhatsApp Us\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fade-in-right\">\r\n        <div class=\"map-container\">\r\n          <iframe\r\n            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d4288.84044027696!2d74.67559372810811!3d26.458389005371398!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396be799f2b5a76b%3A0x9f90b3331fa4c40f!2sLONDON%20KIDS%20PRE%20SCHOOL!5e0!3m2!1sen!2sin!4v1773057927395!5m2!1sen!2sin\"\r\n            width=\"600\"\r\n            height=\"450\"\r\n            style=\"border:0;\"\r\n            allowfullscreen=\"\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"no-referrer-when-downgrade\"\r\n            title=\"London Kids International School Sanstha Ajmer - Naka Madar, Ajmer\"\r\n          ><\/iframe>\r\n        <\/div>\r\n        <div style=\"margin-top:16px;text-align:center;\">\r\n          <a href=\"https:\/\/maps.app.goo.gl\/tieb2NybJodUxEAXA\" target=\"_blank\" style=\"display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:white;padding:12px 28px;border-radius:14px;font-size:14px;font-weight:800;text-decoration:none;transition:all 0.3s;\" onmouseover=\"this.style.transform='translateY(-3px)'\" onmouseout=\"this.style.transform='translateY(0)'\">\r\n            \ud83d\uddfa\ufe0f Open in Google Maps\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== FOOTER ===== -->\r\n<footer>\r\n  <div class=\"footer-inner\">\r\n    <div class=\"footer-grid\">\r\n      <div class=\"footer-brand\">\r\n        <div class=\"fb-logo\">\r\n          <div class=\"fb-icon\"><img decoding=\"async\" src=\"https:\/\/londonkidsajmer.com\/wp-content\/uploads\/2026\/03\/LOGO.webp\" alt=\"London Kids International School Sanstha Ajmer Logo\" style=\"width:40px;height:40px;object-fit:contain;\"><\/div>\r\n          <div class=\"fb-name\">\r\n            London Kids International School Ajmer\r\n            <small>Near 99 store, H.B. Nagar, Naka Madar, Ajmer<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        <p>Nurturing little minds with love, care, and creativity. We are committed to providing the best early education for children aged 1.5 to 6 years in Ajmer, Rajasthan.<\/p>\r\n        <div class=\"footer-social\">\r\n          <a href=\"#\" class=\"social-btn fb-social\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/londonkidz.ajm\/\" class=\"social-btn ig-social\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n          <a href=\"#\" class=\"social-btn yt-social\" aria-label=\"YouTube\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>Quick Links<\/h4>\r\n        <ul>\r\n          <li><a href=\"#about\">About Us<\/a><\/li>\r\n          <li><a href=\"#programs\">Our Programs<\/a><\/li>\r\n          <li><a href=\"#why\">Why Choose Us<\/a><\/li>\r\n          <li><a href=\"#activities\">Activities<\/a><\/li>\r\n          <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n          <li><a href=\"#testimonials\">Testimonials<\/a><\/li>\r\n          <li><a href=\"#admission\">Admissions<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>Our Programs<\/h4>\r\n        <ul>\r\n          <li><a href=\"#programs\">\ud83c\udf7c Play Group<\/a><\/li>\r\n          <li><a href=\"#programs\">\ud83c\udf31 Nursery<\/a><\/li>\r\n          <li><a href=\"#programs\">\ud83d\udcd6 LKG<\/a><\/li>\r\n          <li><a href=\"#programs\">\ud83c\udf92 UKG<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>Contact Info<\/h4>\r\n        <div class=\"footer-contact-item\">\r\n          <span>\ud83d\udccd<\/span>\r\n          <span>Near 99 store, H.B. Nagar, Naka Madar, Ajmer, Rajasthan, India<\/span>\r\n        <\/div>\r\n        <div class=\"footer-contact-item\">\r\n          <span>\ud83d\udcde<\/span>\r\n          <a href=\"tel:08387009560\">08387009560<\/a>\r\n        <\/div>\r\n        <div class=\"footer-contact-item\">\r\n          <span>\u23f0<\/span>\r\n          <span>Mon\u2013Sat: 8:00 AM \u2013 7:00 PM<\/span>\r\n        <\/div>\r\n        <div class=\"footer-contact-item\">\r\n          <span>\ud83d\udcac<\/span>\r\n          <a href=\"https:\/\/wa.me\/918387009560\" target=\"_blank\">WhatsApp Us<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n      <p>\u00a9 2026 <span>London Kids International School Ajmer<\/span>. All Rights Reserved. | Made with \u2764\ufe0f for Little Learners<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n\r\n<!-- ===== LIGHTBOX ===== -->\r\n<div id=\"lightbox\">\r\n  <button id=\"lightbox-close\" onclick=\"closeLightbox()\" aria-label=\"Close\">&times;<\/button>\r\n  <button id=\"lightbox-prev\" onclick=\"lbNav(-1)\" aria-label=\"Previous\">&#8249;<\/button>\r\n  <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Gallery Image\" \/>\r\n  <button id=\"lightbox-next\" onclick=\"lbNav(1)\" aria-label=\"Next\">&#8250;<\/button>\r\n  <div id=\"lightbox-caption\"><\/div>\r\n<\/div>\r\n\r\n<!-- ===== FLOATING BUTTONS ===== -->\r\n<a href=\"https:\/\/wa.me\/918387009560\" target=\"_blank\" class=\"float-wa\" title=\"Chat on WhatsApp\">\r\n  <i class=\"fab fa-whatsapp\"><\/i>\r\n<\/a>\r\n<a href=\"tel:08387009560\" class=\"float-call\" title=\"Call Now\">\r\n  <i class=\"fas fa-phone\"><\/i>\r\n<\/a>\r\n\r\n<!-- ===== TOAST ===== -->\r\n<div id=\"toast\">\u2705 Thank you! We'll contact you soon. \ud83c\udf89<\/div>\r\n\r\n<!-- ===== JAVASCRIPT ===== -->\r\n<script>\r\n  \/\/ ===== HAMBURGER MENU =====\r\n  const hamburger = document.getElementById('hamburger');\r\n  const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n  hamburger.addEventListener('click', () => {\r\n    mobileMenu.classList.toggle('open');\r\n    const spans = hamburger.querySelectorAll('span');\r\n    if (mobileMenu.classList.contains('open')) {\r\n      spans[0].style.transform = 'rotate(45deg) translate(5px, 6px)';\r\n      spans[1].style.opacity = '0';\r\n      spans[2].style.transform = 'rotate(-45deg) translate(5px, -6px)';\r\n    } else {\r\n      spans[0].style.transform = '';\r\n      spans[1].style.opacity = '';\r\n      spans[2].style.transform = '';\r\n    }\r\n  });\r\n\r\n  function closeMobile() {\r\n    mobileMenu.classList.remove('open');\r\n    const spans = hamburger.querySelectorAll('span');\r\n    spans[0].style.transform = '';\r\n    spans[1].style.opacity = '';\r\n    spans[2].style.transform = '';\r\n  }\r\n\r\n  \/\/ ===== NAVBAR SCROLL EFFECT =====\r\n  window.addEventListener('scroll', () => {\r\n    const navbar = document.getElementById('lk-navbar');\r\n    if (window.scrollY > 50) {\r\n      navbar.style.boxShadow = '0 4px 30px rgba(0,0,0,0.15)';\r\n    } else {\r\n      navbar.style.boxShadow = '0 4px 20px rgba(0,0,0,0.1)';\r\n    }\r\n  });\r\n\r\n  \/\/ ===== SCROLL ANIMATIONS =====\r\n  const observerOptions = {\r\n    threshold: 0.1,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry, index) => {\r\n      if (entry.isIntersecting) {\r\n        setTimeout(() => {\r\n          entry.target.classList.add('visible');\r\n        }, 100);\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  document.querySelectorAll('.fade-in, .fade-in-left, .fade-in-right').forEach(el => {\r\n    observer.observe(el);\r\n  });\r\n\r\n  \/\/ ===== FORM SUBMIT =====\r\n  function handleSubmit(e) {\r\n    e.preventDefault();\r\n    const btn = document.querySelector('.submit-btn');\r\n\r\n    const parentName = document.getElementById('parentName').value.trim();\r\n    const phone      = document.getElementById('phone').value.trim();\r\n    const childName  = document.getElementById('childName').value.trim();\r\n    const childAge   = document.getElementById('childAge').value.trim();\r\n    const message    = document.getElementById('message').value.trim();\r\n\r\n    const waMessage =\r\n      '\\uD83C\\uDFEB New Admission Enquiry\\n' +\r\n      '----------------------------\\n' +\r\n      '\\uD83D\\uDC64 Parent Name: ' + parentName + '\\n' +\r\n      '\\uD83D\\uDCF1 Phone: ' + phone + '\\n' +\r\n      '\\uD83D\\uDC76 Child Name: ' + childName + '\\n' +\r\n      '\\uD83C\\uDF82 Age Group: ' + childAge + '\\n' +\r\n      (message ? '\\uD83D\\uDCAC Message: ' + message + '\\n' : '') +\r\n      '----------------------------\\n' +\r\n      '_Sent from London Kids International School Sanstha Ajmer_';\r\n\r\n    const waURL = 'https:\/\/wa.me\/918387009560?text=' + encodeURIComponent(waMessage);\r\n\r\n    btn.innerHTML = '\\u2705 Redirecting to WhatsApp...';\r\n    btn.disabled = true;\r\n    btn.style.background = 'linear-gradient(135deg, #25D366, #1da851)';\r\n\r\n    setTimeout(() => {\r\n      window.open(waURL, '_blank');\r\n      document.getElementById('enrollForm').reset();\r\n\r\n      const toast = document.getElementById('toast');\r\n      toast.innerHTML = '\\u2705 Opening WhatsApp! Please send the message. \\uD83D\\uDCAC';\r\n      toast.classList.add('show');\r\n      setTimeout(() => {\r\n        toast.classList.remove('show');\r\n        btn.innerHTML = '\\uD83C\\uDF89 Submit Enquiry';\r\n        btn.disabled = false;\r\n        btn.style.background = 'linear-gradient(135deg, #FF7043, #FF5722)';\r\n      }, 4000);\r\n    }, 800);\r\n  }\r\n\r\n  \/\/ ===== SMOOTH ACTIVE NAV =====\r\n  const sections = document.querySelectorAll('section[id]');\r\n  const navLinks = document.querySelectorAll('.nav-links a');\r\n\r\n  window.addEventListener('scroll', () => {\r\n    let current = '';\r\n    sections.forEach(section => {\r\n      const sectionTop = section.offsetTop - 100;\r\n      if (window.scrollY >= sectionTop) {\r\n        current = section.getAttribute('id');\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.style.background = '';\r\n      link.style.color = '';\r\n      if (link.getAttribute('href') === '#' + current) {\r\n        if (!link.classList.contains('nav-enroll-btn')) {\r\n          link.style.background = '#FFF9C4';\r\n          link.style.color = '#F57F17';\r\n        }\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ ===== STAGGERED ANIMATION FOR CARDS =====\r\n  document.querySelectorAll('.programs-grid .program-card').forEach((card, i) => {\r\n    card.style.transitionDelay = (i * 0.1 + 0.1) + 's';\r\n  });\r\n\r\n  document.querySelectorAll('.why-grid .why-card').forEach((card, i) => {\r\n    card.style.transitionDelay = (i * 0.1 + 0.1) + 's';\r\n  });\r\n\r\n  document.querySelectorAll('.activities-grid .activity-card').forEach((card, i) => {\r\n    card.style.transitionDelay = (i * 0.1 + 0.1) + 's';\r\n  });\r\n\r\n  document.querySelectorAll('.gallery-grid .gallery-item').forEach((item, i) => {\r\n    item.style.transitionDelay = (i * 0.1 + 0.1) + 's';\r\n  });\r\n\r\n  document.querySelectorAll('.testimonials-grid .testimonial-card').forEach((card, i) => {\r\n    card.style.transitionDelay = (i * 0.15 + 0.1) + 's';\r\n  });\r\n\r\n  \/\/ ===== LIGHTBOX =====\r\n  let lbImages = [];\r\n  let lbIndex  = 0;\r\n\r\n  document.querySelectorAll('.gallery-item img').forEach((img) => {\r\n    img.parentElement.addEventListener('click', () => {\r\n      lbImages = Array.from(document.querySelectorAll('.gallery-item img'));\r\n      lbIndex  = lbImages.indexOf(img);\r\n      openLightbox(lbIndex);\r\n    });\r\n  });\r\n\r\n  function openLightbox(index) {\r\n    const img     = lbImages[index];\r\n    const lb      = document.getElementById('lightbox');\r\n    const lbImg   = document.getElementById('lightbox-img');\r\n    const caption = document.getElementById('lightbox-caption');\r\n    lbImg.src           = img.src;\r\n    lbImg.alt           = img.alt;\r\n    caption.textContent = img.dataset.caption || '';\r\n    lb.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeLightbox() {\r\n    document.getElementById('lightbox').classList.remove('active');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  function lbNav(dir) {\r\n    lbIndex = (lbIndex + dir + lbImages.length) % lbImages.length;\r\n    openLightbox(lbIndex);\r\n  }\r\n\r\n  \/\/ Close on backdrop click\r\n  document.getElementById('lightbox').addEventListener('click', function(e) {\r\n    if (e.target === this) closeLightbox();\r\n  });\r\n\r\n  \/\/ Keyboard navigation\r\n  document.addEventListener('keydown', (e) => {\r\n    if (!document.getElementById('lightbox').classList.contains('active')) return;\r\n    if (e.key === 'ArrowRight') lbNav(1);\r\n    if (e.key === 'ArrowLeft')  lbNav(-1);\r\n    if (e.key === 'Escape')     closeLightbox();\r\n  });\r\n\r\n<\/script>\r\n\r\n<\/div><!-- .lk-page -->\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>London Kids International School Ajmer About Programs Why Us Activities Gallery Parents Contact Enroll Now \ud83c\udf89 \ud83c\udfe0 About Us \ud83d\udcda Programs \u2b50 Why Choose Us \ud83c\udfa8 Activities \ud83d\uddbc\ufe0f Gallery \ud83d\udcac Testimonials \ud83d\udccd Contact \ud83c\udf89 Enroll Now \u2b50 \ud83c\udf88 \ud83d\udcda \ud83c\udfa8 \ud83e\udd8b \ud83c\udf1f \ud83c\udfb5 \ud83c\udf1f Ajmer&#8217;s Most Trusted Pre School Welcome to London Kids International School [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":5,"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/londonkidsajmer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}