{"id":1484,"date":"2026-08-25T09:15:26","date_gmt":"2026-08-25T09:15:26","guid":{"rendered":"https:\/\/educationalmentoringindia.com\/?page_id=1484"},"modified":"2026-08-26T12:33:39","modified_gmt":"2026-08-26T12:33:39","slug":"play-xploration-3","status":"publish","type":"page","link":"https:\/\/educationalmentoringindia.com\/index.php\/play-xploration-3\/","title":{"rendered":"Play Xploration-n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1484\" class=\"elementor elementor-1484\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9909e78 e-con-full e-flex e-con e-parent\" data-id=\"9909e78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d22b6e4 elementor-widget elementor-widget-html\" data-id=\"d22b6e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     EMI \u2014 PLAY XPLORATION\r\n     COMPLETE WORDPRESS HTML + CSS + JAVASCRIPT\r\n     \r\n     FOOTER INTENTIONALLY NOT INCLUDED.\r\n     ============================================================ -->\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   EMI DESIGN TOKENS\r\n   ============================================================ *\/\r\n\r\n:root {\r\n  --emi-radius: 1.25rem;\r\n\r\n  --emi-brand-blue: oklch(0.451 0.238 273.6);\r\n  --emi-brand-blue-soft: oklch(0.94 0.035 273.6);\r\n\r\n  --emi-brand-green: oklch(0.712 0.199 148.5);\r\n  --emi-brand-green-soft: oklch(0.95 0.05 148.5);\r\n\r\n  --emi-brand-gold: oklch(0.847 0.157 87.5);\r\n  --emi-brand-gold-soft: oklch(0.96 0.055 87.5);\r\n\r\n  --emi-navy: oklch(0.181 0.032 254);\r\n  --emi-navy-soft: oklch(0.245 0.042 258);\r\n\r\n  --emi-surface: oklch(0.983 0.003 247.9);\r\n\r\n  --emi-background: oklch(1 0 0);\r\n  --emi-foreground: oklch(0.31 0.024 264);\r\n\r\n  --emi-card: oklch(1 0 0);\r\n\r\n  --emi-muted: oklch(0.53 0.03 258);\r\n\r\n  --emi-border: oklch(0.922 0.011 255);\r\n\r\n  --emi-gradient-primary:\r\n    linear-gradient(\r\n      120deg,\r\n      var(--emi-brand-blue),\r\n      var(--emi-brand-green)\r\n    );\r\n\r\n  --emi-gradient-growth:\r\n    linear-gradient(\r\n      120deg,\r\n      var(--emi-brand-green),\r\n      var(--emi-brand-gold)\r\n    );\r\n\r\n  --emi-shadow-soft:\r\n    0 1px 2px oklch(0.2 0.06 268 \/ 0.04),\r\n    0 12px 32px -12px oklch(0.2 0.06 268 \/ 0.14);\r\n\r\n  --emi-shadow-lift:\r\n    0 2px 4px oklch(0.2 0.06 268 \/ 0.05),\r\n    0 28px 60px -24px oklch(0.2 0.06 268 \/ 0.28);\r\n\r\n  --emi-font-display:\r\n    \"Poppins\",\r\n    ui-sans-serif,\r\n    system-ui,\r\n    sans-serif;\r\n\r\n  --emi-font-sans:\r\n    \"Inter\",\r\n    ui-sans-serif,\r\n    system-ui,\r\n    sans-serif;\r\n\r\n  --emi-font-accent:\r\n    \"Manrope\",\r\n    ui-sans-serif,\r\n    system-ui,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   WORDPRESS \/ PAGE RESET\r\n   ============================================================ *\/\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n  -webkit-text-size-adjust: 100%;\r\n}\r\n\r\nbody {\r\n  max-width: 100%;\r\n  margin: 0;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MAIN PAGE\r\n   ============================================================ *\/\r\n\r\n.emi-play-xploration,\r\n.emi-play-xploration *,\r\n.emi-play-xploration *::before,\r\n.emi-play-xploration *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.emi-play-xploration {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: var(--emi-foreground);\r\n  background: var(--emi-background);\r\n\r\n  font-family: var(--emi-font-sans);\r\n  font-feature-settings: \"cv11\", \"ss01\";\r\n\r\n  overflow-x: clip;\r\n}\r\n\r\n.emi-play-xploration img,\r\n.emi-play-xploration svg {\r\n  max-width: 100%;\r\n}\r\n\r\n.emi-play-xploration img {\r\n  height: auto;\r\n}\r\n\r\n.emi-play-xploration a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.emi-play-xploration h1,\r\n.emi-play-xploration h2,\r\n.emi-play-xploration h3,\r\n.emi-play-xploration h4,\r\n.emi-play-xploration h5 {\r\n  margin: 0;\r\n\r\n  color: var(--emi-navy);\r\n\r\n  font-family: var(--emi-font-display);\r\n\r\n  letter-spacing: -0.02em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n.emi-play-xploration p {\r\n  margin: 0;\r\n}\r\n\r\n.emi-play-xploration p,\r\n.emi-play-xploration h1,\r\n.emi-play-xploration h2,\r\n.emi-play-xploration h3,\r\n.emi-play-xploration a {\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CONTAINER\r\n   ============================================================ *\/\r\n\r\n.emi-container {\r\n  width: 100%;\r\n  max-width: 80rem;\r\n\r\n  margin-inline: auto;\r\n\r\n  padding-inline: 1.25rem;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .emi-container {\r\n    padding-inline: 2rem;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SECTION SPACING\r\n   ============================================================ *\/\r\n\r\n.emi-section-y {\r\n  padding-block: 4.5rem;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .emi-section-y {\r\n    padding-block: 7rem;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PAGE HERO\r\n   ============================================================ *\/\r\n\r\n.emi-page-hero {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding-top: 8rem;\r\n  padding-bottom: 4rem;\r\n\r\n  background-color: var(--emi-navy);\r\n\r\n  isolation: isolate;\r\n}\r\n\r\n.emi-page-hero::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: -1;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity: 0.35;\r\n\r\n  background:\r\n    radial-gradient(\r\n      45% 60% at 12% 10%,\r\n      color-mix(\r\n        in oklab,\r\n        var(--emi-brand-blue) 45%,\r\n        transparent\r\n      ),\r\n      transparent 70%\r\n    ),\r\n    radial-gradient(\r\n      35% 45% at 85% 15%,\r\n      color-mix(\r\n        in oklab,\r\n        var(--emi-brand-green) 35%,\r\n        transparent\r\n      ),\r\n      transparent 70%\r\n    ),\r\n    radial-gradient(\r\n      30% 40% at 70% 85%,\r\n      color-mix(\r\n        in oklab,\r\n        var(--emi-brand-gold) 28%,\r\n        transparent\r\n      ),\r\n      transparent 70%\r\n    );\r\n}\r\n\r\n.emi-page-hero-content {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  max-width: 48rem;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BREADCRUMB\r\n   ============================================================ *\/\r\n\r\n.emi-breadcrumb {\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  align-items: center;\r\n\r\n  gap: 0.375rem;\r\n\r\n  margin-bottom: 1.5rem;\r\n\r\n  color: rgba(255, 255, 255, 0.6);\r\n\r\n  font-size: 0.75rem;\r\n\r\n  line-height: 1.5;\r\n}\r\n\r\n.emi-breadcrumb a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n.emi-breadcrumb-current {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 0.375rem;\r\n}\r\n\r\n.emi-breadcrumb-current span:last-child {\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HERO EYEBROW\r\n   ============================================================ *\/\r\n\r\n.emi-hero-eyebrow {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  padding: 0.375rem 0.875rem;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: rgba(255, 255, 255, 0.10);\r\n\r\n  color: var(--emi-brand-gold);\r\n\r\n  font-family: var(--emi-font-accent);\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-transform: uppercase;\r\n\r\n  letter-spacing: 0.18em;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HERO TITLE\r\n   ============================================================ *\/\r\n\r\n.emi-page-hero h1 {\r\n  margin-top: 1.25rem;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: var(--emi-font-display);\r\n\r\n  font-size: 2.25rem;\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-page-hero h1 {\r\n    font-size: 3rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .emi-page-hero {\r\n    padding-top: 11rem;\r\n    padding-bottom: 6rem;\r\n  }\r\n\r\n  .emi-page-hero h1 {\r\n    font-size: 4rem;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HERO INTRO\r\n   ============================================================ *\/\r\n\r\n.emi-page-hero-intro {\r\n  max-width: 42rem;\r\n\r\n  margin-top: 1.5rem;\r\n\r\n  color: rgba(255, 255, 255, 0.70);\r\n\r\n  font-size: 1rem;\r\n\r\n  line-height: 1.625;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-page-hero-intro {\r\n    font-size: 1.125rem;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HERO BUTTON ROW\r\n   ============================================================ *\/\r\n\r\n.emi-page-hero-buttons {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: stretch;\r\n\r\n  gap: 0.75rem;\r\n\r\n  margin-top: 2.25rem;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-page-hero-buttons {\r\n    flex-direction: row;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   COMMON EMI BUTTON\r\n   ============================================================ *\/\r\n\r\n.emi-play-xploration .emi-button {\r\n  display: inline-flex !important;\r\n\r\n  align-items: center !important;\r\n\r\n  justify-content: center !important;\r\n\r\n  gap: 0.5rem;\r\n\r\n  max-width: 100%;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-family: var(--emi-font-accent) !important;\r\n\r\n  font-weight: 600 !important;\r\n\r\n  line-height: 1.2;\r\n\r\n  text-align: center;\r\n\r\n  text-decoration: none !important;\r\n\r\n  white-space: normal;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background-color 300ms ease,\r\n    background-image 300ms ease,\r\n    border-color 300ms ease,\r\n    color 300ms ease,\r\n    box-shadow 300ms ease,\r\n    transform 300ms ease,\r\n    filter 300ms ease;\r\n}\r\n\r\n.emi-button-lg {\r\n  min-height: 3rem;\r\n\r\n  padding: 0.875rem 1.75rem;\r\n\r\n  font-size: 0.9375rem;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   GREEN BUTTON\r\n   BRING IT TO YOUR SCHOOL\r\n   ============================================================ *\/\r\n\r\n.emi-play-xploration .emi-button-green {\r\n  background: var(--emi-brand-green) !important;\r\n\r\n  background-color: var(--emi-brand-green) !important;\r\n\r\n  background-image: none !important;\r\n\r\n  color: var(--emi-navy) !important;\r\n\r\n  border: 1px solid var(--emi-brand-green) !important;\r\n\r\n  box-shadow: var(--emi-shadow-soft);\r\n}\r\n\r\n.emi-play-xploration .emi-button-green:hover {\r\n  background: var(--emi-brand-green) !important;\r\n\r\n  background-color: var(--emi-brand-green) !important;\r\n\r\n  color: var(--emi-navy) !important;\r\n\r\n  box-shadow: var(--emi-shadow-lift);\r\n\r\n  filter: brightness(1.05);\r\n\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.emi-play-xploration .emi-button-green:focus,\r\n.emi-play-xploration .emi-button-green:focus-visible {\r\n  color: var(--emi-navy) !important;\r\n\r\n  outline: 2px solid var(--emi-brand-green);\r\n\r\n  outline-offset: 3px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HERO ECCE BUTTON\r\n   IMPORTANT:\r\n   THIS REMAINS THE OUTLINED WHITE BUTTON\r\n   ============================================================ *\/\r\n\r\n.emi-play-xploration .emi-page-hero-buttons a.emi-button-ghost-light {\r\n  display: inline-flex !important;\r\n\r\n  align-items: center !important;\r\n\r\n  justify-content: center !important;\r\n\r\n  min-height: 3rem;\r\n\r\n  padding: 0.875rem 1.75rem !important;\r\n\r\n  background: transparent !important;\r\n\r\n  background-color: transparent !important;\r\n\r\n  background-image: none !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.35) !important;\r\n\r\n  border-radius: 999px !important;\r\n\r\n  font-family: var(--emi-font-accent) !important;\r\n\r\n  font-size: 0.9375rem !important;\r\n\r\n  font-weight: 600 !important;\r\n\r\n  line-height: 1.2 !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  box-shadow: none !important;\r\n\r\n  opacity: 1 !important;\r\n\r\n  visibility: visible !important;\r\n\r\n  cursor: pointer;\r\n\r\n  filter: none !important;\r\n\r\n  transform: none;\r\n\r\n  transition:\r\n    background-color 300ms ease,\r\n    border-color 300ms ease,\r\n    color 300ms ease,\r\n    transform 300ms ease;\r\n}\r\n\r\n\r\n\/* ECCE HOVER *\/\r\n\r\n.emi-play-xploration .emi-page-hero-buttons a.emi-button-ghost-light:hover {\r\n  background: rgba(255, 255, 255, 0.10) !important;\r\n\r\n  background-color: rgba(255, 255, 255, 0.10) !important;\r\n\r\n  background-image: none !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  border-color: rgba(255, 255, 255, 0.65) !important;\r\n\r\n  box-shadow: none !important;\r\n\r\n  filter: none !important;\r\n\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\r\n\/* ECCE FOCUS *\/\r\n\r\n.emi-play-xploration .emi-page-hero-buttons a.emi-button-ghost-light:focus,\r\n.emi-play-xploration .emi-page-hero-buttons a.emi-button-ghost-light:focus-visible {\r\n  background: rgba(255, 255, 255, 0.10) !important;\r\n\r\n  background-color: rgba(255, 255, 255, 0.10) !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  border-color: rgba(255, 255, 255, 0.70) !important;\r\n\r\n  outline: 2px solid rgba(255, 255, 255, 0.50);\r\n\r\n  outline-offset: 3px;\r\n\r\n  box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ARROW\r\n   ============================================================ *\/\r\n\r\n.emi-arrow {\r\n  width: 1rem;\r\n\r\n  height: 1rem;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  transition: transform 300ms ease;\r\n}\r\n\r\n.emi-button:hover .emi-arrow {\r\n  transform: translateX(0.25rem);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MAIN IDEA SECTION\r\n   ============================================================ *\/\r\n\r\n.emi-main-section {\r\n  background: var(--emi-background);\r\n}\r\n\r\n.emi-two-column {\r\n  display: grid;\r\n\r\n  grid-template-columns: minmax(0, 1fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: 3.5rem;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .emi-two-column {\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      minmax(0, 1fr);\r\n\r\n    gap: 3.5rem;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PLAY IMAGE\r\n   ============================================================ *\/\r\n\r\n.emi-play-image {\r\n  display: block;\r\n\r\n  width: 100% !important;\r\n\r\n  max-width: 100% !important;\r\n\r\n  height: auto !important;\r\n\r\n  border-radius: 1.875rem;\r\n\r\n  object-fit: cover;\r\n\r\n  box-shadow: var(--emi-shadow-lift);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SECTION HEADER\r\n   ============================================================ *\/\r\n\r\n.emi-section-header {\r\n  width: 100%;\r\n\r\n  max-width: 48rem;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n.emi-section-eyebrow {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 0.5rem;\r\n\r\n  padding: 0.375rem 0.875rem;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-family: var(--emi-font-accent);\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-transform: uppercase;\r\n\r\n  letter-spacing: 0.18em;\r\n}\r\n\r\n.emi-section-eyebrow-green {\r\n  background: var(--emi-brand-green-soft);\r\n\r\n  color: oklch(0.36 0.11 150);\r\n}\r\n\r\n.emi-section-eyebrow-gold {\r\n  background: var(--emi-brand-gold-soft);\r\n\r\n  color: var(--emi-navy);\r\n}\r\n\r\n.emi-section-header h2 {\r\n  margin-top: 1.25rem;\r\n\r\n  color: var(--emi-navy);\r\n\r\n  font-family: var(--emi-font-display);\r\n\r\n  font-size: 1.875rem;\r\n\r\n  line-height: 1.1;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-section-header h2 {\r\n    font-size: 2.25rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .emi-section-header h2 {\r\n    font-size: 3.15rem;\r\n  }\r\n}\r\n\r\n.emi-section-header p {\r\n  margin-top: 1.25rem;\r\n\r\n  color: var(--emi-muted);\r\n\r\n  font-size: 1rem;\r\n\r\n  line-height: 1.625;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-section-header p {\r\n    font-size: 1.125rem;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   THEME GRID\r\n   ============================================================ *\/\r\n\r\n.emi-theme-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: minmax(0, 1fr);\r\n\r\n  gap: 1rem;\r\n\r\n  margin-top: 2rem;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-theme-grid {\r\n    grid-template-columns:\r\n      repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   THEME CARD\r\n   ============================================================ *\/\r\n\r\n.emi-theme-card {\r\n  min-width: 0;\r\n\r\n  max-width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  padding: 1.25rem;\r\n\r\n  background: var(--emi-card);\r\n\r\n  border: 1px solid var(--emi-border);\r\n\r\n  border-radius: calc(var(--emi-radius) + 6px);\r\n\r\n  box-shadow: var(--emi-shadow-soft);\r\n\r\n  transition:\r\n    transform 350ms cubic-bezier(0.22, 1, 0.36, 1),\r\n    box-shadow 350ms cubic-bezier(0.22, 1, 0.36, 1),\r\n    border-color 350ms ease;\r\n}\r\n\r\n.emi-theme-card:hover {\r\n  transform: translateY(-6px);\r\n\r\n  box-shadow: var(--emi-shadow-lift);\r\n\r\n  border-color:\r\n    color-mix(\r\n      in oklab,\r\n      var(--emi-brand-blue) 35%,\r\n      transparent\r\n    );\r\n}\r\n\r\n.emi-theme-icon {\r\n  display: block;\r\n\r\n  width: 1.5rem;\r\n\r\n  height: 1.5rem;\r\n\r\n  color: var(--emi-brand-green);\r\n\r\n  flex-shrink: 0;\r\n}\r\n\r\n.emi-theme-card h3 {\r\n  margin-top: 0.75rem;\r\n\r\n  color: var(--emi-navy);\r\n\r\n  font-size: 1rem;\r\n\r\n  line-height: 1.4;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n.emi-theme-card p {\r\n  margin-top: 0.375rem;\r\n\r\n  color: var(--emi-muted);\r\n\r\n  font-size: 0.875rem;\r\n\r\n  line-height: 1.625;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROGRAMME SECTION\r\n   ============================================================ *\/\r\n\r\n.emi-programme-section {\r\n  background: var(--emi-surface);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   EMPTY STATE\r\n   ============================================================ *\/\r\n\r\n.emi-empty-state {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  gap: 0.5rem;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 100%;\r\n\r\n  margin-top: 2.5rem;\r\n\r\n  padding: 2.5rem;\r\n\r\n  text-align: center;\r\n\r\n  background: var(--emi-card);\r\n\r\n  border: 1px dashed var(--emi-border);\r\n\r\n  border-radius: calc(var(--emi-radius) + 6px);\r\n\r\n  box-shadow: var(--emi-shadow-soft);\r\n}\r\n\r\n.emi-empty-state-title {\r\n  color: var(--emi-navy);\r\n\r\n  font-family: var(--emi-font-display);\r\n\r\n  font-size: 1rem;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n.emi-empty-state-note {\r\n  max-width: 28rem;\r\n\r\n  color: var(--emi-muted);\r\n\r\n  font-size: 0.875rem;\r\n\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CTA SECTION\r\n   ============================================================ *\/\r\n\r\n.emi-cta-section {\r\n  background: var(--emi-navy);\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.emi-cta-card {\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 3.5rem 1.5rem;\r\n\r\n  text-align: center;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.10);\r\n\r\n  border-radius: 1.875rem;\r\n\r\n  background: var(--emi-navy-soft);\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-cta-card {\r\n    padding-inline: 3rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .emi-cta-card {\r\n    padding-top: 5rem;\r\n\r\n    padding-bottom: 5rem;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CTA DECORATION\r\n   ============================================================ *\/\r\n\r\n.emi-cta-glow-one {\r\n  position: absolute;\r\n\r\n  left: -6rem;\r\n\r\n  top: -6rem;\r\n\r\n  width: 26rem;\r\n\r\n  height: 26rem;\r\n\r\n  border-radius: 999px;\r\n\r\n  opacity: 0.30;\r\n\r\n  filter: blur(3rem);\r\n\r\n  pointer-events: none;\r\n\r\n  background: var(--emi-gradient-primary);\r\n}\r\n\r\n.emi-cta-glow-two {\r\n  position: absolute;\r\n\r\n  right: -4rem;\r\n\r\n  bottom: -8rem;\r\n\r\n  width: 24rem;\r\n\r\n  height: 24rem;\r\n\r\n  border-radius: 999px;\r\n\r\n  opacity: 0.25;\r\n\r\n  filter: blur(3rem);\r\n\r\n  pointer-events: none;\r\n\r\n  background: var(--emi-gradient-growth);\r\n}\r\n\r\n.emi-cta-content {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 42rem;\r\n\r\n  margin-inline: auto;\r\n}\r\n\r\n.emi-cta-label {\r\n  color: var(--emi-brand-gold);\r\n\r\n  font-family: var(--emi-font-accent);\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-transform: uppercase;\r\n\r\n  letter-spacing: 0.24em;\r\n}\r\n\r\n.emi-cta-content h2 {\r\n  margin-top: 1.25rem;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 1.875rem;\r\n\r\n  line-height: 1.15;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-cta-content h2 {\r\n    font-size: 2.25rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  .emi-cta-content h2 {\r\n    font-size: 3rem;\r\n  }\r\n}\r\n\r\n.emi-cta-content > p {\r\n  margin-top: 1.25rem;\r\n\r\n  color: rgba(255, 255, 255, 0.70);\r\n\r\n  font-size: 1rem;\r\n\r\n  line-height: 1.625;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CTA BUTTONS\r\n   ============================================================ *\/\r\n\r\n.emi-cta-buttons {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 0.75rem;\r\n\r\n  margin-top: 2.25rem;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n  .emi-cta-buttons {\r\n    flex-direction: row;\r\n\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n\r\n\/* CTA GOLD BUTTON *\/\r\n\r\n.emi-play-xploration .emi-button-gold {\r\n  background: var(--emi-brand-gold) !important;\r\n\r\n  background-color: var(--emi-brand-gold) !important;\r\n\r\n  background-image: none !important;\r\n\r\n  color: var(--emi-navy) !important;\r\n\r\n  border: 1px solid var(--emi-brand-gold) !important;\r\n\r\n  box-shadow: var(--emi-shadow-soft);\r\n}\r\n\r\n.emi-play-xploration .emi-button-gold:hover {\r\n  background: var(--emi-brand-gold) !important;\r\n\r\n  background-color: var(--emi-brand-gold) !important;\r\n\r\n  color: var(--emi-navy) !important;\r\n\r\n  box-shadow: var(--emi-shadow-lift);\r\n\r\n  filter: brightness(1.05);\r\n\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\r\n\/* CTA OUTLINED BUTTON *\/\r\n\r\n.emi-play-xploration .emi-cta-buttons a.emi-button-ghost-light {\r\n  display: inline-flex !important;\r\n\r\n  align-items: center !important;\r\n\r\n  justify-content: center !important;\r\n\r\n  min-height: 3rem;\r\n\r\n  padding: 0.875rem 1.75rem !important;\r\n\r\n  background: transparent !important;\r\n\r\n  background-color: transparent !important;\r\n\r\n  background-image: none !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  border: 1px solid rgba(255, 255, 255, 0.35) !important;\r\n\r\n  border-radius: 999px !important;\r\n\r\n  font-family: var(--emi-font-accent) !important;\r\n\r\n  font-size: 0.9375rem !important;\r\n\r\n  font-weight: 600 !important;\r\n\r\n  line-height: 1.2 !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  box-shadow: none !important;\r\n\r\n  opacity: 1 !important;\r\n\r\n  visibility: visible !important;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background-color 300ms ease,\r\n    border-color 300ms ease,\r\n    color 300ms ease,\r\n    transform 300ms ease;\r\n}\r\n\r\n.emi-play-xploration .emi-cta-buttons a.emi-button-ghost-light:hover {\r\n  background: rgba(255, 255, 255, 0.10) !important;\r\n\r\n  background-color: rgba(255, 255, 255, 0.10) !important;\r\n\r\n  color: #ffffff !important;\r\n\r\n  border-color: rgba(255, 255, 255, 0.65) !important;\r\n\r\n  transform: translateY(-1px);\r\n\r\n  box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE RESPONSIVE\r\n   ============================================================ *\/\r\n\r\n@media (max-width: 639px) {\r\n\r\n  .emi-container {\r\n    padding-inline: 1rem;\r\n  }\r\n\r\n  .emi-page-hero {\r\n    padding-top: 7rem;\r\n\r\n    padding-bottom: 4rem;\r\n  }\r\n\r\n  .emi-page-hero h1 {\r\n    font-size: 2.25rem;\r\n  }\r\n\r\n  .emi-page-hero-intro {\r\n    font-size: 1rem;\r\n  }\r\n\r\n  \/*\r\n   * BOTH HERO BUTTONS FULL WIDTH ON MOBILE\r\n   *\/\r\n\r\n  .emi-page-hero-buttons .emi-button {\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  \/*\r\n   * ECCE BUTTON STAYS OUTLINED\r\n   *\/\r\n\r\n  .emi-play-xploration .emi-page-hero-buttons a.emi-button-ghost-light {\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n\r\n    min-height: 3rem;\r\n\r\n    padding: 0.875rem 1.25rem !important;\r\n  }\r\n\r\n  .emi-theme-card {\r\n    width: 100%;\r\n\r\n    max-width: 100%;\r\n  }\r\n\r\n  .emi-empty-state {\r\n    padding: 2rem 1.25rem;\r\n  }\r\n\r\n  .emi-cta-card {\r\n    width: 100%;\r\n  }\r\n\r\n  .emi-cta-buttons .emi-button {\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .emi-play-xploration .emi-cta-buttons a.emi-button-ghost-light {\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n\r\n    min-height: 3rem;\r\n\r\n    padding: 0.875rem 1.25rem !important;\r\n  }\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   WORDPRESS INTRINSIC OVERFLOW PROTECTION\r\n   ============================================================ *\/\r\n\r\n.emi-play-xploration .emi-container,\r\n.emi-play-xploration .emi-two-column,\r\n.emi-play-xploration .emi-section-header,\r\n.emi-play-xploration .emi-theme-grid,\r\n.emi-play-xploration .emi-theme-card,\r\n.emi-play-xploration .emi-cta-content,\r\n.emi-play-xploration .emi-page-hero-content {\r\n  min-width: 0;\r\n}\r\n\r\n.emi-play-xploration img {\r\n  max-width: 100% !important;\r\n}\r\n\r\n.emi-play-xploration .emi-play-image {\r\n  width: 100% !important;\r\n  height: auto !important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ACCESSIBILITY\r\n   ============================================================ *\/\r\n\r\n.emi-play-xploration a:focus-visible {\r\n  outline: 2px solid var(--emi-brand-blue);\r\n\r\n  outline-offset: 3px;\r\n\r\n  border-radius: 4px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   REDUCED MOTION\r\n   ============================================================ *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .emi-play-xploration *,\r\n  .emi-play-xploration *::before,\r\n  .emi-play-xploration *::after {\r\n\r\n    animation-duration: 0.001ms !important;\r\n\r\n    animation-iteration-count: 1 !important;\r\n\r\n    transition-duration: 0.001ms !important;\r\n\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     PLAY XPLORATION PAGE\r\n     ============================================================ -->\r\n\r\n<main\r\n  id=\"play-xploration\"\r\n  class=\"emi-play-xploration\"\r\n>\r\n\r\n\r\n  <!-- ==========================================================\r\n       PAGE HERO\r\n       ========================================================== -->\r\n\r\n  <section class=\"emi-page-hero\">\r\n\r\n    <div class=\"emi-container\">\r\n\r\n      <div class=\"emi-page-hero-content\">\r\n\r\n\r\n        <!-- BREADCRUMB -->\r\n\r\n        <nav\r\n          class=\"emi-breadcrumb\"\r\n          aria-label=\"Breadcrumb\"\r\n        >\r\n\r\n          <a href=\"\/\">\r\n            Home\r\n          <\/a>\r\n\r\n          <span aria-hidden=\"true\">\r\n            \u203a\r\n          <\/span>\r\n\r\n          <span class=\"emi-breadcrumb-current\">\r\n            <span>\r\n              Play Xploration\r\n            <\/span>\r\n          <\/span>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <!-- EYEBROW -->\r\n\r\n        <span class=\"emi-hero-eyebrow\">\r\n          Play Xploration\r\n        <\/span>\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <h1>\r\n          Curiosity is the first curriculum.\r\n        <\/h1>\r\n\r\n\r\n        <!-- INTRO -->\r\n\r\n        <p class=\"emi-page-hero-intro\">\r\n          Play Xploration brings exploration, creativity and discovery\r\n          into the early years \u2014 aligned with the play-based principles\r\n          behind EMI's ECCE work.\r\n        <\/p>\r\n\r\n\r\n        <!-- HERO BUTTONS -->\r\n\r\n        <div class=\"emi-page-hero-buttons\">\r\n\r\n\r\n          <!-- BRING IT TO YOUR SCHOOL -->\r\n\r\n          <a\r\n            href=\"\/contact\/\"\r\n            class=\"emi-button emi-button-lg emi-button-green\"\r\n            aria-label=\"Bring Play Xploration to your school\"\r\n          >\r\n\r\n            <span>\r\n              Bring It To Your School\r\n            <\/span>\r\n\r\n            <svg\r\n              class=\"emi-arrow\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n              aria-hidden=\"true\"\r\n            >\r\n\r\n              <path d=\"M5 12h14\"><\/path>\r\n\r\n              <path d=\"m13 6 6 6-6 6\"><\/path>\r\n\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n\r\n          <!-- SEE ECCE CURRICULUM\r\n               SAME OUTLINED BUTTON\r\n               DO NOT CHANGE -->\r\n\r\n          <a\r\n            href=\"\/solutions\/ecce\/\"\r\n            class=\"emi-button emi-button-lg emi-button-ghost-light\"\r\n            aria-label=\"See ECCE Curriculum\"\r\n          >\r\n\r\n            <span>\r\n              See ECCE Curriculum\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==========================================================\r\n       THE IDEA\r\n       ========================================================== -->\r\n\r\n  <section class=\"emi-section-y emi-main-section\">\r\n\r\n    <div class=\"emi-container\">\r\n\r\n      <div class=\"emi-two-column\">\r\n\r\n\r\n        <!-- IMAGE -->\r\n\r\n        <div>\r\n\r\n          <img loading=\"lazy\"\r\n            class=\"emi-play-image\"\r\n            src=\"https:\/\/educationalmentoringindia.com\/wp-content\/uploads\/2026\/08\/play-xploration-L6JCIH0J.jpg\"\r\n            width=\"1408\"\r\n            height=\"912\"\r\n            loading=\"lazy\"\r\n            decoding=\"async\"\r\n            alt=\"Indian preschool children exploring hands-on learning materials with their teacher\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div>\r\n\r\n          <div class=\"emi-section-header\">\r\n\r\n            <span class=\"emi-section-eyebrow emi-section-eyebrow-green\">\r\n              The idea\r\n            <\/span>\r\n\r\n            <h2>\r\n              Designed for how young children actually learn\r\n            <\/h2>\r\n\r\n            <p>\r\n              In the foundational stage, learning happens through handling,\r\n              testing, repeating and talking. Play Xploration builds that\r\n              into the environment, the materials and the teacher's\r\n              questions.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- THEME CARDS -->\r\n\r\n          <div class=\"emi-theme-grid\">\r\n\r\n\r\n            <!-- EXPLORATION -->\r\n\r\n            <article class=\"emi-theme-card\">\r\n\r\n              <svg\r\n                class=\"emi-theme-icon\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"9\"\r\n                ><\/circle>\r\n\r\n                <path d=\"M12 3v6\"><\/path>\r\n\r\n                <path d=\"M7 8l5 4\"><\/path>\r\n\r\n                <path d=\"M17 8l-5 4\"><\/path>\r\n\r\n                <path d=\"M12 12v9\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n              <h3>\r\n                Exploration\r\n              <\/h3>\r\n\r\n              <p>\r\n                Children lead the question; adults design the environment.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- LEARNING THROUGH PLAY -->\r\n\r\n            <article class=\"emi-theme-card\">\r\n\r\n              <svg\r\n                class=\"emi-theme-icon\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <path d=\"M20 7.5 12 3 4 7.5v9L12 21l8-4.5z\"><\/path>\r\n\r\n                <path d=\"M4 7.5 12 12l8-4.5\"><\/path>\r\n\r\n                <path d=\"M12 12v9\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n              <h3>\r\n                Learning through play\r\n              <\/h3>\r\n\r\n              <p>\r\n                Play as the method, not the reward at the end of the lesson.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- CREATIVITY -->\r\n\r\n            <article class=\"emi-theme-card\">\r\n\r\n              <svg\r\n                class=\"emi-theme-icon\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <path d=\"M12 3a9 9 0 1 0 9 9\"><\/path>\r\n\r\n                <path d=\"M12 3v9h9\"><\/path>\r\n\r\n                <path d=\"M16 5.5 19 3\"><\/path>\r\n\r\n                <path d=\"m18 8 3-1\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n              <h3>\r\n                Creativity\r\n              <\/h3>\r\n\r\n              <p>\r\n                Open-ended materials that allow many right answers.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- DISCOVERY -->\r\n\r\n            <article class=\"emi-theme-card\">\r\n\r\n              <svg\r\n                class=\"emi-theme-icon\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <path d=\"M12 3v18\"><\/path>\r\n\r\n                <path d=\"M3 12h18\"><\/path>\r\n\r\n                <path d=\"m5.6 5.6 12.8 12.8\"><\/path>\r\n\r\n                <path d=\"m18.4 5.6-12.8 12.8\"><\/path>\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"4\"\r\n                ><\/circle>\r\n\r\n              <\/svg>\r\n\r\n              <h3>\r\n                Discovery\r\n              <\/h3>\r\n\r\n              <p>\r\n                Observation-led assessment that records what children\r\n                actually do.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==========================================================\r\n       PROGRAMME DETAIL\r\n       ========================================================== -->\r\n\r\n  <section class=\"emi-section-y emi-programme-section\">\r\n\r\n    <div class=\"emi-container\">\r\n\r\n      <div class=\"emi-section-header\">\r\n\r\n        <span class=\"emi-section-eyebrow emi-section-eyebrow-gold\">\r\n          Programme detail\r\n        <\/span>\r\n\r\n        <h2>\r\n          Modules, schedules and materials\r\n        <\/h2>\r\n\r\n        <p>\r\n          EMI publishes the confirmed Play Xploration programme content\r\n          here.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- EMPTY STATE -->\r\n\r\n      <div class=\"emi-empty-state\">\r\n\r\n        <p class=\"emi-empty-state-title\">\r\n          Programme modules are CMS-editable\r\n        <\/p>\r\n\r\n        <p class=\"emi-empty-state-note\">\r\n          Session plans, age bands, materials lists and photographs for\r\n          Play Xploration publish here once EMI supplies them.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ==========================================================\r\n       CTA BAND\r\n       ========================================================== -->\r\n\r\n  <section class=\"emi-section-y emi-cta-section\">\r\n\r\n    <div class=\"emi-container\">\r\n\r\n      <div class=\"emi-cta-card\">\r\n\r\n\r\n        <!-- DECORATIVE GRADIENTS -->\r\n\r\n        <div\r\n          class=\"emi-cta-glow-one\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"emi-cta-glow-two\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n\r\n        <!-- CTA CONTENT -->\r\n\r\n        <div class=\"emi-cta-content\">\r\n\r\n          <p class=\"emi-cta-label\">\r\n            Partners in Your Growth\r\n          <\/p>\r\n\r\n          <h2>\r\n            Give your youngest learners room to explore.\r\n          <\/h2>\r\n\r\n          <p>\r\n            Talk to EMI about bringing Play Xploration into your preschool\r\n            or foundational stage.\r\n          <\/p>\r\n\r\n\r\n          <!-- CTA BUTTONS -->\r\n\r\n          <div class=\"emi-cta-buttons\">\r\n\r\n\r\n            <!-- TALK TO OUR TEAM -->\r\n\r\n            <a\r\n              href=\"\/https:\/\/educationalmentoringindia.com\/index.php\/contact-n\/\"\r\n              class=\"emi-button emi-button-lg emi-button-gold\"\r\n            >\r\n\r\n              <span>\r\n                Talk to Our Team\r\n              <\/span>\r\n\r\n              <svg\r\n                class=\"emi-arrow\"\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                aria-hidden=\"true\"\r\n              >\r\n\r\n                <path d=\"M5 12h14\"><\/path>\r\n\r\n                <path d=\"m13 6 6 6-6 6\"><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- BOOK A CONSULTATION -->\r\n\r\n            <a\r\n              href=\"https:\/\/educationalmentoringindia.com\/index.php\/contact-n\/\"\r\n              class=\"emi-button emi-button-lg emi-button-ghost-light\"\r\n            >\r\n\r\n              <span>\r\n                Book a Consultation\r\n              <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n  \/*\r\n   * ============================================================\r\n   * EMI PLAY XPLORATION\r\n   * WordPress-safe technical JavaScript\r\n   * ============================================================\r\n   *\/\r\n\r\n  var page = document.getElementById(\"play-xploration\");\r\n\r\n  if (!page) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/*\r\n   * Prevent accidental horizontal overflow.\r\n   *\/\r\n\r\n  function fixOverflow() {\r\n\r\n    page.style.width = \"100%\";\r\n\r\n    page.style.maxWidth = \"100%\";\r\n\r\n    page.style.minWidth = \"0\";\r\n\r\n    page.style.overflowX = \"clip\";\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Ensure the ECCE button keeps the intended\r\n   * outlined appearance even if the WordPress\r\n   * theme modifies anchor styles.\r\n   *\/\r\n\r\n  function protectHeroButtons() {\r\n\r\n    var ecceButton = page.querySelector(\r\n      \".emi-page-hero-buttons a.emi-button-ghost-light\"\r\n    );\r\n\r\n    if (!ecceButton) {\r\n      return;\r\n    }\r\n\r\n    ecceButton.style.textDecoration = \"none\";\r\n\r\n    ecceButton.style.visibility = \"visible\";\r\n\r\n    ecceButton.style.opacity = \"1\";\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n   * Initial setup.\r\n   *\/\r\n\r\n  fixOverflow();\r\n\r\n  protectHeroButtons();\r\n\r\n\r\n  \/*\r\n   * After page\/image loading.\r\n   *\/\r\n\r\n  window.addEventListener(\"load\", function () {\r\n\r\n    fixOverflow();\r\n\r\n    protectHeroButtons();\r\n\r\n  });\r\n\r\n\r\n  \/*\r\n   * Responsive resize.\r\n   *\/\r\n\r\n  var resizeTimer;\r\n\r\n  window.addEventListener(\"resize\", function () {\r\n\r\n    window.clearTimeout(resizeTimer);\r\n\r\n    resizeTimer = window.setTimeout(function () {\r\n\r\n      fixOverflow();\r\n\r\n      protectHeroButtons();\r\n\r\n    }, 100);\r\n\r\n  });\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>Home \u203a Play Xploration Play Xploration Curiosity is the first curriculum. Play Xploration brings exploration, creativity and discovery into the early years \u2014 aligned with the play-based principles behind EMI&#8217;s ECCE work. Bring It To Your School See ECCE Curriculum The idea Designed for how young children actually learn In the foundational stage, learning happens [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1484","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/comments?post=1484"}],"version-history":[{"count":17,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1484\/revisions"}],"predecessor-version":[{"id":1583,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1484\/revisions\/1583"}],"wp:attachment":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/media?parent=1484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}