{"id":1475,"date":"2026-08-25T09:00:15","date_gmt":"2026-08-25T09:00:15","guid":{"rendered":"https:\/\/educationalmentoringindia.com\/?page_id=1475"},"modified":"2026-08-25T09:07:03","modified_gmt":"2026-08-25T09:07:03","slug":"key-n","status":"publish","type":"page","link":"https:\/\/educationalmentoringindia.com\/index.php\/key-n\/","title":{"rendered":"Key-n"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nKEY \u2014 An EMI Initiative | Educational Mentoring India<\/title>\r\n\r\n<!-- ================================================================\r\n EMI GROWTH PARTNERS \u2014 \"KEY\" PAGE (fixed build)\r\n ------------------------------------------------------------\r\n Everything below is scoped under .emi-key-page so it can be\r\n dropped straight into a WordPress \"Custom HTML\" block, a\r\n Gutenberg \"HTML\" block, an Elementor \"HTML\" widget, or a PHP\r\n page template, without leaking styles into (or clashing with)\r\n the active theme.\r\n\r\n Fixes applied vs. the original React\/Tailwind build:\r\n 1. Horizontal scroll \u2014 every grid\/flex child that could grow\r\n past its track now gets min-width:0 (grid tracks use\r\n minmax(0,1fr) instead of bare 1fr). Decorative blurred\r\n orbs are clipped by an explicit overflow:hidden on their\r\n own container, not inherited from a Tailwind utility.\r\n 2. Stray whitespace\/gaps \u2014 flex rows are allowed to wrap\r\n (flex-wrap:wrap) and no element relies on 100vw (which\r\n overshoots the true viewport width once a scrollbar is\r\n present); everything uses 100% \/ max-width instead.\r\n 3. Responsiveness \u2014 fluid clamp() type scale plus the same\r\n 640px \/ 1024px breakpoints as the source (sm \/ lg).\r\n 4. WordPress compatibility \u2014 no global resets (`*{}`), no ID\r\n collisions, no jQuery dependency, class names are all\r\n prefixed \"ekp-\", and the reveal-on-scroll script guards\r\n for IntersectionObserver support and prefers-reduced-motion.\r\n Footer is intentionally NOT included, per request \u2014 this is\r\n page content only (the global Navbar\/Footer live outside the\r\n page template in the source project).\r\n ================================================================ -->\r\n\r\n<style>\r\n \/* ---------- Scoped design tokens (from the EMI design system) --------- *\/\r\n .emi-key-page {\r\n --ekp-blue: #3F48CC;\r\n --ekp-blue-soft: #E9EAFA;\r\n --ekp-green: #20C34A;\r\n --ekp-green-soft: #E3F9E9;\r\n --ekp-gold: #FFC52D;\r\n --ekp-gold-soft: #FFF4D6;\r\n --ekp-navy: #07111D;\r\n --ekp-navy-soft: #101B2C;\r\n --ekp-bg: #FFFFFF;\r\n --ekp-body: #1F2937;\r\n --ekp-muted: #64748B;\r\n --ekp-border: #E2E8F0;\r\n --ekp-card: #FFFFFF;\r\n --ekp-secondary: #F1F5F9;\r\n\r\n --ekp-grad-primary: linear-gradient(120deg, var(--ekp-blue), var(--ekp-green));\r\n --ekp-grad-growth: linear-gradient(120deg, var(--ekp-green), var(--ekp-gold));\r\n\r\n --ekp-shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.05), 0 12px 32px -12px rgba(15, 23, 42, 0.16);\r\n --ekp-shadow-lift: 0 2px 4px rgba(15, 23, 42, 0.06), 0 28px 60px -24px rgba(15, 23, 42, 0.32);\r\n\r\n --ekp-font-display: \"Poppins\", ui-sans-serif, system-ui, sans-serif;\r\n --ekp-font-sans: \"Inter\", ui-sans-serif, system-ui, sans-serif;\r\n --ekp-font-accent: \"Manrope\", ui-sans-serif, system-ui, sans-serif;\r\n\r\n \/* Container guard: this is what stops the page from ever\r\n being able to push the WordPress document wider than the\r\n viewport (the classic \"phantom horizontal scrollbar\" bug). *\/\r\n width: 100%;\r\n max-width: 100%;\r\n overflow-x: hidden;\r\n background-color: var(--ekp-bg);\r\n color: var(--ekp-body);\r\n font-family: var(--ekp-font-sans);\r\n line-height: 1.5;\r\n -webkit-text-size-adjust: 100%;\r\n }\r\n\r\n .emi-key-page *,\r\n .emi-key-page *::before,\r\n .emi-key-page *::after {\r\n box-sizing: border-box;\r\n }\r\n\r\n .emi-key-page img,\r\n .emi-key-page svg {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n .emi-key-page h1,\r\n .emi-key-page h2,\r\n .emi-key-page h3 {\r\n font-family: var(--ekp-font-display);\r\n color: var(--ekp-navy);\r\n letter-spacing: -0.02em;\r\n margin: 0;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .emi-key-page p {\r\n margin: 0;\r\n overflow-wrap: break-word;\r\n }\r\n\r\n .emi-key-page a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .emi-key-page :focus-visible {\r\n outline: 2px solid var(--ekp-blue);\r\n outline-offset: 3px;\r\n border-radius: 4px;\r\n }\r\n\r\n .emi-key-page ::selection {\r\n background: var(--ekp-gold);\r\n color: var(--ekp-navy);\r\n }\r\n\r\n \/* ---------- Shared layout utilities ---------- *\/\r\n .ekp-container {\r\n width: 100%;\r\n max-width: 80rem; \/* 1280px *\/\r\n margin-inline: auto;\r\n padding-inline: 1.25rem;\r\n }\r\n @media (min-width: 64rem) {\r\n .ekp-container { padding-inline: 2rem; }\r\n }\r\n\r\n .ekp-section {\r\n padding-block: 4.5rem;\r\n width: 100%;\r\n }\r\n @media (min-width: 64rem) {\r\n .ekp-section { padding-block: 7rem; }\r\n }\r\n\r\n .ekp-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n border-radius: 999px;\r\n padding: 0.375rem 0.875rem;\r\n font-family: var(--ekp-font-accent);\r\n font-size: 0.6875rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.18em;\r\n max-width: 100%;\r\n }\r\n .ekp-eyebrow--blue { background: var(--ekp-blue-soft); color: var(--ekp-blue); }\r\n .ekp-eyebrow--light { background: rgba(255, 255, 255, 0.1); color: #fff; }\r\n\r\n .ekp-surface-card {\r\n background-color: var(--ekp-card);\r\n border: 1px solid var(--ekp-border);\r\n border-radius: 1.625rem;\r\n box-shadow: var(--ekp-shadow-soft);\r\n transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n border-color 0.35s ease;\r\n min-width: 0; \/* prevents grid\/flex children from overflowing their track *\/\r\n }\r\n .ekp-surface-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--ekp-shadow-lift);\r\n border-color: rgba(63, 72, 204, 0.35);\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n .emi-key-page *,\r\n .emi-key-page *::before,\r\n .emi-key-page *::after {\r\n animation-duration: 0.001ms !important;\r\n transition-duration: 0.001ms !important;\r\n }\r\n }\r\n\r\n \/* ---------- Buttons ---------- *\/\r\n .ekp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n border-radius: 999px;\r\n font-family: var(--ekp-font-accent);\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n max-width: 100%;\r\n white-space: normal;\r\n }\r\n .ekp-btn-lg {\r\n padding: 0.875rem 1.75rem;\r\n font-size: 0.9375rem;\r\n }\r\n @media (min-width: 40rem) {\r\n .ekp-btn-lg { font-size: 1rem; }\r\n }\r\n .ekp-btn--gold {\r\n background: var(--ekp-gold);\r\n color: var(--ekp-navy);\r\n box-shadow: var(--ekp-shadow-soft);\r\n }\r\n .ekp-btn--gold:hover { filter: brightness(1.05); box-shadow: var(--ekp-shadow-lift); }\r\n .ekp-btn--ghost-light {\r\n background: transparent;\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n }\r\n .ekp-btn--ghost-light:hover { background: rgba(255, 255, 255, 0.1); }\r\n .ekp-btn-arrow {\r\n width: 1rem;\r\n height: 1rem;\r\n flex-shrink: 0;\r\n transition: transform 0.3s ease;\r\n }\r\n .ekp-btn:hover .ekp-btn-arrow { transform: translateX(0.25rem); }\r\n\r\n \/* ================= HERO ================= *\/\r\n .ekp-hero {\r\n position: relative;\r\n overflow: hidden; \/* clips the decorative glow so it can never widen the page *\/\r\n padding-block: 8rem 4rem;\r\n background-color: var(--ekp-navy);\r\n }\r\n @media (min-width: 64rem) {\r\n .ekp-hero { padding-block: 11rem 6rem; }\r\n }\r\n\r\n .ekp-hero__glow {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n opacity: 0.35;\r\n background:\r\n radial-gradient(45% 60% at 12% 10%, rgba(63, 72, 204, 0.45), transparent 70%),\r\n radial-gradient(35% 45% at 85% 15%, rgba(32, 195, 74, 0.35), transparent 70%),\r\n radial-gradient(30% 40% at 70% 85%, rgba(255, 197, 45, 0.28), transparent 70%);\r\n }\r\n\r\n .ekp-hero__inner {\r\n position: relative;\r\n }\r\n\r\n .ekp-breadcrumb {\r\n display: flex;\r\n flex-wrap: wrap; \/* stops long breadcrumb trails from forcing horizontal scroll *\/\r\n align-items: center;\r\n gap: 0.375rem;\r\n margin-bottom: 1.5rem;\r\n font-size: 0.75rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n row-gap: 0.375rem;\r\n }\r\n .ekp-breadcrumb a:hover { text-decoration: underline; }\r\n .ekp-breadcrumb__crumb {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.375rem;\r\n }\r\n .ekp-breadcrumb__icon { width: 0.75rem; height: 0.75rem; flex-shrink: 0; }\r\n .ekp-breadcrumb__current { color: #fff; }\r\n\r\n .ekp-hero__content {\r\n max-width: 48rem;\r\n min-width: 0;\r\n }\r\n\r\n .ekp-hero__title {\r\n margin-top: 1.25rem;\r\n font-size: clamp(2.25rem, 5vw + 1rem, 4rem);\r\n line-height: 1.05;\r\n font-weight: 600;\r\n color: #fff;\r\n }\r\n\r\n .ekp-hero__intro {\r\n margin-top: 1.5rem;\r\n max-width: 42rem;\r\n font-size: clamp(1rem, 0.5vw + 0.9rem, 1.125rem);\r\n line-height: 1.65;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n .ekp-hero__actions {\r\n margin-top: 2.25rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n }\r\n\r\n \/* ================= FRAMEWORK SECTION ================= *\/\r\n .ekp-section-header {\r\n max-width: 48rem;\r\n }\r\n .ekp-section-header--center {\r\n margin-inline: auto;\r\n text-align: center;\r\n }\r\n .ekp-section-header__title {\r\n margin-top: 1.25rem;\r\n font-size: clamp(1.875rem, 2vw + 1.4rem, 3.15rem);\r\n line-height: 1.1;\r\n font-weight: 600;\r\n }\r\n\r\n .ekp-pillars {\r\n margin-top: 3rem;\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr); \/* minmax(0,..) is the fix: bare 1fr lets long content push the grid wider than its container *\/\r\n gap: 1.25rem;\r\n }\r\n @media (min-width: 40rem) {\r\n .ekp-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n }\r\n\r\n .ekp-pillar {\r\n height: 100%;\r\n padding: 1.5rem;\r\n }\r\n .ekp-pillar__icon {\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n color: var(--ekp-blue);\r\n }\r\n .ekp-pillar__title {\r\n margin-top: 1rem;\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n }\r\n .ekp-pillar__text {\r\n margin-top: 0.5rem;\r\n font-size: 0.875rem;\r\n line-height: 1.6;\r\n color: var(--ekp-muted);\r\n }\r\n\r\n .ekp-empty-state {\r\n margin-top: 3rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.5rem;\r\n border-style: dashed;\r\n padding: 2.5rem 1.5rem;\r\n text-align: center;\r\n }\r\n .ekp-empty-state__title {\r\n font-family: var(--ekp-font-display);\r\n font-size: 1rem;\r\n font-weight: 600;\r\n color: var(--ekp-navy);\r\n }\r\n .ekp-empty-state__note {\r\n max-width: 28rem;\r\n font-size: 0.875rem;\r\n color: var(--ekp-muted);\r\n }\r\n\r\n \/* ================= CTA BAND ================= *\/\r\n .ekp-cta {\r\n background-color: var(--ekp-navy);\r\n }\r\n\r\n .ekp-cta__panel {\r\n position: relative;\r\n overflow: hidden; \/* clips the two glow orbs below \u2014 required so their negative offsets can never widen the page *\/\r\n border-radius: 2.5rem;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n background-color: var(--ekp-navy-soft);\r\n padding: 3.5rem 1.5rem;\r\n text-align: center;\r\n }\r\n @media (min-width: 40rem) {\r\n .ekp-cta__panel { padding-inline: 3rem; }\r\n }\r\n @media (min-width: 64rem) {\r\n .ekp-cta__panel { padding-block: 5rem; }\r\n }\r\n\r\n .ekp-cta__orb {\r\n position: absolute;\r\n pointer-events: none;\r\n border-radius: 999px;\r\n filter: blur(60px);\r\n background-size: 200% 200%;\r\n animation: ekp-drift 14s ease infinite;\r\n }\r\n .ekp-cta__orb--one {\r\n top: -6rem;\r\n left: -6rem;\r\n width: 26rem;\r\n height: 26rem;\r\n opacity: 0.3;\r\n background-image: var(--ekp-grad-primary);\r\n }\r\n .ekp-cta__orb--two {\r\n bottom: -8rem;\r\n right: -4rem;\r\n width: 24rem;\r\n height: 24rem;\r\n opacity: 0.25;\r\n background-image: var(--ekp-grad-growth);\r\n }\r\n @keyframes ekp-drift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n .ekp-cta__content {\r\n position: relative;\r\n max-width: 42rem;\r\n margin-inline: auto;\r\n min-width: 0;\r\n }\r\n .ekp-cta__eyebrow {\r\n font-family: var(--ekp-font-accent);\r\n font-size: 0.6875rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.24em;\r\n color: var(--ekp-gold);\r\n }\r\n .ekp-cta__title {\r\n margin-top: 1.25rem;\r\n font-size: clamp(1.875rem, 2.5vw + 1.2rem, 3rem);\r\n font-weight: 600;\r\n color: #fff;\r\n }\r\n .ekp-cta__intro {\r\n margin-top: 1.25rem;\r\n font-size: 1rem;\r\n line-height: 1.65;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n .ekp-cta__actions {\r\n margin-top: 2.25rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 0.75rem;\r\n }\r\n\r\n \/* ---------- Scroll reveal (progressive enhancement only) ---------- *\/\r\n .emi-key-page [data-ekp-reveal] {\r\n opacity: 0;\r\n transform: translateY(24px);\r\n transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n .emi-key-page [data-ekp-reveal].is-visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n \/* If JS never runs (blocked, disabled), content must still be visible *\/\r\n .emi-key-page.no-js [data-ekp-reveal] {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"emi-key-page no-js\">\r\n\r\n <!-- ================= HERO ================= -->\r\n <section class=\"ekp-hero\">\r\n <div class=\"ekp-hero__glow\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ekp-container ekp-hero__inner\">\r\n\r\n <nav aria-label=\"Breadcrumb\" class=\"ekp-breadcrumb\">\r\n <a href=\"\/\">Home<\/a>\r\n <span class=\"ekp-breadcrumb__crumb\">\r\n <svg class=\"ekp-breadcrumb__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\" \/><\/svg>\r\n <span class=\"ekp-breadcrumb__current\">KEY<\/span>\r\n <\/span>\r\n <\/nav>\r\n\r\n <div class=\"ekp-hero__content\" data-ekp-reveal>\r\n <span class=\"ekp-eyebrow ekp-eyebrow--light\">EMI initiative<\/span>\r\n <h1 class=\"ekp-hero__title\">KEY<\/h1>\r\n <p class=\"ekp-hero__intro\">\r\n KEY is an initiative of Educational Mentoring India. This page holds a premium framework for the initiative; EMI publishes verified programme detail through the CMS rather than placeholder claims.\r\n <\/p>\r\n <div class=\"ekp-hero__actions\">\r\n <a href=\"\/contact\" class=\"ekp-btn ekp-btn-lg ekp-btn--gold\">\r\n Enquire About KEY\r\n <svg class=\"ekp-btn-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\" \/><path d=\"m12 5 7 7-7 7\" \/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= FRAMEWORK ================= -->\r\n <section class=\"ekp-section\" style=\"background-color: var(--ekp-bg);\">\r\n <div class=\"ekp-container\">\r\n\r\n <div class=\"ekp-section-header ekp-section-header--center\" data-ekp-reveal>\r\n <span class=\"ekp-eyebrow ekp-eyebrow--blue\">Framework<\/span>\r\n <h2 class=\"ekp-section-header__title\">How KEY is presented<\/h2>\r\n <\/div>\r\n\r\n <div class=\"ekp-pillars\">\r\n\r\n <div class=\"ekp-surface-card ekp-pillar\" data-ekp-reveal>\r\n <svg class=\"ekp-pillar__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z\" \/>\r\n <circle cx=\"16.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" \/>\r\n <\/svg>\r\n <h3 class=\"ekp-pillar__title\">Purpose<\/h3>\r\n <p class=\"ekp-pillar__text\">The intent behind KEY as defined by EMI. (CMS-editable)<\/p>\r\n <\/div>\r\n\r\n <div class=\"ekp-surface-card ekp-pillar\" data-ekp-reveal>\r\n <svg class=\"ekp-pillar__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" \/>\r\n <path d=\"M16 3.128a4 4 0 0 1 0 7.744\" \/>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\" \/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\" \/>\r\n <\/svg>\r\n <h3 class=\"ekp-pillar__title\">Who it serves<\/h3>\r\n <p class=\"ekp-pillar__text\">The stakeholders KEY is designed for. (CMS-editable)<\/p>\r\n <\/div>\r\n\r\n <div class=\"ekp-surface-card ekp-pillar\" data-ekp-reveal>\r\n <svg class=\"ekp-pillar__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\" \/>\r\n <path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\" \/>\r\n <path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\" \/>\r\n <\/svg>\r\n <h3 class=\"ekp-pillar__title\">Programme structure<\/h3>\r\n <p class=\"ekp-pillar__text\">Format, duration and delivery model. (CMS-editable)<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"ekp-surface-card ekp-empty-state\" data-ekp-reveal>\r\n <p class=\"ekp-empty-state__title\">KEY programme content is CMS-editable<\/p>\r\n <p class=\"ekp-empty-state__note\">Objectives, curriculum, outcomes, schedules and imagery for KEY publish here as soon as EMI supplies them. Nothing on this page is invented.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ================= CTA BAND ================= -->\r\n <section class=\"ekp-section ekp-cta\">\r\n <div class=\"ekp-container\">\r\n <div class=\"ekp-cta__panel\" data-ekp-reveal>\r\n <div class=\"ekp-cta__orb ekp-cta__orb--one\" aria-hidden=\"true\"><\/div>\r\n <div class=\"ekp-cta__orb ekp-cta__orb--two\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"ekp-cta__content\">\r\n <p class=\"ekp-cta__eyebrow\">Partners in Your Growth<\/p>\r\n <h2 class=\"ekp-cta__title\">Want to bring KEY to your school?<\/h2>\r\n <p class=\"ekp-cta__intro\">Partner with EMI for a need-based analysis of your school \u2014 and a roadmap built around what your institution actually needs.<\/p>\r\n <div class=\"ekp-cta__actions\">\r\n <a href=\"\/contact#partner\" class=\"ekp-btn ekp-btn-lg ekp-btn--gold\">\r\n Talk to Our Team\r\n <svg class=\"ekp-btn-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\" \/><path d=\"m12 5 7 7-7 7\" \/><\/svg>\r\n <\/a>\r\n <a href=\"\/contact\" class=\"ekp-btn ekp-btn-lg ekp-btn--ghost-light\">Book a Consultation<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Scoped, dependency-free scroll reveal. Guards for reduced motion and\r\n \/\/ for browsers\/contexts without IntersectionObserver (e.g. some WP\r\n \/\/ preview panes) so content is never accidentally hidden.\r\n (function () {\r\n var root = document.currentScript.previousElementSibling;\r\n if (!root || !root.classList.contains(\"emi-key-page\")) {\r\n root = document.querySelector(\".emi-key-page\");\r\n }\r\n if (!root) return;\r\n\r\n root.classList.remove(\"no-js\");\r\n\r\n var prefersReduced = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n var items = root.querySelectorAll(\"[data-ekp-reveal]\");\r\n\r\n if (prefersReduced || typeof IntersectionObserver === \"undefined\") {\r\n items.forEach(function (el) { el.classList.add(\"is-visible\"); });\r\n return;\r\n }\r\n\r\n var observer = new IntersectionObserver(\r\n function (entries) {\r\n entries.forEach(function (entry, i) {\r\n if (entry.isIntersecting) {\r\n var el = entry.target;\r\n setTimeout(function () { el.classList.add(\"is-visible\"); }, i * 60);\r\n observer.unobserve(el);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n items.forEach(function (el) { observer.observe(el); });\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KEY \u2014 An EMI Initiative | Educational Mentoring India Home KEY EMI initiative KEY KEY is an initiative of Educational Mentoring India. This page holds a premium framework for the initiative; EMI publishes verified programme detail through the CMS rather than placeholder claims. Enquire About KEY Framework How KEY is presented Purpose The intent behind […]<\/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-1475","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1475","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=1475"}],"version-history":[{"count":4,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1475\/revisions"}],"predecessor-version":[{"id":1480,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1475\/revisions\/1480"}],"wp:attachment":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/media?parent=1475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}