{"id":12,"date":"2026-05-21T08:14:25","date_gmt":"2026-05-21T08:14:25","guid":{"rendered":"https:\/\/stemlearn.ai\/aiolympiad\/?page_id=12"},"modified":"2026-07-25T02:38:55","modified_gmt":"2026-07-25T02:38:55","slug":"home","status":"publish","type":"page","link":"https:\/\/stemlearn.ai\/aiolympiad\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6177b63 e-con-full e-flex e-con e-parent\" data-id=\"6177b63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4913af5 elementor-widget elementor-widget-html\" data-id=\"4913af5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI COMBINED HEADER & HERO SECTION\n========================================================= -->\n\n<!-- GOOGLE FONTS IMPORT -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@600;700;800;900&family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<!-- RAZORPAY CHECKOUT SCRIPT -->\n<script src=\"https:\/\/checkout.razorpay.com\/v1\/checkout.js\"><\/script>\n\n<style>\n\/* FORCE ELEMENTOR WRAPPER TO STRETCH FULL WIDTH *\/\n.elementor-widget-html, .elementor-widget-container {\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* SCOPED RESET & GLOBAL STYLES *\/\n.ai-page-wrapper * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;\n  text-decoration: none !important;\n  list-style: none !important;\n}\n\n.ai-page-wrapper h1, \n.ai-page-wrapper h2, \n.ai-page-wrapper h3, \n.ai-page-wrapper .ai-hero-title,\n.ai-page-wrapper .ai-hero-tag,\n.ai-page-wrapper .ai-form-label {\n  font-family: 'Mulish', 'Nunito Sans', ui-sans-serif, system-ui, sans-serif;\n}\n\n\/* FULL-BLEED UNIFIED CANVAS FOR BOTH HEADER AND HERO *\/\n.ai-page-wrapper {\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  background-color: #15153a;\n  background-image: \n    radial-gradient(circle 1.5px at center, rgba(255, 255, 255, 0.08) 100%, transparent 0),\n    radial-gradient(circle at 12% 35%, rgba(81, 199, 179, 0.15) 0%, transparent 40%),\n    radial-gradient(circle at 88% 65%, rgba(139, 92, 246, 0.20) 0%, transparent 50%),\n    linear-gradient(135deg, #15153a 0%, #1d2254 50%, #253473 100%);\n  background-size: 28px 28px, 100% 100%, 100% 100%, 100% 100%;\n  color: #ffffff;\n  overflow: hidden;\n  padding-bottom: 60px;\n}\n\n\/* ================= HEADER STYLES ================= *\/\n.sl-header-wrapper {\n  width: 100%;\n  padding: 24px 32px;\n  position: relative;\n  z-index: 999;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: none !important;\n}\n\n.sl-header-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.sl-brand {\n  display: flex;\n  align-items: center;\n}\n\n.sl-logo-img {\n  height: 52px;\n  width: auto;\n  object-fit: contain;\n  display: block;\n}\n\n.sl-nav {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n}\n\n.sl-nav-link {\n  font-size: 14px;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.82);\n  transition: color 0.2s ease;\n}\n\n.sl-nav-link:hover {\n  color: #ffffff;\n}\n\n\/* HEADER CTA BUTTON WITH ZOOM ANIMATION *\/\n.sl-btn-cta {\n  background: #51C7B3 !important;\n  color: #ffffff !important;\n  padding: 10px 24px;\n  border-radius: 50px;\n  font-size: 13px;\n  font-weight: 800;\n  box-shadow: 0 4px 15px rgba(81, 199, 179, 0.25);\n  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease;\n  display: inline-block;\n}\n\n.sl-btn-cta:hover {\n  background: #51C7B3 !important;\n  transform: scale(1.06);\n  box-shadow: 0 6px 20px rgba(81, 199, 179, 0.4);\n}\n\n\/* ================= HERO STYLES ================= *\/\n.ai-hero-wrapper {\n  padding: 20px 32px 60px 32px;\n  position: relative;\n  background: transparent !important;\n}\n\n.ai-hero-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 48px;\n  align-items: center;\n  position: relative;\n  z-index: 10;\n}\n\n.ai-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 16px;\n  border-radius: 50px;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  background: rgba(255, 255, 255, 0.05);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n  color: #ffffff;\n}\n\n.ai-hero-title {\n  margin-top: 24px;\n  font-size: 58px;\n  font-weight: 900;\n  line-height: 1.05;\n  letter-spacing: -1.5px;\n  color: #ffffff;\n}\n\n.ai-text-gold { color: #ECA02B; }\n.ai-text-teal { color: #51C7B3; }\n\n.ai-hero-subtext {\n  margin-top: 24px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.ai-hero-desc {\n  margin-top: 14px;\n  font-size: 15px;\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.75);\n  max-width: 500px;\n}\n\n.ai-btn-group {\n  margin-top: 28px;\n  display: flex;\n  flex-direction: row;\n  gap: 14px;\n  align-items: center;\n}\n\n\/* PRIMARY REGISTER BUTTON WITH ZOOM ANIMATION *\/\n.ai-btn-primary {\n  background: #51C7B3 !important;\n  color: #ffffff !important;\n  padding: 13px 28px;\n  border-radius: 50px;\n  font-weight: 800;\n  font-size: 13px;\n  border: none;\n  text-align: center;\n  white-space: nowrap;\n  display: inline-block;\n  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease;\n}\n.ai-btn-primary:hover { \n  background: #51C7B3 !important; \n  transform: scale(1.05);\n  box-shadow: 0 6px 20px rgba(81, 199, 179, 0.35);\n}\n\n.ai-btn-secondary {\n  border: 1px solid rgba(255, 255, 255, 0.25);\n  background: rgba(255, 255, 255, 0.03);\n  color: #ffffff;\n  padding: 13px 28px;\n  border-radius: 50px;\n  font-weight: 800;\n  font-size: 13px;\n  text-align: center;\n  white-space: nowrap;\n  display: inline-block;\n  transition: background 0.2s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n.ai-btn-secondary:hover { \n  background: rgba(255, 255, 255, 0.08); \n  transform: scale(1.03);\n}\n\n.ai-enrolled-count {\n  margin-top: 28px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.ai-avatar-group { display: flex; }\n.ai-avatar {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid #181735;\n  margin-left: -8px;\n}\n.ai-avatar:first-child { margin-left: 0; }\n\n.ai-collab-section { margin-top: 36px; }\n.ai-collab-label {\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.45);\n}\n\n\/* COLLABORATION CARDS GRID *\/\n.ai-collab-grid {\n  margin-top: 14px;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));\n  gap: 10px;\n  width: 100%;\n}\n\n.ai-collab-card {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 12px;\n  border-radius: 12px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(255, 255, 255, 0.04);\n  width: 100%;\n}\n.ai-collab-logo {\n  width: 32px;\n  height: 32px;\n  background: #ffffff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  overflow: hidden;\n  padding: 3px;\n}\n.ai-collab-logo img { width: 100%; height: 100%; object-fit: contain; }\n.ai-collab-name { font-size: 11px; font-weight: 800; color: #ffffff; line-height: 1.2; }\n.ai-collab-role { font-size: 9px; color: rgba(255, 255, 255, 0.5); line-height: 1.1; }\n\n.ai-collab-link {\n  display: inline-block;\n  margin-top: 16px;\n  font-size: 12px;\n  font-weight: 700;\n  color: #60A5FA;\n  transition: color 0.2s ease;\n}\n.ai-collab-link:hover { color: #93C5FD; }\n\n\/* FORM CARD STYLING *\/\n.ai-form-card {\n  background: #ffffff;\n  border-radius: 28px;\n  padding: 36px 32px;\n  color: #0F172A;\n  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);\n}\n\n.ai-form-title { font-size: 30px; font-weight: 800; color: #0F172A; margin-bottom: 6px; }\n.ai-form-sub { font-size: 13px; color: #64748B; margin-bottom: 24px; }\n\n.ai-form-group { margin-bottom: 14px; }\n.ai-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }\n\n.ai-form-label {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.6px;\n  color: #1E293B;\n  margin-bottom: 6px;\n}\n\n.ai-input, .ai-select {\n  width: 100%;\n  height: 46px;\n  border-radius: 12px !important;\n  border: 1px solid #E2E8F0;\n  padding: 0 14px;\n  font-size: 14px;\n  outline: none;\n  background-color: #ffffff;\n  color: #0F172A;\n  transition: all 0.15s ease;\n  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);\n}\n.ai-input::placeholder { color: #94A3B8; }\n.ai-input:focus, .ai-select:focus {\n  border-color: #51C7B3;\n  box-shadow: 0 0 0 3px rgba(81, 199, 179, 0.15);\n}\n\n.ai-submit-btn {\n  width: 100%;\n  height: 52px;\n  margin-top: 10px;\n  border-radius: 12px;\n  border: none;\n  background: #51C7B3;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease;\n}\n.ai-submit-btn:hover { \n  background: #51C7B3;\n  transform: scale(1.02);\n  box-shadow: 0 6px 20px rgba(81, 199, 179, 0.35);\n}\n\n.ai-form-footer {\n  text-align: center;\n  font-size: 11px;\n  color: #94A3B8;\n  margin-top: 14px;\n}\n\n\/* RESPONSIVE CSS *\/\n@media (max-width: 991px) {\n  .sl-nav { display: none; }\n  .ai-hero-container { grid-template-columns: 1fr; gap: 40px; }\n  .ai-hero-title { font-size: 42px; }\n}\n\n@media (max-width: 600px) {\n  \/* STRICT 2-COLUMN GRID ON MOBILE FOR ASSOCIATED PARTNERS *\/\n  .ai-collab-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 8px !important;\n  }\n  .ai-collab-card {\n    padding: 8px 10px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  .sl-header-wrapper { padding: 16px; }\n  .sl-logo-img { height: 42px; }\n  .ai-hero-wrapper { padding: 16px 16px 40px 16px; }\n  .ai-hero-title { font-size: 32px; }\n  .ai-btn-group { flex-direction: row; gap: 8px; }\n  .ai-btn-primary, .ai-btn-secondary { flex: 1; padding: 11px 8px; font-size: 11px; }\n  .ai-form-card { padding: 24px 18px; border-radius: 20px; }\n}\n<\/style>\n\n<div class=\"ai-page-wrapper\">\n\n  <!-- ================= HEADER SECTION ================= -->\n  <header class=\"sl-header-wrapper\">\n    <div class=\"sl-header-container\">\n      \n      <!-- LOGO -->\n      <a href=\"https:\/\/stemlearn.ai\/aiolympiad\" class=\"sl-brand\">\n        <img decoding=\"async\" \n          src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/glf-bg.png\" \n          alt=\"STEMLearn Logo\" \n          class=\"sl-logo-img\"\n        >\n      <\/a>\n\n      <!-- DESKTOP NAVIGATION -->\n      <nav class=\"sl-nav\">\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#About\" class=\"sl-nav-link\">About<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/syllabus\" class=\"sl-nav-link\">Syllabus<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/collaborations\" class=\"sl-nav-link\">Collaborations<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#pricing\" class=\"sl-nav-link\">Pricing<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#rewards\" class=\"sl-nav-link\">Rewards<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#faq\" class=\"sl-nav-link\">FAQ<\/a>\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/#contact\" class=\"sl-nav-link\">Contact<\/a>\n      <\/nav>\n\n      <!-- REGISTER ACTION BUTTON -->\n      <a href=\"#register-form\" class=\"sl-btn-cta\">Register<\/a>\n\n    <\/div>\n  <\/header>\n\n  <!-- ================= HERO SECTION ================= -->\n  <section class=\"ai-hero-wrapper\" id=\"register\">\n    <div class=\"ai-hero-container\">\n      \n      <!-- LEFT COLUMN CONTENT -->\n      <div class=\"ai-hero-left\">\n        <div class=\"ai-hero-tag\">\n          <span>\ud83c\udfc6<\/span> INDIA'S PREMIER AI OLYMPIAD\n        <\/div>\n        \n        <h1 class=\"ai-hero-title\">\n          India's Biggest<br>\n          <span class=\"ai-text-gold\">AI Olympiad<\/span><br>\n          for <span class=\"ai-text-teal\">Schools<\/span>\n        <\/h1>\n        \n        <p class=\"ai-hero-subtext\">\n          GRADE 3 TO GRADE 10 &nbsp;\u00b7&nbsp; OCT\u2013NOV 2026 &nbsp;\u00b7&nbsp; EXCITING REWARDS\n        <\/p>\n        \n        <p class=\"ai-hero-desc\">\n          Test your AI literacy, win exciting prizes, and earn a certificate co-branded with IIIT Allahabad & Techfest, IIT Bombay.\n        <\/p>\n        \n        <!-- BUTTONS -->\n        <div class=\"ai-btn-group\">\n          <a href=\"#register-form\" class=\"ai-btn-primary\">Register Your Child<\/a>\n          <a href=\"#contact\" class=\"ai-btn-secondary\">Register Your School<\/a>\n        <\/div>\n        \n        <div class=\"ai-enrolled-count\">\n          <div class=\"ai-avatar-group\">\n            <div class=\"ai-avatar\" style=\"background: #51C7B3;\"><\/div>\n            <div class=\"ai-avatar\" style=\"background: #F87171;\"><\/div>\n            <div class=\"ai-avatar\" style=\"background: #ECA02B;\"><\/div>\n            <div class=\"ai-avatar\" style=\"background: #3B82F6;\"><\/div>\n          <\/div>\n          <div style=\"font-size: 13px; color: rgba(255,255,255,0.85);\">\n            <strong style=\"color: #fff;\">10,000+<\/strong> students already enrolled\n          <\/div>\n        <\/div>\n\n        <!-- PARTNERS SECTION -->\n        <div class=\"ai-collab-section\">\n          <div class=\"ai-collab-label\">\u2014 CONDUCTED IN ASSOCIATION WITH<\/div>\n          <div class=\"ai-collab-grid\">\n            \n            <!-- IIITA -->\n            <a href=\"#\" class=\"ai-collab-card\">\n              <div class=\"ai-collab-logo\">\n                <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iiita-D1IHL4UZ.png\" alt=\"IIITA\">\n              <\/div>\n              <div>\n                <div class=\"ai-collab-name\">IIITA<\/div>\n                <div class=\"ai-collab-role\">Academic Partner<\/div>\n              <\/div>\n            <\/a>\n\n            <!-- IITB -->\n            <a href=\"#\" class=\"ai-collab-card\">\n              <div class=\"ai-collab-logo\">\n                <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iitb-techfest-heKOhCsp.png\" alt=\"IITB\">\n              <\/div>\n              <div>\n                <div class=\"ai-collab-name\">IITB<\/div>\n                <div class=\"ai-collab-role\">Techfest \u00b7 SparkX<\/div>\n              <\/div>\n            <\/a>\n\n            <!-- COEP -->\n            <a href=\"#\" class=\"ai-collab-card\">\n              <div class=\"ai-collab-logo\">\n                <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/coep-DYMTx2WI.png\" alt=\"COEP\">\n              <\/div>\n              <div>\n                <div class=\"ai-collab-name\">COEP<\/div>\n                <div class=\"ai-collab-role\">Academic Partner<\/div>\n              <\/div>\n            <\/a>\n\n            <!-- SPPU -->\n            <a href=\"#\" class=\"ai-collab-card\">\n              <div class=\"ai-collab-logo\">\n                <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/sppu-aYzVTwxY.png\" alt=\"SPPU\">\n              <\/div>\n              <div>\n                <div class=\"ai-collab-name\">SPPU<\/div>\n                <div class=\"ai-collab-role\">Academic Partner<\/div>\n              <\/div>\n            <\/a>\n\n          <\/div>\n\n          <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/collaborations\" class=\"ai-collab-link\">See our powerful collaborations \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- RIGHT COLUMN FORM -->\n      <div class=\"ai-hero-right\" id=\"register-form\">\n        <div class=\"ai-form-card\">\n          \n          <!-- BADGE ROW -->\n          <div style=\"display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; margin-bottom: 20px !important; width: 100% !important; border: none !important;\">\n            <span style=\"background-color: #FFF2F2 !important; color: #EF4444 !important; border: 1px solid #FFE2E2 !important; font-size: 11px !important; font-weight: 800 !important; padding: 4px 12px !important; border-radius: 50px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; line-height: 1 !important; display: inline-block !important; white-space: nowrap !important; margin: 0 !important;\">LIMITED SEATS<\/span>\n            <span style=\"font-size: 13px !important; color: #64748B !important; font-weight: 600 !important; line-height: 1 !important; display: inline-block !important; white-space: nowrap !important; margin: 0 !important;\">Registration closes Sep 30<\/span>\n          <\/div>\n          \n          <h3 class=\"ai-form-title\">Register in <span class=\"ai-text-teal\">30 seconds<\/span><\/h3>\n          <p class=\"ai-form-sub\">Get your seat + free sample paper. Pay \u20b9250 on the next step.<\/p>\n\n          <form id=\"heroRegistrationForm\" onsubmit=\"handleFormSubmission(event)\">\n            <div class=\"ai-form-group\">\n              <label class=\"ai-form-label\">STUDENT NAME *<\/label>\n              <input type=\"text\" id=\"heroStudentName\" class=\"ai-input\" placeholder=\"Full name\" required>\n            <\/div>\n\n            <div class=\"ai-form-row\">\n              <div>\n                <label class=\"ai-form-label\">EMAIL *<\/label>\n                <input type=\"email\" id=\"heroEmail\" class=\"ai-input\" placeholder=\"you@email.com\" required>\n              <\/div>\n              <div>\n                <label class=\"ai-form-label\">PHONE *<\/label>\n                <input type=\"tel\" id=\"heroPhone\" class=\"ai-input\" placeholder=\"10-digit\" required>\n              <\/div>\n            <\/div>\n\n            <div class=\"ai-form-row\">\n              <div>\n                <label class=\"ai-form-label\">GRADE *<\/label>\n                <select id=\"heroGrade\" class=\"ai-select\" required>\n                  <option value=\"\">Select<\/option>\n                  <option value=\"Grade 3\">Grade 3<\/option>\n                  <option value=\"Grade 4\">Grade 4<\/option>\n                  <option value=\"Grade 5\">Grade 5<\/option>\n                  <option value=\"Grade 6\">Grade 6<\/option>\n                  <option value=\"Grade 7\">Grade 7<\/option>\n                  <option value=\"Grade 8\">Grade 8<\/option>\n                  <option value=\"Grade 9\">Grade 9<\/option>\n                  <option value=\"Grade 10\">Grade 10<\/option>\n                <\/select>\n              <\/div>\n              <div>\n                <label class=\"ai-form-label\">CITY *<\/label>\n                <input type=\"text\" id=\"heroCity\" class=\"ai-input\" placeholder=\"e.g. Mumbai\" required>\n              <\/div>\n            <\/div>\n\n            <button type=\"submit\" class=\"ai-submit-btn\">\n              Reserve My Seat \u2014 \u20b9250 \u2192\n            <\/button>\n            \n            <div class=\"ai-form-footer\">\n              Secure payment \u00b7 Instant confirmation \u00b7 Refundable\n            <\/div>\n          <\/form>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- JAVASCRIPT INTEGRATION -->\n<script>\nconst PABBLY_WEBHOOK = \"https:\/\/connect.pabbly.com\/webhook-listener\/webhook\/IjU3NjIwNTZhMDYzMTA0MzE1MjZjNTUzMiI_3D_pc\/IjU3NjcwNTY5MDYzMTA0M2M1MjZjNTUzTUUxMzEi_pc\";\nconst THANK_YOU_URL = \"https:\/\/stemlearn.ai\/aiolympiad\/thank-you-for-registering-student\/\";\n\nfunction postData(url, data) {\n  return fetch(url, {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application\/json\" },\n    body: JSON.stringify(data)\n  }).catch(err => console.error(\"Webhook Error:\", err));\n}\n\nfunction handleFormSubmission(e) {\n  e.preventDefault();\n\n  const name = document.getElementById('heroStudentName').value.trim();\n  const email = document.getElementById('heroEmail').value.trim();\n  let phone = document.getElementById('heroPhone').value.trim().replace(\/\\s+\/g, '');\n  const grade = document.getElementById('heroGrade').value;\n  const city = document.getElementById('heroCity').value.trim();\n\n  const phoneRegex = \/^(\\+91|91)?[6-9]\\d{9}$\/;\n  if (!phoneRegex.test(phone)) {\n    alert(\"Please enter a valid 10-digit mobile number.\");\n    return;\n  }\n  phone = phone.replace(\/^(\\+91|91)\/, '');\n\n  const leadId = \"AIOLY_\" + Date.now() + \"_\" + Math.floor(Math.random() * 100000);\n\n  const options = {\n    key: \"rzp_live_STPNajhFc3ZuP6\",\n    amount: 25000,\n    currency: \"INR\",\n    name: \"AI Olympiad\",\n    description: \"Student Registration Fee\",\n    prefill: {\n      name: name,\n      email: email,\n      contact: phone\n    },\n    notes: {\n      lead_id: leadId,\n      student_name: name,\n      grade: grade,\n      city: city\n    },\n    theme: { color: \"#51C7B3\" },\n    handler: function (response) {\n      const paymentPayload = {\n        lead_id: leadId,\n        student_name: name,\n        email: email,\n        parent_phone: phone,\n        grade: grade,\n        city: city,\n        payment_status: \"Paid\",\n        step_status: \"Registration Completed\",\n        razorpay_payment_id: response.razorpay_payment_id,\n        amount: \"250\",\n        registered_at: new Date().toISOString()\n      };\n\n      postData(PABBLY_WEBHOOK, paymentPayload).then(() => {\n        const redirectUrl = `${THANK_YOU_URL}?name=${encodeURIComponent(name)}&email=${encodeURIComponent(email)}`;\n        window.location.href = redirectUrl;\n      });\n    }\n  };\n\n  const rzp = new Razorpay(options);\n  rzp.open();\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11433be e-con-full e-flex e-con e-parent\" data-id=\"11433be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45ee9d1 elementor-widget elementor-widget-html\" data-id=\"45ee9d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI HIGHLIGHTS BAR (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Nunito+Sans:wght@800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED CSS RESET *\/\n.sl-highlights-bar * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n\/* MAIN BAR CONTAINER WITH UPDATED BG COLOR *\/\n.sl-highlights-bar {\n  width: 100% !important;\n  background-color: #1d2254 !important; \/* oklch(28% .09 275) *\/\n  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n  padding: 14px 24px !important;\n  position: relative !important;\n  z-index: 20 !important;\n}\n\n.sl-highlights-container {\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n  display: flex !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 12px 32px !important;\n}\n\n\/* INDIVIDUAL FEATURE ITEMS *\/\n.sl-highlight-item {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.18em !important;\n  color: rgba(255, 255, 255, 0.8) !important;\n  white-space: nowrap !important;\n}\n\n\/* GOLD DOT INDICATOR *\/\n.sl-gold-dot {\n  width: 6px !important;\n  height: 6px !important;\n  border-radius: 50% !important;\n  background-color: #ECA02B !important;\n  flex-shrink: 0 !important;\n  display: inline-block !important;\n}\n\n\/* MOBILE RESPONSIVE ADJUSTMENTS *\/\n@media (max-width: 768px) {\n  .sl-highlights-bar {\n    padding: 12px 16px !important;\n  }\n  .sl-highlights-container {\n    gap: 10px 20px !important;\n  }\n  .sl-highlight-item {\n    font-size: 10px !important;\n    letter-spacing: 0.14em !important;\n  }\n}\n<\/style>\n\n<div class=\"sl-highlights-bar\">\n  <div class=\"sl-highlights-container\">\n    \n    <span class=\"sl-highlight-item\">\n      <span class=\"sl-gold-dot\"><\/span>\n      Grades 3\u201310\n    <\/span>\n\n    <span class=\"sl-highlight-item\">\n      <span class=\"sl-gold-dot\"><\/span>\n      Online + Offline Mode\n    <\/span>\n\n    <span class=\"sl-highlight-item\">\n      <span class=\"sl-gold-dot\"><\/span>\n      All-India Ranking\n    <\/span>\n\n    <span class=\"sl-highlight-item\">\n      <span class=\"sl-gold-dot\"><\/span>\n      Cash Rewards\n    <\/span>\n\n    <span class=\"sl-highlight-item\">\n      <span class=\"sl-gold-dot\"><\/span>\n      IIT Bombay Stage\n    <\/span>\n\n    <span class=\"sl-highlight-item\">\n      <span class=\"sl-gold-dot\"><\/span>\n      Certificates for All\n    <\/span>\n\n    <span class=\"sl-highlight-item\">\n      <span class=\"sl-gold-dot\"><\/span>\n      School Partnerships\n    <\/span>\n\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfc507e e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"cfc507e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e185df elementor-widget elementor-widget-html\" data-id=\"5e185df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GOOGLE FONTS -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800;900&family=Nunito+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n.ai-hero{\n  position:relative;\n  overflow:hidden;\n\n  min-height:680px;\n\n  display:flex;\n  align-items:center;\n\n  font-family:'Nunito Sans',sans-serif;\n\n  background:\n  linear-gradient(135deg, rgba(3,21,85,.94), rgba(11,20,90,.90)),\n  url('https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/05\/hero-bg-fn2XMjg9.jpg');\n\n  background-size:cover;\n  background-position:center;\n\n  padding:40px 20px 0;\n}\n\n.ai-hero::before{\n  content:'';\n  position:absolute;\n  inset:0;\n\n  background:\n  radial-gradient(circle at 20% 20%, rgba(14,185,162,.10), transparent 28%),\n  radial-gradient(circle at 80% 30%, rgba(251,196,71,.08), transparent 24%);\n\n  z-index:1;\n}\n\n\/* CONTAINER *\/\n\n.ai-container{\n  width:100%;\n  max-width:1220px;\n\n  margin:auto;\n\n  position:relative;\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:1fr 620px;\n\n  gap:0;\n\n  align-items:center;\n}\n\n\/* LEFT SIDE *\/\n\n.ai-left{\n  position:relative;\n  z-index:5;\n\n  padding-bottom:0;\n\n  max-width:640px;\n}\n\n\/* BADGE *\/\n\n.ai-badge{\n  display:inline-flex;\n  width:auto;\n  max-width:max-content;\n  white-space:nowrap;\n\n  align-items:center;\n  gap:9px;\n\n  padding:10px 18px !important;\n\n  border-radius:999px;\n\n  background:rgba(255,255,255,0.045) !important;\n\n  border:1px solid rgba(255,255,255,0.14);\n\n  backdrop-filter:blur(14px);\n  -webkit-backdrop-filter:blur(14px);\n\n  color:#63D9D5 !important;\n\n  font-size:15px;\n  font-weight:800;\n  letter-spacing:.6px;\n  line-height:1;\n  text-transform:uppercase;\n\n  box-shadow:\n  inset 0 1px 0 rgba(255,255,255,.05),\n  0 6px 20px rgba(0,0,0,.16);\n\n  position:relative;\n  overflow:hidden;\n\n  margin-bottom:15px;\n}\n\n.ai-badge svg{\n  width:18px;\n  height:18px;\n\n  display:block;\n\n  stroke:#63D9D5;\n  stroke-width:2.1;\n\n  opacity:.95;\n}\n\n\/* TITLE *\/\n\n.ai-title{\n  font-family:'Mulish',sans-serif;\n  font-size:66px;\n  line-height:1.1;\n  font-weight:900;\n  letter-spacing:-2px;\n  color:#fff;\n  margin-bottom:20px;\n}\n\n.ai-title .yellow{\n  color:#fbc447;\n}\n\n\/* WORD ANIMATION *\/\n\n.word-animate{\n  position:relative;\n  display:inline-block;\n\n  min-width:315px;\n  height:78px;\n\n  vertical-align:top;\n}\n\n.word{\n  position:absolute;\n  left:0;\n  top:0;\n\n  white-space:nowrap;\n\n  letter-spacing:-10px !important; \/* NORMAL SPACING *\/\n}\n\n.word span{\n  display:inline-block;\n\n  opacity:0;\n\n  color:#62d6d3;\n\n  margin-right:0px !important; \/* REMOVE EXTRA GAP *\/\n\n  animation:letterFade 8s infinite;\n}\n\n\/* SCHOOLS *\/\n\n.schools span:nth-child(1){animation-delay:.10s;}\n.schools span:nth-child(2){animation-delay:.18s;}\n.schools span:nth-child(3){animation-delay:.26s;}\n.schools span:nth-child(4){animation-delay:.34s;}\n.schools span:nth-child(5){animation-delay:.42s;}\n.schools span:nth-child(6){animation-delay:.50s;}\n.schools span:nth-child(7){animation-delay:.58s;}\n\n\/* STUDENTS *\/\n\n.students span:nth-child(1){animation-delay:4.10s;}\n.students span:nth-child(2){animation-delay:4.18s;}\n.students span:nth-child(3){animation-delay:4.26s;}\n.students span:nth-child(4){animation-delay:4.34s;}\n.students span:nth-child(5){animation-delay:4.42s;}\n.students span:nth-child(6){animation-delay:4.50s;}\n.students span:nth-child(7){animation-delay:4.58s;}\n.students span:nth-child(8){animation-delay:4.66s;}\n\n\/* ANIMATION *\/\n\n@keyframes letterFade{\n\n  0%{\n    opacity:0;\n    transform:translateX(-10px);\n    filter:blur(5px);\n  }\n\n  8%{\n    opacity:1;\n    transform:translateX(0);\n    filter:blur(0);\n  }\n\n  42%{\n    opacity:1;\n    transform:translateX(0);\n    filter:blur(0);\n  }\n\n  55%{\n    opacity:0;\n    transform:translateX(10px);\n    filter:blur(5px);\n  }\n\n  100%{\n    opacity:0;\n    transform:translateX(10px);\n    filter:blur(5px);\n  }\n\n}\n\n\/* META *\/\n\n.ai-meta{\n  font-size:17px;\n  line-height:1.6;\n  color:rgba(255,255,255,.95);\n  margin-bottom:12px;\n  font-weight:800;\n}\n\n\/* DESC *\/\n\n.ai-desc{\n  max-width:640px;\n  font-size:16px;\n  line-height:1.75;\n  color:rgba(255,255,255,.74);\n  margin-bottom:28px;\n  font-weight:600;\n}\n\n\/* BUTTONS *\/\n\n.ai-buttons{\n  display:flex;\n  gap:14px;\n  flex-wrap:wrap;\n  align-items:center;\n}\n\n.ai-btn{\n  text-decoration:none !important;\n  font-family:'Nunito Sans',sans-serif;\n\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:16px 30px;\n\n  border-radius:20px;\n\n  font-size:15px;\n  font-weight:800;\n\n  transition:.3s ease;\n}\n\n.ai-btn:hover{\n  transform:translateY(-2px);\n}\n\n.ai-btn-primary{\n  color:#fff !important;\n\n  background:linear-gradient(135deg,#0EB9A2,#69d6d2);\n\n  box-shadow:\n  0 10px 28px rgba(14,185,162,.22),\n  inset 0 1px 0 rgba(255,255,255,.28);\n}\n\n.ai-btn-secondary{\n  color:#fff !important;\n\n  background:rgba(255,255,255,.07);\n\n  backdrop-filter:blur(10px);\n\n  border:1px solid rgba(255,255,255,.18);\n}\n\n\/* ENROLL *\/\n\n.ai-enroll{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin-top:24px;\n}\n\n.ai-users{\n  display:flex;\n}\n\n.ai-users span{\n  width:38px;\n  height:38px;\n\n  border-radius:50%;\n\n  border:3px solid #07144f;\n\n  background:linear-gradient(135deg,#0EB9A2,#67d8d1);\n\n  margin-left:-10px;\n}\n\n.ai-users span:first-child{\n  margin-left:0;\n}\n\n.ai-enroll-text{\n  color:rgba(255,255,255,.78);\n  font-size:15px;\n  font-weight:700;\n}\n\n.ai-enroll-text b{\n  color:#fff;\n}\n\n\/* RIGHT IMAGE *\/\n\n.ai-image-wrap{\n  position:relative;\n\n  display:flex;\n  align-items:flex-end;\n  justify-content:flex-end;\n\n  height:100%;\n\n  margin-right:-80px;\n\n  pointer-events:none;\n}\n\n\/* IMAGE BOX *\/\n\n.ai-image-box{\n\n  background:transparent !important;\n\n  border:none !important;\n\n  box-shadow:none !important;\n\n  padding:0 !important;\n\n  border-radius:0 !important;\n\n  overflow:visible !important;\n\n  display:flex;\n  align-items:flex-end;\n  justify-content:flex-end;\n\n  width:100%;\n  height:100%;\n}\n\n\/* REMOVE EFFECT *\/\n\n.ai-image-box::before{\n  display:none !important;\n}\n\n\/* IMAGE *\/\n\n.ai-image-box img{\n\n  width:auto;\n\n  max-width:none;\n\n  height:650px;\n\n  object-fit:contain;\n\n  display:block;\n\n  vertical-align:bottom;\n\n  margin-bottom:0;\n\n  transform:translateX(70px);\n\n  filter:\n  drop-shadow(0 35px 60px rgba(0,0,0,.30));\n}\n\n\/* FLOATING DOTS *\/\n\n.ai-dot{\n  position:absolute;\n  border-radius:50%;\n  animation:float 5s ease-in-out infinite;\n}\n\n.ai-dot.one{\n  width:11px;\n  height:11px;\n  background:#62d6d3;\n  top:18%;\n  left:5%;\n}\n\n.ai-dot.two{\n  width:9px;\n  height:9px;\n  background:#fbc447;\n  top:30%;\n  right:5%;\n  animation-delay:1s;\n}\n\n.ai-dot.three{\n  width:8px;\n  height:8px;\n  background:#F8495F;\n  bottom:16%;\n  left:36%;\n  animation-delay:2s;\n}\n\n@keyframes float{\n  0%,100%{\n    transform:translateY(0);\n  }\n  50%{\n    transform:translateY(-10px);\n  }\n}\n\n\/* TABLET *\/\n\n@media(max-width:991px){\n\n  .ai-hero{\n    min-height:auto;\n    padding:70px 20px 0;\n  }\n\n  .ai-container{\n    grid-template-columns:1fr;\n    gap:20px;\n  }\n\n  .ai-left{\n    padding-bottom:20px;\n    max-width:100%;\n  }\n\n  .ai-title{\n    font-size:54px;\n  }\n\n  .word-animate{\n    min-width:270px;\n    height:60px;\n  }\n\n  .ai-image-wrap{\n    justify-content:center;\n    margin-right:0;\n  }\n\n  .ai-image-box img{\n\n    transform:none;\n\n    width:100%;\n\n    height:auto;\n\n    max-width:430px;\n  }\n\n}\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n  .ai-hero{\n    min-height:auto;\n    padding:65px 16px 0;\n  }\n\n  .ai-badge{\n    font-size:11px;\n    padding:8px 16px !important;\n    gap:7px;\n    letter-spacing:.4px;\n    margin-bottom:14px;\n  }\n\n  .ai-badge svg{\n    width:14px;\n    height:14px;\n  }\n\n  .ai-title{\n    font-size:38px;\n    line-height:1.1;\n    letter-spacing:-1px;\n    margin-bottom:16px;\n  }\n\n  .word-animate{\n    min-width:210px;\n    height:42px;\n  }\n\n  .word{\n    letter-spacing:-6px !important;\n  }\n\n  .ai-meta{\n    font-size:14px;\n    line-height:1.7;\n    margin-bottom:10px;\n  }\n\n  .ai-desc{\n    font-size:14px;\n    line-height:1.7;\n    margin-bottom:22px;\n  }\n\n  .ai-buttons{\n    flex-direction:column;\n    align-items:stretch;\n  }\n\n  .ai-btn{\n    width:100%;\n    padding:15px 20px;\n    font-size:14px;\n    border-radius:18px;\n  }\n\n  .ai-enroll{\n    margin-top:20px;\n    gap:10px;\n  }\n\n  .ai-users span{\n    width:34px;\n    height:34px;\n  }\n\n  .ai-enroll-text{\n    font-size:13px;\n    line-height:1.5;\n  }\n\n  .ai-image-wrap{\n    justify-content:center;\n    margin-right:0;\n  }\n\n  .ai-image-box img{\n\n    transform:none;\n\n    max-width:320px;\n\n    width:100%;\n\n    height:auto;\n  }\n\n}\n\n<\/style>\n<section class=\"ai-hero\">\n\n  <span class=\"ai-dot one\"><\/span>\n  <span class=\"ai-dot two\"><\/span>\n  <span class=\"ai-dot three\"><\/span>\n\n  <div class=\"ai-container\">\n\n    <!-- LEFT -->\n\n    <div class=\"ai-left\">\n\n      <div class=\"ai-badge\">\n\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\n          <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\"><\/path>\n          <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\"><\/path>\n          <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\"><\/path>\n          <path d=\"M4 22h16\"><\/path>\n          <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\"><\/path>\n          <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\"><\/path>\n        <\/svg>\n\n        INDIA'S PREMIER AI OLYMPIAD\n\n      <\/div>\n\n      <h1 class=\"ai-title\">\n\n        India's Biggest <br>\n\n        <span class=\"yellow\">AI Olympiad<\/span> <br>\n\n        for\n\n        <span class=\"word-animate\">\n\n          <!-- SCHOOLS -->\n\n          <span class=\"word schools\">\n            <span>S<\/span>\n            <span>c<\/span>\n            <span>h<\/span>\n            <span>o<\/span>\n            <span>o<\/span>\n            <span>l<\/span>\n            <span>s<\/span>\n          <\/span>\n\n          <!-- STUDENTS -->\n\n          <span class=\"word students\">\n            <span>S<\/span>\n            <span>t<\/span>\n            <span>u<\/span>\n            <span>d<\/span>\n            <span>e<\/span>\n            <span>n<\/span>\n            <span>t<\/span>\n            <span>s<\/span>\n          <\/span>\n\n        <\/span>\n\n      <\/h1>\n\n      <div class=\"ai-meta\">\n        Grade 3 to Grade 10 &nbsp; \u00b7 &nbsp; Oct\u2013Nov 2026 &nbsp; \u00b7 &nbsp; Exciting Rewards\n      <\/div>\n\n      <div class=\"ai-desc\">\n        Test your AI literacy, win exciting prizes, and earn a certificate\n        co-branded with IIIT Allahabad & Techfest, IIT Bombay.\n      <\/div>\n\n      <div class=\"ai-buttons\">\n\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/register-student\" class=\"ai-btn ai-btn-primary\">\n          Register Your Child\n        <\/a>\n\n        <a href=\"https:\/\/stemlearn.ai\/aiolympiad\/register-school\" class=\"ai-btn ai-btn-secondary\">\n          Register Your School\n        <\/a>\n\n      <\/div>\n\n      <div class=\"ai-enroll\">\n\n        <div class=\"ai-users\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n        <div class=\"ai-enroll-text\">\n          <b>10,000+<\/b> students already enrolled\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT -->\n\n    <div class=\"ai-image-wrap\">\n\n      <div class=\"ai-image-box\">\n\n        <img decoding=\"async\"\n        src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/05\/girl-f.png\"\n        alt=\"AI Olympiad\">\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bc49f1 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"6bc49f1\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4dc19c elementor-widget elementor-widget-html\" data-id=\"b4dc19c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GOOGLE FONTS -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800;900&family=Nunito+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n:root{\n  --navy:#181d63;\n  --navy-dark:#0b1450;\n  --teal:#18c6c0;\n  --gold:#f2b323;\n  --coral:#f2526b;\n  --white:#ffffff;\n}\n\n.ai-about{\n  position:relative;\n  padding:110px 20px;\n  background:#f5f6fb;\n  overflow:hidden;\n}\n\n.ai-about::before{\n  content:'';\n  position:absolute;\n  inset:0;\n  background:\n  radial-gradient(circle at top left, rgba(24,198,192,.05), transparent 26%),\n  radial-gradient(circle at bottom right, rgba(24,29,99,.04), transparent 30%);\n  pointer-events:none;\n}\n\n.ai-wrap{\n  max-width:1180px;\n  margin:auto;\n  position:relative;\n  z-index:2;\n}\n\n\/* LABEL *\/\n\n.ai-label{\n  display:inline-block;\n  font-family:'Mulish',sans-serif;\n  font-size:12px;\n  font-weight:800;\n  text-transform:uppercase;\n  letter-spacing:3px;\n  color:var(--teal);\n  margin-bottom:18px;\n}\n\n\/* HEADING *\/\n\n.ai-heading{\n  font-family:'Nunito Sans',sans-serif;\n  font-size:56px;\n  line-height:1.05;\n  font-weight:800;\n  color:var(--navy);\n  letter-spacing:-2px;\n  max-width:760px;\n  margin-bottom:26px;\n}\n\n\/* DESCRIPTION *\/\n\n.ai-desc{\n  font-family:'Mulish',sans-serif;\n  max-width:860px;\n  font-size:20px;\n  line-height:1.85;\n  color:#5f6680;\n  font-weight:600;\n}\n\n.ai-desc b{\n  color:var(--navy);\n  font-weight:900;\n}\n\n\/* STATS *\/\n\n.ai-stats{\n  margin-top:70px;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:24px;\n}\n\n.ai-card{\n  position:relative;\n  background:#fff;\n  border-radius:28px;\n  padding:38px 20px 34px;\n  text-align:center;\n  overflow:hidden;\n  box-shadow:\n  0 18px 40px rgba(18,28,80,.08);\n  transition:.35s ease;\n}\n\n.ai-card:hover{\n  transform:translateY(-8px);\n}\n\n.ai-card::before{\n  content:'';\n  position:absolute;\n  top:0;\n  left:0;\n  width:100%;\n  height:5px;\n}\n\n\/* CARD COLORS *\/\n\n.ai-card.teal::before{\n  background:linear-gradient(90deg,#0eb9a2,#5ee0d5);\n}\n\n.ai-card.coral::before{\n  background:linear-gradient(90deg,#f2526b,#ff7d92);\n}\n\n.ai-card.gold::before{\n  background:linear-gradient(90deg,#f2b323,#ffd86a);\n}\n\n.ai-card.navy::before{\n  background:linear-gradient(90deg,#3049c9,#6076ff);\n}\n\n\/* NUMBERS *\/\n\n.ai-number{\n  font-family:'Nunito Sans',sans-serif;\n  font-size:48px;\n  line-height:1.05;\n  font-weight:900;\n  letter-spacing:-1px;\n  margin-bottom:14px;\n}\n\n.ai-card.teal .ai-number{\n  color:#11a8a0;\n}\n\n.ai-card.coral .ai-number{\n  color:#f2526b;\n}\n\n.ai-card.gold .ai-number{\n  color:#e0a10d;\n}\n\n.ai-card.navy .ai-number{\n  color:#3650ca;\n}\n\n\/* TEXT *\/\n\n.ai-text{\n  font-family:'Mulish',sans-serif;\n  font-size:16px;\n  font-weight:700;\n  color:#6b728d;\n  line-height:1.5;\n}\n\n\/* TABLET *\/\n\n@media(max-width:991px){\n\n  .ai-heading{\n    font-size:46px;\n    max-width:100%;\n  }\n\n  .ai-desc{\n    font-size:18px;\n    max-width:100%;\n  }\n\n  .ai-stats{\n    grid-template-columns:repeat(2,1fr);\n    gap:18px;\n  }\n\n  .ai-number{\n    font-size:52px;\n  }\n\n}\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n  .ai-about{\n    padding:80px 18px;\n  }\n\n  .ai-label{\n    font-size:10px;\n    letter-spacing:2px;\n    margin-bottom:14px;\n  }\n\n  .ai-heading{\n    font-size:32px;\n    line-height:1.12;\n    letter-spacing:-1px;\n    margin-bottom:16px;\n  }\n\n  .ai-desc{\n    font-size:15px;\n    line-height:1.9;\n  }\n\n  .ai-stats{\n    margin-top:42px;\n    grid-template-columns:repeat(2,1fr);\n    gap:14px;\n  }\n\n  .ai-card{\n    border-radius:22px;\n    padding:28px 14px;\n  }\n\n  .ai-number{\n  font-size:30px;\n  margin-bottom:8px;\n}\n  .ai-text{\n    font-size:13px;\n    line-height:1.45;\n  }\n\n}\n\n<\/style>\n\n<section class=\"ai-about\">\n\n  <div class=\"ai-wrap\">\n\n   \n\n    <h2 class=\"ai-heading\">\n      India's pioneering AI exam for school students.\n    <\/h2>\n\n    <p class=\"ai-desc\">\n      STEMLearn.AI is India's pioneering platform for school-level AI education and assessment.\n      Our AI Olympiad \u2014 conducted in association with\n      <b>IIIT Allahabad, COEP, and Techfest, IIT Bombay<\/b>\n      \u2014 is the nation's most credible AI literacy exam for students in Grades 3 through 10.\n    <\/p>\n\n    <!-- STATS -->\n\n    <div class=\"ai-stats\">\n\n      <!-- CARD 1 -->\n      <div class=\"ai-card teal\">\n\n        <div class=\"ai-number\">\n          <span class=\"counter\" data-target=\"150000\">0<\/span>+\n        <\/div>\n\n        <div class=\"ai-text\">\n          Students Enrolled\n        <\/div>\n\n      <\/div>\n\n      <!-- CARD 2 -->\n      <div class=\"ai-card coral\">\n\n        <div class=\"ai-number\">\n          <span class=\"counter\" data-target=\"500\">0<\/span>+\n        <\/div>\n\n        <div class=\"ai-text\">\n          Schools Across India\n        <\/div>\n\n      <\/div>\n\n      <!-- CARD 3 -->\n      <div class=\"ai-card gold\">\n\n        <div class=\"ai-number\">\n          3-10\n        <\/div>\n\n        <div class=\"ai-text\">\n          Grades\n        <\/div>\n\n      <\/div>\n\n      <!-- CARD 4 -->\n      <div class=\"ai-card navy\">\n\n        <div class=\"ai-number\">\n          CBSE\n        <\/div>\n\n        <div class=\"ai-text\">\n          Aligned Curriculum\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n\nconst counters = document.querySelectorAll('.counter');\n\nconst observer = new IntersectionObserver((entries)=>{\n\n  entries.forEach(entry=>{\n\n    if(entry.isIntersecting){\n\n      const counter = entry.target;\n      const target = +counter.getAttribute('data-target');\n\n      const updateCounter = ()=>{\n\n        const current = +counter.innerText.replace(\/,\/g,'');\n\n        const increment = Math.ceil(target \/ 100);\n\n        if(current < target){\n\n          counter.innerText = (current + increment).toLocaleString();\n\n          setTimeout(updateCounter,15);\n\n        }else{\n\n          counter.innerText = target.toLocaleString();\n\n        }\n\n      };\n\n      updateCounter();\n\n      observer.unobserve(counter);\n\n    }\n\n  });\n\n},{\n  threshold:0.5\n});\n\ncounters.forEach(counter=>{\n  observer.observe(counter);\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8d94e0 e-con-full e-flex e-con e-parent\" data-id=\"f8d94e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04075e0 elementor-widget elementor-widget-html\" data-id=\"04075e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI ABOUT SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<!-- GOOGLE FONTS IMPORT -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED CSS RESET *\/\n.sl-about-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', ui-sans-serif, system-ui, -apple-system, sans-serif !important;\n}\n\n.sl-about-section h2, \n.sl-about-section .sl-heading {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER & BACKGROUND *\/\n.sl-about-section {\n  position: relative !important;\n  background-color: #ffffff !important;\n  padding: 100px 24px !important;\n  overflow: hidden !important;\n  width: 100% !important;\n}\n\n\/* GLOWING BACKGROUND ORBS *\/\n.sl-bg-orb-teal {\n  position: absolute !important;\n  top: -100px !important;\n  left: -100px !important;\n  width: 400px !important;\n  height: 400px !important;\n  border-radius: 50% !important;\n  background: rgba(81, 199, 179, 0.08) !important;\n  filter: blur(60px) !important;\n  pointer-events: none !important;\n}\n\n.sl-bg-orb-coral {\n  position: absolute !important;\n  bottom: -100px !important;\n  right: -100px !important;\n  width: 400px !important;\n  height: 400px !important;\n  border-radius: 50% !important;\n  background: rgba(248, 113, 113, 0.06) !important;\n  filter: blur(60px) !important;\n  pointer-events: none !important;\n}\n\n\/* GRID LAYOUT *\/\n.sl-about-container {\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1.15fr 1fr !important;\n  gap: 60px !important;\n  align-items: center !important;\n  position: relative !important;\n  z-index: 10 !important;\n}\n\n\/* ----------------- LEFT COLUMN ----------------- *\/\n.sl-badge-credible {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  background-color: rgba(81, 199, 179, 0.12) !important;\n  color: #51C7B3 !important;\n  padding: 6px 16px !important;\n  border-radius: 50px !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1px !important;\n}\n\n.sl-badge-credible svg {\n  width: 14px !important;\n  height: 14px !important;\n  stroke: currentColor !important;\n}\n\n.sl-heading {\n  margin-top: 24px !important;\n  font-size: 56px !important;\n  font-weight: 900 !important;\n  line-height: 1.1 !important;\n  color: #111029 !important;\n  letter-spacing: -1px !important;\n}\n\n.sl-text-gradient-teal {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  color: transparent !important;\n}\n\n.sl-paragraph {\n  margin-top: 24px !important;\n  font-size: 17px !important;\n  line-height: 1.6 !important;\n  color: #64748B !important;\n  max-width: 540px !important;\n}\n\n\/* PARTNER PILLS *\/\n.sl-partners-grid {\n  margin-top: 32px !important;\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 12px !important;\n}\n\n.sl-partner-pill {\n  display: flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n  background-color: #ffffff !important;\n  border: 1px solid #E2E8F0 !important;\n  padding: 8px 16px !important;\n  border-radius: 50px !important;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;\n  transition: transform 0.2s ease, box-shadow 0.2s ease !important;\n}\n\n.sl-partner-pill:hover {\n  transform: translateY(-2px) !important;\n  box-shadow: 0 6px 16px rgba(81, 199, 179, 0.15) !important;\n}\n\n.sl-partner-logo-wrap {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 26px !important;\n  height: 26px !important;\n  border-radius: 50% !important;\n  border: 1px solid #F1F5F9 !important;\n  background: #ffffff !important;\n  overflow: hidden !important;\n}\n\n.sl-partner-logo-wrap img {\n  width: 18px !important;\n  height: 18px !important;\n  object-fit: contain !important;\n}\n\n.sl-partner-name {\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  color: #111029 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.5px !important;\n}\n\n\/* ----------------- RIGHT COLUMN (MAP) ----------------- *\/\n.sl-map-wrapper {\n  position: relative !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n}\n\n.sl-map-image {\n  width: 100% !important;\n  max-width: 500px !important;\n  height: auto !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n.sl-map-stats {\n  margin-top: 24px !important;\n  text-align: center !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  color: #94A3B8 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1.5px !important;\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 991px) {\n  .sl-about-container {\n    grid-template-columns: 1fr !important;\n    gap: 50px !important;\n  }\n  .sl-heading {\n    font-size: 44px !important;\n  }\n}\n\n@media (max-width: 480px) {\n  .sl-about-section {\n    padding: 60px 20px !important;\n  }\n  .sl-heading {\n    font-size: 36px !important;\n  }\n  .sl-paragraph {\n    font-size: 15px !important;\n  }\n  .sl-partners-grid {\n    gap: 8px !important;\n  }\n  .sl-partner-pill {\n    padding: 6px 12px !important;\n  }\n}\n<\/style>\n\n<section class=\"sl-about-section\">\n  <!-- Background Glows -->\n  <div class=\"sl-bg-orb-teal\"><\/div>\n  <div class=\"sl-bg-orb-coral\"><\/div>\n\n  <div class=\"sl-about-container\">\n    \n    <!-- LEFT COLUMN -->\n    <div class=\"sl-about-left\">\n      <div class=\"sl-badge-credible\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path>\n        <\/svg>\n        Most Credible\n      <\/div>\n      \n      <h2 class=\"sl-heading\">\n        India's Most Credible <span class=\"sl-text-gradient-teal\">AI Literacy Exam<\/span> for Students\n      <\/h2>\n      \n      <p class=\"sl-paragraph\">\n        The AI Olympiad 2026 introduces young minds to the exciting world of Artificial Intelligence through a structured, syllabus-mapped exam. Students learn, prepare, and compete at National Level \u2014 building future-ready skills from an early age.\n      <\/p>\n\n      <!-- PARTNER PILLS -->\n      <div class=\"sl-partners-grid\">\n        \n        <div class=\"sl-partner-pill\">\n          <div class=\"sl-partner-logo-wrap\">\n            <!-- REPLACE SRC WITH YOUR WP MEDIA URL -->\n            <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/sppu-aYzVTwxY.png\" alt=\"IIITA logo\" loading=\"lazy\">\n          <\/div>\n          <span class=\"sl-partner-name\">IIIT Allahabad<\/span>\n        <\/div>\n\n        <div class=\"sl-partner-pill\">\n          <div class=\"sl-partner-logo-wrap\">\n            <!-- REPLACE SRC WITH YOUR WP MEDIA URL -->\n            <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/iitb-techfest-heKOhCsp.png\" alt=\"IITB logo\" loading=\"lazy\">\n          <\/div>\n          <span class=\"sl-partner-name\">IIT Bombay<\/span>\n        <\/div>\n\n        <div class=\"sl-partner-pill\">\n          <div class=\"sl-partner-logo-wrap\">\n            <!-- REPLACE SRC WITH YOUR WP MEDIA URL -->\n            <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/coep-DYMTx2WI.png\" alt=\"COEP logo\" loading=\"lazy\">\n          <\/div>\n          <span class=\"sl-partner-name\">COEP Pune<\/span>\n        <\/div>\n\n        <div class=\"sl-partner-pill\">\n          <div class=\"sl-partner-logo-wrap\">\n            <!-- REPLACE SRC WITH YOUR WP MEDIA URL -->\n            <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/sppu-aYzVTwxY.png\" alt=\"SPPU logo\" loading=\"lazy\">\n          <\/div>\n          <span class=\"sl-partner-name\">SPPU Pune<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT COLUMN (MAP) -->\n    <div class=\"sl-map-wrapper\">\n      <div class=\"sl-bg-orb-coral\" style=\"width: 300px; height: 300px; top: 10%; right: 15%; filter: blur(70px);\"><\/div>\n      <!-- REPLACE SRC WITH YOUR MAP IMAGE WP MEDIA URL -->\n      <img decoding=\"async\" src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/07\/india-map-_zsqGUzL.png\" alt=\"Map of India showing 20+ cities\" class=\"sl-map-image\" loading=\"lazy\">\n      \n      <div class=\"sl-map-stats\">\n        20+ Cities \u00b7 500+ Schools \u00b7 10,000+ Students\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59fd48e e-con-full e-flex e-con e-parent\" data-id=\"59fd48e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f10b67c elementor-widget elementor-widget-html\" data-id=\"f10b67c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI \"WHY US\" SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED CSS RESET *\/\n.sl-why-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-why-section h2, \n.sl-why-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-why-section {\n  width: 100% !important;\n  background-color: #ffffff !important;\n  padding: 96px 24px !important;\n  position: relative !important;\n}\n\n.sl-why-container {\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n}\n\n\/* HEADER AREA *\/\n.sl-why-header {\n  max-width: 680px !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n}\n\n.sl-why-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-why-heading {\n  margin-top: 12px !important;\n  font-size: 44px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #111029 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-text-gradient-teal {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  color: transparent !important;\n}\n\n.sl-why-subtext {\n  margin-top: 16px !important;\n  font-size: 16px !important;\n  line-height: 1.6 !important;\n  color: #64748B !important;\n}\n\n\/* CARDS GRID *\/\n.sl-cards-grid {\n  margin-top: 56px !important;\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 24px !important;\n}\n\n\/* CARD STYLING *\/\n.sl-card {\n  background-color: #ffffff !important;\n  border: 1px solid #E2E8F0 !important;\n  border-radius: 24px !important;\n  padding: 32px 24px !important;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;\n  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n\n.sl-card:hover {\n  transform: translateY(-4px) !important;\n  box-shadow: 0 12px 30px rgba(81, 199, 179, 0.12) !important;\n  border-color: rgba(81, 199, 179, 0.4) !important;\n}\n\n\/* ICON CONTAINERS WITH SOFT ACCENT TINTS *\/\n.sl-icon-box {\n  width: 48px !important;\n  height: 48px !important;\n  border-radius: 16px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.sl-icon-box.teal {\n  background-color: #EBF9F6 !important;\n  color: #51C7B3 !important;\n}\n\n.sl-icon-box.gold {\n  background-color: #FDF5E8 !important;\n  color: #ECA02B !important;\n}\n\n.sl-icon-box.coral {\n  background-color: #FEF2F2 !important;\n  color: #F87171 !important;\n}\n\n.sl-icon-box.navy {\n  background-color: #EEF2FF !important;\n  color: #3B82F6 !important;\n}\n\n.sl-icon-box svg {\n  width: 24px !important;\n  height: 24px !important;\n  stroke: currentColor !important;\n}\n\n\/* CARD TEXT *\/\n.sl-card-title {\n  margin-top: 20px !important;\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  color: #111029 !important;\n  line-height: 1.3 !important;\n}\n\n.sl-card-desc {\n  margin-top: 8px !important;\n  font-size: 14px !important;\n  line-height: 1.55 !important;\n  color: #64748B !important;\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 1024px) {\n  .sl-cards-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sl-why-section {\n    padding: 64px 20px !important;\n  }\n  .sl-why-heading {\n    font-size: 32px !important;\n  }\n  .sl-cards-grid {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  .sl-card {\n    padding: 24px !important;\n  }\n}\n<\/style>\n\n<section id=\"about\" class=\"sl-why-section\">\n  <div class=\"sl-why-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-why-header\">\n      <p class=\"sl-why-tagline\">Why STEMLearn.AI<\/p>\n      <h2 class=\"sl-why-heading\">\n        An Olympiad that rewards <span class=\"sl-text-gradient-teal\">curiosity<\/span>.\n      <\/h2>\n      <p class=\"sl-why-subtext\">\n        We test how students think \u2014 not what they memorise. Built by educators, vetted by AI researchers.\n      <\/p>\n    <\/div>\n\n    <!-- CARDS GRID -->\n    <div class=\"sl-cards-grid\">\n      \n      <!-- CARD 1 -->\n      <div class=\"sl-card\">\n        <div class=\"sl-icon-box teal\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 18V5\"><\/path>\n            <path d=\"M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4\"><\/path>\n            <path d=\"M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5\"><\/path>\n            <path d=\"M17.997 5.125a4 4 0 0 1 2.526 5.77\"><\/path>\n            <path d=\"M18 18a4 4 0 0 0 2-7.464\"><\/path>\n            <path d=\"M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517\"><\/path>\n            <path d=\"M6 18a4 4 0 0 1-2-7.464\"><\/path>\n            <path d=\"M6.003 5.125a4 4 0 0 0-2.526 5.77\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-card-title\">AI-First Curriculum<\/h3>\n        <p class=\"sl-card-desc\">Grade-mapped syllabus covering AI fundamentals, patterns, ethics, and generative AI.<\/p>\n      <\/div>\n\n      <!-- CARD 2 -->\n      <div class=\"sl-card\">\n        <div class=\"sl-icon-box gold\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\"><\/path>\n            <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\"><\/path>\n            <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\"><\/path>\n            <path d=\"M4 22h16\"><\/path>\n            <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\"><\/path>\n            <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-card-title\">Real Recognition<\/h3>\n        <p class=\"sl-card-desc\">Cash prizes, medals, and certificates for top performers across every grade.<\/p>\n      <\/div>\n\n      <!-- CARD 3 -->\n      <div class=\"sl-card\">\n        <div class=\"sl-icon-box coral\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"><\/path>\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09\"><\/path>\n            <path d=\"M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z\"><\/path>\n            <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-card-title\">IIT Bombay Stage<\/h3>\n        <p class=\"sl-card-desc\">Grade Rank 1 winners showcased at SparkX, Techfest, IIT Bombay.<\/p>\n      <\/div>\n\n      <!-- CARD 4 -->\n      <div class=\"sl-card\">\n        <div class=\"sl-icon-box navy\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-card-title\">Trusted &amp; Safe<\/h3>\n        <p class=\"sl-card-desc\">Run by Teevra EduTech with secure proctoring and verified centres.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba3d058 e-con-full e-flex e-con e-parent\" data-id=\"ba3d058\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef5f10d elementor-widget elementor-widget-html\" data-id=\"ef5f10d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI EXAM DETAILS SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED CSS RESET *\/\n.sl-exam-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-exam-section h2, \n.sl-exam-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-exam-section {\n  width: 100% !important;\n  background-color: #ffffff !important;\n  padding: 96px 24px !important;\n  position: relative !important;\n}\n\n.sl-exam-container {\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n}\n\n\/* HEADER AREA *\/\n.sl-exam-header {\n  max-width: 680px !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n}\n\n.sl-exam-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-exam-heading {\n  margin-top: 12px !important;\n  font-size: 44px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #111029 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-text-gradient-teal {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  color: transparent !important;\n}\n\n.sl-exam-subtext {\n  margin-top: 16px !important;\n  font-size: 16px !important;\n  line-height: 1.6 !important;\n  color: #64748B !important;\n}\n\n\/* CARDS GRID *\/\n.sl-exam-grid {\n  margin-top: 64px !important;\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 28px !important;\n  align-items: stretch !important;\n}\n\n\/* CARD ITEM CONTAINER (FOR OVERFLOW BADGES) *\/\n.sl-exam-card-wrapper {\n  position: relative !important;\n  padding-top: 12px !important;\n  height: 100% !important;\n}\n\n\/* STANDARD CARD STYLING *\/\n.sl-exam-card {\n  height: 100% !important;\n  background-color: #ffffff !important;\n  border-radius: 28px !important;\n  padding: 36px 28px 32px 28px !important;\n  text-align: center !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;\n  border: 1px solid #E2E8F0 !important;\n  border-top-width: 6px !important; \/* Thick Top Border Accent *\/\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n}\n\n.sl-exam-card:hover {\n  transform: translateY(-6px) !important;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;\n}\n\n\/* TOP BORDER ACCENT COLORS *\/\n.sl-exam-card.border-teal { border-top-color: #51C7B3 !important; }\n.sl-exam-card.border-coral { border-top-color: #F87171 !important; }\n.sl-exam-card.border-gold { border-top-color: #ECA02B !important; }\n.sl-exam-card.border-navy { border-top-color: #1d2254 !important; }\n\n\/* ICON STYLING *\/\n.sl-exam-icon-box {\n  width: 64px !important;\n  height: 64px !important;\n  border-radius: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: transform 0.3s ease !important;\n}\n\n.sl-exam-card:hover .sl-exam-icon-box {\n  transform: rotate(-6deg) scale(1.05) !important;\n}\n\n.sl-exam-icon-box.teal { background-color: #EBF9F6 !important; color: #51C7B3 !important; }\n.sl-exam-icon-box.coral { background-color: #FEF2F2 !important; color: #F87171 !important; }\n.sl-exam-icon-box.gold { background-color: #FDF5E8 !important; color: #ECA02B !important; }\n.sl-exam-icon-box.navy { background-color: #EEF2FF !important; color: #1d2254 !important; }\n\n.sl-exam-icon-box svg {\n  width: 28px !important;\n  height: 28px !important;\n  stroke: currentColor !important;\n}\n\n\/* CARD TEXT CONTENT *\/\n.sl-exam-label {\n  margin-top: 16px !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n}\n\n.sl-exam-label.teal { color: #51C7B3 !important; }\n.sl-exam-label.coral { color: #F87171 !important; }\n.sl-exam-label.gold { color: #ECA02B !important; }\n.sl-exam-label.navy { color: #1d2254 !important; }\n\n.sl-exam-title {\n  margin-top: 8px !important;\n  font-size: 24px !important;\n  font-weight: 800 !important;\n  color: #111029 !important;\n}\n\n.sl-exam-desc {\n  margin-top: 12px !important;\n  font-size: 14px !important;\n  line-height: 1.6 !important;\n  color: #64748B !important;\n}\n\n\/* BADGES AT BOTTOM OF CARDS *\/\n.sl-exam-badge {\n  margin-top: 24px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  padding: 8px 16px !important;\n  border-radius: 9999px !important;\n  font-size: 12px !important;\n  font-weight: 800 !important;\n}\n\n.sl-exam-badge.teal { background-color: #EBF9F6 !important; color: #51C7B3 !important; }\n.sl-exam-badge.coral { background-color: #FEF2F2 !important; color: #F87171 !important; }\n.sl-exam-badge.gold { background-color: #FDF5E8 !important; color: #ECA02B !important; }\n.sl-exam-badge.navy { background-color: #EEF2FF !important; color: #1d2254 !important; }\n\n\/* =========================================================\nFEATURED ORANGE GRADIENT CARD (CARD 3)\n========================================================= *\/\n.sl-featured-badge {\n  position: absolute !important;\n  top: 0 !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  z-index: 10 !important;\n  background-color: #111029 !important;\n  color: #ffffff !important;\n  padding: 6px 18px !important;\n  border-radius: 9999px !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.12em !important;\n  white-space: nowrap !important;\n  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;\n}\n\n.sl-exam-card.featured {\n  background: linear-gradient(135deg, #FF6B35 0%, #E83E8C 100%) !important;\n  border: none !important;\n  color: #ffffff !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n.sl-exam-card.featured .sl-exam-icon-box {\n  background-color: rgba(255, 255, 255, 0.25) !important;\n  backdrop-filter: blur(8px) !important;\n  color: #ffffff !important;\n}\n\n.sl-exam-card.featured .sl-exam-label {\n  color: rgba(255, 255, 255, 0.85) !important;\n}\n\n.sl-exam-card.featured .sl-exam-title {\n  color: #ffffff !important;\n}\n\n.sl-exam-card.featured .sl-exam-desc {\n  color: rgba(255, 255, 255, 0.9) !important;\n}\n\n.sl-exam-card.featured .sl-exam-badge {\n  background-color: rgba(255, 255, 255, 0.22) !important;\n  color: #ffffff !important;\n  backdrop-filter: blur(8px) !important;\n}\n\n\/* BACKGROUND DECORATIVE CIRCLES ON FEATURED CARD *\/\n.sl-circle-1 {\n  position: absolute !important;\n  right: -40px !important;\n  bottom: -40px !important;\n  width: 180px !important;\n  height: 180px !important;\n  border-radius: 50% !important;\n  background-color: rgba(255, 255, 255, 0.12) !important;\n  pointer-events: none !important;\n}\n\n.sl-circle-2 {\n  position: absolute !important;\n  left: -24px !important;\n  top: -24px !important;\n  width: 100px !important;\n  height: 100px !important;\n  border-radius: 50% !important;\n  background-color: rgba(255, 255, 255, 0.08) !important;\n  pointer-events: none !important;\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 1024px) {\n  .sl-exam-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sl-exam-section {\n    padding: 64px 20px !important;\n  }\n  .sl-exam-heading {\n    font-size: 32px !important;\n  }\n  .sl-exam-grid {\n    grid-template-columns: 1fr !important;\n    gap: 20px !important;\n  }\n  .sl-exam-card {\n    padding: 32px 20px 28px 20px !important;\n  }\n}\n<\/style>\n\n<section id=\"About\" class=\"sl-exam-section\">\n  <div class=\"sl-exam-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-exam-header\">\n      <p class=\"sl-exam-tagline\">Exam Details<\/p>\n      <h2 class=\"sl-exam-heading\">\n        Everything you need to know about the <span class=\"sl-text-gradient-teal\">exam<\/span>.\n      <\/h2>\n      <p class=\"sl-exam-subtext\">\n        Six quick facts \u2014 who can take it, when, how, and what you get back.\n      <\/p>\n    <\/div>\n\n    <!-- EXAM CARDS GRID -->\n    <div class=\"sl-exam-grid\">\n      \n      <!-- CARD 1: WHO -->\n      <div class=\"sl-exam-card-wrapper\">\n        <div class=\"sl-exam-card border-teal\">\n          <div>\n            <div class=\"sl-exam-icon-box teal\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"><\/path>\n                <path d=\"M22 10v6\"><\/path>\n                <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"sl-exam-label teal\">Who<\/div>\n            <h3 class=\"sl-exam-title\">Grades Covered<\/h3>\n            <p class=\"sl-exam-desc\">Grade 3 to Grade 10 \u2014 8 separate grade categories with age-appropriate content.<\/p>\n          <\/div>\n          <div class=\"sl-exam-badge teal\">Grades 3\u201310 \u00b7 8 Categories<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 2: WHEN -->\n      <div class=\"sl-exam-card-wrapper\">\n        <div class=\"sl-exam-card border-coral\">\n          <div>\n            <div class=\"sl-exam-icon-box coral\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M8 2v4\"><\/path>\n                <path d=\"M16 2v4\"><\/path>\n                <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect>\n                <path d=\"M3 10h18\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"sl-exam-label coral\">When<\/div>\n            <h3 class=\"sl-exam-title\">Exam Window<\/h3>\n            <p class=\"sl-exam-desc\">October \u2013 November 2026. Specific dates communicated to registered schools and students.<\/p>\n          <\/div>\n          <div class=\"sl-exam-badge coral\">Oct \u2013 Nov 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 3: HOW (FEATURED ORANGE CARD) -->\n      <div class=\"sl-exam-card-wrapper\">\n        <div class=\"sl-featured-badge\">\u2605 FLEXIBLE MODE<\/div>\n        <div class=\"sl-exam-card featured\">\n          <div class=\"sl-circle-1\"><\/div>\n          <div class=\"sl-circle-2\"><\/div>\n          <div style=\"position: relative; z-index: 2;\">\n            <div class=\"sl-exam-icon-box\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"><\/path>\n                <path d=\"M14 2v5a1 1 0 0 0 1 1h5\"><\/path>\n                <path d=\"M10 9H8\"><\/path>\n                <path d=\"M16 13H8\"><\/path>\n                <path d=\"M16 17H8\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"sl-exam-label\">How<\/div>\n            <h3 class=\"sl-exam-title\">Exam Mode<\/h3>\n            <p class=\"sl-exam-desc\">Offline OMR-based exams on school campuses, plus a flexible online mode for individual students.<\/p>\n          <\/div>\n          <div class=\"sl-exam-badge\" style=\"position: relative; z-index: 2;\">OMR + Online<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 4: DURATION -->\n      <div class=\"sl-exam-card-wrapper\">\n        <div class=\"sl-exam-card border-gold\">\n          <div>\n            <div class=\"sl-exam-icon-box gold\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"M12 6v6l4 2\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"sl-exam-label gold\">Duration<\/div>\n            <h3 class=\"sl-exam-title\">60 Minutes<\/h3>\n            <p class=\"sl-exam-desc\">Carefully timed to test knowledge and reasoning without unnecessary pressure.<\/p>\n          <\/div>\n          <div class=\"sl-exam-badge gold\">1 Hour \u00b7 No Pressure<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 5: LANGUAGE -->\n      <div class=\"sl-exam-card-wrapper\">\n        <div class=\"sl-exam-card border-navy\">\n          <div>\n            <div class=\"sl-exam-icon-box navy\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"><\/path>\n                <path d=\"M2 12h20\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"sl-exam-label navy\">Language<\/div>\n            <h3 class=\"sl-exam-title\">English Medium<\/h3>\n            <p class=\"sl-exam-desc\">Clear, simple language appropriate for each grade level \u2014 accessible across India.<\/p>\n          <\/div>\n          <div class=\"sl-exam-badge navy\">Pan-India \u00b7 English<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 6: RESULTS -->\n      <div class=\"sl-exam-card-wrapper\">\n        <div class=\"sl-exam-card border-teal\">\n          <div>\n            <div class=\"sl-exam-icon-box teal\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M3 3v16a2 2 0 0 0 2 2h16\"><\/path>\n                <path d=\"M18 17V9\"><\/path>\n                <path d=\"M13 17V5\"><\/path>\n                <path d=\"M8 17v-3\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"sl-exam-label teal\">Results<\/div>\n            <h3 class=\"sl-exam-title\">Score &amp; Rank<\/h3>\n            <p class=\"sl-exam-desc\">Declared within 4 weeks of the exam. Check online with roll number and date of birth.<\/p>\n          <\/div>\n          <div class=\"sl-exam-badge teal\">Within 4 Weeks<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cbeecc e-con-full e-flex e-con e-parent\" data-id=\"3cbeecc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1fe832 elementor-widget elementor-widget-html\" data-id=\"c1fe832\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI SYLLABUS SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED CSS RESET *\/\n.sl-syllabus-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-syllabus-section h2, \n.sl-syllabus-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-syllabus-section {\n  width: 100% !important;\n  background-color: #F8FAFC !important; \/* Soft grey-blue tint from your screenshot *\/\n  padding: 96px 24px !important;\n  position: relative !important;\n}\n\n.sl-syllabus-container {\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n}\n\n\/* HEADER FLEXBOX AREA *\/\n.sl-syllabus-header-wrap {\n  display: flex !important;\n  align-items: flex-end !important;\n  justify-content: space-between !important;\n  gap: 24px !important;\n  flex-wrap: wrap !important;\n}\n\n.sl-syllabus-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-syllabus-heading {\n  margin-top: 12px !important;\n  font-size: 44px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #111029 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-syllabus-link {\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  color: #51C7B3 !important;\n  text-decoration: none !important;\n  transition: opacity 0.2s ease !important;\n}\n\n.sl-syllabus-link:hover {\n  opacity: 0.8 !important;\n  text-decoration: underline !important;\n}\n\n\/* CARDS GRID *\/\n.sl-syllabus-grid {\n  margin-top: 48px !important;\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 24px !important;\n  align-items: stretch !important;\n}\n\n\/* CARD CONTAINER *\/\n.sl-syllabus-card {\n  background-color: #ffffff !important;\n  border-radius: 24px !important;\n  overflow: hidden !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;\n  border: 1px solid #E2E8F0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;\n}\n\n.sl-syllabus-card:hover {\n  transform: translateY(-4px) !important;\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;\n}\n\n\/* CARD HEADER GRADIENTS *\/\n.sl-card-header {\n  padding: 20px 24px !important;\n  color: #ffffff !important;\n}\n\n.sl-card-header.teal {\n  background: linear-gradient(135deg, #1f7a8c 0%, #154558 100%) !important;\n}\n\n.sl-card-header.gold {\n  background: linear-gradient(135deg, #b38038 0%, #6d4b1a 100%) !important;\n}\n\n.sl-card-header.coral {\n  background: linear-gradient(135deg, #b84a62 0%, #682333 100%) !important;\n}\n\n.sl-card-header.navy {\n  background: linear-gradient(135deg, #25306d 0%, #121638 100%) !important;\n}\n\n.sl-card-label {\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.15em !important;\n  opacity: 0.85 !important;\n}\n\n.sl-card-grades {\n  margin-top: 4px !important;\n  font-size: 36px !important;\n  font-weight: 900 !important;\n  line-height: 1 !important;\n}\n\n\/* CARD LIST *\/\n.sl-card-body {\n  padding: 24px !important;\n  list-style: none !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 14px !important;\n}\n\n.sl-card-item {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 10px !important;\n  font-size: 13.5px !important;\n  font-weight: 700 !important;\n  color: #111029 !important;\n  line-height: 1.4 !important;\n}\n\n.sl-card-item svg {\n  width: 16px !important;\n  height: 16px !important;\n  flex-shrink: 0 !important;\n  margin-top: 2px !important;\n}\n\n\/* LIST CHECKMARK COLORS MATCHING THE CARDS *\/\n.sl-check-teal { color: #51C7B3 !important; }\n.sl-check-gold { color: #ECA02B !important; }\n.sl-check-coral { color: #F87171 !important; }\n.sl-check-navy { color: #3B82F6 !important; }\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 1024px) {\n  .sl-syllabus-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sl-syllabus-section {\n    padding: 64px 20px !important;\n  }\n  .sl-syllabus-heading {\n    font-size: 32px !important;\n  }\n  .sl-syllabus-grid {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n  }\n  .sl-syllabus-link {\n    display: block !important;\n    margin-top: 8px !important;\n  }\n}\n<\/style>\n\n<section id=\"syllabus\" class=\"sl-syllabus-section\">\n  <div class=\"sl-syllabus-container\">\n    \n    <!-- HEADER AREA -->\n    <div class=\"sl-syllabus-header-wrap\">\n      <div>\n        <p class=\"sl-syllabus-tagline\">Syllabus<\/p>\n        <h2 class=\"sl-syllabus-heading\">Built grade by grade.<\/h2>\n      <\/div>\n      <a href=\"\/syllabus\" class=\"sl-syllabus-link\">See full grade-wise syllabus \u2192<\/a>\n    <\/div>\n\n    <!-- CARDS GRID -->\n    <div class=\"sl-syllabus-grid\">\n      \n      <!-- CARD 1: GRADE 3 -->\n      <div class=\"sl-syllabus-card\">\n        <div class=\"sl-card-header teal\">\n          <div class=\"sl-card-label\">Grades<\/div>\n          <div class=\"sl-card-grades\">3<\/div>\n        <\/div>\n        <ul class=\"sl-card-body\">\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-teal\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Meet AI Around Us\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-teal\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Machines That Follow Instructions\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-teal\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Finding Patterns\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-teal\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Safe &amp; Kind Tech Use\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- CARD 2: GRADES 4-5 -->\n      <div class=\"sl-syllabus-card\">\n        <div class=\"sl-card-header gold\">\n          <div class=\"sl-card-label\">Grades<\/div>\n          <div class=\"sl-card-grades\">4\u20135<\/div>\n        <\/div>\n        <ul class=\"sl-card-body\">\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-gold\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            AI Learns from Data\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-gold\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Image &amp; Sound Recognition\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-gold\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Training Simple Models\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-gold\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Fairness in AI\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- CARD 3: GRADES 6-7 -->\n      <div class=\"sl-syllabus-card\">\n        <div class=\"sl-card-header coral\">\n          <div class=\"sl-card-label\">Grades<\/div>\n          <div class=\"sl-card-grades\">6\u20137<\/div>\n        <\/div>\n        <ul class=\"sl-card-body\">\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-coral\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            AI Domains &amp; Applications\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-coral\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Data, Algorithms &amp; Bias\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-coral\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Intro to Neural Networks\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-coral\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Ethics in AI\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- CARD 4: GRADES 8-10 -->\n      <div class=\"sl-syllabus-card\">\n        <div class=\"sl-card-header navy\">\n          <div class=\"sl-card-label\">Grades<\/div>\n          <div class=\"sl-card-grades\">8\u201310<\/div>\n        <\/div>\n        <ul class=\"sl-card-body\">\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-navy\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Generative AI\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-navy\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            Python Programming for AI\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-navy\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            ML Model Lifecycle\n          <\/li>\n          <li class=\"sl-card-item\">\n            <svg class=\"sl-check-navy\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\n            AI Project Building\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-046e043 e-con-full e-flex e-con e-parent\" data-id=\"046e043\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-045900e elementor-widget elementor-widget-html\" data-id=\"045900e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI THE JOURNEY SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED CSS RESET *\/\n.sl-journey-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-journey-section h2, \n.sl-journey-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-journey-section {\n  width: 100% !important;\n  background-color: #ffffff !important;\n  padding: 96px 24px !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n.sl-journey-container {\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* BACKGROUND BLUR ORBS *\/\n.sl-journey-blur-1 {\n  position: absolute !important;\n  left: -80px !important;\n  top: 80px !important;\n  width: 300px !important;\n  height: 300px !important;\n  border-radius: 50% !important;\n  background-color: rgba(81, 199, 179, 0.12) !important;\n  filter: blur(60px) !important;\n  pointer-events: none !important;\n}\n\n.sl-journey-blur-2 {\n  position: absolute !important;\n  right: -50px !important;\n  bottom: 40px !important;\n  width: 320px !important;\n  height: 320px !important;\n  border-radius: 50% !important;\n  background-color: rgba(236, 160, 43, 0.10) !important;\n  filter: blur(60px) !important;\n  pointer-events: none !important;\n}\n\n\/* HEADER AREA *\/\n.sl-journey-header {\n  max-width: 680px !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n}\n\n.sl-journey-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-journey-heading {\n  margin-top: 12px !important;\n  font-size: 44px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #111029 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-text-gradient-teal {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  color: transparent !important;\n}\n\n.sl-journey-subtext {\n  margin-top: 16px !important;\n  font-size: 16px !important;\n  line-height: 1.6 !important;\n  color: #64748B !important;\n}\n\n\/* =========================================================\nDESKTOP TIMELINE (4 COLUMNS + SVG CURVED PATH)\n========================================================= *\/\n.sl-journey-desktop {\n  margin-top: 80px !important;\n  position: relative !important;\n  display: block !important;\n}\n\n\/* SVG PATH OVERLAY *\/\n.sl-journey-svg-wrap {\n  position: absolute !important;\n  left: 0 !important;\n  right: 0 !important;\n  top: 18px !important;\n  width: 100% !important;\n  height: 100px !important;\n  pointer-events: none !important;\n  z-index: 1 !important;\n}\n\n.sl-journey-svg-wrap svg {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n\/* DESKTOP GRID *\/\n.sl-journey-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 24px !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n.sl-journey-step {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  text-align: center !important;\n}\n\n\/* CIRCLE ICONS *\/\n.sl-journey-node {\n  width: 88px !important;\n  height: 88px !important;\n  border-radius: 50% !important;\n  background-color: #ffffff !important;\n  border: 4px solid #ffffff !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  position: relative !important;\n  z-index: 3 !important;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06) !important;\n  transition: all 0.4s ease !important;\n  color: #94A3B8 !important;\n}\n\n.sl-journey-node svg {\n  width: 32px !important;\n  height: 32px !important;\n  stroke: currentColor !important;\n  transition: color 0.4s ease !important;\n}\n\n\/* ACTIVE STATE FOR STEP NODES (TRIGGERED BY SCROLL JS) *\/\n.sl-journey-step.active .sl-journey-node {\n  color: #ffffff !important;\n  transform: scale(1.06) !important;\n}\n\n.sl-journey-step.step-1.active .sl-journey-node { background-color: #51C7B3 !important; box-shadow: 0 0 30px rgba(81, 199, 179, 0.4) !important; }\n.sl-journey-step.step-2.active .sl-journey-node { background-color: #ECA02B !important; box-shadow: 0 0 30px rgba(236, 160, 43, 0.4) !important; }\n.sl-journey-step.step-3.active .sl-journey-node { background-color: #F87171 !important; box-shadow: 0 0 30px rgba(248, 113, 113, 0.4) !important; }\n.sl-journey-step.step-4.active .sl-journey-node { background-color: #FF6B35 !important; box-shadow: 0 0 30px rgba(255, 107, 53, 0.4) !important; }\n\n\/* STEP CONTENT CARDS *\/\n.sl-journey-card {\n  margin-top: 24px !important;\n  background-color: #ffffff !important;\n  border-radius: 24px !important;\n  padding: 24px 20px !important;\n  border: 1px solid #E2E8F0 !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;\n  width: 100% !important;\n  transition: all 0.4s ease !important;\n}\n\n.sl-journey-step.active .sl-journey-card {\n  transform: translateY(-4px) !important;\n  border-color: rgba(81, 199, 179, 0.4) !important;\n  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.06) !important;\n}\n\n.sl-journey-card-header {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n}\n\n.sl-journey-step-num {\n  font-family: monospace, sans-serif !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  letter-spacing: 0.15em !important;\n}\n\n.step-1 .sl-journey-step-num { color: #51C7B3 !important; }\n.step-2 .sl-journey-step-num { color: #ECA02B !important; }\n.step-3 .sl-journey-step-num { color: #F87171 !important; }\n.step-4 .sl-journey-step-num { color: #FF6B35 !important; }\n\n.sl-journey-step-date {\n  background-color: #F1F5F9 !important;\n  padding: 3px 10px !important;\n  border-radius: 9999px !important;\n  font-size: 10px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.05em !important;\n  color: #111029 !important;\n}\n\n.sl-journey-card-title {\n  margin-top: 10px !important;\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  color: #111029 !important;\n}\n\n.sl-journey-card-desc {\n  margin-top: 8px !important;\n  font-size: 13.5px !important;\n  line-height: 1.5 !important;\n  color: #64748B !important;\n}\n\n\/* =========================================================\nMOBILE TIMELINE (VERTICAL STEPPERS)\n========================================================= *\/\n.sl-journey-mobile {\n  display: none !important;\n  margin-top: 48px !important;\n  position: relative !important;\n}\n\n.sl-mobile-track-bg {\n  position: absolute !important;\n  left: 28px !important;\n  top: 0 !important;\n  width: 3px !important;\n  height: 100% !important;\n  background-color: #E2E8F0 !important;\n  z-index: 1 !important;\n}\n\n.sl-mobile-track-progress {\n  position: absolute !important;\n  left: 28px !important;\n  top: 0 !important;\n  width: 3px !important;\n  height: 0% !important;\n  background: linear-gradient(180deg, #51C7B3 0%, #ECA02B 35%, #F87171 70%, #FF6B35 100%) !important;\n  z-index: 2 !important;\n  transition: height 0.1s linear !important;\n}\n\n.sl-mobile-steps {\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 32px !important;\n  position: relative !important;\n  z-index: 3 !important;\n}\n\n.sl-mobile-step-item {\n  display: flex !important;\n  gap: 16px !important;\n  align-items: flex-start !important;\n}\n\n.sl-mobile-node {\n  width: 58px !important;\n  height: 58px !important;\n  border-radius: 50% !important;\n  background-color: #ffffff !important;\n  border: 3px solid #ffffff !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;\n  color: #94A3B8 !important;\n  transition: all 0.3s ease !important;\n}\n\n.sl-mobile-node svg {\n  width: 24px !important;\n  height: 24px !important;\n  stroke: currentColor !important;\n}\n\n.sl-mobile-step-item.active .sl-mobile-node {\n  color: #ffffff !important;\n}\n\n.sl-mobile-step-item.step-1.active .sl-mobile-node { background-color: #51C7B3 !important; }\n.sl-mobile-step-item.step-2.active .sl-mobile-node { background-color: #ECA02B !important; }\n.sl-mobile-step-item.step-3.active .sl-mobile-node { background-color: #F87171 !important; }\n.sl-mobile-step-item.step-4.active .sl-mobile-node { background-color: #FF6B35 !important; }\n\n.sl-mobile-card {\n  flex: 1 !important;\n  background-color: #ffffff !important;\n  border-radius: 20px !important;\n  padding: 18px 16px !important;\n  border: 1px solid #E2E8F0 !important;\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.03) !important;\n}\n\n\/* RESPONSIVE SWITCH *\/\n@media (max-width: 991px) {\n  .sl-journey-desktop { display: none !important; }\n  .sl-journey-mobile { display: block !important; }\n  .sl-journey-heading { font-size: 32px !important; }\n  .sl-journey-section { padding: 64px 20px !important; }\n}\n<\/style>\n\n<section id=\"journey\" class=\"sl-journey-section\">\n  <div class=\"sl-journey-blur-1\"><\/div>\n  <div class=\"sl-journey-blur-2\"><\/div>\n\n  <div class=\"sl-journey-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-journey-header\">\n      <p class=\"sl-journey-tagline\">The Journey<\/p>\n      <h2 class=\"sl-journey-heading\">\n        From sign-up to <span class=\"sl-text-gradient-teal\">centre stage<\/span>.\n      <\/h2>\n      <p class=\"sl-journey-subtext\">\n        Follow the path \u2014 scroll to watch your Olympiad journey light up.\n      <\/p>\n    <\/div>\n\n    <!-- DESKTOP TIMELINE (VISIBLE > 991px) -->\n    <div class=\"sl-journey-desktop\">\n      \n      <!-- SVG PATH OVERLAY -->\n      <div class=\"sl-journey-svg-wrap\">\n        <svg viewBox=\"0 0 1200 100\" preserveAspectRatio=\"none\" fill=\"none\">\n          <!-- Background Dashed Path -->\n          <path d=\"M 60 50 C 260 -20, 360 120, 600 50 S 940 -20, 1140 50\" stroke=\"#E2E8F0\" stroke-width=\"4\" stroke-dasharray=\"6 8\" stroke-linecap=\"round\"><\/path>\n          \n          <!-- Colored Animated Path -->\n          <path id=\"sl-journey-active-path\" d=\"M 60 50 C 260 -20, 360 120, 600 50 S 940 -20, 1140 50\" stroke=\"url(#sl-gradient-line)\" stroke-width=\"5\" stroke-linecap=\"round\" pathLength=\"1\" stroke-dasharray=\"1\" stroke-dashoffset=\"1\"><\/path>\n          \n          <defs>\n            <linearGradient id=\"sl-gradient-line\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n              <stop offset=\"0%\" stop-color=\"#51C7B3\"><\/stop>\n              <stop offset=\"35%\" stop-color=\"#ECA02B\"><\/stop>\n              <stop offset=\"70%\" stop-color=\"#F87171\"><\/stop>\n              <stop offset=\"100%\" stop-color=\"#FF6B35\"><\/stop>\n            <\/linearGradient>\n          <\/defs>\n        <\/svg>\n      <\/div>\n\n      <!-- DESKTOP 4-STEP GRID -->\n      <div class=\"sl-journey-grid\">\n        \n        <!-- STEP 01 -->\n        <div class=\"sl-journey-step step-1 active\" data-progress=\"0.10\">\n          <div class=\"sl-journey-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"><\/path>\n              <path d=\"M22 10v6\"><\/path>\n              <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-journey-card\">\n            <div class=\"sl-journey-card-header\">\n              <span class=\"sl-journey-step-num\">STEP 01<\/span>\n              <span class=\"sl-journey-step-date\">Open Now<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Register<\/h3>\n            <p class=\"sl-journey-card-desc\">Quick sign-up at \u20b9250 per student. Get instant confirmation.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 02 -->\n        <div class=\"sl-journey-step step-2\" data-progress=\"0.38\">\n          <div class=\"sl-journey-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M8 2v4\"><\/path>\n              <path d=\"M16 2v4\"><\/path>\n              <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect>\n              <path d=\"M3 10h18\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-journey-card\">\n            <div class=\"sl-journey-card-header\">\n              <span class=\"sl-journey-step-num\">STEP 02<\/span>\n              <span class=\"sl-journey-step-date\">Aug \u2013 Sep 2026<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Prep &amp; Practice<\/h3>\n            <p class=\"sl-journey-card-desc\">Free sample paper + grade-mapped study guide delivered to your inbox.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 03 -->\n        <div class=\"sl-journey-step step-3\" data-progress=\"0.68\">\n          <div class=\"sl-journey-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 18V5\"><\/path>\n              <path d=\"M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4\"><\/path>\n              <path d=\"M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5\"><\/path>\n              <path d=\"M17.997 5.125a4 4 0 0 1 2.526 5.77\"><\/path>\n              <path d=\"M18 18a4 4 0 0 0 2-7.464\"><\/path>\n              <path d=\"M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517\"><\/path>\n              <path d=\"M6 18a4 4 0 0 1-2-7.464\"><\/path>\n              <path d=\"M6.003 5.125a4 4 0 0 0-2.526 5.77\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-journey-card\">\n            <div class=\"sl-journey-card-header\">\n              <span class=\"sl-journey-step-num\">STEP 03<\/span>\n              <span class=\"sl-journey-step-date\">Oct \u2013 Nov 2026<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Take the Exam<\/h3>\n            <p class=\"sl-journey-card-desc\">60-minute online or centre-based exam.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 04 -->\n        <div class=\"sl-journey-step step-4\" data-progress=\"0.92\">\n          <div class=\"sl-journey-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\"><\/path>\n              <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\"><\/path>\n              <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\"><\/path>\n              <path d=\"M4 22h16\"><\/path>\n              <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\"><\/path>\n              <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-journey-card\">\n            <div class=\"sl-journey-card-header\">\n              <span class=\"sl-journey-step-num\">STEP 04<\/span>\n              <span class=\"sl-journey-step-date\">Dec 2026<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Win &amp; Celebrate<\/h3>\n            <p class=\"sl-journey-card-desc\">Rank, certificate, prizes. Top ranks travel to IIT Bombay.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- MOBILE TIMELINE (VISIBLE < 991px) -->\n    <div class=\"sl-journey-mobile\">\n      <div class=\"sl-mobile-track-bg\"><\/div>\n      <div id=\"sl-mobile-progress-line\" class=\"sl-mobile-track-progress\"><\/div>\n\n      <div class=\"sl-mobile-steps\">\n        \n        <!-- MOBILE STEP 1 -->\n        <div class=\"sl-mobile-step-item step-1 active\">\n          <div class=\"sl-mobile-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z\"><\/path>\n              <path d=\"M22 10v6\"><\/path>\n              <path d=\"M6 12.5V16a6 3 0 0 0 12 0v-3.5\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-mobile-card\">\n            <div class=\"sl-journey-card-header\" style=\"justify-content: flex-start !important;\">\n              <span class=\"sl-journey-step-num\">STEP 01<\/span>\n              <span class=\"sl-journey-step-date\">Open Now<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Register<\/h3>\n            <p class=\"sl-journey-card-desc\">Quick sign-up at \u20b9250 per student. Get instant confirmation.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- MOBILE STEP 2 -->\n        <div class=\"sl-mobile-step-item step-2\">\n          <div class=\"sl-mobile-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M8 2v4\"><\/path>\n              <path d=\"M16 2v4\"><\/path>\n              <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect>\n              <path d=\"M3 10h18\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-mobile-card\">\n            <div class=\"sl-journey-card-header\" style=\"justify-content: flex-start !important;\">\n              <span class=\"sl-journey-step-num\">STEP 02<\/span>\n              <span class=\"sl-journey-step-date\">Aug \u2013 Sep 2026<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Prep &amp; Practice<\/h3>\n            <p class=\"sl-journey-card-desc\">Free sample paper + grade-mapped study guide delivered to your inbox.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- MOBILE STEP 3 -->\n        <div class=\"sl-mobile-step-item step-3\">\n          <div class=\"sl-mobile-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 18V5\"><\/path>\n              <path d=\"M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4\"><\/path>\n              <path d=\"M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5\"><\/path>\n              <path d=\"M17.997 5.125a4 4 0 0 1 2.526 5.77\"><\/path>\n              <path d=\"M18 18a4 4 0 0 0 2-7.464\"><\/path>\n              <path d=\"M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517\"><\/path>\n              <path d=\"M6 18a4 4 0 0 1-2-7.464\"><\/path>\n              <path d=\"M6.003 5.125a4 4 0 0 0-2.526 5.77\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-mobile-card\">\n            <div class=\"sl-journey-card-header\" style=\"justify-content: flex-start !important;\">\n              <span class=\"sl-journey-step-num\">STEP 03<\/span>\n              <span class=\"sl-journey-step-date\">Oct \u2013 Nov 2026<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Take the Exam<\/h3>\n            <p class=\"sl-journey-card-desc\">60-minute online or centre-based exam.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- MOBILE STEP 4 -->\n        <div class=\"sl-mobile-step-item step-4\">\n          <div class=\"sl-mobile-node\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\"><\/path>\n              <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\"><\/path>\n              <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\"><\/path>\n              <path d=\"M4 22h16\"><\/path>\n              <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\"><\/path>\n              <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-mobile-card\">\n            <div class=\"sl-journey-card-header\" style=\"justify-content: flex-start !important;\">\n              <span class=\"sl-journey-step-num\">STEP 04<\/span>\n              <span class=\"sl-journey-step-date\">Dec 2026<\/span>\n            <\/div>\n            <h3 class=\"sl-journey-card-title\">Win &amp; Celebrate<\/h3>\n            <p class=\"sl-journey-card-desc\">Rank, certificate, prizes. Top ranks travel to IIT Bombay.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- =========================================================\nSCROLL ANIMATION JAVASCRIPT\n========================================================= -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const section = document.getElementById('journey');\n  const path = document.getElementById('sl-journey-active-path');\n  const desktopSteps = document.querySelectorAll('.sl-journey-step');\n  const mobileLine = document.getElementById('sl-mobile-progress-line');\n  const mobileSteps = document.querySelectorAll('.sl-mobile-step-item');\n\n  function updateJourneyProgress() {\n    if (!section) return;\n\n    const rect = section.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n\n    \/\/ Calculate progress (0 to 1) based on section's position in screen viewport\n    let progress = (windowHeight * 0.6 - rect.top) \/ (rect.height * 0.7);\n    progress = Math.max(0, Math.min(1, progress));\n\n    \/\/ Update Desktop SVG Path\n    if (path) {\n      \/\/ Dashoffset moves from 1 (hidden) to 0 (fully drawn)\n      const offset = 1 - progress;\n      path.setAttribute('stroke-dashoffset', offset);\n\n      \/\/ Activate desktop steps based on scroll threshold\n      desktopSteps.forEach(step => {\n        const threshold = parseFloat(step.getAttribute('data-progress') || 0);\n        if (progress >= threshold) {\n          step.classList.add('active');\n        } else if (threshold > 0.15) { \/\/ Keep Step 1 active by default\n          step.classList.remove('active');\n        }\n      });\n    }\n\n    \/\/ Update Mobile Timeline Height\n    if (mobileLine) {\n      mobileLine.style.height = (progress * 100) + '%';\n\n      mobileSteps.forEach((step, idx) => {\n        const threshold = (idx) \/ (mobileSteps.length - 1);\n        if (progress >= threshold * 0.8) {\n          step.classList.add('active');\n        } else if (idx > 0) {\n          step.classList.remove('active');\n        }\n      });\n    }\n  }\n\n  \/\/ Bind scroll & resize listeners\n  window.addEventListener('scroll', updateJourneyProgress, { passive: true });\n  window.addEventListener('resize', updateJourneyProgress);\n  updateJourneyProgress(); \/\/ Initial trigger on load\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44d8699 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"44d8699\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9022c5c elementor-widget elementor-widget-html\" data-id=\"9022c5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GOOGLE FONTS -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n.ai-about-wrapper{\n\n  --navy:#161d63;\n  --teal:#17c6c2;\n  --gold:#f4b728;\n  --text:#616784;\n\n  background:#ffffff;\n\n  padding:70px 20px;\n\n  overflow:hidden;\n}\n\n\/* CONTAINER *\/\n\n.ai-about-container{\n\n  max-width:1180px;\n\n  margin:auto;\n\n  display:grid;\n\n  grid-template-columns:1fr 420px;\n\n  align-items:center;\n\n  gap:34px;\n}\n\n\/* LEFT CONTENT *\/\n\n.ai-about-content{\n  max-width:640px;\n  position:relative;\n  z-index:2;\n}\n\n\/* HEADING *\/\n\n.ai-main-heading{\n  font-family:'Nunito Sans',sans-serif;\n\n  font-size:54px;\n\n  line-height:1.02;\n\n  font-weight:900;\n\n  color:var(--navy);\n\n  letter-spacing:-2px;\n\n  margin-bottom:22px;\n}\n\n.ai-main-heading span{\n  color:var(--teal);\n}\n\n\/* DESCRIPTION *\/\n\n.ai-description{\n  font-family:'Mulish',sans-serif;\n\n  font-size:16px;\n\n  line-height:1.9;\n\n  color:var(--text);\n\n  margin-bottom:28px;\n\n  font-weight:700;\n}\n\n\/* BADGES *\/\n\n.ai-badge-row{\n\n  display:flex;\n\n  align-items:center;\n\n  flex-wrap:nowrap;\n\n  gap:8px;\n}\n\n\/* BADGE *\/\n\n.ai-badge{\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:9px 12px;\n\n  border-radius:12px;\n\n  background:#ffffff;\n\n  border:1px solid rgba(22,29,99,.08);\n\n  font-family:'Nunito Sans',sans-serif;\n\n  font-size:12px;\n\n  font-weight:800;\n\n  color:var(--navy);\n\n  white-space:nowrap;\n\n  box-shadow:\n  0 8px 20px rgba(15,23,70,.05);\n\n  transition:.3s ease;\n\n  flex-shrink:0;\n}\n\n.ai-badge:hover{\n  transform:translateY(-3px);\n}\n\n.ai-badge.gold{\n  background:rgba(244,183,40,.08);\n  border-color:rgba(244,183,40,.20);\n  color:#9b6a00;\n}\n\n\/* RIGHT IMAGE *\/\n\n.ai-about-image{\n  position:relative;\n\n  display:flex;\n  align-items:center;\n  justify-content:flex-end;\n\n  z-index:1;\n}\n\n.ai-about-image img{\n\n  width:100%;\n\n  max-width:390px;\n\n  display:block;\n\n  object-fit:contain;\n\n  filter:\n  drop-shadow(0 20px 40px rgba(16,24,70,.10));\n\n  animation:floatMap 5s ease-in-out infinite;\n}\n\n\/* FLOAT *\/\n\n@keyframes floatMap{\n\n  0%,100%{\n    transform:translateY(0px);\n  }\n\n  50%{\n    transform:translateY(-8px);\n  }\n\n}\n\n\/* TABLET *\/\n\n@media(max-width:991px){\n\n  .ai-about-wrapper{\n    padding:60px 20px;\n  }\n\n  .ai-about-container{\n\n    grid-template-columns:1fr;\n\n    gap:34px;\n  }\n\n  .ai-about-content{\n    max-width:100%;\n  }\n\n  .ai-main-heading{\n    font-size:44px;\n    line-height:1.05;\n  }\n\n  .ai-description{\n    font-size:15px;\n  }\n\n  .ai-about-image{\n    order:2;\n    justify-content:center;\n  }\n\n  .ai-about-image img{\n    max-width:340px;\n  }\n\n}\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n  .ai-about-wrapper{\n    padding:55px 16px;\n  }\n\n  .ai-about-container{\n    gap:26px;\n  }\n\n  .ai-main-heading{\n    font-size:32px;\n    line-height:1.08;\n    letter-spacing:-1px;\n    margin-bottom:18px;\n\n    display:block !important;\n    visibility:visible !important;\n  }\n\n  .ai-description{\n    font-size:14px;\n    line-height:1.8;\n    margin-bottom:22px;\n  }\n\n  \/* TWO ROWS IN MOBILE *\/\n\n  .ai-badge-row{\n\n    display:grid;\n\n    grid-template-columns:1fr 1fr;\n\n    gap:10px;\n  }\n\n  .ai-badge{\n\n    width:100%;\n\n    justify-content:center;\n\n    text-align:center;\n\n    font-size:11px;\n\n    padding:10px 8px;\n\n    border-radius:11px;\n  }\n\n  \/* IMAGE AFTER CONTENT *\/\n\n  .ai-about-image{\n    order:2;\n    justify-content:center;\n  }\n\n  .ai-about-image img{\n    max-width:260px;\n  }\n\n}\n\n<\/style>\n\n<section class=\"ai-about-wrapper\">\n\n  <div class=\"ai-about-container\">\n\n    <!-- LEFT CONTENT -->\n\n    <div class=\"ai-about-content\">\n\n      <h2 class=\"ai-main-heading\">\n        India's Most Credible <span>AI Literacy Exam<\/span> for Students\n      <\/h2>\n\n      <div class=\"ai-description\">\n        The AI Olympiad 2026 introduces young minds to the exciting world of Artificial Intelligence through a structured, syllabus-mapped exam. Students learn, prepare, and compete at National Level \u2014 building future-ready skills from an early age.\n      <\/div>\n\n      <!-- BADGES -->\n\n      <div class=\"ai-badge-row\">\n\n        <div class=\"ai-badge\">\n          \ud83c\udf93 IIIT Allahabad\n        <\/div>\n\n        <div class=\"ai-badge\">\n          \ud83c\udfdb COEP Pune\n        <\/div>\n\n        <div class=\"ai-badge\">\n          \ud83c\udf93 SPPU Pune\n        <\/div>\n\n        <div class=\"ai-badge gold\">\n          \u2b50 IIT Bombay\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT IMAGE -->\n\n    <div class=\"ai-about-image\">\n\n      <img decoding=\"async\"\n      src=\"https:\/\/stemlearn.ai\/aiolympiad\/wp-content\/uploads\/2026\/05\/olympiad-map.png\"\n      alt=\"Olympiad Map\">\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e586494 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"e586494\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9897f elementor-widget elementor-widget-html\" data-id=\"3d9897f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nPREMIUM COLORFUL EXAM INFO\nUPDATED CONTENT VERSION\n========================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* =========================================================\nROOT\n========================================================= *\/\n\n:root{\n  --navy:#161d63;\n  --teal:#17c6c2;\n  --bg:#f5f6fb;\n  --text:#616784;\n  --white:#ffffff;\n}\n\n\/* =========================================================\nRESET\n========================================================= *\/\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n\/* =========================================================\nSECTION\n========================================================= *\/\n\n.exam-info-section{\n\n  padding:85px 20px;\n\n  background:#f5f6fb;\n\n  position:relative;\n\n  overflow:hidden;\n}\n\n\/* =========================================================\nBACKGROUND GLOW\n========================================================= *\/\n\n.exam-info-section::before{\n\n  content:'';\n\n  position:absolute;\n\n  width:420px;\n  height:420px;\n\n  border-radius:50%;\n\n  background:\n  radial-gradient(\n    circle,\n    rgba(23,198,194,.10),\n    transparent 70%\n  );\n\n  top:-160px;\n  right:-120px;\n}\n\n.exam-info-section::after{\n\n  content:'';\n\n  position:absolute;\n\n  width:320px;\n  height:320px;\n\n  border-radius:50%;\n\n  background:\n  radial-gradient(\n    circle,\n    rgba(22,29,99,.06),\n    transparent 70%\n  );\n\n  bottom:-120px;\n  left:-100px;\n}\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n.exam-container{\n\n  max-width:1180px;\n\n  margin:auto;\n\n  position:relative;\n\n  z-index:2;\n}\n\n\/* =========================================================\nHEADING\n========================================================= *\/\n\n.exam-head{\n\n  text-align:center;\n\n  margin-bottom:50px;\n}\n\n.exam-title{\n\n  font-family:'Nunito Sans',sans-serif;\n\n  font-size:54px;\n\n  line-height:1.02;\n\n  font-weight:900;\n\n  color:#071952;\n\n  letter-spacing:-2px;\n}\n\n.exam-title span{\n\n  color:#17c6c2;\n}\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.exam-grid{\n\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  gap:24px;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.exam-card{\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:30px;\n\n  padding:32px 28px;\n\n  min-height:255px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:flex-start;\n\n  transition:.35s ease;\n\n  isolation:isolate;\n\n  box-shadow:\n  0 12px 35px rgba(15,23,42,.08);\n}\n\n.exam-card:hover{\n\n  transform:\n  translateY(-7px);\n\n  box-shadow:\n  0 24px 50px rgba(15,23,42,.14);\n}\n\n\/* =========================================================\nCARD COLORS\n========================================================= *\/\n\n.exam-card.teal{\n\n  background:\n  linear-gradient(\n    135deg,\n    #1FC9BE 0%,\n    #1AB3AE 100%\n  );\n}\n\n.exam-card.pink{\n\n  background:\n  linear-gradient(\n    135deg,\n    #FF4E72 0%,\n    #F54267 100%\n  );\n}\n\n.exam-card.yellow{\n\n  background:\n  linear-gradient(\n    135deg,\n    #F2C044 0%,\n    #DEB13A 100%\n  );\n}\n\n.exam-card.purple{\n\n  background:\n  linear-gradient(\n    135deg,\n    #767CFF 0%,\n    #6A72EE 100%\n  );\n}\n\n\/* =========================================================\nCIRCLE EFFECT\n========================================================= *\/\n\n.exam-card::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  right:-70px;\n  bottom:-70px;\n\n  width:240px;\n  height:240px;\n\n  background:\n  rgba(0,0,0,.08);\n\n  border-radius:50%;\n\n  z-index:0;\n}\n\n\/* =========================================================\nICON\n========================================================= *\/\n\n.exam-icon{\n\n  width:72px;\n  height:72px;\n\n  border-radius:22px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:#ffffff;\n\n  box-shadow:\n  0 10px 25px rgba(0,0,0,.12);\n\n  margin-bottom:26px;\n\n  position:relative;\n\n  z-index:2;\n\n  font-size:34px;\n}\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n.exam-card h4{\n\n  font-family:'Nunito Sans',sans-serif;\n\n  font-size:32px;\n\n  line-height:1.15;\n\n  font-weight:900;\n\n  color:#fff;\n\n  letter-spacing:-1px;\n\n  margin-bottom:18px;\n\n  position:relative;\n\n  z-index:2;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.exam-card p{\n\n  font-family:'Mulish',sans-serif;\n\n  font-size:16px;\n\n  line-height:1.8;\n\n  font-weight:700;\n\n  color:\n  rgba(255,255,255,.96);\n\n  position:relative;\n\n  z-index:2;\n}\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media(max-width:1024px){\n\n  .exam-grid{\n\n    grid-template-columns:\n    repeat(2,1fr);\n  }\n\n  .exam-title{\n\n    font-size:42px;\n  }\n\n}\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .exam-info-section{\n\n    padding:65px 16px;\n  }\n\n  .exam-title{\n\n    font-size:34px;\n\n    line-height:1.08;\n\n    letter-spacing:-1px;\n  }\n\n  .exam-grid{\n\n    grid-template-columns:1fr;\n\n    gap:18px;\n  }\n\n  .exam-card{\n\n    min-height:auto;\n\n    padding:24px;\n\n    border-radius:24px;\n  }\n\n  .exam-icon{\n\n    width:58px;\n    height:58px;\n\n    border-radius:18px;\n\n    margin-bottom:18px;\n\n    font-size:26px;\n  }\n\n  .exam-card h4{\n\n    font-size:26px;\n\n    margin-bottom:12px;\n  }\n\n  .exam-card p{\n\n    font-size:14px;\n\n    line-height:1.7;\n  }\n\n}\n\n<\/style>\n\n<section class=\"exam-info-section\">\n\n  <div class=\"exam-container\">\n\n    <!-- HEADING -->\n\n    <div class=\"exam-head\">\n\n      <h2 class=\"exam-title\">\n        Everything You Need <br>\n        to <span>Know About the Exam<\/span>\n      <\/h2>\n\n    <\/div>\n\n    <!-- GRID -->\n\n    <div class=\"exam-grid\">\n\n      <!-- CARD 1 -->\n\n      <div class=\"exam-card teal\">\n\n        <div class=\"exam-icon\">\n          \ud83d\udcda\n        <\/div>\n\n        <h4>\n          Grades Covered\n        <\/h4>\n\n        <p>\n          Grade 3 to Grade 10 \u2014 8 separate grade categories with age-appropriate content\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 2 -->\n\n      <div class=\"exam-card pink\">\n\n        <div class=\"exam-icon\">\n          \ud83d\udcc5\n        <\/div>\n\n        <h4>\n          Exam Window\n        <\/h4>\n\n        <p>\n          October \u2013 November 2026. Specific dates communicated to registered schools\/students\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 3 -->\n\n      <div class=\"exam-card yellow\">\n\n        <div class=\"exam-icon\">\n          \ud83d\udcdd\n        <\/div>\n\n        <h4>\n          Exam Mode\n        <\/h4>\n\n        <p>\n          Offline OMR-based examinations conducted on school campuses, alongside flexible online exams for individual students.\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 4 -->\n\n      <div class=\"exam-card purple\">\n\n        <div class=\"exam-icon\">\n          \u23f1\n        <\/div>\n\n        <h4>\n          Duration\n        <\/h4>\n\n        <p>\n          60 minutes \u2014 carefully timed to test knowledge without time pressure\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 5 -->\n\n      <div class=\"exam-card teal\">\n\n        <div class=\"exam-icon\">\n          \ud83c\udf10\n        <\/div>\n\n        <h4>\n          Medium\n        <\/h4>\n\n        <p>\n          English medium \u2014 clear, simple language appropriate for each grade level\n        <\/p>\n\n      <\/div>\n\n      <!-- CARD 6 -->\n\n      <div class=\"exam-card pink\">\n\n        <div class=\"exam-icon\">\n          \ud83d\udcca\n        <\/div>\n\n        <h4>\n          Results\n        <\/h4>\n\n        <p>\n          Declared within 4 weeks of exam. Check online with roll number + date of birth\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1599cbe e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"1599cbe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef01f89 elementor-widget elementor-widget-html\" data-id=\"ef01f89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nPREMIUM GRADE-WISE SYLLABUS\nFULL UPDATED VERSION\nALL CONTENT INCLUDED\nGRADES 3\u201310\n========================= -->\n\n<!-- GOOGLE FONTS -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<!-- FONT AWESOME -->\n<link rel=\"stylesheet\"\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"\/>\n\n<style>\n\n:root{\n  --navy:#161d63;\n  --teal:#17c6c2;\n  --red:#ef5d73;\n  --text:#616784;\n}\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n.syllabus-section{\n  background:#ffffff;\n  padding:40px 20px 90px;\n}\n\n.syllabus-container{\n  max-width:1180px;\n  margin:auto;\n}\n\n\/* HEADER *\/\n\n.syllabus-head{\n  text-align:center;\n  margin-bottom:34px;\n}\n\n.syllabus-title{\n  font-family:'Nunito Sans',sans-serif;\n  font-size:52px;\n  line-height:1.08;\n  font-weight:900;\n  color:var(--navy);\n  letter-spacing:-2px;\n}\n\n.syllabus-title span{\n  color:var(--teal);\n}\n\n.syllabus-desc{\n  max-width:760px;\n  margin:18px auto 0;\n\n  font-family:'Mulish',sans-serif;\n  font-size:15px;\n  line-height:1.85;\n  font-weight:700;\n\n  color:var(--text);\n}\n\n\/* TABS *\/\n\n.grade-tabs{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n  margin:42px 0 32px;\n}\n\n.grade-tab{\n  border:none;\n  outline:none;\n\n  background:#f5f6fb;\n\n  border-radius:12px;\n\n  padding:11px 16px;\n\n  font-family:'Nunito Sans',sans-serif;\n  font-size:13px;\n  font-weight:900;\n\n  color:var(--navy);\n\n  cursor:pointer;\n\n  transition:.3s ease;\n}\n\n.grade-tab.active{\n  background:var(--teal);\n  color:#fff;\n}\n\n\/* CONTENT *\/\n\n.grade-content{\n  display:none;\n}\n\n.grade-content.active{\n  display:block;\n}\n\n\/* GRID *\/\n\n.syllabus-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:16px;\n}\n\n\/* CARD *\/\n\n.syllabus-card{\n  background:#f5f6fb;\n\n  border-radius:18px;\n\n  padding:18px;\n\n  display:flex;\n  gap:14px;\n  align-items:flex-start;\n\n  transition:.3s ease;\n}\n\n.syllabus-card:hover{\n  transform:translateY(-3px);\n}\n\n.syllabus-icon{\n  min-width:44px;\n  width:44px;\n  height:44px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:12px;\n\n  background:rgba(23,198,194,.10);\n\n  font-size:19px;\n}\n\n.syllabus-card h4{\n  font-family:'Nunito Sans',sans-serif;\n  font-size:15px;\n  line-height:1.35;\n  font-weight:900;\n\n  color:var(--navy);\n\n  margin-bottom:5px;\n}\n\n.syllabus-card p{\n  font-family:'Mulish',sans-serif;\n  font-size:12.8px;\n  line-height:1.75;\n  font-weight:700;\n\n  color:var(--text);\n}\n\n\/* BUTTONS *\/\n\n.syllabus-buttons{\n  display:flex;\n  gap:12px;\n  margin-top:26px;\n  flex-wrap:wrap;\n}\n\n.syllabus-btn{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  padding:13px 18px;\n\n  border-radius:12px;\n\n  text-decoration:none !important;\n\n  font-family:'Nunito Sans',sans-serif;\n  font-size:12px;\n  font-weight:900;\n\n  transition:.3s ease;\n}\n\n.syllabus-btn.primary{\n  background:#161d63;\n  color:#fff !important;\n}\n\n.syllabus-btn.secondary{\n  background:#ef5d73;\n  color:#fff !important;\n}\n\n.syllabus-btn:hover{\n  transform:translateY(-2px);\n}\n\n\/* MOBILE *\/\n\n@media(max-width:991px){\n\n  .syllabus-grid{\n    grid-template-columns:1fr;\n  }\n\n  .syllabus-title{\n    font-size:42px;\n  }\n\n}\n\n@media(max-width:767px){\n\n  .syllabus-section{\n    padding:30px 14px 70px;\n  }\n\n  .syllabus-title{\n    font-size:32px;\n    line-height:1.12;\n    letter-spacing:-1px;\n  }\n\n  .syllabus-desc{\n    font-size:13px;\n  }\n\n  .grade-tabs{\n    gap:8px;\n  }\n\n  .grade-tab{\n    font-size:11px;\n    padding:9px 12px;\n  }\n\n  .syllabus-card{\n    padding:16px;\n  }\n\n  .syllabus-card h4{\n    font-size:14px;\n  }\n\n  .syllabus-card p{\n    font-size:11.5px;\n  }\n\n  .syllabus-buttons{\n    flex-direction:column;\n  }\n\n  .syllabus-btn{\n    width:100%;\n    justify-content:center;\n  }\n\n}\n\n<\/style>\n\n<section class=\"syllabus-section\">\n\n  <div class=\"syllabus-container\">\n\n    <!-- HEADER -->\n\n    <div class=\"syllabus-head\">\n\n      <h2 class=\"syllabus-title\">\n        Grade-wise <span>AI Olympiad Syllabus<\/span>\n      <\/h2>\n\n      <div class=\"syllabus-desc\">\n        Explore the carefully designed AI curriculum for every grade level with practical AI concepts, innovation-focused learning and future-ready skills.\n      <\/div>\n\n    <\/div>\n\n    <!-- TABS -->\n\n    <div class=\"grade-tabs\">\n\n      <button class=\"grade-tab active\" onclick=\"showGrade('g3',this)\">Grade 3<\/button>\n      <button class=\"grade-tab\" onclick=\"showGrade('g4',this)\">Grade 4<\/button>\n      <button class=\"grade-tab\" onclick=\"showGrade('g5',this)\">Grade 5<\/button>\n      <button class=\"grade-tab\" onclick=\"showGrade('g6',this)\">Grade 6<\/button>\n      <button class=\"grade-tab\" onclick=\"showGrade('g7',this)\">Grade 7<\/button>\n      <button class=\"grade-tab\" onclick=\"showGrade('g8',this)\">Grade 8<\/button>\n      <button class=\"grade-tab\" onclick=\"showGrade('g9',this)\">Grade 9<\/button>\n      <button class=\"grade-tab\" onclick=\"showGrade('g10',this)\">Grade 10<\/button>\n\n    <\/div>\n\n  \n\n<!-- =========================\nGRADE 3\n========================= -->\n\n<div class=\"grade-content active\" id=\"g3\">\n\n  <div class=\"syllabus-grid\">\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83e\udd16<\/div>\n      <div>\n        <h4>Meet AI Around Us<\/h4>\n        <p>\n          Discover AI in everyday life \u2014 smart speakers, apps, and devices that seem to \"think\" on their own.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2699\ufe0f<\/div>\n      <div>\n        <h4>Machines that Follow Instructions<\/h4>\n        <p>\n          How computers and machines work by following step-by-step instructions written by humans.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udd0d<\/div>\n      <div>\n        <h4>Finding Patterns<\/h4>\n        <p>\n          Spotting patterns in shapes, colours, numbers, and sequences \u2014 the building block of how AI learns.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udf0d<\/div>\n      <div>\n        <h4>AI Applications in Daily Life<\/h4>\n        <p>\n          AI in maps, music recommendations, face unlock, autocorrect \u2014 how AI quietly helps us every day.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udca1<\/div>\n      <div>\n        <h4>Thinking Machines and Sensors<\/h4>\n        <p>\n          How machines sense the world around them using cameras, microphones, and temperature sensors.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udee1\ufe0f<\/div>\n      <div>\n        <h4>Safe and Kind Technology Use<\/h4>\n        <p>\n          Staying safe online, being kind in digital spaces, and understanding screen time and privacy basics.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"syllabus-buttons\">\n\n    <a href=\"#\" class=\"syllabus-btn primary\">\n      <i class=\"fa-solid fa-download\"><\/i>\n      Download Grade 3 Syllabus PDF\n    <\/a>\n\n    <a href=\"#\" class=\"syllabus-btn secondary\">\n      <i class=\"fa-solid fa-file-lines\"><\/i>\n      \ud83d\udcc4 Download Sample Paper\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<!-- =========================\nGRADE 4\n========================= -->\n\n<div class=\"grade-content\" id=\"g4\">\n\n  <div class=\"syllabus-grid\">\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udce6<\/div>\n      <div>\n        <h4>AI Learns from Data<\/h4>\n        <p>\n          What data is, where it comes from, and how machines use examples to learn and improve over time.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udd22<\/div>\n      <div>\n        <h4>Patterns, Sorting and Decisions<\/h4>\n        <p>\n          Sorting objects, identifying categories, and how AI uses patterns to make simple decisions.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udf10<\/div>\n      <div>\n        <h4>AI Applications Around the World<\/h4>\n        <p>\n          How AI is being used globally in healthcare, farming, transport, and education.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udc41\ufe0f<\/div>\n      <div>\n        <h4>AI that Recognizes Images and Sounds<\/h4>\n        <p>\n          How AI identifies photos, faces, animals, and spoken words \u2014 and how it gets trained to do this.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83e\uddea<\/div>\n      <div>\n        <h4>Training Simple AI Models<\/h4>\n        <p>\n          Fun hands-on concept: teaching a machine to recognise things by giving it lots of examples.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2696\ufe0f<\/div>\n      <div>\n        <h4>Fairness and Responsibility in AI<\/h4>\n        <p>\n          Why AI should be fair, what happens when it makes mistakes, and who is responsible for AI decisions.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"syllabus-buttons\">\n\n    <a href=\"#\" class=\"syllabus-btn primary\">\n      <i class=\"fa-solid fa-download\"><\/i>\n      Download Grade 4 Syllabus PDF\n    <\/a>\n\n    <a href=\"#\" class=\"syllabus-btn secondary\">\n      <i class=\"fa-solid fa-file-lines\"><\/i>\n      \ud83d\udcc4 Download Sample Paper\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<!-- =========================\nGRADE 5\n========================= -->\n\n<div class=\"grade-content\" id=\"g5\">\n\n  <div class=\"syllabus-grid\">\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udcac<\/div>\n      <div>\n        <h4>AI that Understands Language<\/h4>\n        <p>\n          How chatbots, voice assistants, and translation tools process and understand human language.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2753<\/div>\n      <div>\n        <h4>Asking Good Questions to AI<\/h4>\n        <p>\n          The art of prompting \u2014 how the way you ask a question shapes the answer AI gives you.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udfac<\/div>\n      <div>\n        <h4>AI Applications in Communication & Entertainment<\/h4>\n        <p>\n          AI in streaming platforms, social media, gaming, and personalised content recommendations.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udc42<\/div>\n      <div>\n        <h4>AI that Sees and Hears<\/h4>\n        <p>\n          Computer vision and speech recognition \u2014 how machines interpret images, video, and audio.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udfa8<\/div>\n      <div>\n        <h4>Creating and Designing with AI<\/h4>\n        <p>\n          Using AI tools for drawing, writing, music, and other creative tasks \u2014 a new kind of creativity.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udd10<\/div>\n      <div>\n        <h4>Privacy, Safety and Responsible AI<\/h4>\n        <p>\n          Digital footprints, data privacy, online safety, and ethical use of AI-powered tools.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"syllabus-buttons\">\n\n    <a href=\"#\" class=\"syllabus-btn primary\">\n      <i class=\"fa-solid fa-download\"><\/i>\n      Download Grade 5 Syllabus PDF\n    <\/a>\n\n    <a href=\"#\" class=\"syllabus-btn secondary\">\n      <i class=\"fa-solid fa-file-lines\"><\/i>\n      \ud83d\udcc4 Download Sample Paper\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<!-- =========================\nGRADE 6\n========================= -->\n\n<div class=\"grade-content\" id=\"g6\">\n\n  <div class=\"syllabus-grid\">\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83e\udd16<\/div>\n      <div>\n        <h4>Introduction to Artificial Intelligence<\/h4>\n        <p>\n          Formal definition of AI, history, types of AI, and how it differs from traditional programming.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udcca<\/div>\n      <div>\n        <h4>Basic Data Concepts<\/h4>\n        <p>\n          Types of data (text, numbers, images), structured vs unstructured data, and why data quality matters.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83e\udde9<\/div>\n      <div>\n        <h4>Simple Pattern Recognition & Decision Making<\/h4>\n        <p>\n          Decision trees, flowcharts, and how AI uses patterns in data to make choices.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udde3\ufe0f<\/div>\n      <div>\n        <h4>Introduction to Computer Vision and Language AI<\/h4>\n        <p>\n          How machines read images and understand text \u2014 with real-world examples and tools.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2699\ufe0f<\/div>\n      <div>\n        <h4>Sensors, Robotics and Smart Automation<\/h4>\n        <p>\n          How sensors feed data to AI systems, and how robots and automated systems use AI to act.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udf10<\/div>\n      <div>\n        <h4>Ethics and Digital Responsibility<\/h4>\n        <p>\n          AI bias, misinformation, digital wellbeing, and being a responsible digital citizen.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"syllabus-buttons\">\n\n    <a href=\"#\" class=\"syllabus-btn primary\">\n      <i class=\"fa-solid fa-download\"><\/i>\n      Download Grade 6 Syllabus PDF\n    <\/a>\n\n    <a href=\"#\" class=\"syllabus-btn secondary\">\n      <i class=\"fa-solid fa-file-lines\"><\/i>\n      \ud83d\udcc4 Download Sample Paper\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<!-- =========================\nGRADE 7\n========================= -->\n\n<div class=\"grade-content\" id=\"g7\">\n\n  <div class=\"syllabus-grid\">\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\uddfa\ufe0f<\/div>\n      <div>\n        <h4>AI Domains and Applications<\/h4>\n        <p>\n          Overview of AI domains \u2014 computer vision, NLP, robotics, recommendation systems \u2014 and where each is used.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udfed<\/div>\n      <div>\n        <h4>AI in Industries and Problem Solving<\/h4>\n        <p>\n          AI applications in healthcare, agriculture, education, finance, and smart cities across India.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udcc8<\/div>\n      <div>\n        <h4>Introduction to  Data Science, Visualization and Analysis<\/h4>\n        <p>\n          Reading graphs, charts, and tables; understanding trends; making data-driven observations.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udc41\ufe0f<\/div>\n      <div>\n        <h4>Computer Vision Systems<\/h4>\n        <p>\n          How AI detects objects, reads text in images, and enables facial recognition and autonomous vehicles.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udcac<\/div>\n      <div>\n        <h4>Natural Language Processing Systems<\/h4>\n        <p>\n          How machines translate languages, summarise text, answer questions, and power chatbots.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2696\ufe0f<\/div>\n      <div>\n        <h4>Ethics, Bias and Digital Citizenship<\/h4>\n        <p>\n          Algorithmic bias, data privacy laws, AI accountability, and the responsibilities of AI creators and users.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"syllabus-buttons\">\n\n    <a href=\"#\" class=\"syllabus-btn primary\">\n      <i class=\"fa-solid fa-download\"><\/i>\n      Download Grade 7 Syllabus PDF\n    <\/a>\n\n    <a href=\"#\" class=\"syllabus-btn secondary\">\n      <i class=\"fa-solid fa-file-lines\"><\/i>\n      \ud83d\udcc4 Download Sample Paper\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<!-- =========================\nGRADE 8\n========================= -->\n\n<div class=\"grade-content\" id=\"g8\">\n\n  <div class=\"syllabus-grid\">\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udd04<\/div>\n      <div>\n        <h4>Algorithms and Intelligent Decision Making<\/h4>\n        <p>\n          How algorithms work, sorting and search methods, and how AI uses algorithms to make smart decisions.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udf10<\/div>\n      <div>\n        <h4>AI Domains and Intelligent Applications<\/h4>\n        <p>\n          Deep dive into AI applications across computer vision, NLP, autonomous systems, and recommendation engines.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\ude80<\/div>\n      <div>\n        <h4>AI Project Cycle \u2013 Building AI Solutions<\/h4>\n        <p>\n          Problem definition, data collection, model selection, testing, and presenting AI-powered solutions.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udcca<\/div>\n      <div>\n        <h4>Data Analysis and Visualization<\/h4>\n        <p>\n          Working with datasets, creating charts, identifying patterns, and drawing insights from data.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83e\udde0<\/div>\n      <div>\n        <h4>Introduction to Machine Learning<\/h4>\n        <p>\n          Supervised and unsupervised learning, training\/testing splits, overfitting, and model evaluation basics.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udc0d<\/div>\n      <div>\n        <h4>Python Foundations for AI<\/h4>\n        <p>\n          Variables, loops, functions, lists, and writing simple Python scripts to solve AI-related problems.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2728<\/div>\n      <div>\n        <h4>Generative AI and Responsible Use<\/h4>\n        <p>\n          How generative models create text and images; LLMs; ethical use, deepfakes, and responsible prompting.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"syllabus-buttons\">\n\n    <a href=\"#\" class=\"syllabus-btn primary\">\n      <i class=\"fa-solid fa-download\"><\/i>\n      Download Grade 8 Syllabus PDF\n    <\/a>\n\n    <a href=\"#\" class=\"syllabus-btn secondary\">\n      <i class=\"fa-solid fa-file-lines\"><\/i>\n      \ud83d\udcc4 Download Sample Paper\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n<!-- =========================\nGRADE 9\n========================= -->\n\n<div class=\"grade-content\" id=\"g9\">\n\n  <div class=\"syllabus-grid\">\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udd2c<\/div>\n      <div>\n        <h4>Introduction to Machine Learning Systems<\/h4>\n        <p>\n          Supervised, unsupervised, and reinforcement learning \u2014 how models are trained, validated, and deployed.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udee0\ufe0f<\/div>\n      <div>\n        <h4>AI Project Cycle and Problem Solving<\/h4>\n        <p>\n          End-to-end AI project framework: problem framing, data pipeline, model building, evaluation, and iteration.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udcc8<\/div>\n      <div>\n        <h4>Data Handling and Visualization<\/h4>\n        <p>\n          Data cleaning, transformation, statistical analysis, and visualising insights using charts and graphs.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83c\udf10<\/div>\n      <div>\n        <h4>AI Domains and Intelligent Applications<\/h4>\n        <p>\n          Advanced applications in computer vision, NLP, robotics, and AI-driven decision systems across industries.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2728<\/div>\n      <div>\n        <h4>Introduction to Generative AI<\/h4>\n        <p>\n          How LLMs, diffusion models, and generative systems work; prompt engineering; creative and professional use cases.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\ud83d\udc0d<\/div>\n      <div>\n        <h4>Python Programming for AI<\/h4>\n        <p>\n          Functions, libraries (NumPy, Pandas basics), file handling, and writing Python code to implement AI logic.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"syllabus-card\">\n      <div class=\"syllabus-icon\">\u2696\ufe0f<\/div>\n      <div>\n        <h4>Ethics, Privacy and Responsible AI<\/h4>\n        <p>\n          AI governance, India's data protection law, algorithmic bias, fairness, and building AI that benefits everyone.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"syllabus-buttons\">\n\n    <a href=\"#\" class=\"syllabus-btn primary\">\n      <i class=\"fa-solid fa-download\"><\/i>\n      Download Grade 9 Syllabus PDF\n    <\/a>\n\n    <a href=\"#\" class=\"syllabus-btn secondary\">\n      <i class=\"fa-solid fa-file-lines\"><\/i>\n      \ud83d\udcc4 Download Sample Paper\n    <\/a>\n\n  <\/div>\n\n<\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n\nfunction showGrade(id,btn){\n\n  document.querySelectorAll('.grade-content').forEach(content=>{\n    content.classList.remove('active');\n  });\n\n  document.querySelectorAll('.grade-tab').forEach(tab=>{\n    tab.classList.remove('active');\n  });\n\n  document.getElementById(id).classList.add('active');\n\n  btn.classList.add('active');\n}\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a884df8 e-con-full e-flex e-con e-parent\" data-id=\"a884df8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bd5772 elementor-widget elementor-widget-html\" data-id=\"6bd5772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI INCLUSIONS SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED RESET *\/\n.sl-inclusions-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-inclusions-section h2, \n.sl-inclusions-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION BASE *\/\n.sl-inclusions-section {\n  width: 100% !important;\n  background-color: #F8FAFC !important;\n  padding: 96px 24px !important;\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n.sl-inclusions-container {\n  max-width: 1240px !important;\n  margin: 0 auto !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* HEADER AREA *\/\n.sl-inclusions-header {\n  max-width: 680px !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n}\n\n.sl-inclusions-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-inclusions-heading {\n  margin-top: 12px !important;\n  font-size: 44px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #111029 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-text-gradient-teal {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n  background-clip: text !important;\n  color: transparent !important;\n}\n\n.sl-inclusions-subtext {\n  margin-top: 16px !important;\n  font-size: 16px !important;\n  line-height: 1.6 !important;\n  color: #64748B !important;\n}\n\n\/* CARDS GRID *\/\n.sl-inclusions-grid {\n  margin-top: 56px !important;\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 24px !important;\n}\n\n\/* INDIVIDUAL CARD *\/\n.sl-inclusion-card {\n  position: relative !important;\n  background-color: #ffffff !important;\n  border-radius: 24px !important;\n  padding: 32px 28px !important;\n  border: 1px solid #E2E8F0 !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;\n  overflow: hidden !important;\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n\n.sl-inclusion-card:hover {\n  transform: translateY(-4px) !important;\n  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.06) !important;\n  border-color: rgba(81, 199, 179, 0.3) !important;\n}\n\n\/* CORNER RADIAL GLOW *\/\n.sl-card-glow {\n  position: absolute !important;\n  top: -30px !important;\n  right: -30px !important;\n  width: 120px !important;\n  height: 120px !important;\n  border-radius: 50% !important;\n  filter: blur(28px) !important;\n  opacity: 0.25 !important;\n  pointer-events: none !important;\n  transition: opacity 0.3s ease !important;\n}\n\n.sl-inclusion-card:hover .sl-card-glow {\n  opacity: 0.45 !important;\n}\n\n\/* ICON BADGES & VARIATIONS *\/\n.sl-icon-box {\n  position: relative !important;\n  z-index: 2 !important;\n  width: 48px !important;\n  height: 48px !important;\n  border-radius: 16px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.sl-icon-box svg {\n  width: 22px !important;\n  height: 22px !important;\n  stroke-width: 2 !important;\n}\n\n\/* COLOR VARIANTS *\/\n\/* Teal *\/\n.sl-variant-teal .sl-card-glow { background-color: #51C7B3 !important; }\n.sl-variant-teal .sl-icon-box { background-color: #E8F8F5 !important; color: #51C7B3 !important; }\n\n\/* Coral \/ Pink *\/\n.sl-variant-coral .sl-card-glow { background-color: #FF8F8F !important; }\n.sl-variant-coral .sl-icon-box { background-color: #FFF0F0 !important; color: #FF8F8F !important; }\n\n\/* Gold \/ Amber *\/\n.sl-variant-gold .sl-card-glow { background-color: #ECA02B !important; }\n.sl-variant-gold .sl-icon-box { background-color: #FEF6E9 !important; color: #ECA02B !important; }\n\n\/* Indigo \/ Navy *\/\n.sl-variant-navy .sl-card-glow { background-color: #6366F1 !important; }\n.sl-variant-navy .sl-icon-box { background-color: #EEF2FF !important; color: #6366F1 !important; }\n\n\/* Orange *\/\n.sl-variant-orange .sl-card-glow { background-color: #FF6B35 !important; }\n.sl-variant-orange .sl-icon-box { background-color: #FFF0EA !important; color: #FF6B35 !important; }\n\n\/* CARD CONTENT *\/\n.sl-inclusion-card-title {\n  position: relative !important;\n  z-index: 2 !important;\n  margin-top: 20px !important;\n  font-size: 19px !important;\n  font-weight: 800 !important;\n  color: #111029 !important;\n  line-height: 1.3 !important;\n}\n\n.sl-inclusion-card-desc {\n  position: relative !important;\n  z-index: 2 !important;\n  margin-top: 8px !important;\n  font-size: 14px !important;\n  line-height: 1.55 !important;\n  color: #64748B !important;\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 1024px) {\n  .sl-inclusions-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sl-inclusions-section {\n    padding: 64px 20px !important;\n  }\n  .sl-inclusions-heading {\n    font-size: 32px !important;\n  }\n  .sl-inclusions-grid {\n    grid-template-columns: 1fr !important;\n    gap: 16px !important;\n    margin-top: 40px !important;\n  }\n  .sl-inclusion-card {\n    padding: 24px 20px !important;\n  }\n}\n<\/style>\n\n<section id=\"included\" class=\"sl-inclusions-section\">\n  <div class=\"sl-inclusions-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-inclusions-header\">\n      <p class=\"sl-inclusions-tagline\">Inclusions<\/p>\n      <h2 class=\"sl-inclusions-heading\">\n        Everything included in your <span class=\"sl-text-gradient-teal\">\u20b9250 registration<\/span>.\n      <\/h2>\n      <p class=\"sl-inclusions-subtext\">\n        A complete AI learning and assessment package \u2014 built to deliver real student value beyond the exam.\n      <\/p>\n    <\/div>\n\n    <!-- CARDS GRID -->\n    <div class=\"sl-inclusions-grid\">\n      \n      <!-- CARD 1: AI Prep Books -->\n      <div class=\"sl-inclusion-card sl-variant-teal\">\n        <div class=\"sl-card-glow\"><\/div>\n        <div class=\"sl-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 7v14\"><\/path>\n            <path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-inclusion-card-title\">AI Olympiad Prep Books<\/h3>\n        <p class=\"sl-inclusion-card-desc\">Grade-specific AI preparation books aligned with NSQF curriculum standards.<\/p>\n      <\/div>\n\n      <!-- CARD 2: LMS Access -->\n      <div class=\"sl-inclusion-card sl-variant-coral\">\n        <div class=\"sl-card-glow\"><\/div>\n        <div class=\"sl-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"><\/rect>\n            <line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"><\/line>\n            <line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"><\/line>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-inclusion-card-title\">LMS Access \u2014 Learn &amp; Practice<\/h3>\n        <p class=\"sl-inclusion-card-desc\">Full access to STEMLearn.AI LMS with lessons, quizzes and practice modules.<\/p>\n      <\/div>\n\n      <!-- CARD 3: Sample Paper & OMR -->\n      <div class=\"sl-inclusion-card sl-variant-gold\">\n        <div class=\"sl-card-glow\"><\/div>\n        <div class=\"sl-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M15 12h-5\"><\/path>\n            <path d=\"M15 8h-5\"><\/path>\n            <path d=\"M19 17V5a2 2 0 0 0-2-2H4\"><\/path>\n            <path d=\"M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-inclusion-card-title\">Sample Paper &amp; OMR Sheet<\/h3>\n        <p class=\"sl-inclusion-card-desc\">Official sample question paper and OMR sheet matching the real exam format.<\/p>\n      <\/div>\n\n      <!-- CARD 4: E-Certificates -->\n      <div class=\"sl-inclusion-card sl-variant-navy\">\n        <div class=\"sl-card-glow\"><\/div>\n        <div class=\"sl-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path>\n            <circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-inclusion-card-title\">E-Certificates<\/h3>\n        <p class=\"sl-inclusion-card-desc\">Every participant receives a digitally verified, co-branded participation certificate.<\/p>\n      <\/div>\n\n      <!-- CARD 5: Cash Prizes -->\n      <div class=\"sl-inclusion-card sl-variant-orange\">\n        <div class=\"sl-card-glow\"><\/div>\n        <div class=\"sl-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M13.744 17.736a6 6 0 1 1-7.48-7.48\"><\/path>\n            <path d=\"M15 6h1v4\"><\/path>\n            <path d=\"m6.134 14.768.866-.5 2 3.464\"><\/path>\n            <circle cx=\"16\" cy=\"8\" r=\"6\"><\/circle>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-inclusion-card-title\">Cash Prizes<\/h3>\n        <p class=\"sl-inclusion-card-desc\">Top performers become eligible for exciting rewards, prizes and national recognition.<\/p>\n      <\/div>\n\n      <!-- CARD 6: SparkX Eligibility -->\n      <div class=\"sl-inclusion-card sl-variant-coral\">\n        <div class=\"sl-card-glow\"><\/div>\n        <div class=\"sl-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"><\/path>\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09\"><\/path>\n            <path d=\"M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z\"><\/path>\n            <path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-inclusion-card-title\">SparkX Eligibility<\/h3>\n        <p class=\"sl-inclusion-card-desc\">Top 10 rank holders from each grade get invited to SparkX \u2014 National Innovation Challenge at IIT Bombay.<\/p>\n      <\/div>\n\n      <!-- CARD 7: Performance Analytics -->\n      <div class=\"sl-inclusion-card sl-variant-teal\">\n        <div class=\"sl-card-glow\"><\/div>\n        <div class=\"sl-icon-box\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M3 3v16a2 2 0 0 0 2 2h16\"><\/path>\n            <path d=\"m19 9-5 5-4-4-3 3\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"sl-inclusion-card-title\">Performance Analytics<\/h3>\n        <p class=\"sl-inclusion-card-desc\">Detailed topic-wise reports with strengths and improvement insights, for student &amp; school.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39bda3d e-con-full e-flex e-con e-parent\" data-id=\"39bda3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98048e6 elementor-widget elementor-widget-html\" data-id=\"98048e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI PRICING SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED RESET *\/\n.sl-pricing-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-pricing-section h2, \n.sl-pricing-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-pricing-section {\n  width: 100% !important;\n  background-color: #1d2254 !important; \/* UPDATED BACKGROUND COLOR *\/\n  padding: 96px 24px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  color: #ffffff !important;\n}\n\n.sl-pricing-container {\n  max-width: 1140px !important;\n  margin: 0 auto !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* HEADER AREA *\/\n.sl-pricing-header {\n  max-width: 680px !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n}\n\n.sl-pricing-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-pricing-heading {\n  margin-top: 12px !important;\n  font-size: 44px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #ffffff !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-pricing-subtext {\n  margin-top: 16px !important;\n  font-size: 16px !important;\n  line-height: 1.6 !important;\n  color: rgba(255, 255, 255, 0.7) !important;\n}\n\n\/* CARDS GRID *\/\n.sl-pricing-grid {\n  margin-top: 56px !important;\n  display: grid !important;\n  grid-template-columns: repeat(2, 1fr) !important;\n  gap: 32px !important;\n}\n\n\/* BASE CARD *\/\n.sl-pricing-card {\n  position: relative !important;\n  border-radius: 28px !important;\n  padding: 40px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n  transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n}\n\n.sl-pricing-card:hover {\n  transform: translateY(-4px) !important;\n}\n\n\/* INDIVIDUAL CARD *\/\n.sl-card-individual {\n  background: rgba(255, 255, 255, 0.04) !important;\n  border: 1px solid rgba(255, 255, 255, 0.1) !important;\n  backdrop-filter: blur(10px) !important;\n}\n\n.sl-card-individual:hover {\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(81, 199, 179, 0.15) !important;\n}\n\n\/* SCHOOLS CARD *\/\n.sl-card-schools {\n  background: linear-gradient(145deg, rgba(236, 160, 43, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%) !important;\n  border: 1px solid rgba(236, 160, 43, 0.3) !important;\n  backdrop-filter: blur(10px) !important;\n}\n\n.sl-card-schools:hover {\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(236, 160, 43, 0.15) !important;\n}\n\n\/* CARD HEADERS & LABELS *\/\n.sl-card-label {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.15em !important;\n}\n\n.sl-card-individual .sl-card-label {\n  color: #51C7B3 !important;\n}\n\n.sl-card-schools .sl-card-label {\n  color: #ECA02B !important;\n}\n\n\/* SCHOOLS BADGE *\/\n.sl-badge-schools {\n  position: absolute !important;\n  top: 32px !important;\n  right: 32px !important;\n  background: linear-gradient(135deg, #ECA02B 0%, #FF6B35 100%) !important;\n  color: #ffffff !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  padding: 4px 12px !important;\n  border-radius: 9999px !important;\n}\n\n\/* PRICE DISPLAY *\/\n.sl-price-wrap {\n  margin-top: 16px !important;\n  display: flex !important;\n  align-items: baseline !important;\n  gap: 8px !important;\n  flex-wrap: wrap !important;\n}\n\n.sl-price-amount {\n  font-family: 'Mulish', sans-serif !important;\n  font-size: 56px !important;\n  font-weight: 900 !important;\n  line-height: 1 !important;\n  color: #ffffff !important;\n  letter-spacing: -1px !important;\n}\n\n.sl-price-unit {\n  font-size: 15px !important;\n  color: rgba(255, 255, 255, 0.6) !important;\n  font-weight: 600 !important;\n}\n\n.sl-price-note {\n  margin-top: 8px !important;\n  font-size: 13.5px !important;\n  color: rgba(255, 255, 255, 0.7) !important;\n  line-height: 1.4 !important;\n}\n\n\/* FEATURES LIST *\/\n.sl-pricing-features {\n  margin-top: 28px !important;\n  list-style: none !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 14px !important;\n}\n\n.sl-pricing-features li {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 10px !important;\n  font-size: 14px !important;\n  color: rgba(255, 255, 255, 0.9) !important;\n  line-height: 1.4 !important;\n}\n\n.sl-pricing-features svg {\n  width: 18px !important;\n  height: 18px !important;\n  flex-shrink: 0 !important;\n  margin-top: 2px !important;\n}\n\n.sl-card-individual .sl-pricing-features svg {\n  color: #51C7B3 !important;\n}\n\n.sl-card-schools .sl-pricing-features svg {\n  color: #ECA02B !important;\n}\n\n\/* CTA BUTTONS *\/\n.sl-pricing-btn {\n  margin-top: 36px !important;\n  width: 100% !important;\n  padding: 16px 24px !important;\n  border-radius: 16px !important;\n  font-family: 'Mulish', sans-serif !important;\n  font-size: 15px !important;\n  font-weight: 800 !important;\n  text-decoration: none !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  transition: all 0.3s ease !important;\n  border: none !important;\n  cursor: pointer !important;\n}\n\n.sl-pricing-btn svg {\n  width: 18px !important;\n  height: 18px !important;\n  transition: transform 0.2s ease !important;\n}\n\n.sl-pricing-btn:hover svg {\n  transform: translateX(4px) !important;\n}\n\n\/* INDIVIDUAL BUTTON (GRADIENT) *\/\n.sl-btn-teal {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  color: #ffffff !important;\n  box-shadow: 0 8px 20px rgba(81, 199, 179, 0.25) !important;\n}\n\n.sl-btn-teal:hover {\n  box-shadow: 0 12px 28px rgba(81, 199, 179, 0.4) !important;\n  transform: scale(1.02) !important;\n}\n\n\/* SCHOOLS BUTTON (WHITE) *\/\n.sl-btn-white {\n  background-color: #ffffff !important;\n  color: #1d2254 !important; \/* UPDATED ACCENT COLOR *\/\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;\n}\n\n.sl-btn-white:hover {\n  background-color: #f8fafc !important;\n  box-shadow: 0 12px 28px rgba(255, 255, 255, 0.3) !important;\n  transform: scale(1.02) !important;\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 991px) {\n  .sl-pricing-grid {\n    grid-template-columns: 1fr !important;\n    gap: 24px !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sl-pricing-section {\n    padding: 64px 20px !important;\n  }\n  .sl-pricing-heading {\n    font-size: 32px !important;\n  }\n  .sl-pricing-card {\n    padding: 28px 24px !important;\n    border-radius: 20px !important;\n  }\n  .sl-price-amount {\n    font-size: 44px !important;\n  }\n}\n<\/style>\n\n<section id=\"pricing\" class=\"sl-pricing-section\">\n  <div class=\"sl-pricing-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-pricing-header\">\n      <p class=\"sl-pricing-tagline\">Pricing<\/p>\n      <h2 class=\"sl-pricing-heading\">One price. Every benefit.<\/h2>\n      <p class=\"sl-pricing-subtext\">\n        Choose how you participate \u2014 as an individual student or through your school.\n      <\/p>\n    <\/div>\n\n    <!-- PRICING CARDS -->\n    <div class=\"sl-pricing-grid\">\n      \n      <!-- CARD 1: INDIVIDUAL -->\n      <div class=\"sl-pricing-card sl-card-individual\">\n        <div>\n          <div class=\"sl-card-label\">Individual<\/div>\n          <div class=\"sl-price-wrap\">\n            <span class=\"sl-price-amount\">\u20b9250<\/span>\n            <span class=\"sl-price-unit\">\/ student<\/span>\n          <\/div>\n\n          <ul class=\"sl-pricing-features\">\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Exam access (online or centre)<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Free sample paper + study guide<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Personalised performance report<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Digital certificate of participation<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Eligibility for cash prizes (Top 10)<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>SparkX @ IIT Bombay (Rank 1 per grade)<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <a href=\"#register\" class=\"sl-pricing-btn sl-btn-teal\">\n          Register Now\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m12 5 7 7-7 7\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n      <!-- CARD 2: BULK ENROLLMENT (SCHOOLS) -->\n      <div class=\"sl-pricing-card sl-card-schools\">\n        <span class=\"sl-badge-schools\">Schools<\/span>\n\n        <div>\n          <div class=\"sl-card-label\">Bulk Enrollment<\/div>\n          <div class=\"sl-price-wrap\">\n            <span class=\"sl-price-amount\">\u20b9250<\/span>\n            <span class=\"sl-price-unit\">\/ student \u00b7 zero institutional fee<\/span>\n          <\/div>\n          <p class=\"sl-price-note\">Same \u20b9250 per student. No school setup or coordinator charge.<\/p>\n\n          <ul class=\"sl-pricing-features\">\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Bulk enrollment + coordinator login<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>School-level analytics dashboard<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Dedicated school account manager<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>On-campus exam conduction (OMR)<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>School participation certificate<\/span>\n            <\/li>\n            <li>\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <path d=\"m9 12 2 2 4-4\"><\/path>\n              <\/svg>\n              <span>Co-branded student certificates<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <a href=\"#contact\" class=\"sl-pricing-btn sl-btn-white\">\n          Register Your School\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m12 5 7 7-7 7\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d51e7f1 e-con-full e-flex e-con e-parent\" data-id=\"d51e7f1\" data-element_type=\"container\" data-e-type=\"container\" id=\"rewards\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa93274 elementor-widget elementor-widget-html\" data-id=\"aa93274\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI REWARDS & RECOGNITION SECTION (WORDPRESS \/ ELEMENTOR READY)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED RESET *\/\n.sl-rewards-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-rewards-section h2, \n.sl-rewards-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-rewards-section {\n  width: 100% !important;\n  background-color: #f8fafc !important; \/* Clean light background matching screenshots *\/\n  padding: 96px 24px !important;\n  position: relative !important;\n  overflow: hidden !important;\n  color: #1d2254 !important;\n}\n\n\/* BACKGROUND RADIAL GLOWS *\/\n.sl-rewards-bg-glow {\n  position: absolute !important;\n  inset: 0 !important;\n  pointer-events: none !important;\n  opacity: 0.4 !important;\n  background: \n    radial-gradient(circle at 20% 20%, rgba(236, 160, 43, 0.15), transparent 40%),\n    radial-gradient(circle at 80% 60%, rgba(81, 199, 179, 0.15), transparent 40%) !important;\n}\n\n.sl-rewards-container {\n  max-width: 1140px !important;\n  margin: 0 auto !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* HEADER AREA *\/\n.sl-rewards-header {\n  max-width: 680px !important;\n  margin: 0 auto !important;\n  text-align: center !important;\n}\n\n.sl-rewards-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-rewards-heading {\n  margin-top: 12px !important;\n  font-size: 44px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #1d2254 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-gradient-text {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n}\n\n.sl-rewards-subtext {\n  margin-top: 16px !important;\n  font-size: 16px !important;\n  line-height: 1.6 !important;\n  color: #64748b !important;\n}\n\n\/* CARDS GRID *\/\n.sl-rewards-grid {\n  margin-top: 64px !important;\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 24px !important;\n  align-items: stretch !important;\n}\n\n\/* BASE REWARD CARD *\/\n.sl-reward-card-wrap {\n  position: relative !important;\n  padding-top: 24px !important; \/* Space for Top Prize badge overflow *\/\n}\n\n.sl-reward-card {\n  height: 100% !important;\n  border-radius: 28px !important;\n  padding: 32px 24px !important;\n  text-align: center !important;\n  transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  background-color: #ffffff !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;\n}\n\n.sl-reward-card:hover {\n  transform: translateY(-6px) !important;\n}\n\n\/* RANK 1 (GOLD \/ FEATURED CARD) *\/\n.sl-card-rank1-wrap {\n  order: 2 !important; \/* Middle on desktop *\/\n}\n\n.sl-card-rank1 {\n  background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%) !important;\n  color: #ffffff !important;\n  position: relative !important;\n  overflow: hidden !important;\n  box-shadow: 0 20px 40px rgba(245, 158, 11, 0.25) !important;\n}\n\n\/* BACKGROUND DECORATIVE CIRCLES ON RANK 1 *\/\n.sl-card-rank1::before {\n  content: '' !important;\n  position: absolute !important;\n  bottom: -40px !important;\n  right: -40px !important;\n  width: 180px !important;\n  height: 180px !important;\n  border-radius: 50% !important;\n  background: rgba(255, 255, 255, 0.15) !important;\n  pointer-events: none !important;\n}\n\n.sl-card-rank1::after {\n  content: '' !important;\n  position: absolute !important;\n  top: -24px !important;\n  left: -24px !important;\n  width: 100px !important;\n  height: 100px !important;\n  border-radius: 50% !important;\n  background: rgba(255, 255, 255, 0.1) !important;\n  pointer-events: none !important;\n}\n\n\/* TOP PRIZE BADGE *\/\n.sl-badge-top-prize {\n  position: absolute !important;\n  top: 10px !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  z-index: 10 !important;\n  background-color: #1d2254 !important;\n  color: #ffffff !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.12em !important;\n  padding: 6px 18px !important;\n  border-radius: 9999px !important;\n  box-shadow: 0 4px 12px rgba(29, 34, 84, 0.3) !important;\n  white-space: nowrap !important;\n}\n\n\/* RANK 2 & RANK 3 STANDARD CARDS *\/\n.sl-card-rank2-wrap {\n  order: 1 !important;\n}\n\n.sl-card-rank2 {\n  border-top: 6px solid #51C7B3 !important;\n}\n\n.sl-card-rank2:hover {\n  box-shadow: 0 20px 40px rgba(81, 199, 179, 0.15) !important;\n}\n\n.sl-card-rank3-wrap {\n  order: 3 !important;\n}\n\n.sl-card-rank3 {\n  border-top: 6px solid #f43f5e !important;\n}\n\n.sl-card-rank3:hover {\n  box-shadow: 0 20px 40px rgba(244, 63, 94, 0.15) !important;\n}\n\n\/* ICON CONTAINERS *\/\n.sl-reward-icon-box {\n  width: 64px !important;\n  height: 64px !important;\n  border-radius: 18px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 16px !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n.sl-icon-rank1 {\n  background: rgba(255, 255, 255, 0.2) !important;\n  backdrop-filter: blur(8px) !important;\n  color: #ffffff !important;\n}\n\n.sl-icon-rank2 {\n  background-color: rgba(81, 199, 179, 0.12) !important;\n  color: #51C7B3 !important;\n}\n\n.sl-icon-rank3 {\n  background-color: rgba(244, 63, 94, 0.12) !important;\n  color: #f43f5e !important;\n}\n\n.sl-reward-icon-box svg {\n  width: 32px !important;\n  height: 32px !important;\n}\n\n\/* TEXT TYPOGRAPHY *\/\n.sl-rank-title {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.15em !important;\n}\n\n.sl-card-rank1 .sl-rank-title { color: rgba(255, 255, 255, 0.85) !important; }\n.sl-card-rank2 .sl-rank-title { color: #51C7B3 !important; }\n.sl-card-rank3 .sl-rank-title { color: #f43f5e !important; }\n\n.sl-prize-amount {\n  font-family: 'Mulish', sans-serif !important;\n  font-size: 48px !important;\n  font-weight: 900 !important;\n  line-height: 1.1 !important;\n  margin-top: 6px !important;\n  letter-spacing: -1px !important;\n}\n\n.sl-card-rank1 .sl-prize-amount { color: #ffffff !important; }\n.sl-card-rank2 .sl-prize-amount, \n.sl-card-rank3 .sl-prize-amount { color: #1d2254 !important; }\n\n.sl-prize-perks {\n  font-size: 14px !important;\n  margin-top: 8px !important;\n  line-height: 1.4 !important;\n}\n\n.sl-card-rank1 .sl-prize-perks { color: rgba(255, 255, 255, 0.95) !important; }\n.sl-card-rank2 .sl-prize-perks, \n.sl-card-rank3 .sl-prize-perks { color: #64748b !important; }\n\n\/* FOOTER NOTE *\/\n.sl-rewards-footer-text {\n  margin-top: 48px !important;\n  text-align: center !important;\n  font-size: 14px !important;\n  color: #64748b !important;\n  line-height: 1.5 !important;\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 991px) {\n  .sl-rewards-grid {\n    grid-template-columns: 1fr !important;\n    gap: 20px !important;\n  }\n  \n  \/* Mobile stack order: Rank 1 first, then Rank 2, then Rank 3 *\/\n  .sl-card-rank1-wrap { order: 1 !important; }\n  .sl-card-rank2-wrap { order: 2 !important; }\n  .sl-card-rank3-wrap { order: 3 !important; }\n}\n\n@media (max-width: 640px) {\n  .sl-rewards-section {\n    padding: 64px 20px !important;\n  }\n  .sl-rewards-heading {\n    font-size: 32px !important;\n  }\n  .sl-prize-amount {\n    font-size: 40px !important;\n  }\n}\n<\/style>\n\n<section id=\"rewards\" class=\"sl-rewards-section\">\n  <div class=\"sl-rewards-bg-glow\"><\/div>\n\n  <div class=\"sl-rewards-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-rewards-header\">\n      <p class=\"sl-rewards-tagline\">Rewards &amp; Recognition<\/p>\n      <h2 class=\"sl-rewards-heading\">Every grade. <span class=\"sl-gradient-text\">Real rewards.<\/span><\/h2>\n      <p class=\"sl-rewards-subtext\">\n        Top 10 ranks per grade receive cash prizes, medals, and certificates of excellence.\n      <\/p>\n    <\/div>\n\n    <!-- CARDS GRID -->\n    <div class=\"sl-rewards-grid\">\n      \n      <!-- RANK 2 (LEFT ON DESKTOP, SECOND ON MOBILE) -->\n      <div class=\"sl-reward-card-wrap sl-card-rank2-wrap\">\n        <div class=\"sl-reward-card sl-card-rank2\">\n          <div class=\"sl-reward-icon-box sl-icon-rank2\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path>\n              <circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-rank-title\">Rank 2<\/div>\n          <div class=\"sl-prize-amount\">\u20b95,000<\/div>\n          <p class=\"sl-prize-perks\">+ Gold medal &amp; trophy<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- RANK 1 (CENTER ON DESKTOP, FIRST ON MOBILE) -->\n      <div class=\"sl-reward-card-wrap sl-card-rank1-wrap\">\n        <div class=\"sl-badge-top-prize\">\u2605 Top Prize<\/div>\n        <div class=\"sl-reward-card sl-card-rank1\">\n          <div class=\"sl-reward-icon-box sl-icon-rank1\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\"><\/path>\n              <path d=\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\"><\/path>\n              <path d=\"M18 9h1.5a1 1 0 0 0 0-5H18\"><\/path>\n              <path d=\"M4 22h16\"><\/path>\n              <path d=\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\"><\/path>\n              <path d=\"M6 9H4.5a1 1 0 0 1 0-5H6\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-rank-title\">Rank 1<\/div>\n          <div class=\"sl-prize-amount\">\u20b910,000<\/div>\n          <p class=\"sl-prize-perks\">+ IIT Bombay SparkX invite<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- RANK 3 (RIGHT ON DESKTOP, THIRD ON MOBILE) -->\n      <div class=\"sl-reward-card-wrap sl-card-rank3-wrap\">\n        <div class=\"sl-reward-card sl-card-rank3\">\n          <div class=\"sl-reward-icon-box sl-icon-rank3\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"><\/path>\n            <\/svg>\n          <\/div>\n          <div class=\"sl-rank-title\">Rank 3<\/div>\n          <div class=\"sl-prize-amount\">\u20b93,000<\/div>\n          <p class=\"sl-prize-perks\">+ Silver medal<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- FOOTER NOTE -->\n    <p class=\"sl-rewards-footer-text\">\n      Plus: digital certificates for every participant \u00b7 Ranks 4\u201310 receive merit certificates and goodies.\n    <\/p>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-240738c e-con-full e-flex e-con e-parent\" data-id=\"240738c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-147696c elementor-widget elementor-widget-html\" data-id=\"147696c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI LATEST UPDATES & NEWSLETTER SECTION\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED RESET *\/\n.sl-updates-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-updates-section h2, \n.sl-updates-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-updates-section {\n  width: 100% !important;\n  background-color: #f8fafc !important;\n  padding: 96px 24px !important;\n  position: relative !important;\n  color: #1d2254 !important;\n}\n\n.sl-updates-container {\n  max-width: 1140px !important;\n  margin: 0 auto !important;\n}\n\n\/* HEADER ROW *\/\n.sl-updates-header-row {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: flex-end !important;\n  flex-wrap: wrap !important;\n  gap: 20px !important;\n}\n\n.sl-updates-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-updates-heading {\n  margin-top: 10px !important;\n  font-size: 40px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #1d2254 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-gradient-text {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n}\n\n\/* FRESH ANNOUNCEMENTS PILL *\/\n.sl-fresh-pill {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  padding: 8px 18px !important;\n  border-radius: 9999px !important;\n  border: 1px solid #e2e8f0 !important;\n  background-color: #ffffff !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: #1d2254 !important;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;\n}\n\n.sl-fresh-pill svg {\n  width: 16px !important;\n  height: 16px !important;\n  color: #51C7B3 !important;\n}\n\n\/* CARDS GRID *\/\n.sl-news-grid {\n  margin-top: 48px !important;\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 24px !important;\n}\n\n.sl-news-card {\n  position: relative !important;\n  border-radius: 24px !important;\n  background-color: #ffffff !important;\n  padding: 32px 28px !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;\n  transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n  overflow: hidden !important;\n}\n\n.sl-news-card:hover {\n  transform: translateY(-4px) !important;\n  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08) !important;\n}\n\n\/* TOP BORDER ACCENTS *\/\n.sl-card-accent-teal { border-top: 5px solid #51C7B3 !important; }\n.sl-card-accent-gold { border-top: 5px solid #ECA02B !important; }\n.sl-card-accent-coral { border-top: 5px solid #f43f5e !important; }\n\n\/* CARD TOP META *\/\n.sl-card-meta {\n  display: flex !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n}\n\n.sl-card-badge {\n  padding: 4px 10px !important;\n  border-radius: 9999px !important;\n  font-size: 10px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.1em !important;\n  color: #ffffff !important;\n}\n\n.sl-badge-teal { background-color: #51C7B3 !important; }\n.sl-badge-gold { background-color: #ECA02B !important; }\n.sl-badge-coral { background-color: #f43f5e !important; }\n\n.sl-card-date {\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  color: #94a3b8 !important;\n}\n\n\/* CARD CONTENT *\/\n.sl-card-title {\n  margin-top: 20px !important;\n  font-size: 18px !important;\n  font-weight: 800 !important;\n  line-height: 1.35 !important;\n  color: #1d2254 !important;\n}\n\n.sl-card-desc {\n  margin-top: 12px !important;\n  font-size: 13.5px !important;\n  line-height: 1.6 !important;\n  color: #64748b !important;\n}\n\n.sl-card-link {\n  margin-top: 24px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  font-size: 14px !important;\n  font-weight: 800 !important;\n  color: #51C7B3 !important;\n  text-decoration: none !important;\n  transition: color 0.2s ease !important;\n}\n\n.sl-card-link:hover {\n  color: #38bdf8 !important;\n}\n\n.sl-card-link svg {\n  width: 16px !important;\n  height: 16px !important;\n  transition: transform 0.2s ease !important;\n}\n\n.sl-card-link:hover svg {\n  transform: translateX(4px) !important;\n}\n\n\/* BANNER: NEWSLETTER SUBSCRIBE *\/\n.sl-subscribe-banner {\n  margin-top: 48px !important;\n  background-color: #1d2254 !important; \/* MATCHED TO YOUR PREVIOUS COLOR *\/\n  border-radius: 28px !important;\n  padding: 40px 48px !important;\n  color: #ffffff !important;\n  box-shadow: 0 20px 40px rgba(29, 34, 84, 0.2) !important;\n}\n\n.sl-subscribe-grid {\n  display: grid !important;\n  grid-template-columns: 1.3fr 1fr !important;\n  gap: 24px !important;\n  align-items: center !important;\n}\n\n.sl-subscribe-info {\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 20px !important;\n}\n\n.sl-bell-icon-box {\n  width: 52px !important;\n  height: 52px !important;\n  border-radius: 16px !important;\n  background: rgba(255, 255, 255, 0.08) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n}\n\n.sl-bell-icon-box svg {\n  width: 24px !important;\n  height: 24px !important;\n  color: #ECA02B !important;\n}\n\n.sl-subscribe-title {\n  font-size: 22px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n}\n\n.sl-subscribe-desc {\n  margin-top: 4px !important;\n  font-size: 14px !important;\n  color: rgba(255, 255, 255, 0.7) !important;\n}\n\n\/* SUBSCRIBE FORM *\/\n.sl-subscribe-form {\n  display: flex !important;\n  gap: 12px !important;\n}\n\n.sl-subscribe-input {\n  flex: 1 !important;\n  height: 48px !important;\n  border-radius: 14px !important;\n  background: rgba(255, 255, 255, 0.08) !important;\n  border: 1px solid rgba(255, 255, 255, 0.15) !important;\n  padding: 0 16px !important;\n  font-size: 14px !important;\n  color: #ffffff !important;\n  outline: none !important;\n  transition: border-color 0.2s ease !important;\n}\n\n.sl-subscribe-input::placeholder {\n  color: rgba(255, 255, 255, 0.4) !important;\n}\n\n.sl-subscribe-input:focus {\n  border-color: #51C7B3 !important;\n}\n\n.sl-subscribe-btn {\n  height: 48px !important;\n  padding: 0 24px !important;\n  border-radius: 14px !important;\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  color: #ffffff !important;\n  font-family: 'Mulish', sans-serif !important;\n  font-size: 14px !important;\n  font-weight: 800 !important;\n  border: none !important;\n  cursor: pointer !important;\n  box-shadow: 0 6px 16px rgba(81, 199, 179, 0.3) !important;\n  transition: transform 0.2s ease, box-shadow 0.2s ease !important;\n  white-space: nowrap !important;\n}\n\n.sl-subscribe-btn:hover {\n  transform: scale(1.02) !important;\n  box-shadow: 0 8px 20px rgba(81, 199, 179, 0.4) !important;\n}\n\n\/* RESPONSIVE STYLES *\/\n@media (max-width: 991px) {\n  .sl-news-grid {\n    grid-template-columns: 1fr !important;\n  }\n  .sl-subscribe-grid {\n    grid-template-columns: 1fr !important;\n    gap: 20px !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sl-updates-section {\n    padding: 64px 20px !important;\n  }\n  .sl-updates-heading {\n    font-size: 32px !important;\n  }\n  .sl-subscribe-banner {\n    padding: 28px 20px !important;\n  }\n  .sl-subscribe-form {\n    flex-direction: column !important;\n  }\n  .sl-subscribe-btn {\n    width: 100% !important;\n  }\n}\n<\/style>\n\n<section id=\"updates\" class=\"sl-updates-section\">\n  <div class=\"sl-updates-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-updates-header-row\">\n      <div>\n        <p class=\"sl-updates-tagline\">Latest Updates<\/p>\n        <h2 class=\"sl-updates-heading\">News from the <span class=\"sl-gradient-text\">Olympiad desk<\/span>.<\/h2>\n      <\/div>\n\n      <div class=\"sl-fresh-pill\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M15 18h-5\"><\/path>\n          <path d=\"M18 14h-8\"><\/path>\n          <path d=\"M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2\"><\/path>\n          <rect width=\"8\" height=\"4\" x=\"10\" y=\"6\" rx=\"1\"><\/rect>\n        <\/svg>\n        Fresh announcements\n      <\/div>\n    <\/div>\n\n    <!-- CARDS GRID -->\n    <div class=\"sl-news-grid\">\n      \n      <!-- CARD 1 -->\n      <article class=\"sl-news-card sl-card-accent-teal\">\n        <div>\n          <div class=\"sl-card-meta\">\n            <span class=\"sl-card-badge sl-badge-teal\">Registration<\/span>\n            <span class=\"sl-card-date\">May 2026<\/span>\n          <\/div>\n          <h3 class=\"sl-card-title\">Registrations for AI Olympiad 2026 are Now Open!<\/h3>\n          <p class=\"sl-card-desc\">Students in Grades 3\u201310 can now register individually at \u20b9250. Schools can register for bulk enrollment. Registrations close September 30, 2026.<\/p>\n        <\/div>\n        <a href=\"#register\" class=\"sl-card-link\">\n          Register Now \n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m12 5 7 7-7 7\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- CARD 2 -->\n      <article class=\"sl-news-card sl-card-accent-gold\">\n        <div>\n          <div class=\"sl-card-meta\">\n            <span class=\"sl-card-badge sl-badge-gold\">Partner<\/span>\n            <span class=\"sl-card-date\">April 2026<\/span>\n          <\/div>\n          <h3 class=\"sl-card-title\">IIT Bombay Joins as Prestige Partner for SparkX 2026<\/h3>\n          <p class=\"sl-card-desc\">We're thrilled to announce IIT Bombay's Techfest as the official host for SparkX 2026 \u2014 the National Innovation Challenge.<\/p>\n        <\/div>\n        <a href=\"#register\" class=\"sl-card-link\">\n          Learn More \n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m12 5 7 7-7 7\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n      <!-- CARD 3 -->\n      <article class=\"sl-news-card sl-card-accent-coral\">\n        <div>\n          <div class=\"sl-card-meta\">\n            <span class=\"sl-card-badge sl-badge-coral\">Exam<\/span>\n            <span class=\"sl-card-date\">March 2026<\/span>\n          <\/div>\n          <h3 class=\"sl-card-title\">AI Olympiad 2025 Results Declared \u2014 10,000+ Certified!<\/h3>\n          <p class=\"sl-card-desc\">Results for the AI Olympiad 2025 are now available. Participants can download their co-branded e-certificates from the portal.<\/p>\n        <\/div>\n        <a href=\"#register\" class=\"sl-card-link\">\n          View Results \n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m12 5 7 7-7 7\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/article>\n\n    <\/div>\n\n    <!-- NEWSLETTER BANNER -->\n    <div class=\"sl-subscribe-banner\">\n      <div class=\"sl-subscribe-grid\">\n        \n        <div class=\"sl-subscribe-info\">\n          <div class=\"sl-bell-icon-box\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M10.268 21a2 2 0 0 0 3.464 0\"><\/path>\n              <path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\"><\/path>\n            <\/svg>\n          <\/div>\n          <div>\n            <h3 class=\"sl-subscribe-title\">Get notified about important updates<\/h3>\n            <p class=\"sl-subscribe-desc\">Exam dates, results, and announcements \u2014 straight to your inbox.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- FORM -->\n        <form class=\"sl-subscribe-form\" action=\"#\" method=\"POST\">\n          <input type=\"email\" required placeholder=\"you@email.com\" class=\"sl-subscribe-input\" name=\"email\">\n          <button type=\"submit\" class=\"sl-subscribe-btn\">Subscribe<\/button>\n        <\/form>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6620711 e-con-full e-flex e-con e-parent\" data-id=\"6620711\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a66146c elementor-widget elementor-widget-html\" data-id=\"a66146c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI FAQ SECTION (EXACT SCREENSHOT TEXT)\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED RESET *\/\n.sl-faq-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-faq-section h2 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* SECTION CONTAINER *\/\n.sl-faq-section {\n  width: 100% !important;\n  background-color: #f8fafc !important;\n  padding: 96px 24px !important;\n  position: relative !important;\n  color: #1d2254 !important;\n}\n\n.sl-faq-container {\n  max-width: 768px !important;\n  margin: 0 auto !important;\n}\n\n\/* HEADER *\/\n.sl-faq-header {\n  text-align: center !important;\n}\n\n.sl-faq-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-faq-heading {\n  margin-top: 10px !important;\n  font-size: 40px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #1d2254 !important;\n  letter-spacing: -0.5px !important;\n}\n\n\/* TOGGLE PILL SWITCH *\/\n.sl-faq-toggle-container {\n  margin-top: 32px !important;\n  display: flex !important;\n  justify-content: center !important;\n}\n\n.sl-faq-pill-wrapper {\n  display: inline-flex !important;\n  background-color: #ffffff !important;\n  padding: 6px !important;\n  border-radius: 9999px !important;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;\n  gap: 4px !important;\n}\n\n.sl-faq-tab-btn {\n  padding: 10px 24px !important;\n  border-radius: 9999px !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  border: none !important;\n  background: transparent !important;\n  color: rgba(29, 34, 84, 0.7) !important;\n  cursor: pointer !important;\n  transition: all 0.25s ease !important;\n}\n\n.sl-faq-tab-btn:hover {\n  color: #1d2254 !important;\n}\n\n.sl-faq-tab-btn.active {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  color: #ffffff !important;\n  box-shadow: 0 4px 14px rgba(81, 199, 179, 0.35) !important;\n}\n\n\/* ACCORDION CARD CONTAINER *\/\n.sl-faq-accordion-card {\n  margin-top: 32px !important;\n  background-color: #ffffff !important;\n  border-radius: 28px !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;\n  overflow: hidden !important;\n  border: 1px solid #f1f5f9 !important;\n}\n\n\/* ACCORDION ITEM *\/\n.sl-faq-item {\n  border-bottom: 1px solid #f1f5f9 !important;\n}\n\n.sl-faq-item:last-child {\n  border-bottom: none !important;\n}\n\n.sl-faq-button {\n  width: 100% !important;\n  padding: 24px 28px !important;\n  text-align: left !important;\n  background: transparent !important;\n  border: none !important;\n  cursor: pointer !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 16px !important;\n  transition: background-color 0.2s ease !important;\n}\n\n.sl-faq-button:hover {\n  background-color: #f8fafc !important;\n}\n\n.sl-faq-question {\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  color: #1d2254 !important;\n  line-height: 1.4 !important;\n}\n\n.sl-faq-chevron {\n  width: 20px !important;\n  height: 20px !important;\n  color: #51C7B3 !important;\n  flex-shrink: 0 !important;\n  transition: transform 0.3s ease !important;\n}\n\n\/* OPEN STATE STYLES *\/\n.sl-faq-item.open .sl-faq-chevron {\n  transform: rotate(180deg) !important;\n}\n\n.sl-faq-answer {\n  max-height: 0 !important;\n  overflow: hidden !important;\n  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) !important;\n  padding: 0 28px !important;\n}\n\n.sl-faq-item.open .sl-faq-answer {\n  max-height: 500px !important;\n  transition: max-height 0.3s ease-in-out !important;\n  padding-top:10px !important;\n  padding-bottom: 0px !important;\n}\n\n.sl-faq-answer p {\n  font-size: 14.5px !important;\n  line-height: 1.6 !important;\n  color: #64748b !important;\n}\n\n\/* CATEGORY TAB CONTENT SHOW\/HIDE *\/\n.sl-faq-group {\n  display: none !important;\n}\n\n.sl-faq-group.active {\n  display: block !important;\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 640px) {\n  .sl-faq-section {\n    padding: 64px 20px !important;\n  }\n  .sl-faq-heading {\n    font-size: 32px !important;\n  }\n  .sl-faq-button {\n    padding: 20px !important;\n  }\n  .sl-faq-answer {\n    padding: 0 20px !important;\n  }\n  .sl-faq-item.open .sl-faq-answer {\n    padding-bottom: 20px !important;\n  }\n  .sl-faq-question {\n    font-size: 15px !important;\n  }\n}\n<\/style>\n\n<section id=\"faq\" class=\"sl-faq-section\">\n  <div class=\"sl-faq-container\">\n    \n    <!-- HEADER -->\n    <div class=\"sl-faq-header\">\n      <p class=\"sl-faq-tagline\">FAQ<\/p>\n      <h2 class=\"sl-faq-heading\">Questions, answered.<\/h2>\n    <\/div>\n\n    <!-- TAB SWITCHER -->\n    <div class=\"sl-faq-toggle-container\">\n      <div class=\"sl-faq-pill-wrapper\">\n        <button type=\"button\" class=\"sl-faq-tab-btn active\" onclick=\"switchFaqTab('students', this)\">Students &amp; Parents<\/button>\n        <button type=\"button\" class=\"sl-faq-tab-btn\" onclick=\"switchFaqTab('schools', this)\">Schools<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- ACCORDION CONTAINER -->\n    <div class=\"sl-faq-accordion-card\">\n\n      <!-- ================= STUDENTS & PARENTS FAQ GROUP ================= -->\n      <div id=\"faq-group-students\" class=\"sl-faq-group active\">\n        \n        <!-- Q1 -->\n        <div class=\"sl-faq-item open\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">What is the AI Olympiad?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>STEMLearn.AI's AI Olympiad is India's premier school-level aptitude exam in Artificial Intelligence, conducted in association with IIIT Allahabad, IIT Bombay, COEP and SPPU.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q2 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">Which grades can participate?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Students from Grade 3 through Grade 10 are eligible across 8 grade-specific categories.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q3 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">What topics are covered?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Topics range from AI fundamentals (Grades 3\u20134) to applied AI, ML and Python basics (Grades 9\u201310). See the full grade-wise syllabus.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q4 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">When and where will the exam be held?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>October\u2013November 2026 across 20+ cities in India through partner schools and exam centres \u2014 plus a flexible online mode for individual students.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q5 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">How do I register individually?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Complete the registration form, pay \u20b9250 and receive your LMS access and exam confirmation instantly.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q6 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">What do I win?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Cash prizes for Top 10 in each grade, an IIT Bombay SparkX invite for grade toppers, and a co-branded e-certificate for every participant.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- ================= SCHOOLS FAQ GROUP ================= -->\n      <div id=\"faq-group-schools\" class=\"sl-faq-group\">\n        \n        <!-- Q1 -->\n        <div class=\"sl-faq-item open\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">How can schools partner with STEMLearn.AI?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Schools can partner through bulk student registrations with coordinator support and analytics dashboard access.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q2 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">Is there any institutional registration fee?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>No. Schools only pay the same \u20b9250 per participating student with no additional charges.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q3 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">Will schools receive performance reports?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Yes. Schools receive detailed analytics, topic-wise reports and participation insights for every student.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q4 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">Can schools conduct the exam on campus?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Yes. Partner schools can conduct the AI Olympiad directly on campus using official OMR sheets and coordinator guidelines.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Q5 -->\n        <div class=\"sl-faq-item\">\n          <button type=\"button\" class=\"sl-faq-button\" onclick=\"toggleFaq(this)\">\n            <span class=\"sl-faq-question\">Will schools receive certificates?<\/span>\n            <svg class=\"sl-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m6 9 6 6 6-6\"><\/path>\n            <\/svg>\n          <\/button>\n          <div class=\"sl-faq-answer\">\n            <p>Yes. Schools receive participation certificates and recognition based on student performance and participation.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n\/* ACCORDION TOGGLE FUNCTIONALITY *\/\nfunction toggleFaq(buttonElement) {\n  const currentItem = buttonElement.parentElement;\n  const parentGroup = currentItem.parentElement;\n  const isOpen = currentItem.classList.contains('open');\n\n  \/\/ Close all items in current group\n  const allItems = parentGroup.querySelectorAll('.sl-faq-item');\n  allItems.forEach(item => item.classList.remove('open'));\n\n  \/\/ Toggle current item\n  if (!isOpen) {\n    currentItem.classList.add('open');\n  }\n}\n\n\/* TAB SWITCHING FUNCTIONALITY *\/\nfunction switchFaqTab(targetGroup, buttonElement) {\n  \/\/ Update active tab button style\n  const buttons = document.querySelectorAll('.sl-faq-tab-btn');\n  buttons.forEach(btn => btn.classList.remove('active'));\n  buttonElement.classList.add('active');\n\n  \/\/ Switch visible FAQ content group\n  const groups = document.querySelectorAll('.sl-faq-group');\n  groups.forEach(group => group.classList.remove('active'));\n\n  const target = document.getElementById('faq-group-' + targetGroup);\n  if (target) {\n    target.classList.add('active');\n  }\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76c6b88 e-con-full e-flex e-con e-parent\" data-id=\"76c6b88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7bd89b elementor-widget elementor-widget-html\" data-id=\"a7bd89b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nSTEMLEARN.AI CONTACT SECTION WITH PABBLY WEBHOOK\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@800;900&family=Nunito+Sans:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* SCOPED RESET & FONTS *\/\n.sl-contact-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;\n}\n\n.sl-contact-section h2, \n.sl-contact-section h3 {\n  font-family: 'Mulish', 'Nunito Sans', sans-serif !important;\n}\n\n\/* CONTAINER & LAYOUT *\/\n.sl-contact-section {\n  width: 100% !important;\n  background-color: #fff !important;\n  padding: 96px 24px !important;\n  color: #1d2254 !important;\n}\n\n.sl-contact-container {\n  max-width: 1140px !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 64px !important;\n  align-items: start !important;\n}\n\n\/* LEFT COLUMN - INFO *\/\n.sl-contact-tagline {\n  font-size: 12px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.2em !important;\n  color: #51C7B3 !important;\n}\n\n.sl-contact-heading {\n  margin-top: 12px !important;\n  font-size: 42px !important;\n  font-weight: 900 !important;\n  line-height: 1.15 !important;\n  color: #1d2254 !important;\n  letter-spacing: -0.5px !important;\n}\n\n.sl-contact-gradient-text {\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  -webkit-background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n}\n\n.sl-contact-description {\n  margin-top: 16px !important;\n  font-size: 15px !important;\n  line-height: 1.6 !important;\n  color: #64748b !important;\n}\n\n.sl-contact-info-list {\n  margin-top: 32px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 16px !important;\n}\n\n.sl-contact-info-card {\n  display: flex !important;\n  align-items: center !important;\n  gap: 16px !important;\n  padding: 18px 20px !important;\n  background-color: #ffffff !important;\n  border: 1px solid #e2e8f0 !important;\n  border-radius: 20px !important;\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;\n  text-decoration: none !important;\n  transition: transform 0.2s ease, box-shadow 0.2s ease !important;\n}\n\na.sl-contact-info-card:hover {\n  transform: translateY(-2px) !important;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;\n}\n\n.sl-contact-icon-box {\n  width: 42px !important;\n  height: 42px !important;\n  border-radius: 12px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-shrink: 0 !important;\n}\n\n.sl-contact-icon-teal { color: #51C7B3 !important; }\n.sl-contact-icon-coral { color: #f43f5e !important; }\n.sl-contact-icon-gold { color: #eab308 !important; }\n\n.sl-contact-card-label {\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.08em !important;\n  color: #94a3b8 !important;\n}\n\n.sl-contact-card-value {\n  font-size: 15px !important;\n  font-weight: 700 !important;\n  color: #1d2254 !important;\n  margin-top: 2px !important;\n}\n\n\/* RIGHT COLUMN - FORM *\/\n.sl-contact-form-card {\n  background-color: #ffffff !important;\n  border: 1px solid #e2e8f0 !important;\n  border-radius: 28px !important;\n  padding: 36px !important;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;\n}\n\n.sl-contact-form-title {\n  font-size: 24px !important;\n  font-weight: 900 !important;\n  color: #1d2254 !important;\n  margin-bottom: 24px !important;\n}\n\n.sl-contact-field-group {\n  margin-bottom: 16px !important;\n}\n\n.sl-contact-grid-2 {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 16px !important;\n}\n\n.sl-contact-label {\n  display: block !important;\n  font-size: 11px !important;\n  font-weight: 800 !important;\n  text-transform: uppercase !important;\n  letter-spacing: 0.05em !important;\n  color: #1d2254 !important;\n  margin-bottom: 6px !important;\n}\n\n.sl-contact-input,\n.sl-contact-select,\n.sl-contact-textarea {\n  width: 100% !important;\n  background-color: #ffffff !important;\n  border: 1px solid #cbd5e1 !important;\n  border-radius: 14px !important;\n  padding: 0 16px !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: #1d2254 !important;\n  outline: none !important;\n  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;\n}\n\n.sl-contact-input,\n.sl-contact-select {\n  height: 46px !important;\n}\n\n.sl-contact-textarea {\n  padding: 12px 16px !important;\n  resize: vertical !important;\n  min-height: 110px !important;\n}\n\n.sl-contact-input::placeholder,\n.sl-contact-textarea::placeholder {\n  color: #a0aec0 !important;\n  font-weight: 500 !important;\n}\n\n.sl-contact-input:focus,\n.sl-contact-select:focus,\n.sl-contact-textarea:focus {\n  border-color: #51C7B3 !important;\n  box-shadow: 0 0 0 3px rgba(81, 199, 179, 0.25) !important;\n}\n\n.sl-contact-submit-btn {\n  width: 100% !important;\n  margin-top: 24px !important;\n  height: 52px !important;\n  background: linear-gradient(135deg, #51C7B3 0%, #38bdf8 100%) !important;\n  border: none !important;\n  border-radius: 16px !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  color: #ffffff !important;\n  cursor: pointer !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  box-shadow: 0 4px 14px rgba(81, 199, 179, 0.35) !important;\n  transition: transform 0.2s ease, opacity 0.2s ease !important;\n}\n\n.sl-contact-submit-btn:hover {\n  transform: scale(1.01) !important;\n}\n\n.sl-contact-submit-btn:disabled {\n  opacity: 0.7 !important;\n  cursor: not-allowed !important;\n}\n\n.sl-contact-status-msg {\n  margin-top: 16px !important;\n  padding: 12px !important;\n  border-radius: 12px !important;\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  text-align: center !important;\n  display: none !important;\n}\n\n.sl-contact-status-msg.success {\n  display: block !important;\n  background-color: #d1fae5 !important;\n  color: #065f46 !important;\n}\n\n.sl-contact-status-msg.error {\n  display: block !important;\n  background-color: #fee2e2 !important;\n  color: #991b1b !important;\n}\n\n\/* RESPONSIVE DESIGN *\/\n@media (max-width: 900px) {\n  .sl-contact-container {\n    grid-template-columns: 1fr !important;\n    gap: 48px !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sl-contact-section {\n    padding: 64px 20px !important;\n  }\n  .sl-contact-heading {\n    font-size: 32px !important;\n  }\n  .sl-contact-grid-2 {\n    grid-template-columns: 1fr !important;\n  }\n  .sl-contact-form-card {\n    padding: 24px !important;\n  }\n}\n<\/style>\n\n<section id=\"contact\" class=\"sl-contact-section\">\n  <div class=\"sl-contact-container\">\n    \n    <!-- LEFT SIDE: CONTACT DETAILS -->\n    <div>\n      <p class=\"sl-contact-tagline\">Get in touch<\/p>\n      <h2 class=\"sl-contact-heading\">\n        Schools, parents, students \u2014 <span class=\"sl-contact-gradient-text\">we're listening.<\/span>\n      <\/h2>\n      <p class=\"sl-contact-description\">\n        Have a question about registration, the syllabus, or running the Olympiad at your school? Send us a note.\n      <\/p>\n\n      <div class=\"sl-contact-info-list\">\n        <!-- EMAIL CARD -->\n        <a href=\"mailto:stemlearn@speedlabs.in\" class=\"sl-contact-info-card\">\n          <div class=\"sl-contact-icon-box sl-contact-icon-teal\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"><\/path>\n              <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"sl-contact-card-label\">Email<\/div>\n            <div class=\"sl-contact-card-value\">stemlearn@speedlabs.in<\/div>\n          <\/div>\n        <\/a>\n\n        <!-- COMPANY CARD -->\n        <div class=\"sl-contact-info-card\">\n          <div class=\"sl-contact-icon-box sl-contact-icon-coral\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path>\n              <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"sl-contact-card-label\">By<\/div>\n            <div class=\"sl-contact-card-value\">STEMLearn.AI \u00b7 Teevra EduTech Pvt. Ltd.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- PARTNER SCHOOLS CARD -->\n        <div class=\"sl-contact-info-card\">\n          <div class=\"sl-contact-icon-box sl-contact-icon-gold\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n              <path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path>\n              <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n              <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n            <\/svg>\n          <\/div>\n          <div>\n            <div class=\"sl-contact-card-label\">Partner Schools<\/div>\n            <div class=\"sl-contact-card-value\">500+ schools across India<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT SIDE: CONTACT FORM -->\n    <div class=\"sl-contact-form-card\">\n      <h3 class=\"sl-contact-form-title\">Send us a message<\/h3>\n      \n      <form id=\"slPabblyContactForm\" onsubmit=\"handleFormSubmit(event)\">\n        <!-- NAME -->\n        <div class=\"sl-contact-field-group\">\n          <label class=\"sl-contact-label\" for=\"user_name\">Name<\/label>\n          <input type=\"text\" id=\"user_name\" name=\"name\" class=\"sl-contact-input\" placeholder=\"Your full name\" required>\n        <\/div>\n\n        <!-- EMAIL & PHONE GRID -->\n        <div class=\"sl-contact-grid-2 sl-contact-field-group\">\n          <div>\n            <label class=\"sl-contact-label\" for=\"user_email\">Email<\/label>\n            <input type=\"email\" id=\"user_email\" name=\"email\" class=\"sl-contact-input\" placeholder=\"you@email.com\" required>\n          <\/div>\n          <div>\n            <label class=\"sl-contact-label\" for=\"user_phone\">Phone<\/label>\n            <input type=\"tel\" id=\"user_phone\" name=\"phone\" class=\"sl-contact-input\" placeholder=\"Optional\">\n          <\/div>\n        <\/div>\n\n        <!-- CATEGORY SELECT -->\n        <div class=\"sl-contact-field-group\">\n          <label class=\"sl-contact-label\" for=\"user_role\">I am a<\/label>\n          <select id=\"user_role\" name=\"role\" class=\"sl-contact-select\">\n            <option value=\"Student\">Student<\/option>\n            <option value=\"Parent\">Parent<\/option>\n            <option value=\"School \/ Teacher\">School \/ Teacher<\/option>\n          <\/select>\n        <\/div>\n\n        <!-- MESSAGE -->\n        <div class=\"sl-contact-field-group\">\n          <label class=\"sl-contact-label\" for=\"user_message\">Message<\/label>\n          <textarea id=\"user_message\" name=\"message\" class=\"sl-contact-textarea\" placeholder=\"How can we help?\" required><\/textarea>\n        <\/div>\n\n        <!-- SUBMIT BUTTON -->\n        <button type=\"submit\" id=\"submitBtn\" class=\"sl-contact-submit-btn\">\n          <span id=\"btnText\">Send Message<\/span>\n          <svg id=\"btnIcon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m12 5 7 7-7 7\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <!-- STATUS FEEDBACK -->\n        <div id=\"statusMessage\" class=\"sl-contact-status-msg\"><\/div>\n      <\/form>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n\/\/ Replace this URL with your actual Pabbly Webhook URL\nconst PABBLY_WEBHOOK_URL = \"https:\/\/connect.pabbly.com\/webhook-listener\/webhook\/IjU3NjIwNTZhMDYzMTA0MzE1MjZjNTUzMiI_3D_pc\/IjU3NjcwNTY5MDYzMTA0MzM1MjZmNTUzMjUxMzAi_pc\";\n\nasync function handleFormSubmit(event) {\n  event.preventDefault();\n\n  const form = document.getElementById('slPabblyContactForm');\n  const submitBtn = document.getElementById('submitBtn');\n  const btnText = document.getElementById('btnText');\n  const statusMsg = document.getElementById('statusMessage');\n\n  \/\/ Gather Form Data\n  const formData = new FormData(form);\n  const data = {\n    name: formData.get('name'),\n    email: formData.get('email'),\n    phone: formData.get('phone') || 'Not Provided',\n    role: formData.get('role'),\n    message: formData.get('message'),\n    submitted_at: new Date().toISOString()\n  };\n\n  \/\/ Update UI to Loading State\n  submitBtn.disabled = true;\n  btnText.textContent = 'Sending...';\n  statusMsg.className = 'sl-contact-status-msg';\n  statusMsg.style.display = 'none';\n\n  try {\n    \/\/ Send Data to Pabbly Webhook\n    const response = await fetch(PABBLY_WEBHOOK_URL, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application\/json'\n      },\n      body: JSON.stringify(data)\n    });\n\n    \/\/ Display Success Feedback\n    statusMsg.textContent = 'Thank you! Your message has been sent successfully.';\n    statusMsg.className = 'sl-contact-status-msg success';\n    form.reset();\n\n  } catch (error) {\n    console.error('Pabbly Webhook Error:', error);\n    statusMsg.textContent = 'Failed to send message. Please try again or email us directly.';\n    statusMsg.className = 'sl-contact-status-msg error';\n  } finally {\n    \/\/ Reset Button State\n    submitBtn.disabled = false;\n    btnText.textContent = 'Send Message';\n  }\n}\n<\/script>\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>About Syllabus Collaborations Pricing Rewards FAQ Contact Register \ud83c\udfc6 INDIA&#8217;S PREMIER AI OLYMPIAD India&#8217;s Biggest AI Olympiad for Schools GRADE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":90,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":789,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/12\/revisions\/789"}],"wp:attachment":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}