{"id":1518,"date":"2026-08-25T16:51:49","date_gmt":"2026-08-25T16:51:49","guid":{"rendered":"https:\/\/educationalmentoringindia.com\/?page_id=1518"},"modified":"2026-08-29T06:18:08","modified_gmt":"2026-08-29T06:18:08","slug":"contact-n","status":"publish","type":"page","link":"https:\/\/educationalmentoringindia.com\/index.php\/contact-n\/","title":{"rendered":"Contact-n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1518\" class=\"elementor elementor-1518\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b571955 e-con-full e-flex e-con e-parent\" data-id=\"b571955\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11d26ed elementor-widget elementor-widget-html\" data-id=\"11d26ed\" 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 GROWTH PARTNERS \u2014 COMPLETE CONTACT PAGE\r\n     HTML + CSS + JAVASCRIPT \u2014 SINGLE CODE\r\n     Footer intentionally excluded\r\n========================================================= -->\r\n\r\n<div id=\"emi-contact-page\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#emi-contact-page,\r\n#emi-contact-page *,\r\n#emi-contact-page *::before,\r\n#emi-contact-page *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#emi-contact-page {\r\n  --emi-blue: #3f48cc;\r\n  --emi-blue-dark: #3038aa;\r\n  --emi-green: #20c34a;\r\n  --emi-gold: #ffc52d;\r\n  --emi-navy: #07111d;\r\n  --emi-navy-soft: #101d2d;\r\n  --emi-text: #1f2937;\r\n  --emi-muted: #687386;\r\n  --emi-border: #e4e8ef;\r\n  --emi-light: #f7f9fc;\r\n\r\n  \/*\r\n   * FULL-WIDTH ROOT BREAKOUT\r\n   *\r\n   * Elementor\/WordPress can place an HTML widget inside a\r\n   * boxed\/centered content wrapper. This keeps the inner\r\n   * content container unchanged while allowing this complete\r\n   * page to reach both browser edges.\r\n   *\r\n   * The calculation avoids adding a fixed extra gutter.\r\n   *\/\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n\r\n  padding: 0;\r\n\r\n  color: var(--emi-text);\r\n  background: #fff;\r\n\r\n  font-family:\r\n    Inter,\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Segoe UI\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  overflow: clip;\r\n}\r\n\r\n\/*\r\n * Remove common WordPress \/ Elementor restrictions around\r\n * the widget when the surrounding theme uses boxed layouts.\r\n *\r\n * These rules do not change the inner .emi-container width.\r\n *\/\r\nhtml,\r\nbody {\r\n  max-width: 100%;\r\n  overflow-x: clip;\r\n}\r\n\r\n#page,\r\n#content,\r\n.site,\r\n.site-content,\r\nmain,\r\n.elementor,\r\n.elementor-page,\r\n.elementor-section,\r\n.elementor-container,\r\n.elementor-widget,\r\n.elementor-widget-container {\r\n  max-width: 100%;\r\n}\r\n\r\n.elementor-section:has(#emi-contact-page),\r\n.elementor-section:has(#emi-contact-page) > .elementor-container,\r\n.elementor-section:has(#emi-contact-page) .elementor-container,\r\n.elementor-section:has(#emi-contact-page) .elementor-widget-wrap,\r\n.elementor-section:has(#emi-contact-page) .elementor-widget-container {\r\n  width: 100%;\r\n  max-width: none;\r\n}\r\n\r\n.elementor-section:has(#emi-contact-page) {\r\n  margin-left: 0;\r\n  margin-right: 0;\r\n}\r\n\r\n.elementor-section:has(#emi-contact-page) > .elementor-container {\r\n  padding-left: 0;\r\n  padding-right: 0;\r\n}\r\n\r\n#emi-contact-page img,\r\n#emi-contact-page iframe {\r\n  max-width: 100%;\r\n}\r\n\r\n#emi-contact-page a {\r\n  text-decoration: none;\r\n}\r\n\r\n#emi-contact-page button,\r\n#emi-contact-page input,\r\n#emi-contact-page select,\r\n#emi-contact-page textarea {\r\n  font: inherit;\r\n}\r\n\r\n#emi-contact-page h1,\r\n#emi-contact-page h2,\r\n#emi-contact-page h3,\r\n#emi-contact-page p {\r\n  margin-top: 0;\r\n}\r\n\r\n#emi-contact-page h1,\r\n#emi-contact-page h2,\r\n#emi-contact-page h3 {\r\n  text-wrap: balance;\r\n}\r\n\r\n#emi-contact-page p,\r\n#emi-contact-page a,\r\n#emi-contact-page span {\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-container {\r\n  width: min(1280px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-hero {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n  max-width: none;\r\n\r\n  min-height: 560px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  padding: 120px 0 85px;\r\n\r\n  color: #fff;\r\n  background:\r\n    radial-gradient(\r\n      circle at 8% 10%,\r\n      rgba(63,72,204,.32),\r\n      transparent 34%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 20%,\r\n      rgba(32,195,74,.18),\r\n      transparent 28%\r\n    ),\r\n    var(--emi-navy);\r\n}\r\n\r\n#emi-contact-page .emi-hero::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  opacity: .07;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.2) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.2) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 60px 60px;\r\n\r\n  mask-image: linear-gradient(\r\n    to bottom,\r\n    black,\r\n    transparent\r\n  );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#emi-contact-page .emi-hero-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n#emi-contact-page .emi-breadcrumb {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n\r\n  margin-bottom: 28px;\r\n\r\n  color: rgba(255,255,255,.55);\r\n\r\n  font-size: 13px;\r\n}\r\n\r\n#emi-contact-page .emi-breadcrumb a {\r\n  color: rgba(255,255,255,.55);\r\n}\r\n\r\n#emi-contact-page .emi-breadcrumb a:hover {\r\n  color: #fff;\r\n}\r\n\r\n#emi-contact-page .emi-hero-content {\r\n  max-width: 900px;\r\n}\r\n\r\n#emi-contact-page .emi-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  width: fit-content;\r\n\r\n  padding: 9px 15px;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#emi-contact-page .emi-eyebrow-dark {\r\n  color: var(--emi-gold);\r\n  background: rgba(255,255,255,.09);\r\n  border: 1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n#emi-contact-page .emi-eyebrow-light {\r\n  color: var(--emi-blue);\r\n  background: #eef0ff;\r\n}\r\n\r\n#emi-contact-page .emi-hero h1 {\r\n  max-width: 900px;\r\n\r\n  margin: 22px 0 0;\r\n\r\n  color: #fff;\r\n\r\n  font-family:\r\n    Poppins,\r\n    Inter,\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n\r\n  font-size: clamp(42px, 6vw, 76px);\r\n  line-height: 1.02;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: -.045em;\r\n}\r\n\r\n#emi-contact-page .emi-hero-description {\r\n  max-width: 690px;\r\n\r\n  margin: 28px 0 0;\r\n\r\n  color: rgba(255,255,255,.72);\r\n\r\n  font-size: clamp(16px, 2vw, 20px);\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTACT AREA\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-contact-section {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  max-width: none;\r\n\r\n  padding: 100px 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #fff 0%,\r\n      #fff 80%,\r\n      #f7f9fc 100%\r\n    );\r\n}\r\n\r\n#emi-contact-page .emi-contact-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.18fr)\r\n    minmax(340px, .82fr);\r\n\r\n  gap: 70px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADING\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-section-heading {\r\n  max-width: 760px;\r\n}\r\n\r\n#emi-contact-page .emi-section-heading h2 {\r\n  margin: 19px 0 0;\r\n\r\n  color: var(--emi-navy);\r\n\r\n  font-family:\r\n    Poppins,\r\n    Inter,\r\n    sans-serif;\r\n\r\n  font-size: clamp(34px, 4vw, 50px);\r\n  line-height: 1.08;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: -.04em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-card {\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  border: 1px solid var(--emi-border);\r\n  border-radius: 24px;\r\n\r\n  background: #fff;\r\n\r\n  box-shadow:\r\n    0 2px 5px rgba(20,35,60,.025),\r\n    0 20px 50px rgba(20,35,60,.065);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-form {\r\n  margin-top: 34px;\r\n  padding: 36px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-progress {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(3, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n}\r\n\r\n#emi-contact-page .emi-progress-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n\r\n  min-height: 43px;\r\n\r\n  padding: 9px 12px;\r\n\r\n  border-radius: 999px;\r\n\r\n  color: var(--emi-muted);\r\n  background: #f1f3f6;\r\n\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n\r\n  text-align: center;\r\n\r\n  transition:\r\n    background .2s ease,\r\n    color .2s ease;\r\n}\r\n\r\n#emi-contact-page .emi-progress-number {\r\n  font-size: 10px;\r\n  font-weight: 900;\r\n}\r\n\r\n#emi-contact-page .emi-progress-item.active {\r\n  color: #fff;\r\n  background: var(--emi-blue);\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(63,72,204,.18);\r\n}\r\n\r\n#emi-contact-page .emi-progress-item.completed {\r\n  color: #137330;\r\n  background: #e9f9ee;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM STEPS\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-form-step {\r\n  display: none;\r\n\r\n  margin-top: 30px;\r\n}\r\n\r\n#emi-contact-page .emi-form-step.active {\r\n  display: grid;\r\n  gap: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIELDS\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-field {\r\n  position: relative;\r\n  min-width: 0;\r\n}\r\n\r\n#emi-contact-page .emi-field label {\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n  top: 10px;\r\n  left: 16px;\r\n\r\n  color: var(--emi-muted);\r\n\r\n  font-size: 9px;\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n  letter-spacing: .15em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#emi-contact-page .emi-field input,\r\n#emi-contact-page .emi-field select,\r\n#emi-contact-page .emi-field textarea {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  border: 1px solid var(--emi-border);\r\n  border-radius: 15px;\r\n\r\n  outline: none;\r\n\r\n  color: var(--emi-navy);\r\n  background: #fff;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n\r\n  transition:\r\n    border-color .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n#emi-contact-page .emi-field input,\r\n#emi-contact-page .emi-field select {\r\n  min-height: 64px;\r\n\r\n  padding: 25px 16px 9px;\r\n}\r\n\r\n#emi-contact-page .emi-field textarea {\r\n  min-height: 150px;\r\n\r\n  padding: 25px 16px 12px;\r\n\r\n  resize: vertical;\r\n}\r\n\r\n#emi-contact-page .emi-field input:hover,\r\n#emi-contact-page .emi-field select:hover,\r\n#emi-contact-page .emi-field textarea:hover {\r\n  border-color: #cbd1dc;\r\n}\r\n\r\n#emi-contact-page .emi-field input:focus,\r\n#emi-contact-page .emi-field select:focus,\r\n#emi-contact-page .emi-field textarea:focus {\r\n  border-color: var(--emi-blue);\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(63,72,204,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ERROR\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-error {\r\n  min-height: 0;\r\n\r\n  margin-top: 15px;\r\n\r\n  color: #c0392b;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n}\r\n\r\n#emi-contact-page .emi-error:not(:empty) {\r\n  padding: 11px 14px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #fff2f1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n\r\n  margin-top: 28px;\r\n}\r\n\r\n#emi-contact-page .emi-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n\r\n  min-height: 48px;\r\n\r\n  padding: 13px 23px;\r\n\r\n  border: 1px solid transparent;\r\n  border-radius: 999px;\r\n\r\n  cursor: pointer;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.2;\r\n  font-weight: 700;\r\n\r\n  text-align: center;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease,\r\n    border-color .2s ease,\r\n    color .2s ease;\r\n}\r\n\r\n#emi-contact-page .emi-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n#emi-contact-page .emi-btn:focus-visible {\r\n  outline: 3px solid rgba(63,72,204,.25);\r\n  outline-offset: 3px;\r\n}\r\n\r\n#emi-contact-page .emi-btn-primary {\r\n  color: #fff;\r\n  background: var(--emi-blue);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(63,72,204,.18);\r\n}\r\n\r\n#emi-contact-page .emi-btn-primary:hover {\r\n  background: var(--emi-blue-dark);\r\n}\r\n\r\n#emi-contact-page .emi-btn-outline {\r\n  color: var(--emi-navy);\r\n  background: #fff;\r\n  border-color: var(--emi-border);\r\n}\r\n\r\n#emi-contact-page .emi-btn-outline:hover {\r\n  color: var(--emi-blue);\r\n  border-color: var(--emi-blue);\r\n}\r\n\r\n#emi-contact-page .emi-btn-green {\r\n  color: #07111d;\r\n  background: var(--emi-green);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(32,195,74,.15);\r\n}\r\n\r\n#emi-contact-page .emi-btn-green:hover {\r\n  background: #19b541;\r\n}\r\n\r\n#emi-contact-page .emi-btn-gold {\r\n  color: var(--emi-navy);\r\n  background: var(--emi-gold);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(255,197,45,.14);\r\n}\r\n\r\n#emi-contact-page .emi-btn-dark-outline {\r\n  color: #fff;\r\n  background: transparent;\r\n  border-color: rgba(255,255,255,.25);\r\n}\r\n\r\n#emi-contact-page .emi-btn-dark-outline:hover {\r\n  background: rgba(255,255,255,.08);\r\n}\r\n\r\n#emi-contact-page .emi-btn-full {\r\n  width: 100%;\r\n}\r\n\r\n#emi-contact-page .emi-arrow {\r\n  transition: transform .2s ease;\r\n}\r\n\r\n#emi-contact-page .emi-btn:hover .emi-arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUCCESS STATE\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-success {\r\n  display: none;\r\n\r\n  flex-direction: column;\r\n  align-items: center;\r\n\r\n  margin-top: 34px;\r\n  padding: 55px 30px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n#emi-contact-page .emi-success-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 68px;\r\n  height: 68px;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #fff;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--emi-blue),\r\n      var(--emi-green)\r\n    );\r\n\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n\r\n  box-shadow:\r\n    0 15px 30px rgba(63,72,204,.15);\r\n}\r\n\r\n#emi-contact-page .emi-success h3 {\r\n  margin: 24px 0 0;\r\n\r\n  color: var(--emi-navy);\r\n\r\n  font-family:\r\n    Poppins,\r\n    Inter,\r\n    sans-serif;\r\n\r\n  font-size: 28px;\r\n}\r\n\r\n#emi-contact-page .emi-success p {\r\n  max-width: 460px;\r\n\r\n  margin: 12px 0 0;\r\n\r\n  color: var(--emi-muted);\r\n\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n}\r\n\r\n#emi-contact-page .emi-success .emi-btn {\r\n  margin-top: 28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIDEBAR\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-sidebar {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n#emi-contact-page .emi-info-card {\r\n  padding: 27px;\r\n}\r\n\r\n#emi-contact-page .emi-info-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 44px;\r\n  height: 44px;\r\n\r\n  border-radius: 13px;\r\n\r\n  font-size: 20px;\r\n}\r\n\r\n#emi-contact-page .emi-icon-blue {\r\n  color: var(--emi-blue);\r\n  background: #eef0ff;\r\n}\r\n\r\n#emi-contact-page .emi-icon-green {\r\n  color: #119f3b;\r\n  background: #eaf9ef;\r\n}\r\n\r\n#emi-contact-page .emi-icon-gold {\r\n  color: #bd8500;\r\n  background: #fff7dc;\r\n}\r\n\r\n#emi-contact-page .emi-info-card h3 {\r\n  margin: 18px 0 0;\r\n\r\n  color: var(--emi-navy);\r\n\r\n  font-family:\r\n    Poppins,\r\n    Inter,\r\n    sans-serif;\r\n\r\n  font-size: 17px;\r\n  font-weight: 650;\r\n}\r\n\r\n#emi-contact-page .emi-info-card p {\r\n  margin: 8px 0 0;\r\n\r\n  color: var(--emi-muted);\r\n\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n}\r\n\r\n#emi-contact-page .emi-contact-link {\r\n  display: block;\r\n\r\n  margin-top: 9px;\r\n\r\n  color: var(--emi-blue);\r\n\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n\r\n#emi-contact-page .emi-contact-link:hover,\r\n#emi-contact-page .emi-phone-list a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n#emi-contact-page .emi-phone-list {\r\n  margin: 10px 0 0;\r\n  padding: 0;\r\n\r\n  list-style: none;\r\n}\r\n\r\n#emi-contact-page .emi-phone-list li + li {\r\n  margin-top: 8px;\r\n}\r\n\r\n#emi-contact-page .emi-phone-list a {\r\n  color: var(--emi-blue);\r\n  font-size: 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT ACTIONS\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-contact-actions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n\r\n  padding-top: 3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-map {\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  border: 1px solid var(--emi-border);\r\n  border-radius: 24px;\r\n\r\n  background: var(--emi-light);\r\n\r\n  box-shadow:\r\n    0 2px 5px rgba(20,35,60,.03),\r\n    0 15px 35px rgba(20,35,60,.07);\r\n}\r\n\r\n#emi-contact-page .emi-map iframe {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 275px;\r\n\r\n  border: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#emi-contact-page .emi-cta {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  width: 100%;\r\n  max-width: none;\r\n\r\n  padding: 90px 0;\r\n\r\n  background: var(--emi-navy);\r\n}\r\n\r\n#emi-contact-page .emi-cta-card {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 80px 40px;\r\n\r\n  border: 1px solid rgba(255,255,255,.1);\r\n  border-radius: 30px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #101d2d,\r\n      #0c1827\r\n    );\r\n\r\n  text-align: center;\r\n}\r\n\r\n#emi-contact-page .emi-cta-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 500px;\r\n  height: 500px;\r\n\r\n  left: -220px;\r\n  top: -300px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--emi-blue);\r\n\r\n  opacity: .22;\r\n\r\n  filter: blur(80px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#emi-contact-page .emi-cta-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 430px;\r\n  height: 430px;\r\n\r\n  right: -170px;\r\n  bottom: -280px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--emi-green);\r\n\r\n  opacity: .18;\r\n\r\n  filter: blur(80px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n#emi-contact-page .emi-cta-content {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  max-width: 760px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n#emi-contact-page .emi-cta-eyebrow {\r\n  color: var(--emi-gold);\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n#emi-contact-page .emi-cta h2 {\r\n  margin: 19px 0 0;\r\n\r\n  color: #fff;\r\n\r\n  font-family:\r\n    Poppins,\r\n    Inter,\r\n    sans-serif;\r\n\r\n  font-size: clamp(34px, 4.5vw, 55px);\r\n  line-height: 1.06;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: -.04em;\r\n}\r\n\r\n#emi-contact-page .emi-cta-description {\r\n  max-width: 650px;\r\n\r\n  margin: 21px auto 0;\r\n\r\n  color: rgba(255,255,255,.7);\r\n\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n}\r\n\r\n#emi-contact-page .emi-cta-buttons {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  #emi-contact-page .emi-contact-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 50px;\r\n  }\r\n\r\n  #emi-contact-page .emi-sidebar {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n    max-width: 900px;\r\n  }\r\n\r\n  #emi-contact-page .emi-contact-actions,\r\n  #emi-contact-page .emi-map {\r\n    grid-column: span 2;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #emi-contact-page {\r\n    \/*\r\n     * Keep the page attached to the viewport edge on small\r\n     * screens without introducing a horizontal scrollbar.\r\n     *\/\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n  }\r\n\r\n  #emi-contact-page .emi-container {\r\n    width: min(100% - 32px, 1280px);\r\n  }\r\n\r\n  #emi-contact-page .emi-hero {\r\n    min-height: auto;\r\n\r\n    padding: 105px 0 65px;\r\n  }\r\n\r\n  #emi-contact-page .emi-hero h1 {\r\n    font-size: clamp(36px, 10vw, 50px);\r\n  }\r\n\r\n  #emi-contact-page .emi-hero-description {\r\n    margin-top: 22px;\r\n\r\n    font-size: 16px;\r\n  }\r\n\r\n  #emi-contact-page .emi-contact-section {\r\n    padding: 65px 0;\r\n  }\r\n\r\n  #emi-contact-page .emi-section-heading h2 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  #emi-contact-page .emi-form {\r\n    padding: 22px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #emi-contact-page .emi-progress {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #emi-contact-page .emi-progress-item {\r\n    justify-content: flex-start;\r\n\r\n    width: 100%;\r\n  }\r\n\r\n  #emi-contact-page .emi-buttons {\r\n    flex-direction: column;\r\n  }\r\n\r\n  #emi-contact-page .emi-buttons .emi-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  #emi-contact-page .emi-sidebar {\r\n    display: flex;\r\n\r\n    max-width: none;\r\n  }\r\n\r\n  #emi-contact-page .emi-info-card {\r\n    padding: 22px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #emi-contact-page .emi-map {\r\n    border-radius: 20px;\r\n  }\r\n\r\n  #emi-contact-page .emi-map iframe {\r\n    height: 230px;\r\n  }\r\n\r\n  #emi-contact-page .emi-cta {\r\n    padding: 65px 0;\r\n  }\r\n\r\n  #emi-contact-page .emi-cta-card {\r\n    padding: 55px 22px;\r\n\r\n    border-radius: 23px;\r\n  }\r\n\r\n  #emi-contact-page .emi-cta-buttons {\r\n    flex-direction: column;\r\n  }\r\n\r\n  #emi-contact-page .emi-cta-buttons .emi-btn {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  #emi-contact-page .emi-container {\r\n    width: min(100% - 28px, 1280px);\r\n  }\r\n\r\n  #emi-contact-page .emi-hero {\r\n    padding-top: 95px;\r\n  }\r\n\r\n  #emi-contact-page .emi-hero h1 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  #emi-contact-page .emi-section-heading h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  #emi-contact-page .emi-form {\r\n    padding: 18px;\r\n  }\r\n\r\n  #emi-contact-page .emi-btn {\r\n    width: 100%;\r\n  }\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-contact-page *,\r\n  #emi-contact-page *::before,\r\n  #emi-contact-page *::after {\r\n    transition: none !important;\r\n    animation: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     HERO\r\n========================================================= -->\r\n\r\n<section class=\"emi-hero\">\r\n\r\n  <div class=\"emi-container emi-hero-inner\">\r\n\r\n    <div class=\"emi-breadcrumb\">\r\n      <a href=\"\/\">Home<\/a>\r\n      <span>\u203a<\/span>\r\n      <span>Contact<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"emi-hero-content\">\r\n\r\n      <span class=\"emi-eyebrow emi-eyebrow-dark\">\r\n        Contact EMI\r\n      <\/span>\r\n\r\n      <h1>\r\n        Let's Build a Better School Ecosystem Together.\r\n      <\/h1>\r\n\r\n      <p class=\"emi-hero-description\">\r\n        Connect with Educational Mentoring India for school\r\n        transformation, professional development, quality\r\n        enhancement, special education, technology and expert\r\n        educational support.\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     CONTACT SECTION\r\n========================================================= -->\r\n\r\n<section class=\"emi-contact-section\">\r\n\r\n  <div class=\"emi-container\">\r\n\r\n    <div class=\"emi-contact-grid\">\r\n\r\n\r\n      <!-- ===================================================\r\n           FORM\r\n      =================================================== -->\r\n\r\n      <div id=\"emi-partner\" class=\"emi-form-column\">\r\n\r\n        <div class=\"emi-section-heading\">\r\n\r\n          <span class=\"emi-eyebrow emi-eyebrow-light\">\r\n            Partner With EMI\r\n          <\/span>\r\n\r\n          <h2>\r\n            Tell us about your school\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SUCCESS -->\r\n\r\n        <div\r\n          id=\"emi-success\"\r\n          class=\"emi-card emi-success\"\r\n          role=\"status\"\r\n          aria-live=\"polite\"\r\n        >\r\n\r\n          <div class=\"emi-success-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <h3>\r\n            Thank you.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Your enquiry has been recorded on this page.\r\n            Please connect with the EMI team directly if you\r\n            need immediate assistance.\r\n          <\/p>\r\n\r\n          <button\r\n            type=\"button\"\r\n            id=\"emi-reset\"\r\n            class=\"emi-btn emi-btn-outline\"\r\n          >\r\n            Send another enquiry\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FORM -->\r\n\r\n        <form\r\n          id=\"emi-contact-form\"\r\n          class=\"emi-card emi-form\"\r\n          novalidate\r\n        >\r\n\r\n          <ol class=\"emi-progress\">\r\n\r\n            <li\r\n              class=\"emi-progress-item active\"\r\n              data-progress=\"0\"\r\n            >\r\n              <span class=\"emi-progress-number\">01<\/span>\r\n              Your details\r\n            <\/li>\r\n\r\n            <li\r\n              class=\"emi-progress-item\"\r\n              data-progress=\"1\"\r\n            >\r\n              <span class=\"emi-progress-number\">02<\/span>\r\n              Your school\r\n            <\/li>\r\n\r\n            <li\r\n              class=\"emi-progress-item\"\r\n              data-progress=\"2\"\r\n            >\r\n              <span class=\"emi-progress-number\">03<\/span>\r\n              What you need\r\n            <\/li>\r\n\r\n          <\/ol>\r\n\r\n\r\n          <!-- STEP 1 -->\r\n\r\n          <div\r\n            class=\"emi-form-step active\"\r\n            data-step=\"0\"\r\n          >\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-name\">\r\n                Your name\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"emi-name\"\r\n                name=\"name\"\r\n                type=\"text\"\r\n                autocomplete=\"name\"\r\n                placeholder=\" \"\r\n                required\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-email\">\r\n                Email\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"emi-email\"\r\n                name=\"email\"\r\n                type=\"email\"\r\n                autocomplete=\"email\"\r\n                placeholder=\" \"\r\n                required\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-phone\">\r\n                Phone\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"emi-phone\"\r\n                name=\"phone\"\r\n                type=\"tel\"\r\n                autocomplete=\"tel\"\r\n                placeholder=\" \"\r\n                required\r\n              >\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- STEP 2 -->\r\n\r\n          <div\r\n            class=\"emi-form-step\"\r\n            data-step=\"1\"\r\n          >\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-school\">\r\n                School \/ organisation\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"emi-school\"\r\n                name=\"school\"\r\n                type=\"text\"\r\n                autocomplete=\"organization\"\r\n                placeholder=\" \"\r\n                required\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-designation\">\r\n                Designation\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"emi-designation\"\r\n                name=\"designation\"\r\n                type=\"text\"\r\n                placeholder=\" \"\r\n              >\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-city\">\r\n                City\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"emi-city\"\r\n                name=\"city\"\r\n                type=\"text\"\r\n                autocomplete=\"address-level2\"\r\n                placeholder=\" \"\r\n              >\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- STEP 3 -->\r\n\r\n          <div\r\n            class=\"emi-form-step\"\r\n            data-step=\"2\"\r\n          >\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-interest\">\r\n                Area of interest\r\n              <\/label>\r\n\r\n              <select\r\n                id=\"emi-interest\"\r\n                name=\"interest\"\r\n                required\r\n              >\r\n\r\n                <option value=\"\">\r\n                  Select a solution area\r\n                <\/option>\r\n\r\n                <option value=\"School Transformation\">\r\n                  School Transformation\r\n                <\/option>\r\n\r\n                <option value=\"Professional Development\">\r\n                  Professional Development\r\n                <\/option>\r\n\r\n                <option value=\"Quality Enhancement\">\r\n                  Quality Enhancement\r\n                <\/option>\r\n\r\n                <option value=\"Special Education\">\r\n                  Special Education\r\n                <\/option>\r\n\r\n                <option value=\"Preschool \/ ECCE\">\r\n                  Preschool \/ ECCE\r\n                <\/option>\r\n\r\n                <option value=\"Family Engagement\">\r\n                  Family Engagement\r\n                <\/option>\r\n\r\n                <option value=\"EduSports\">\r\n                  EduSports\r\n                <\/option>\r\n\r\n                <option value=\"Technology & Future Skills\">\r\n                  Technology & Future Skills\r\n                <\/option>\r\n\r\n                <option value=\"Not sure yet\">\r\n                  Not sure yet \u2014 need guidance\r\n                <\/option>\r\n\r\n              <\/select>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emi-field\">\r\n\r\n              <label for=\"emi-message\">\r\n                How can EMI help?\r\n              <\/label>\r\n\r\n              <textarea\r\n                id=\"emi-message\"\r\n                name=\"message\"\r\n                rows=\"5\"\r\n                placeholder=\" \"\r\n              ><\/textarea>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- ERROR -->\r\n\r\n          <div\r\n            id=\"emi-error\"\r\n            class=\"emi-error\"\r\n            role=\"alert\"\r\n            aria-live=\"polite\"\r\n          ><\/div>\r\n\r\n\r\n          <!-- BUTTONS -->\r\n\r\n          <div class=\"emi-buttons\">\r\n\r\n            <button\r\n              type=\"button\"\r\n              id=\"emi-back\"\r\n              class=\"emi-btn emi-btn-outline\"\r\n              style=\"display:none;\"\r\n            >\r\n              \u2190 Back\r\n            <\/button>\r\n\r\n\r\n            <button\r\n              type=\"button\"\r\n              id=\"emi-next\"\r\n              class=\"emi-btn emi-btn-primary\"\r\n            >\r\n              <span id=\"emi-next-label\">\r\n                Continue\r\n              <\/span>\r\n\r\n              <span class=\"emi-arrow\">\r\n                \u2192\r\n              <\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n              type=\"submit\"\r\n              id=\"emi-submit\"\r\n              class=\"emi-btn emi-btn-primary\"\r\n              style=\"display:none;\"\r\n            >\r\n              Submit enquiry\r\n\r\n              <span class=\"emi-arrow\">\r\n                \u2192\r\n              <\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ===================================================\r\n           CONTACT INFORMATION\r\n      =================================================== -->\r\n\r\n      <aside class=\"emi-sidebar\">\r\n\r\n\r\n        <!-- OFFICE -->\r\n\r\n        <div class=\"emi-card emi-info-card\">\r\n\r\n          <div class=\"emi-info-icon emi-icon-blue\">\r\n            \u2316\r\n          <\/div>\r\n\r\n          <h3>\r\n            Registered office\r\n          <\/h3>\r\n\r\n          <p>\r\n            Plot No. 1035, 1-4-879\/68\/1, Street No. 9,\r\n            Bakaram, Gandhinagar, Hyderabad - 500080\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- EMAIL -->\r\n\r\n        <div class=\"emi-card emi-info-card\">\r\n\r\n          <div class=\"emi-info-icon emi-icon-green\">\r\n            \u2709\r\n          <\/div>\r\n\r\n          <h3>\r\n            Email\r\n          <\/h3>\r\n\r\n          <a\r\n            class=\"emi-contact-link\"\r\n            href=\"mailto:founder@educationalmentoringindia.com\"\r\n          >\r\n            founder@educationalmentoringindia.com\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PHONE -->\r\n\r\n        <div class=\"emi-card emi-info-card\">\r\n\r\n          <div class=\"emi-info-icon emi-icon-gold\">\r\n            \u260e\r\n          <\/div>\r\n\r\n          <h3>\r\n            Phone\r\n          <\/h3>\r\n\r\n          <ul class=\"emi-phone-list\">\r\n\r\n            <li>\r\n              <a href=\"tel:+919908128170\">\r\n                +91 9908128170\r\n              <\/a>\r\n            <\/li>\r\n\r\n            <li>\r\n              <a href=\"tel:+919599022913\">\r\n                +91 9599022913\r\n              <\/a>\r\n            <\/li>\r\n\r\n          <\/ul>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ACTIONS -->\r\n\r\n        <div class=\"emi-contact-actions\">\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/919908128170\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"emi-btn emi-btn-green emi-btn-full\"\r\n          >\r\n            <span>\u25c9<\/span>\r\n            WhatsApp EMI\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            href=\"mailto:founder@educationalmentoringindia.com\"\r\n            class=\"emi-btn emi-btn-outline emi-btn-full\"\r\n          >\r\n            Email EMI\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            href=\"tel:+919908128170\"\r\n            class=\"emi-btn emi-btn-outline emi-btn-full\"\r\n          >\r\n            Call EMI\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- MAP -->\r\n\r\n        <div class=\"emi-map\">\r\n\r\n          <iframe\r\n            title=\"EMI Registered Office Location\"\r\n            src=\"https:\/\/www.google.com\/maps?q=Bakaram%2C%20Gandhinagar%2C%20Hyderabad%20500080&output=embed\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"no-referrer-when-downgrade\"\r\n          ><\/iframe>\r\n\r\n        <\/div>\r\n\r\n      <\/aside>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n     CTA\r\n========================================================= -->\r\n\r\n<section class=\"emi-cta\">\r\n\r\n  <div class=\"emi-container\">\r\n\r\n    <div class=\"emi-cta-card\">\r\n\r\n      <div class=\"emi-cta-content\">\r\n\r\n        <span class=\"emi-cta-eyebrow\">\r\n          Partners in Your Growth\r\n        <\/span>\r\n\r\n        <h2>\r\n          Prefer to talk first?\r\n        <\/h2>\r\n\r\n        <p class=\"emi-cta-description\">\r\n          Book a consultation with an EMI consultant and\r\n          let's explore your school's priorities, challenges\r\n          and growth opportunities together.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"emi-cta-buttons\">\r\n\r\n          <a\r\n            href=\"#emi-partner\"\r\n            class=\"emi-btn emi-btn-gold emi-scroll-partner\"\r\n          >\r\n            Book a Consultation\r\n            <span class=\"emi-arrow\">\u2192<\/span>\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            href=\"#emi-partner\"\r\n            class=\"emi-btn emi-btn-dark-outline emi-scroll-partner\"\r\n          >\r\n            Partner With EMI\r\n          <\/a>\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     JAVASCRIPT\r\n========================================================= -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n  var page = document.getElementById(\"emi-contact-page\");\r\n\r\n  if (!page) {\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     ELEMENTS\r\n  ======================================================= *\/\r\n\r\n  var form = page.querySelector(\"#emi-contact-form\");\r\n  var success = page.querySelector(\"#emi-success\");\r\n  var reset = page.querySelector(\"#emi-reset\");\r\n\r\n  var next = page.querySelector(\"#emi-next\");\r\n  var back = page.querySelector(\"#emi-back\");\r\n  var submit = page.querySelector(\"#emi-submit\");\r\n\r\n  var nextLabel = page.querySelector(\"#emi-next-label\");\r\n  var error = page.querySelector(\"#emi-error\");\r\n\r\n  var steps = page.querySelectorAll(\".emi-form-step\");\r\n  var progress = page.querySelectorAll(\".emi-progress-item\");\r\n\r\n  var scrollLinks =\r\n    page.querySelectorAll(\".emi-scroll-partner\");\r\n\r\n  var currentStep = 0;\r\n  var totalSteps = steps.length;\r\n\r\n\r\n  \/* =======================================================\r\n     ERROR HELPERS\r\n  ======================================================= *\/\r\n\r\n  function clearError() {\r\n\r\n    if (error) {\r\n      error.textContent = \"\";\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function showError(message) {\r\n\r\n    if (error) {\r\n      error.textContent = message;\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     SHOW STEP\r\n  ======================================================= *\/\r\n\r\n  function showStep(step) {\r\n\r\n    currentStep = step;\r\n\r\n\r\n    steps.forEach(function (item, index) {\r\n\r\n      item.classList.toggle(\r\n        \"active\",\r\n        index === step\r\n      );\r\n\r\n    });\r\n\r\n\r\n    progress.forEach(function (item, index) {\r\n\r\n      item.classList.remove(\r\n        \"active\",\r\n        \"completed\"\r\n      );\r\n\r\n\r\n      if (index === step) {\r\n\r\n        item.classList.add(\"active\");\r\n\r\n      } else if (index < step) {\r\n\r\n        item.classList.add(\"completed\");\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    if (back) {\r\n\r\n      back.style.display =\r\n        step > 0\r\n          ? \"inline-flex\"\r\n          : \"none\";\r\n\r\n    }\r\n\r\n\r\n    if (next) {\r\n\r\n      next.style.display =\r\n        step < totalSteps - 1\r\n          ? \"inline-flex\"\r\n          : \"none\";\r\n\r\n    }\r\n\r\n\r\n    if (submit) {\r\n\r\n      submit.style.display =\r\n        step === totalSteps - 1\r\n          ? \"inline-flex\"\r\n          : \"none\";\r\n\r\n    }\r\n\r\n\r\n    if (nextLabel) {\r\n\r\n      nextLabel.textContent =\r\n        step === totalSteps - 1\r\n          ? \"Submit enquiry\"\r\n          : \"Continue\";\r\n\r\n    }\r\n\r\n\r\n    clearError();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     VALIDATE STEP\r\n  ======================================================= *\/\r\n\r\n  function validateCurrentStep() {\r\n\r\n    var activeStep =\r\n      page.querySelector(\r\n        '.emi-form-step[data-step=\"' +\r\n        currentStep +\r\n        '\"]'\r\n      );\r\n\r\n\r\n    if (!activeStep) {\r\n      return true;\r\n    }\r\n\r\n\r\n    var fields =\r\n      activeStep.querySelectorAll(\r\n        \"input[required], select[required], textarea[required]\"\r\n      );\r\n\r\n\r\n    var firstInvalid = null;\r\n\r\n\r\n    fields.forEach(function (field) {\r\n\r\n      field.setCustomValidity(\"\");\r\n\r\n\r\n      if (!field.value.trim()) {\r\n\r\n        field.setCustomValidity(\r\n          \"Please complete this field.\"\r\n        );\r\n\r\n        if (!firstInvalid) {\r\n          firstInvalid = field;\r\n        }\r\n\r\n        return;\r\n      }\r\n\r\n\r\n      if (\r\n        field.type === \"email\" &&\r\n        !field.checkValidity()\r\n      ) {\r\n\r\n        field.setCustomValidity(\r\n          \"Please enter a valid email address.\"\r\n        );\r\n\r\n        if (!firstInvalid) {\r\n          firstInvalid = field;\r\n        }\r\n\r\n      }\r\n\r\n    });\r\n\r\n\r\n    if (firstInvalid) {\r\n\r\n      showError(\r\n        \"Please complete the required fields before continuing.\"\r\n      );\r\n\r\n      firstInvalid.reportValidity();\r\n      firstInvalid.focus();\r\n\r\n      return false;\r\n    }\r\n\r\n\r\n    clearError();\r\n\r\n    return true;\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     NEXT\r\n  ======================================================= *\/\r\n\r\n  if (next) {\r\n\r\n    next.addEventListener(\"click\", function () {\r\n\r\n      if (!validateCurrentStep()) {\r\n        return;\r\n      }\r\n\r\n\r\n      if (currentStep < totalSteps - 1) {\r\n\r\n        showStep(currentStep + 1);\r\n\r\n        form.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     BACK\r\n  ======================================================= *\/\r\n\r\n  if (back) {\r\n\r\n    back.addEventListener(\"click\", function () {\r\n\r\n      if (currentStep > 0) {\r\n\r\n        showStep(currentStep - 1);\r\n\r\n        form.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     SUBMIT\r\n  ======================================================= *\/\r\n\r\n  if (form) {\r\n\r\n    form.addEventListener(\"submit\", function (event) {\r\n\r\n      event.preventDefault();\r\n\r\n\r\n      if (!validateCurrentStep()) {\r\n        return;\r\n      }\r\n\r\n\r\n      form.style.display = \"none\";\r\n\r\n\r\n      if (success) {\r\n        success.style.display = \"flex\";\r\n      }\r\n\r\n\r\n      clearError();\r\n\r\n\r\n      if (success) {\r\n\r\n        success.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     RESET\r\n  ======================================================= *\/\r\n\r\n  if (reset) {\r\n\r\n    reset.addEventListener(\"click\", function () {\r\n\r\n      if (form) {\r\n\r\n        form.reset();\r\n\r\n        form.style.display = \"\";\r\n\r\n      }\r\n\r\n\r\n      if (success) {\r\n\r\n        success.style.display = \"none\";\r\n\r\n      }\r\n\r\n\r\n      showStep(0);\r\n\r\n\r\n      if (form) {\r\n\r\n        form.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"start\"\r\n        });\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CLEAR VALIDATION WHILE TYPING\r\n  ======================================================= *\/\r\n\r\n  var allFields =\r\n    page.querySelectorAll(\r\n      \"input, select, textarea\"\r\n    );\r\n\r\n\r\n  allFields.forEach(function (field) {\r\n\r\n    field.addEventListener(\"input\", function () {\r\n\r\n      field.setCustomValidity(\"\");\r\n\r\n      clearError();\r\n\r\n    });\r\n\r\n\r\n    field.addEventListener(\"change\", function () {\r\n\r\n      field.setCustomValidity(\"\");\r\n\r\n      clearError();\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* =======================================================\r\n     CTA SCROLL\r\n  ======================================================= *\/\r\n\r\n  scrollLinks.forEach(function (link) {\r\n\r\n    link.addEventListener(\"click\", function (event) {\r\n\r\n      var target =\r\n        page.querySelector(\"#emi-partner\");\r\n\r\n\r\n      if (!target) {\r\n        return;\r\n      }\r\n\r\n\r\n      event.preventDefault();\r\n\r\n\r\n      target.scrollIntoView({\r\n        behavior: \"smooth\",\r\n        block: \"start\"\r\n      });\r\n\r\n\r\n      setTimeout(function () {\r\n\r\n        var firstField =\r\n          target.querySelector(\"input, select, textarea\");\r\n\r\n        if (firstField) {\r\n          firstField.focus();\r\n        }\r\n\r\n      }, 650);\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* =======================================================\r\n     INITIAL STATE\r\n  ======================================================= *\/\r\n\r\n  showStep(0);\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\r\n\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 Contact Contact EMI Let&#8217;s Build a Better School Ecosystem Together. Connect with Educational Mentoring India for school transformation, [&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":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1518","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1518","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=1518"}],"version-history":[{"count":7,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1518\/revisions"}],"predecessor-version":[{"id":1631,"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/pages\/1518\/revisions\/1631"}],"wp:attachment":[{"href":"https:\/\/educationalmentoringindia.com\/index.php\/wp-json\/wp\/v2\/media?parent=1518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}