{"id":6,"date":"2026-02-02T03:28:39","date_gmt":"2026-02-02T03:28:39","guid":{"rendered":"https:\/\/supermario.campkiddie.com\/?page_id=6"},"modified":"2026-08-28T07:35:54","modified_gmt":"2026-08-28T07:35:54","slug":"elementor-6","status":"publish","type":"page","link":"https:\/\/csi.campkiddie.com\/","title":{"rendered":"Elementor #6"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06997d5 she-header-yes elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"06997d5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;transparent&quot;:&quot;yes&quot;,&quot;transparent_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;scroll_distance&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:60,&quot;sizes&quot;:[]},&quot;scroll_distance_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;scroll_distance_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;she_offset_top_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;she_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:0,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:0,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;she_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;she_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-89a915d e-con-full e-flex e-con e-child\" data-id=\"89a915d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf8a321 elementor-widget elementor-widget-heading\" data-id=\"cf8a321\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><img decoding=\"async\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/26a1.svg\"> Only 8 Seats Left  <br>Secure Your  Spot Today<br>\nSave up to $50.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c7c354 e-con-full e-flex e-con e-child\" data-id=\"1c7c354\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f13f5c4 elementor-align-center elementor-mobile-align-right elementor-invisible elementor-widget elementor-widget-button\" data-id=\"f13f5c4\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounce&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wa.link\/1l45su\" id=\"d0\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Claim Discount<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20ef0a9 she-header-yes elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"20ef0a9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;transparent&quot;:&quot;yes&quot;,&quot;transparent_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;scroll_distance&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:60,&quot;sizes&quot;:[]},&quot;scroll_distance_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;scroll_distance_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;she_offset_top_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_offset_top_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;she_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;she_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:0,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:0,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;she_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;she_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-01ff3ab e-con-full e-flex e-con e-child\" data-id=\"01ff3ab\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f38e2d elementor-widget elementor-widget-heading\" data-id=\"6f38e2d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><img decoding=\"async\" role=\"img\" class=\"emoji\" alt=\"\u26a1\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/26a1.svg\"> Only 8 Seats Left - Secure Your  Spot Today and \nSave up to $50.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3591876 e-con-full e-flex e-con e-child\" data-id=\"3591876\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8241fc6 elementor-align-center elementor-mobile-align-right elementor-invisible elementor-widget elementor-widget-button\" data-id=\"8241fc6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounce&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wa.link\/1l45su\" id=\"d0\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Claim Discount<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94aa4db e-flex e-con-boxed e-con e-parent\" data-id=\"94aa4db\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8415e83 e-con-full e-flex e-con e-child\" data-id=\"8415e83\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80c8c43 elementor-widget elementor-widget-html\" data-id=\"80c8c43\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CSI JUNIOR DETECTIVE CAMP\n     ANIMATED HERO\n     MOBILE FACE-SAFE VERSION\n     LOCATION UPDATED TO HAVELOCK 2\n     Elementor Friendly + Responsive\n     ========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.csi-hero-motion,\n.csi-hero-motion *,\n.csi-hero-motion *::before,\n.csi-hero-motion *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.csi-hero-motion {\n  --navy: #0b3158;\n  --green-dark: #0b3b35;\n  --yellow: #f5a400;\n  --cream: #faf7ef;\n  --cream-dark: #f2ede1;\n  --text: #425566;\n\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n\n  padding: 56px 24px;\n\n  background:\n    radial-gradient(\n      circle at 8% 20%,\n      rgba(11,49,88,.035),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 92% 85%,\n      rgba(245,164,0,.06),\n      transparent 24%\n    ),\n    #faf7ef;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  color: var(--text);\n}\n\n\n\/* =========================================================\n   BACKGROUND MOTION\n   ========================================================= *\/\n\n.csi-hero-motion::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  left: -230px;\n  top: 160px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(11,49,88,.04);\n\n  box-shadow:\n    0 0 0 50px rgba(11,49,88,.01),\n    0 0 0 100px rgba(11,49,88,.007);\n\n  pointer-events: none;\n\n  animation:\n    csiBackgroundOrb\n    11s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-hero-motion::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 240px;\n  height: 240px;\n\n  right: -100px;\n  top: -80px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(245,164,0,.07) 0%,\n      rgba(245,164,0,0) 70%\n    );\n\n  pointer-events: none;\n\n  animation:\n    csiYellowGlow\n    9s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   MAIN\n   ========================================================= *\/\n\n.csi-motion-container {\n  width: 100%;\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(400px,.92fr);\n\n  gap: 56px;\n\n  align-items: center;\n}\n\n\n.csi-motion-content {\n  width: 100%;\n  min-width: 0;\n}\n\n\n\/* =========================================================\n   ENTRANCE\n   ========================================================= *\/\n\n.csi-motion-eyebrow,\n.csi-motion-title,\n.csi-motion-description,\n.csi-motion-meta-card,\n.csi-motion-experience,\n.csi-motion-cta-wrap {\n  opacity: 0;\n\n  transform: translateY(18px);\n\n  animation:\n    csiRevealUp\n    .72s\n    cubic-bezier(.2,.8,.2,1)\n    forwards;\n}\n\n\n.csi-motion-eyebrow {\n  animation-delay: .05s;\n}\n\n.csi-motion-title {\n  animation-delay: .14s;\n}\n\n.csi-motion-description {\n  animation-delay: .25s;\n}\n\n.csi-motion-meta-card:nth-child(1) {\n  animation-delay: .36s;\n}\n\n.csi-motion-meta-card:nth-child(2) {\n  animation-delay: .43s;\n}\n\n.csi-motion-meta-card:nth-child(3) {\n  animation-delay: .50s;\n}\n\n.csi-motion-meta-card:nth-child(4) {\n  animation-delay: .57s;\n}\n\n.csi-motion-experience {\n  animation-delay: .66s;\n}\n\n.csi-motion-cta-wrap {\n  animation-delay: .76s;\n}\n\n\n\/* =========================================================\n   BADGE\n   ========================================================= *\/\n\n.csi-motion-eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin: 0 0 23px 0 !important;\n\n  padding: 10px 16px;\n\n  max-width: 100%;\n\n  border-radius: 100px;\n\n  background: var(--navy);\n\n  color: #ffffff;\n\n  font-size: 11px;\n  line-height: 1.1;\n\n  font-weight: 800;\n\n  letter-spacing: .03em;\n\n  text-transform: uppercase;\n\n  box-shadow:\n    0 8px 20px rgba(11,49,88,.12);\n}\n\n\n.csi-motion-eyebrow svg {\n  width: 17px;\n  height: 17px;\n\n  flex: 0 0 17px;\n\n  animation:\n    csiSearchPulse\n    2.8s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   HEADLINE\n   ========================================================= *\/\n\n.csi-motion-title {\n  display: block;\n\n  width: 100%;\n  max-width: 700px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  font-size:\n    clamp(\n      48px,\n      4.5vw,\n      68px\n    );\n\n  line-height: .98 !important;\n\n  letter-spacing: -.045em;\n\n  font-weight: 900;\n\n  border: 0;\n}\n\n\n.csi-motion-title span {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  line-height: inherit !important;\n\n  font: inherit;\n\n  letter-spacing: inherit;\n}\n\n\n.csi-motion-title-main {\n  display: block;\n\n  color: var(--green-dark);\n}\n\n\n.csi-motion-title-yellow {\n  display: block;\n\n  position: relative;\n\n  margin-top: 12px !important;\n\n  color: var(--yellow);\n}\n\n\n.csi-motion-title-yellow::after {\n  content: \"\";\n\n  position: absolute;\n\n  left: 2px;\n  bottom: -9px;\n\n  width: 62%;\n  height: 6px;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(245,164,0,.15),\n      rgba(245,164,0,.40),\n      rgba(245,164,0,0)\n    );\n\n  transform-origin: left;\n\n  animation:\n    csiUnderlineReveal\n    .9s\n    ease\n    .8s\n    both;\n}\n\n\n.csi-motion-mobile-break {\n  display: none;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n.csi-motion-description {\n  width: 100%;\n  max-width: 680px;\n\n  margin: 24px 0 0 0 !important;\n  padding: 0 !important;\n\n  color: #425566;\n\n  font-size: 16px;\n\n  line-height: 1.6;\n\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   QUICK INFO\n   ========================================================= *\/\n\n.csi-motion-meta {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap: 10px;\n\n  margin-top: 26px;\n}\n\n\n.csi-motion-meta-card {\n  min-width: 0;\n  min-height: 75px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  padding: 12px;\n\n  background: #ffffff;\n\n  border:\n    1px solid rgba(11,49,88,.05);\n\n  border-radius: 14px;\n\n  box-shadow:\n    0 5px 15px rgba(20,35,52,.05);\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease;\n}\n\n\n.csi-motion-meta-card:hover {\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 12px 24px rgba(20,35,52,.10);\n}\n\n\n.csi-motion-meta-icon {\n  width: 27px;\n  height: 27px;\n\n  flex: 0 0 27px;\n\n  color: var(--navy);\n}\n\n\n.csi-motion-meta-label {\n  display: block;\n\n  margin: 0 0 4px 0 !important;\n  padding: 0 !important;\n\n  color: #71808d;\n\n  font-size: 8px;\n  line-height: 1;\n\n  font-weight: 800;\n\n  letter-spacing: .06em;\n\n  text-transform: uppercase;\n}\n\n\n.csi-motion-meta-value {\n  display: block;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: var(--green-dark);\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   EXPERIENCE\n   ========================================================= *\/\n\n.csi-motion-experience {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  margin-top: 13px;\n\n  padding: 15px 7px;\n\n  background: var(--cream-dark);\n\n  border-radius: 15px;\n\n  border:\n    1px solid rgba(11,49,88,.05);\n}\n\n\n.csi-motion-exp-item {\n  min-width: 0;\n\n  position: relative;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  padding: 0 11px;\n}\n\n\n.csi-motion-exp-item:not(:last-child)::after {\n  content: \"\";\n\n  position: absolute;\n\n  right: 0;\n  top: 50%;\n\n  width: 1px;\n  height: 31px;\n\n  transform: translateY(-50%);\n\n  background:\n    rgba(11,49,88,.13);\n}\n\n\n.csi-motion-exp-icon {\n  width: 26px;\n  height: 26px;\n\n  flex: 0 0 26px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  color: var(--navy);\n}\n\n\n.csi-motion-exp-icon svg {\n  width: 23px;\n  height: 23px;\n}\n\n\n.csi-motion-exp-text {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: var(--green-dark);\n\n  font-size: 9px;\n\n  line-height: 1.25;\n\n  font-weight: 850;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.csi-motion-cta-wrap {\n  margin-top: 21px;\n}\n\n\n.csi-motion-cta {\n  min-height: 58px;\n\n  position: relative;\n\n  overflow: hidden;\n\n  display: inline-flex !important;\n\n  align-items: center !important;\n  justify-content: center !important;\n\n  gap: 11px !important;\n\n  padding:\n    0 27px !important;\n\n  border-radius:\n    13px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffc32b,\n      #ffb719\n    ) !important;\n\n  color:\n    #10283e !important;\n\n  -webkit-text-fill-color:\n    #10283e !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    900 !important;\n\n  white-space:\n    nowrap !important;\n\n  box-shadow:\n    0 10px 22px rgba(255,183,25,.25);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n\n  animation:\n    csiCtaBreath\n    3.5s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-motion-cta::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -30%;\n  bottom: -30%;\n\n  left: -80px;\n\n  width: 42px;\n\n  transform:\n    rotate(18deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.45),\n      transparent\n    );\n\n  animation:\n    csiButtonShine\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-motion-cta span,\n.csi-motion-cta svg {\n  position: relative;\n\n  z-index: 2;\n}\n\n\n.csi-motion-cta:hover {\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 16px 30px rgba(255,183,25,.34);\n}\n\n\n.csi-motion-cta svg {\n  width:\n    18px !important;\n\n  height:\n    18px !important;\n\n  flex:\n    0 0 18px !important;\n\n  transition:\n    transform .2s ease;\n}\n\n\n.csi-motion-cta:hover svg {\n  transform:\n    translateX(4px);\n}\n\n\n.csi-motion-microcopy {\n  margin-top: 10px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  color: #63717e;\n\n  font-size: 11px;\n\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   RIGHT VISUAL\n   ========================================================= *\/\n\n.csi-motion-visual {\n  width: 100%;\n\n  min-height: 570px;\n\n  position: relative;\n\n  opacity: 0;\n\n  transform:\n    translateX(32px)\n    scale(.97);\n\n  animation:\n    csiVisualReveal\n    .9s\n    cubic-bezier(.2,.8,.2,1)\n    .22s\n    forwards;\n}\n\n\n.csi-motion-visual::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 82%;\n  height: 82%;\n\n  left: 9%;\n  top: 10%;\n\n  border-radius: 999px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(11,49,88,.14),\n      rgba(11,49,88,0) 70%\n    );\n\n  filter:\n    blur(22px);\n\n  pointer-events: none;\n\n  animation:\n    csiVisualGlow\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   PHOTO\n   ========================================================= *\/\n\n.csi-motion-photo {\n  position: absolute;\n\n  inset: 0;\n\n  overflow: hidden;\n\n  border-radius: 28px;\n\n  background: var(--navy);\n\n  box-shadow:\n    0 28px 50px rgba(11,49,88,.16);\n\n  animation:\n    csiPhotoFloat\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-motion-photo img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n\n  object-fit: cover;\n\n  object-position: center;\n\n  animation:\n    csiImageZoom\n    8s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-motion-photo::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent 55%,\n      rgba(7,31,57,.12)\n    );\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   CRIME TAPE\n   ========================================================= *\/\n\n.csi-motion-tape {\n  position: absolute;\n\n  z-index: 8;\n\n  top: 25px;\n  right: -45px;\n\n  width: 285px;\n\n  padding: 4px;\n\n  transform:\n    rotate(7deg);\n\n  background:\n    repeating-linear-gradient(\n      135deg,\n      #161616 0 17px,\n      #161616 17px 34px,\n      #ffc21a 34px 51px,\n      #ffc21a 51px 68px\n    );\n\n  filter:\n    drop-shadow(\n      0 4px 5px rgba(0,0,0,.15)\n    );\n\n  animation:\n    csiTapeFloat\n    4.5s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-motion-tape-inner {\n  padding:\n    7px 12px;\n\n  background:\n    #ffc21a;\n\n  color:\n    #111;\n\n  text-align:\n    center;\n\n  font-size:\n    10px;\n\n  line-height:\n    1;\n\n  font-weight:\n    950;\n\n  letter-spacing:\n    .055em;\n\n  white-space:\n    nowrap;\n}\n\n\n\/* =========================================================\n   PERFECT FOR KIDS\n   ========================================================= *\/\n\n.csi-motion-kids-card {\n  position: absolute;\n\n  z-index: 7;\n\n  top: 100px;\n  right: 18px;\n\n  width: 185px;\n\n  padding: 17px;\n\n  border-radius: 15px;\n\n  background:\n    rgba(255,255,255,.97);\n\n  box-shadow:\n    0 14px 28px rgba(5,25,45,.18);\n\n  animation:\n    csiKidsFloat\n    5.2s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-motion-kids-title {\n  margin:\n    0 0 11px 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    var(--navy);\n\n  font-size:\n    10px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    900;\n\n  text-transform:\n    uppercase;\n}\n\n\n.csi-motion-kids-list {\n  display: grid;\n\n  gap: 9px;\n}\n\n\n.csi-motion-kids-item {\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  color:\n    #314357;\n\n  font-size:\n    10px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    650;\n}\n\n\n.csi-motion-check {\n  width: 17px;\n  height: 17px;\n\n  flex: 0 0 17px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border:\n    2px solid var(--navy);\n\n  border-radius: 50%;\n\n  color:\n    var(--navy);\n\n  font-size:\n    9px;\n\n  font-weight:\n    900;\n}\n\n\n\/* =========================================================\n   STAMP\n   ========================================================= *\/\n\n.csi-motion-stamp {\n  position: absolute;\n\n  z-index: 9;\n\n  right: 18px;\n  bottom: 17px;\n\n  width: 90px;\n  height: 90px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n\n  transform:\n    rotate(-8deg);\n\n  border:\n    3px solid #ffb719;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(7,31,57,.82);\n\n  color:\n    #ffb719;\n\n  box-shadow:\n    inset 0 0 0 4px rgba(255,183,25,.16);\n\n  font-size:\n    9px;\n\n  line-height:\n    1.15;\n\n  font-weight:\n    950;\n\n  text-transform:\n    uppercase;\n\n  letter-spacing:\n    .04em;\n\n  animation:\n    csiStampMove\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   KEYFRAMES\n   ========================================================= *\/\n\n@keyframes csiRevealUp {\n  from {\n    opacity: 0;\n    transform: translateY(18px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n@keyframes csiVisualReveal {\n  from {\n    opacity: 0;\n\n    transform:\n      translateX(32px)\n      scale(.97);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateX(0)\n      scale(1);\n  }\n}\n\n\n@keyframes csiBackgroundOrb {\n  0%,\n  100% {\n    transform:\n      translate(0,0)\n      scale(1);\n  }\n\n  50% {\n    transform:\n      translate(30px,-18px)\n      scale(1.06);\n  }\n}\n\n\n@keyframes csiYellowGlow {\n  0%,\n  100% {\n    transform:\n      translate(0,0)\n      scale(1);\n  }\n\n  50% {\n    transform:\n      translate(-25px,20px)\n      scale(1.12);\n  }\n}\n\n\n@keyframes csiPhotoFloat {\n  0%,\n  100% {\n    transform:\n      translateY(0)\n      rotate(.1deg);\n  }\n\n  50% {\n    transform:\n      translateY(-7px)\n      rotate(-.1deg);\n  }\n}\n\n\n@keyframes csiImageZoom {\n  0%,\n  100% {\n    transform:\n      scale(1);\n  }\n\n  50% {\n    transform:\n      scale(1.025);\n  }\n}\n\n\n@keyframes csiTapeFloat {\n  0%,\n  100% {\n    transform:\n      rotate(7deg)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      rotate(6deg)\n      translateY(-6px);\n  }\n}\n\n\n@keyframes csiKidsFloat {\n  0%,\n  100% {\n    transform:\n      translateY(0)\n      rotate(.3deg);\n  }\n\n  50% {\n    transform:\n      translateY(-7px)\n      rotate(-.4deg);\n  }\n}\n\n\n@keyframes csiStampMove {\n  0%,\n  100% {\n    transform:\n      rotate(-8deg)\n      scale(1);\n  }\n\n  50% {\n    transform:\n      rotate(-3deg)\n      scale(1.04);\n  }\n}\n\n\n@keyframes csiSearchPulse {\n  0%,\n  100% {\n    transform:\n      scale(1);\n  }\n\n  50% {\n    transform:\n      scale(1.12)\n      rotate(-4deg);\n  }\n}\n\n\n@keyframes csiVisualGlow {\n  0%,\n  100% {\n    opacity: .55;\n\n    transform:\n      scale(.98);\n  }\n\n  50% {\n    opacity: .9;\n\n    transform:\n      scale(1.07);\n  }\n}\n\n\n@keyframes csiCtaBreath {\n  0%,\n  100% {\n    box-shadow:\n      0 10px 22px rgba(255,183,25,.25);\n  }\n\n  50% {\n    box-shadow:\n      0 14px 31px rgba(255,183,25,.38);\n  }\n}\n\n\n@keyframes csiButtonShine {\n  0%,\n  65% {\n    left:\n      -80px;\n  }\n\n  80% {\n    left:\n      calc(100% + 80px);\n  }\n\n  100% {\n    left:\n      calc(100% + 80px);\n  }\n}\n\n\n@keyframes csiUnderlineReveal {\n  from {\n    transform:\n      scaleX(0);\n  }\n\n  to {\n    transform:\n      scaleX(1);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .csi-motion-container {\n    grid-template-columns:\n      minmax(0,1fr)\n      400px;\n\n    gap:\n      35px;\n  }\n\n\n  .csi-motion-title {\n    font-size:\n      48px;\n  }\n\n\n  .csi-motion-meta {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .csi-motion-experience {\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  .csi-motion-exp-item {\n    min-height:\n      52px;\n  }\n\n\n  .csi-motion-exp-item::after {\n    display:\n      none !important;\n  }\n\n\n  .csi-motion-visual {\n    min-height:\n      540px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   FACE-SAFE LAYOUT\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .csi-hero-motion {\n    padding:\n      28px 16px\n      32px;\n  }\n\n\n  .csi-hero-motion::before {\n    width:\n      230px;\n\n    height:\n      230px;\n\n    left:\n      -150px;\n\n    top:\n      180px;\n\n    box-shadow:\n      0 0 0 35px rgba(11,49,88,.008);\n  }\n\n\n  .csi-motion-container {\n    display:\n      flex;\n\n    flex-direction:\n      column;\n\n    gap:\n      25px;\n  }\n\n\n  .csi-motion-content,\n  .csi-motion-visual {\n    width:\n      100%;\n\n    max-width:\n      none;\n  }\n\n\n  .csi-motion-eyebrow {\n    margin-bottom:\n      18px !important;\n\n    padding:\n      8px 11px;\n\n    font-size:\n      8px;\n\n    line-height:\n      1.1;\n\n    gap:\n      6px;\n  }\n\n\n  .csi-motion-eyebrow svg {\n    width:\n      13px;\n\n    height:\n      13px;\n\n    flex-basis:\n      13px;\n  }\n\n\n  .csi-motion-title {\n    width:\n      100%;\n\n    max-width:\n      none;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n    font-size:\n      32px !important;\n\n    line-height:\n      1.08 !important;\n\n    letter-spacing:\n      -.04em;\n\n    font-weight:\n      900;\n  }\n\n\n  .csi-motion-title-main {\n    display:\n      block;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n    line-height:\n      1.08 !important;\n\n    white-space:\n      nowrap;\n  }\n\n\n  .csi-motion-title-yellow {\n    display:\n      block;\n\n    margin:\n      12px 0 0 0 !important;\n\n    padding:\n      0 !important;\n\n    line-height:\n      1.08 !important;\n  }\n\n\n  .csi-motion-title-yellow::after {\n    bottom:\n      -6px;\n\n    height:\n      4px;\n\n    width:\n      72%;\n  }\n\n\n  .csi-motion-mobile-break {\n    display:\n      block;\n  }\n\n\n  .csi-motion-description {\n    margin-top:\n      19px !important;\n\n    font-size:\n      13px;\n\n    line-height:\n      1.55;\n  }\n\n\n  .csi-motion-meta {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:\n      8px;\n\n    margin-top:\n      19px;\n  }\n\n\n  .csi-motion-meta-card {\n    min-height:\n      64px;\n\n    padding:\n      10px;\n\n    gap:\n      8px;\n\n    border-radius:\n      11px;\n  }\n\n\n  .csi-motion-meta-icon {\n    width:\n      22px;\n\n    height:\n      22px;\n\n    flex-basis:\n      22px;\n  }\n\n\n  .csi-motion-meta-label {\n    font-size:\n      7px;\n  }\n\n\n  .csi-motion-meta-value {\n    font-size:\n      9px;\n  }\n\n\n  .csi-motion-experience {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    padding:\n      6px;\n\n    border-radius:\n      12px;\n  }\n\n\n  .csi-motion-exp-item {\n    min-height:\n      51px;\n\n    padding:\n      8px;\n\n    gap:\n      7px;\n  }\n\n\n  .csi-motion-exp-item::after {\n    display:\n      none !important;\n  }\n\n\n  .csi-motion-exp-item:nth-child(1),\n  .csi-motion-exp-item:nth-child(2) {\n    border-bottom:\n      1px solid rgba(11,49,88,.1);\n  }\n\n\n  .csi-motion-exp-item:nth-child(odd) {\n    border-right:\n      1px solid rgba(11,49,88,.1);\n  }\n\n\n  .csi-motion-exp-icon {\n    width:\n      22px;\n\n    height:\n      22px;\n\n    flex-basis:\n      22px;\n  }\n\n\n  .csi-motion-exp-icon svg {\n    width:\n      19px;\n\n    height:\n      19px;\n  }\n\n\n  .csi-motion-exp-text {\n    font-size:\n      7.5px;\n  }\n\n\n  .csi-motion-cta-wrap {\n    margin-top:\n      17px;\n  }\n\n\n  .csi-motion-cta {\n    width:\n      100% !important;\n\n    min-height:\n      52px !important;\n\n    padding:\n      0 14px !important;\n\n    display:\n      flex !important;\n\n    align-items:\n      center !important;\n\n    justify-content:\n      center !important;\n\n    gap:\n      7px !important;\n\n    border-radius:\n      11px !important;\n\n    font-size:\n      12.5px !important;\n\n    line-height:\n      1 !important;\n\n    white-space:\n      nowrap !important;\n\n    overflow:\n      hidden !important;\n  }\n\n\n  .csi-motion-cta svg {\n    width:\n      15px !important;\n\n    height:\n      15px !important;\n\n    flex:\n      0 0 15px !important;\n  }\n\n\n  .csi-motion-microcopy {\n    justify-content:\n      center;\n\n    margin-top:\n      8px;\n\n    font-size:\n      9px;\n\n    text-align:\n      center;\n  }\n\n\n  .csi-motion-visual {\n    min-height:\n      0;\n\n    aspect-ratio:\n      4 \/ 5;\n\n    overflow:\n      visible;\n  }\n\n\n  .csi-motion-photo {\n    border-radius:\n      20px;\n\n    animation-duration:\n      7s;\n  }\n\n\n  .csi-motion-photo img {\n    object-position:\n      center top !important;\n  }\n\n\n  .csi-motion-tape {\n    top:\n      12px;\n\n    right:\n      -52px;\n\n    width:\n      195px;\n\n    padding:\n      3px;\n  }\n\n\n  .csi-motion-tape-inner {\n    padding:\n      5px 8px;\n\n    font-size:\n      6.5px;\n  }\n\n\n  .csi-motion-kids-card {\n    top:\n      auto !important;\n\n    right:\n      auto !important;\n\n    left:\n      12px !important;\n\n    bottom:\n      18px !important;\n\n    width:\n      145px;\n\n    padding:\n      11px;\n\n    border-radius:\n      11px;\n\n    background:\n      rgba(255,255,255,.97);\n\n    box-shadow:\n      0 10px 24px rgba(5,25,45,.18);\n\n    animation:\n      csiKidsFloat\n      5.2s\n      ease-in-out\n      infinite;\n  }\n\n\n  .csi-motion-kids-title {\n    margin-bottom:\n      8px !important;\n\n    font-size:\n      7.3px;\n\n    line-height:\n      1.3;\n  }\n\n\n  .csi-motion-kids-list {\n    gap:\n      6px;\n  }\n\n\n  .csi-motion-kids-item {\n    gap:\n      5px;\n\n    font-size:\n      7.3px;\n  }\n\n\n  .csi-motion-check {\n    width:\n      13px;\n\n    height:\n      13px;\n\n    flex-basis:\n      13px;\n\n    border-width:\n      1.5px;\n\n    font-size:\n      6px;\n  }\n\n\n  .csi-motion-stamp {\n    right:\n      11px;\n\n    bottom:\n      11px;\n\n    width:\n      65px;\n\n    height:\n      65px;\n\n    border-width:\n      2px;\n\n    font-size:\n      6px;\n\n    z-index:\n      10;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONE\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .csi-motion-title {\n    font-size:\n      29px !important;\n  }\n\n\n  .csi-motion-eyebrow {\n    font-size:\n      7.4px;\n  }\n\n\n  .csi-motion-cta {\n    font-size:\n      11.5px !important;\n\n    padding:\n      0 10px !important;\n  }\n\n\n  .csi-motion-kids-card {\n    width:\n      136px;\n\n    left:\n      9px !important;\n\n    bottom:\n      14px !important;\n\n    padding:\n      9px;\n  }\n\n\n  .csi-motion-kids-title {\n    font-size:\n      6.8px;\n  }\n\n\n  .csi-motion-kids-item {\n    font-size:\n      6.7px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .csi-hero-motion *,\n  .csi-hero-motion *::before,\n  .csi-hero-motion *::after {\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n\n  .csi-motion-eyebrow,\n  .csi-motion-title,\n  .csi-motion-description,\n  .csi-motion-meta-card,\n  .csi-motion-experience,\n  .csi-motion-cta-wrap,\n  .csi-motion-visual {\n    opacity:\n      1 !important;\n\n    transform:\n      none !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  class=\"csi-hero-motion\"\n  aria-label=\"CSI Junior Detective Camp Year-End 2026\"\n>\n\n  <div class=\"csi-motion-container\">\n\n\n    <!-- =====================================================\n         LEFT CONTENT\n         ===================================================== -->\n\n    <div class=\"csi-motion-content\">\n\n\n      <!-- BADGE -->\n\n      <div class=\"csi-motion-eyebrow\">\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n\n          <circle\n            cx=\"10.5\"\n            cy=\"10.5\"\n            r=\"6.5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n          ><\/circle>\n\n          <path\n            d=\"M15.5 15.5L21 21\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n          ><\/path>\n\n        <\/svg>\n\n        CSI Junior Detective Camp \u00b7 Year-End 2026\n\n      <\/div>\n\n\n\n      <!-- HEADLINE -->\n\n      <h1 class=\"csi-motion-title\">\n\n        <span class=\"csi-motion-title-main\">\n          3 Days. One Mystery.\n        <\/span>\n\n        <span class=\"csi-motion-title-yellow\">\n          Can Your Child\n          <br class=\"csi-motion-mobile-break\">\n          Solve the Case?\n        <\/span>\n\n      <\/h1>\n\n\n\n      <!-- DESCRIPTION -->\n\n      <p class=\"csi-motion-description\">\n\n        Children aged 6\u201312 step into the role of Junior CSI investigators,\n        collect evidence, conduct forensic experiments and work together\n        to solve one final classroom mystery.\n\n      <\/p>\n\n\n\n      <!-- ===================================================\n           QUICK INFO\n           =================================================== -->\n\n      <div class=\"csi-motion-meta\">\n\n\n        <!-- AGES -->\n\n        <div class=\"csi-motion-meta-card\">\n\n          <svg\n            class=\"csi-motion-meta-icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <circle\n              cx=\"8\"\n              cy=\"8\"\n              r=\"3\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/circle>\n\n            <circle\n              cx=\"16.5\"\n              cy=\"9\"\n              r=\"2.5\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/circle>\n\n            <path\n              d=\"M2.5 20c.4-4 2.3-6 5.5-6s5.2 2 5.5 6\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/path>\n\n            <path\n              d=\"M13 15c1-.7 2.1-1 3.4-1 2.8 0 4.5 1.8 5 5\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/path>\n\n          <\/svg>\n\n          <div>\n\n            <span class=\"csi-motion-meta-label\">\n              Ages\n            <\/span>\n\n            <span class=\"csi-motion-meta-value\">\n              6\u201312 Years\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- DURATION -->\n\n        <div class=\"csi-motion-meta-card\">\n\n          <svg\n            class=\"csi-motion-meta-icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <rect\n              x=\"3\"\n              y=\"5\"\n              width=\"18\"\n              height=\"16\"\n              rx=\"2\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/rect>\n\n            <path\n              d=\"M7 3v4M17 3v4M3 10h18\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/path>\n\n          <\/svg>\n\n          <div>\n\n            <span class=\"csi-motion-meta-label\">\n              Duration\n            <\/span>\n\n            <span class=\"csi-motion-meta-value\">\n              3 Days\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- SESSION -->\n\n        <div class=\"csi-motion-meta-card\">\n\n          <svg\n            class=\"csi-motion-meta-icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <circle\n              cx=\"12\"\n              cy=\"12\"\n              r=\"9\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/circle>\n\n            <path\n              d=\"M12 7v5l3 2\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n              stroke-linecap=\"round\"\n            ><\/path>\n\n          <\/svg>\n\n          <div>\n\n            <span class=\"csi-motion-meta-label\">\n              Sessions\n            <\/span>\n\n            <span class=\"csi-motion-meta-value\">\n              AM or PM\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- LOCATION -->\n\n        <div class=\"csi-motion-meta-card\">\n\n          <svg\n            class=\"csi-motion-meta-icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <path\n              d=\"M12 22s7-6.2 7-13A7 7 0 1 0 5 9c0 6.8 7 13 7 13Z\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/path>\n\n            <circle\n              cx=\"12\"\n              cy=\"9\"\n              r=\"2.3\"\n              stroke=\"currentColor\"\n              stroke-width=\"1.8\"\n            ><\/circle>\n\n          <\/svg>\n\n          <div>\n\n            <span class=\"csi-motion-meta-label\">\n              Location\n            <\/span>\n\n            <span class=\"csi-motion-meta-value\">\n              Havelock 2\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           EXPERIENCE\n           =================================================== -->\n\n      <div class=\"csi-motion-experience\">\n\n\n        <!-- FINGERPRINT -->\n\n        <div class=\"csi-motion-exp-item\">\n\n          <div class=\"csi-motion-exp-icon\">\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n\n              <path\n                d=\"M12 3c-3.8 0-6.7 3-6.7 6.8 0 2.6 1.4 4.4 3.1 5.8\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.7\"\n                stroke-linecap=\"round\"\n              ><\/path>\n\n              <path\n                d=\"M12 6c-2.2 0-4 1.7-4 3.9 0 2.4 1.6 3.4 3.1 4.5\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.7\"\n                stroke-linecap=\"round\"\n              ><\/path>\n\n              <path\n                d=\"M12 9c-.7 0-1.3.6-1.3 1.3 0 3.7 1 7 3.3 10\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.7\"\n                stroke-linecap=\"round\"\n              ><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"csi-motion-exp-text\">\n            Fingerprint<br>\n            Analysis\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- FORENSIC -->\n\n        <div class=\"csi-motion-exp-item\">\n\n          <div class=\"csi-motion-exp-icon\">\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n\n              <path\n                d=\"M9 3h6M10 3v6l-5 9c-.8 1.5.2 3 1.9 3h10.2c1.7 0 2.7-1.5 1.9-3l-5-9V3\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.7\"\n                stroke-linejoin=\"round\"\n              ><\/path>\n\n              <path\n                d=\"M8 16h8\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.7\"\n              ><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"csi-motion-exp-text\">\n            Forensic<br>\n            Experiments\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- EVIDENCE -->\n\n        <div class=\"csi-motion-exp-item\">\n\n          <div class=\"csi-motion-exp-icon\">\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n\n              <circle\n                cx=\"10.5\"\n                cy=\"10.5\"\n                r=\"6\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.8\"\n              ><\/circle>\n\n              <path\n                d=\"M15 15l6 6\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.8\"\n                stroke-linecap=\"round\"\n              ><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"csi-motion-exp-text\">\n            Evidence<br>\n            Analysis\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- FINAL MYSTERY -->\n\n        <div class=\"csi-motion-exp-item\">\n\n          <div class=\"csi-motion-exp-icon\">\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              aria-hidden=\"true\"\n            >\n\n              <path\n                d=\"M8 3h4v4h4V3h3v6h-4v4h4v3h-4v5H9v-4H5v-5h4V8H5V3h3Z\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linejoin=\"round\"\n              ><\/path>\n\n            <\/svg>\n\n          <\/div>\n\n          <div class=\"csi-motion-exp-text\">\n            Final Mystery<br>\n            to Solve\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CTA\n           =================================================== -->\n\n      <div class=\"csi-motion-cta-wrap\">\n\n        <a\n          class=\"csi-motion-cta\"\n          href=\"https:\/\/wa.link\/hmexfs\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n\n          <span>\n            View Camp Dates &amp; Sessions\n          <\/span>\n\n          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n\n            <path\n              d=\"M5 12h14M14 7l5 5-5 5\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            ><\/path>\n\n          <\/svg>\n\n        <\/a>\n\n\n        <div class=\"csi-motion-microcopy\">\n          Morning and afternoon sessions available.\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RIGHT IMAGE\n         ===================================================== -->\n\n    <div class=\"csi-motion-visual\">\n\n\n      <!-- PHOTO -->\n\n      <div class=\"csi-motion-photo\">\n\n        <img decoding=\"async\"\n          src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-14-2026-09_41_40-AM.png\"\n          alt=\"Junior CSI investigator examining evidence\"\n        >\n\n      <\/div>\n\n\n\n      <!-- CRIME SCENE TAPE -->\n\n      <div class=\"csi-motion-tape\">\n\n        <div class=\"csi-motion-tape-inner\">\n          CRIME SCENE \u00b7 DO NOT CROSS\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- PERFECT FOR KIDS CARD -->\n\n      <div class=\"csi-motion-kids-card\">\n\n        <div class=\"csi-motion-kids-title\">\n          Perfect for kids who love to:\n        <\/div>\n\n\n        <div class=\"csi-motion-kids-list\">\n\n          <div class=\"csi-motion-kids-item\">\n            <span class=\"csi-motion-check\">\u2713<\/span>\n            Ask questions\n          <\/div>\n\n\n          <div class=\"csi-motion-kids-item\">\n            <span class=\"csi-motion-check\">\u2713<\/span>\n            Solve puzzles\n          <\/div>\n\n\n          <div class=\"csi-motion-kids-item\">\n            <span class=\"csi-motion-check\">\u2713<\/span>\n            Explore science\n          <\/div>\n\n\n          <div class=\"csi-motion-kids-item\">\n            <span class=\"csi-motion-check\">\u2713<\/span>\n            Work as a team\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- STAMP -->\n\n      <div class=\"csi-motion-stamp\">\n\n        Hands-On<br>\n        CSI<br>\n        Experience\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fdbc6c6 e-flex e-con-boxed e-con e-parent\" data-id=\"fdbc6c6\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4773322 e-con-full e-flex e-con e-child\" data-id=\"4773322\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c36ea78 e-con-full e-flex e-con e-child\" data-id=\"c36ea78\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-740047a animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"740047a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;,&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trusted by ECDA Preschools and MOE Schools<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af0e8c0 animated-slow elementor-invisible elementor-widget elementor-widget-image-carousel\" data-id=\"af0e8c0\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;slides_to_scroll&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;autoplay_speed&quot;:10,&quot;speed&quot;:10000,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:16,&quot;sizes&quot;:[]},&quot;_animation_mobile&quot;:&quot;fadeInLeft&quot;,&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/22.png\" alt=\"22\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/23.png\" alt=\"23\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/13-1.png\" alt=\"13-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/14-1.png\" alt=\"14-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/15-1.png\" alt=\"15-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/16.png\" alt=\"16\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/18.png\" alt=\"18\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/19.png\" alt=\"19\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/20.png\" alt=\"20\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 10\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/21.png\" alt=\"21\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a161ac0 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a161ac0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;,&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Featured in Leading Media<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc2f566 animated-slow elementor-invisible elementor-widget elementor-widget-image-carousel\" data-id=\"cc2f566\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;4&quot;,&quot;slides_to_scroll&quot;:&quot;4&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;autoplay_speed&quot;:10,&quot;speed&quot;:10000,&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:16,&quot;sizes&quot;:[]},&quot;_animation_mobile&quot;:&quot;fadeInLeft&quot;,&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/ASEET-DFAW-1.png\" alt=\"ASEET-DFAW (1)\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/29.png\" alt=\"29\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/26.png\" alt=\"26\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/27.png\" alt=\"27\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/28.png\" alt=\"28\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27a47ba e-flex e-con-boxed e-con e-parent\" data-id=\"27a47ba\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69b8949 elementor-widget elementor-widget-html\" data-id=\"69b8949\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CSI JUNIOR DETECTIVE CAMP\n     VIDEO EXPERIENCE SHOWCASE\n     VIDEO #2 FIRST + AUTOPLAY\n     Elementor Friendly + Responsive\n     ========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.csi-video-showcase,\n.csi-video-showcase *,\n.csi-video-showcase *::before,\n.csi-video-showcase *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.csi-video-showcase {\n  --navy: #0b3158;\n  --navy-dark: #072746;\n  --navy-soft: #173f66;\n  --yellow: #ffb719;\n  --yellow-light: #ffc83f;\n  --white: #ffffff;\n  --soft-white: rgba(255,255,255,.78);\n\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n\n  padding:\n    68px 24px\n    64px;\n\n  background:\n    radial-gradient(\n      circle at 15% 10%,\n      rgba(255,255,255,.035) 0%,\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(255,183,25,.07) 0%,\n      transparent 28%\n    ),\n    linear-gradient(\n      180deg,\n      #0c355f 0%,\n      #0a3158 100%\n    );\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND CRIME TAPE\n   ========================================================= *\/\n\n.csi-video-showcase::before {\n  content: \"CRIME SCENE  \u00b7  DO NOT CROSS  \u00b7  CRIME SCENE  \u00b7  DO NOT CROSS\";\n\n  position: absolute;\n\n  left: -4%;\n  bottom: 45px;\n\n  width: 108%;\n\n  padding:\n    14px 0;\n\n  transform:\n    rotate(14deg);\n\n  background:\n    rgba(255,255,255,.12);\n\n  color:\n    rgba(6,39,70,.60);\n\n  font-size:\n    42px;\n\n  line-height:\n    1;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    .02em;\n\n  white-space:\n    nowrap;\n\n  pointer-events:\n    none;\n\n  opacity:\n    .78;\n}\n\n\n\/* =========================================================\n   FOOTPRINT DECORATION\n   ========================================================= *\/\n\n.csi-video-showcase::after {\n  content: \"\ud83d\udc63\";\n\n  position: absolute;\n\n  right: 7%;\n  top: 20px;\n\n  font-size:\n    150px;\n\n  line-height:\n    1;\n\n  opacity:\n    .08;\n\n  filter:\n    grayscale(1);\n\n  transform:\n    rotate(-15deg);\n\n  pointer-events:\n    none;\n\n  animation:\n    csiVideoFootprints\n    7s ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   WRAPPER\n   ========================================================= *\/\n\n.csi-video-showcase__wrap {\n  width: 100%;\n  max-width: 1200px;\n\n  margin:\n    0 auto;\n\n  position: relative;\n\n  z-index: 3;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-video-showcase__header {\n  width: 100%;\n  max-width: 850px;\n\n  margin:\n    0 auto 38px;\n\n  text-align:\n    center;\n}\n\n\n.csi-video-showcase__badge {\n  min-height:\n    32px;\n\n  padding:\n    0 13px;\n\n  margin-bottom:\n    14px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    7px;\n\n  border-radius:\n    999px;\n\n  background:\n    rgba(255,255,255,.10);\n\n  border:\n    1px solid rgba(255,255,255,.14);\n\n  color:\n    #ffffff;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    .10em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.csi-video-showcase__badge-dot {\n  width:\n    7px;\n\n  height:\n    7px;\n\n  border-radius:\n    999px;\n\n  background:\n    var(--yellow);\n\n  box-shadow:\n    0 0 0 4px rgba(255,183,25,.10);\n\n  animation:\n    csiVideoDotPulse\n    2.5s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-video-showcase__title {\n  max-width:\n    850px;\n\n  margin:\n    0 auto !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #ffffff !important;\n\n  -webkit-text-fill-color:\n    #ffffff !important;\n\n  font-size:\n    clamp(\n      36px,\n      4vw,\n      52px\n    ) !important;\n\n  line-height:\n    1.05 !important;\n\n  font-weight:\n    900 !important;\n\n  letter-spacing:\n    -.045em !important;\n\n  text-align:\n    center !important;\n}\n\n\n.csi-video-showcase__title span {\n  color:\n    var(--yellow) !important;\n\n  -webkit-text-fill-color:\n    var(--yellow) !important;\n}\n\n\n.csi-video-showcase__subtitle {\n  max-width:\n    720px;\n\n  margin:\n    14px auto 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    rgba(255,255,255,.80) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.80) !important;\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1.65 !important;\n\n  font-weight:\n    500 !important;\n\n  text-align:\n    center !important;\n}\n\n\n\/* =========================================================\n   VIDEO GRID\n   ========================================================= *\/\n\n.csi-video-showcase__grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:\n    18px;\n\n  align-items:\n    start;\n}\n\n\n\/* =========================================================\n   VIDEO CARD\n   ========================================================= *\/\n\n.csi-video-showcase__card {\n  min-width:\n    0;\n\n  position:\n    relative;\n\n  padding:\n    8px;\n\n  border-radius:\n    22px;\n\n  background:\n    rgba(255,255,255,.10);\n\n  border:\n    1px solid rgba(255,255,255,.13);\n\n  box-shadow:\n    0 18px 38px rgba(0,0,0,.20);\n\n  backdrop-filter:\n    blur(6px);\n\n  -webkit-backdrop-filter:\n    blur(6px);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\n\n.csi-video-showcase__card:hover {\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 26px 48px rgba(0,0,0,.28);\n\n  border-color:\n    rgba(255,183,25,.32);\n}\n\n\n\/* =========================================================\n   FEATURED FIRST VIDEO\n   ========================================================= *\/\n\n.csi-video-showcase__card--featured {\n  border:\n    1px solid rgba(255,183,25,.40);\n\n  box-shadow:\n    0 18px 42px rgba(255,183,25,.10),\n    0 18px 38px rgba(0,0,0,.20);\n}\n\n\n\/* =========================================================\n   VIDEO HOLDER\n   ========================================================= *\/\n\n.csi-video-showcase__video {\n  width:\n    100%;\n\n  aspect-ratio:\n    16 \/ 9;\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  border-radius:\n    15px;\n\n  background:\n    #000000;\n}\n\n\n.csi-video-showcase__video iframe {\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  width:\n    100% !important;\n\n  height:\n    100% !important;\n\n  display:\n    block !important;\n\n  border:\n    0 !important;\n}\n\n\n\/* =========================================================\n   FEATURED LABEL\n   ========================================================= *\/\n\n.csi-video-showcase__featured {\n  position:\n    absolute;\n\n  z-index:\n    8;\n\n  top:\n    -13px;\n\n  left:\n    18px;\n\n  min-height:\n    27px;\n\n  padding:\n    0 11px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    5px;\n\n  border-radius:\n    999px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffc83f,\n      #ffb719\n    );\n\n  color:\n    #10283e;\n\n  font-size:\n    8px;\n\n  line-height:\n    1;\n\n  font-weight:\n    900;\n\n  letter-spacing:\n    .06em;\n\n  text-transform:\n    uppercase;\n\n  box-shadow:\n    0 7px 18px rgba(0,0,0,.20);\n\n  animation:\n    csiFeaturedFloat\n    4s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   CARD CONTENT\n   ========================================================= *\/\n\n.csi-video-showcase__content {\n  padding:\n    14px 10px 10px;\n}\n\n\n.csi-video-showcase__card-title {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #ffffff !important;\n\n  -webkit-text-fill-color:\n    #ffffff !important;\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1.25 !important;\n\n  font-weight:\n    850 !important;\n}\n\n\n.csi-video-showcase__card-text {\n  margin:\n    6px 0 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    rgba(255,255,255,.68) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.68) !important;\n\n  font-size:\n    11.5px !important;\n\n  line-height:\n    1.5 !important;\n\n  font-weight:\n    500 !important;\n}\n\n\n\/* =========================================================\n   TRUST STRIP\n   ========================================================= *\/\n\n.csi-video-showcase__trust {\n  width:\n    fit-content;\n\n  max-width:\n    100%;\n\n  margin:\n    28px auto 0;\n\n  padding:\n    11px 16px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    9px;\n\n  border-radius:\n    999px;\n\n  background:\n    rgba(255,255,255,.08);\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  color:\n    rgba(255,255,255,.84);\n\n  font-size:\n    11.5px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    600;\n\n  text-align:\n    center;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.csi-video-showcase__cta-wrap {\n  width:\n    100%;\n\n  margin-top:\n    23px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n}\n\n\n.csi-video-showcase__cta {\n  min-height:\n    57px;\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  padding:\n    0 27px !important;\n\n  display:\n    inline-flex !important;\n\n  align-items:\n    center !important;\n\n  justify-content:\n    center !important;\n\n  gap:\n    9px !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    13px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffc52f 0%,\n      #ffb719 100%\n    ) !important;\n\n  color:\n    #10283e !important;\n\n  -webkit-text-fill-color:\n    #10283e !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    900 !important;\n\n  white-space:\n    nowrap !important;\n\n  box-shadow:\n    0 12px 28px rgba(255,183,25,.22);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n\n  animation:\n    csiVideoCtaPulse\n    3.5s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-video-showcase__cta::before {\n  content: \"\";\n\n  position:\n    absolute;\n\n  top:\n    -30%;\n\n  bottom:\n    -30%;\n\n  left:\n    -70px;\n\n  width:\n    38px;\n\n  transform:\n    rotate(18deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.48),\n      transparent\n    );\n\n  animation:\n    csiVideoButtonShine\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-video-showcase__cta span {\n  position:\n    relative;\n\n  z-index:\n    2;\n}\n\n\n.csi-video-showcase__cta:hover {\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 18px 34px rgba(255,183,25,.33);\n}\n\n\n\/* =========================================================\n   KEYFRAMES\n   ========================================================= *\/\n\n@keyframes csiVideoFootprints {\n\n  0%,\n  100% {\n    transform:\n      translateY(0)\n      rotate(-15deg);\n  }\n\n  50% {\n    transform:\n      translateY(15px)\n      rotate(-8deg);\n  }\n\n}\n\n\n@keyframes csiVideoDotPulse {\n\n  0%,\n  100% {\n    box-shadow:\n      0 0 0 4px rgba(255,183,25,.10);\n  }\n\n  50% {\n    box-shadow:\n      0 0 0 8px rgba(255,183,25,.03);\n  }\n\n}\n\n\n@keyframes csiFeaturedFloat {\n\n  0%,\n  100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-4px);\n  }\n\n}\n\n\n@keyframes csiVideoCtaPulse {\n\n  0%,\n  100% {\n    box-shadow:\n      0 12px 28px rgba(255,183,25,.22);\n  }\n\n  50% {\n    box-shadow:\n      0 16px 34px rgba(255,183,25,.34);\n  }\n\n}\n\n\n@keyframes csiVideoButtonShine {\n\n  0%,\n  67% {\n    left:\n      -70px;\n  }\n\n  82% {\n    left:\n      calc(100% + 70px);\n  }\n\n  100% {\n    left:\n      calc(100% + 70px);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .csi-video-showcase {\n    padding:\n      56px 20px\n      54px;\n  }\n\n\n  .csi-video-showcase__grid {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:\n      16px;\n  }\n\n\n  .csi-video-showcase__card:last-child {\n    grid-column:\n      1 \/ -1;\n\n    width:\n      calc(50% - 8px);\n\n    justify-self:\n      center;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .csi-video-showcase {\n    padding:\n      44px 16px\n      44px;\n  }\n\n\n  .csi-video-showcase::before {\n    font-size:\n      28px;\n\n    bottom:\n      90px;\n  }\n\n\n  .csi-video-showcase::after {\n    display:\n      none;\n  }\n\n\n  .csi-video-showcase__header {\n    margin-bottom:\n      27px;\n\n    padding:\n      0;\n  }\n\n\n  .csi-video-showcase__badge {\n    min-height:\n      29px;\n\n    margin-bottom:\n      11px;\n\n    font-size:\n      8px;\n  }\n\n\n  .csi-video-showcase__title {\n    max-width:\n      350px;\n\n    font-size:\n      30px !important;\n\n    line-height:\n      1.08 !important;\n  }\n\n\n  .csi-video-showcase__subtitle {\n    max-width:\n      345px;\n\n    margin-top:\n      10px !important;\n\n    font-size:\n      13px !important;\n\n    line-height:\n      1.55 !important;\n  }\n\n\n  .csi-video-showcase__grid {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      20px;\n  }\n\n\n  .csi-video-showcase__card,\n  .csi-video-showcase__card:last-child {\n    width:\n      100%;\n\n    grid-column:\n      auto;\n  }\n\n\n  .csi-video-showcase__card {\n    padding:\n      7px;\n\n    border-radius:\n      18px;\n  }\n\n\n  .csi-video-showcase__video {\n    border-radius:\n      13px;\n  }\n\n\n  .csi-video-showcase__content {\n    padding:\n      12px 8px 9px;\n  }\n\n\n  .csi-video-showcase__card-title {\n    font-size:\n      14px !important;\n  }\n\n\n  .csi-video-showcase__card-text {\n    font-size:\n      10.5px !important;\n  }\n\n\n  .csi-video-showcase__featured {\n    top:\n      -11px;\n\n    left:\n      15px;\n\n    min-height:\n      24px;\n\n    padding:\n      0 9px;\n\n    font-size:\n      7px;\n  }\n\n\n  .csi-video-showcase__trust {\n    width:\n      auto;\n\n    margin:\n      22px 0 0;\n\n    padding:\n      11px 13px;\n\n    border-radius:\n      12px;\n\n    font-size:\n      10.5px;\n  }\n\n\n  .csi-video-showcase__cta-wrap {\n    margin-top:\n      18px;\n  }\n\n\n  .csi-video-showcase__cta {\n    width:\n      100% !important;\n\n    min-height:\n      53px !important;\n\n    padding:\n      0 14px !important;\n\n    display:\n      flex !important;\n\n    font-size:\n      12.5px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .csi-video-showcase__title {\n    font-size:\n      27px !important;\n  }\n\n\n  .csi-video-showcase__cta {\n    font-size:\n      11.5px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .csi-video-showcase *,\n  .csi-video-showcase *::before,\n  .csi-video-showcase *::after {\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n<section\n  class=\"csi-video-showcase\"\n  aria-label=\"CSI Junior Detective Camp Videos\"\n>\n\n  <div class=\"csi-video-showcase__wrap\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"csi-video-showcase__header\">\n\n\n      <div class=\"csi-video-showcase__badge\">\n\n        <span\n          class=\"csi-video-showcase__badge-dot\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        REAL CAMP EXPERIENCE\n\n      <\/div>\n\n\n      <h2 class=\"csi-video-showcase__title\">\n\n        See Real Junior Investigators\n        <span>in Action<\/span>\n\n      <\/h2>\n\n\n      <p class=\"csi-video-showcase__subtitle\">\n\n        Watch children investigate clues, explore forensic science\n        and work together to solve challenges during the\n        CSI Junior Detective Camp.\n\n      <\/p>\n\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         VIDEO GRID\n         ===================================================== -->\n\n    <div class=\"csi-video-showcase__grid\">\n\n\n      <!-- ===================================================\n           VIDEO 2 \u2014 FIRST + AUTOPLAY\n           Original:\n           https:\/\/www.youtube.com\/watch?v=3O0BiskzkAA&t=4s\n           =================================================== -->\n\n      <article\n        class=\"\n          csi-video-showcase__card\n          csi-video-showcase__card--featured\n        \"\n      >\n\n        <div class=\"csi-video-showcase__featured\">\n          \u25b6 Featured \u00b7 Autoplay\n        <\/div>\n\n\n        <div class=\"csi-video-showcase__video\">\n\n          <iframe\n            src=\"https:\/\/www.youtube.com\/embed\/3O0BiskzkAA?start=4&autoplay=1&mute=1&playsinline=1&rel=0\"\n            title=\"CSI Junior Detective Camp hands-on forensic activity\"\n            loading=\"eager\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n            allowfullscreen\n          ><\/iframe>\n\n        <\/div>\n\n\n        <div class=\"csi-video-showcase__content\">\n\n          <h3 class=\"csi-video-showcase__card-title\">\n            Hands-On Forensic Investigation\n          <\/h3>\n\n          <p class=\"csi-video-showcase__card-text\">\n            See children examine evidence and experience forensic science through guided practical activities.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           VIDEO 1\n           https:\/\/www.youtube.com\/watch?v=nd9a8uREhiU\n           =================================================== -->\n\n      <article class=\"csi-video-showcase__card\">\n\n\n        <div class=\"csi-video-showcase__video\">\n\n          <iframe\n            src=\"https:\/\/www.youtube.com\/embed\/nd9a8uREhiU?playsinline=1&rel=0\"\n            title=\"CSI Junior Detective Camp experience\"\n            loading=\"lazy\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n            allowfullscreen\n          ><\/iframe>\n\n        <\/div>\n\n\n        <div class=\"csi-video-showcase__content\">\n\n          <h3 class=\"csi-video-showcase__card-title\">\n            Step Into the Crime Scene\n          <\/h3>\n\n          <p class=\"csi-video-showcase__card-text\">\n            Children become Junior Investigators and work through clues, evidence and mystery-solving challenges.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           VIDEO 3\n           https:\/\/www.youtube.com\/watch?v=GMIKO45JkFc\n           =================================================== -->\n\n      <article class=\"csi-video-showcase__card\">\n\n\n        <div class=\"csi-video-showcase__video\">\n\n          <iframe\n            src=\"https:\/\/www.youtube.com\/embed\/GMIKO45JkFc?playsinline=1&rel=0\"\n            title=\"Children experiencing CSI Junior Detective Camp\"\n            loading=\"lazy\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n            allowfullscreen\n          ><\/iframe>\n\n        <\/div>\n\n\n        <div class=\"csi-video-showcase__content\">\n\n          <h3 class=\"csi-video-showcase__card-title\">\n            Solve the Mystery Together\n          <\/h3>\n\n          <p class=\"csi-video-showcase__card-text\">\n            From investigation to teamwork, every activity helps children think and act like real Junior CSI investigators.\n          <\/p>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         TRUST LINE\n         ===================================================== -->\n\n    <div class=\"csi-video-showcase__trust\">\n\n      <span aria-hidden=\"true\">\n        \ud83d\udd0e\n      <\/span>\n\n      <span>\n        Real camp moments from our hands-on CSI learning experience.\n      <\/span>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CTA\n         ===================================================== -->\n\n    <div class=\"csi-video-showcase__cta-wrap\">\n\n      <a\n        class=\"csi-video-showcase__cta\"\n        href=\"https:\/\/wa.link\/ww796z\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        <span>\n          \ud83d\udcc5 Check Available Dates\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72099d7 elementor-hidden-mobile elementor-widget elementor-widget-spacer\" data-id=\"72099d7\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ffc5b46 e-flex e-con-boxed e-con e-parent\" data-id=\"ffc5b46\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ac17e2 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"7ac17e2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 4 CARDS | CSI NAVY PREMIUM | 2x2 DESKTOP | WITH SOFT GRADIENT GLOW -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<!-- Montserrat untuk judul, Plus Jakarta Sans untuk paragraf dan sub -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n\n<section class=\"csi-navy-v2\" aria-label=\"CSI camp highlights\">\n\n  <div class=\"csi-navy-v2__wrap\">\n\n\n    <!-- HEADER -->\n\n    <header class=\"csi-navy-v2__head\">\n\n      <h2 class=\"csi-navy-v2__title\">\n        Designed for Ages 6\u201312\n      <\/h2>\n\n      <p class=\"csi-navy-v2__sub\">\n        What children will experience in the CSI camp.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- CARDS -->\n\n    <div class=\"csi-navy-v2__grid\" role=\"list\">\n\n\n      <!-- CARD 1 -->\n\n      <article class=\"csi-navy-v2__card\" role=\"listitem\">\n\n        <div class=\"csi-navy-v2__icon\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-fingerprint\"><\/i>\n        <\/div>\n\n        <h3 class=\"csi-navy-v2__cardTitle\">\n          Collect Evidence Like a Real Investigator\n        <\/h3>\n\n        <p class=\"csi-navy-v2__cardText\">\n          Children practise sharp observation, note-taking,\n          and careful evidence-handling using kid-safe forensic tools.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 2 -->\n\n      <article class=\"csi-navy-v2__card\" role=\"listitem\">\n\n        <div class=\"csi-navy-v2__icon\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-magnifying-glass\"><\/i>\n        <\/div>\n\n        <h3 class=\"csi-navy-v2__cardTitle\">\n          Solve Cases Using Logic &amp; Science\n        <\/h3>\n\n        <p class=\"csi-navy-v2__cardText\">\n          From fingerprints to mystery substances \u2014 kids test,\n          compare, and conclude using simple scientific methods.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 3 -->\n\n      <article class=\"csi-navy-v2__card\" role=\"listitem\">\n\n        <div class=\"csi-navy-v2__icon\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-people-group\"><\/i>\n        <\/div>\n\n        <h3 class=\"csi-navy-v2__cardTitle\">\n          Teamwork Under Mission Pressure\n        <\/h3>\n\n        <p class=\"csi-navy-v2__cardText\">\n          Kids work in squads to share findings, debate suspects,\n          and piece the story together \u2014 just like a real CSI unit.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 4 -->\n\n      <article class=\"csi-navy-v2__card\" role=\"listitem\">\n\n        <div class=\"csi-navy-v2__icon\" aria-hidden=\"true\">\n          <i class=\"fa-solid fa-award\"><\/i>\n        <\/div>\n\n        <h3 class=\"csi-navy-v2__cardTitle\">\n          Graduate as a Certified Junior CSI\n        <\/h3>\n\n        <p class=\"csi-navy-v2__cardText\">\n          They complete the final case, present their conclusion,\n          and receive a certificate + proud photo moment.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   MAIN SECTION\n   ========================================================= *\/\n\n.csi-navy-v2{\n  padding: clamp(28px, 4.5vw, 60px) 0;\n\n  font-family:\n    system-ui,\n    -apple-system,\n    Segoe UI,\n    Roboto,\n    Arial,\n    sans-serif;\n\n  \/* transparent \u2014 ikut background parent Elementor *\/\n}\n\n\n\/* =========================================================\n   WRAPPER\n   ========================================================= *\/\n\n.csi-navy-v2__wrap{\n  max-width:1120px;\n\n  margin:0 auto;\n\n  padding:\n    0 clamp(14px, 2.2vw, 20px);\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-navy-v2__head{\n  text-align:center;\n\n  margin-bottom:24px;\n}\n\n\n\/* FORCE WHITE:\n   dibuat selector lebih spesifik supaya Elementor tidak override *\/\n\n.csi-navy-v2 .csi-navy-v2__title{\n  margin:0 !important;\n  padding:0 !important;\n\n  font-family:\n    'Montserrat',\n    sans-serif !important;\n\n  font-weight:800 !important;\n\n  font-size:\n    clamp(24px, 3vw, 42px) !important;\n\n  line-height:1.1 !important;\n\n  color:#ffffff !important;\n\n  -webkit-text-fill-color:#ffffff !important;\n\n  letter-spacing:-0.02em !important;\n}\n\n\n.csi-navy-v2 .csi-navy-v2__sub{\n  margin:\n    10px 0 0 !important;\n\n  padding:0 !important;\n\n  font-family:\n    'Plus Jakarta Sans',\n    sans-serif !important;\n\n  font-size:\n    clamp(14px, 1.2vw, 17px) !important;\n\n  line-height:1.55 !important;\n\n  font-weight:500 !important;\n\n  color:\n    rgba(255,255,255,.82) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.82) !important;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.csi-navy-v2__grid{\n  display:grid !important;\n\n  grid-template-columns:\n    1fr !important;\n\n  gap:18px !important;\n\n  max-width:860px;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.csi-navy-v2__card{\n  position:relative;\n\n  overflow:hidden;\n\n  min-height:270px;\n\n  padding:\n    20px 20px 22px;\n\n  text-align:left;\n\n  border-radius:20px;\n\n  background:\n\n    radial-gradient(\n      circle at top right,\n      rgba(255,255,255,0.08) 0%,\n      rgba(255,255,255,0) 34%\n    ),\n\n    radial-gradient(\n      circle at bottom left,\n      rgba(228,201,120,0.10) 0%,\n      rgba(228,201,120,0) 32%\n    ),\n\n    linear-gradient(\n      180deg,\n      #102848 0%,\n      #0b1f38 100%\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,0.08);\n\n  box-shadow:\n    0 14px 34px\n    rgba(7,20,40,0.20);\n}\n\n\n\/* TOP-RIGHT LIGHT *\/\n\n.csi-navy-v2__card::before{\n  content:\"\";\n\n  position:absolute;\n\n  inset:\n    -75px -75px auto auto;\n\n  width:190px;\n  height:190px;\n\n  border-radius:999px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,255,255,0.10) 0%,\n      rgba(255,255,255,0) 70%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* BOTTOM-LEFT GOLD GLOW *\/\n\n.csi-navy-v2__card::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:-60px;\n  bottom:-60px;\n\n  width:160px;\n  height:160px;\n\n  border-radius:999px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(228,201,120,0.10) 0%,\n      rgba(228,201,120,0) 72%\n    );\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.csi-navy-v2__icon{\n  position:relative;\n  z-index:1;\n\n  width:48px;\n  height:48px;\n\n  margin:\n    0 0 14px 0;\n\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f6e7bb 0%,\n      #e4c978 100%\n    );\n\n  color:#0f2747;\n\n  box-shadow:\n    0 8px 18px\n    rgba(228,201,120,0.20);\n}\n\n\n.csi-navy-v2__icon i{\n  font-size:18px;\n\n  line-height:1;\n}\n\n\n\/* =========================================================\n   CARD TITLE\n   ========================================================= *\/\n\n.csi-navy-v2 .csi-navy-v2__cardTitle{\n  position:relative;\n\n  z-index:1;\n\n  margin:\n    0 0 12px 0 !important;\n\n  padding:0 !important;\n\n  font-family:\n    'Montserrat',\n    sans-serif !important;\n\n  font-weight:800 !important;\n\n  font-size:\n    clamp(28px, 2vw, 34px) !important;\n\n  line-height:\n    1.12 !important;\n\n  color:\n    #ffffff !important;\n\n  -webkit-text-fill-color:\n    #ffffff !important;\n\n  letter-spacing:\n    -0.02em !important;\n}\n\n\n\/* =========================================================\n   CARD BODY\n   ========================================================= *\/\n\n.csi-navy-v2 .csi-navy-v2__cardText{\n  position:relative;\n\n  z-index:1;\n\n  margin:0 !important;\n\n  padding:0 !important;\n\n  font-family:\n    'Plus Jakarta Sans',\n    sans-serif !important;\n\n  font-size:18px !important;\n\n  line-height:1.65 !important;\n\n  font-weight:500 !important;\n\n  color:\n    rgba(255,255,255,.90) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.90) !important;\n}\n\n\n\/* =========================================================\n   DESKTOP 2X2\n   ========================================================= *\/\n\n@media (min-width:768px){\n\n  .csi-navy-v2__grid{\n    max-width:1120px;\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      ) !important;\n\n    gap:\n      18px !important;\n\n    align-items:stretch;\n  }\n\n\n  .csi-navy-v2__card{\n    height:100%;\n\n    padding:\n      22px 22px 24px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:767px){\n\n  .csi-navy-v2{\n    padding:\n      38px 0;\n  }\n\n\n  .csi-navy-v2__wrap{\n    padding:\n      0 16px;\n  }\n\n\n  .csi-navy-v2__head{\n    margin-bottom:22px;\n  }\n\n\n  .csi-navy-v2 .csi-navy-v2__title{\n    font-size:\n      28px !important;\n\n    line-height:\n      1.1 !important;\n  }\n\n\n  .csi-navy-v2 .csi-navy-v2__sub{\n    margin-top:\n      8px !important;\n\n    font-size:\n      14px !important;\n  }\n\n\n  .csi-navy-v2__grid{\n    gap:\n      14px !important;\n  }\n\n\n  .csi-navy-v2__card{\n    min-height:auto;\n\n    padding:\n      20px;\n\n    border-radius:\n      17px;\n  }\n\n\n  .csi-navy-v2__icon{\n    width:43px;\n    height:43px;\n\n    margin-bottom:\n      13px;\n  }\n\n\n  .csi-navy-v2__icon i{\n    font-size:\n      16px;\n  }\n\n\n  .csi-navy-v2 .csi-navy-v2__cardTitle{\n    font-size:\n      22px !important;\n\n    line-height:\n      1.15 !important;\n\n    margin-bottom:\n      10px !important;\n  }\n\n\n  .csi-navy-v2 .csi-navy-v2__cardText{\n    font-size:\n      14px !important;\n\n    line-height:\n      1.6 !important;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dabf66c elementor-widget elementor-widget-html\" data-id=\"dabf66c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   CSI 3-DAY JOURNEY\n   ELEMENTOR OVERRIDE SAFE VERSION\n   ========================================================= *\/\n\n.csi-journey,\n.csi-journey *,\n.csi-journey *::before,\n.csi-journey *::after {\n  box-sizing: border-box;\n}\n\n.csi-journey {\n  --csi-bg: #123b63;\n  --csi-bg-bottom: #0d3155;\n\n  --csi-card: #234e76;\n  --csi-card-hover: #2b5a85;\n\n  --csi-orange: #ffb326;\n  --csi-orange-hover: #ffc24e;\n\n  --csi-white: #ffffff;\n  --csi-body: #e6eef5;\n\n  width: 100%;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 68px 24px;\n\n  background:\n    radial-gradient(\n      circle at 50% -10%,\n      rgba(255,255,255,.05),\n      transparent 35%\n    ),\n    linear-gradient(\n      180deg,\n      var(--csi-bg) 0%,\n      var(--csi-bg-bottom) 100%\n    ) !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n}\n\n\n\/* =========================================================\n   IMPORTANT ELEMENTOR RESET\n   ========================================================= *\/\n\n.csi-journey h1,\n.csi-journey h2,\n.csi-journey h3,\n.csi-journey h4,\n.csi-journey h5,\n.csi-journey h6,\n.csi-journey p {\n  margin-top: 0 !important;\n  padding: 0 !important;\n}\n\n.csi-journey h2,\n.csi-journey h3 {\n  color: #ffffff !important;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.csi-journey-inner {\n  width: 100%;\n  max-width: 1150px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-journey-header {\n  width: 100%;\n  max-width: 880px;\n\n  margin: 0 auto 42px;\n\n  text-align: center;\n}\n\n\n.csi-journey .csi-journey-title {\n  margin: 0 !important;\n\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(34px, 3vw, 46px) !important;\n\n  line-height:\n    1.1 !important;\n\n  font-weight:\n    800 !important;\n\n  letter-spacing:\n    -.035em !important;\n}\n\n\n.csi-journey .csi-journey-subtitle {\n  max-width: 760px;\n\n  margin:\n    13px auto 0 !important;\n\n  color:\n    #e6eef5 !important;\n\n  -webkit-text-fill-color:\n    #e6eef5 !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    16px !important;\n\n  line-height:\n    1.55 !important;\n\n  font-weight:\n    400 !important;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.csi-journey-grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      3,\n      minmax(0, 1fr)\n    );\n\n  gap: 20px;\n}\n\n\n\/* =========================================================\n   CARDS\n   ========================================================= *\/\n\n.csi-journey-card {\n  min-width: 0;\n  min-height: 275px;\n\n  padding: 27px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.045),\n      rgba(255,255,255,.01)\n    ),\n    var(--csi-card) !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.16);\n\n  box-shadow:\n    0 14px 32px\n    rgba(5,25,45,.14);\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.csi-journey-card:hover {\n  transform:\n    translateY(-4px);\n\n  background:\n    var(--csi-card-hover) !important;\n\n  box-shadow:\n    0 20px 42px\n    rgba(5,25,45,.2);\n}\n\n\n\/* =========================================================\n   DAY BADGE\n   ========================================================= *\/\n\n.csi-journey-badge {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 30px;\n\n  margin:\n    0 0 22px !important;\n\n  padding:\n    0 13px;\n\n  border-radius:\n    100px;\n\n  background:\n    var(--csi-orange) !important;\n\n  color:\n    #10283f !important;\n\n  -webkit-text-fill-color:\n    #10283f !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    10px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    900 !important;\n\n  letter-spacing:\n    .025em !important;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* =========================================================\n   CARD HEADINGS\n   FORCE WHITE AGAINST ELEMENTOR GLOBAL H3\n   ========================================================= *\/\n\n.csi-journey\n.csi-journey-card\n.csi-journey-card-title,\n\n.csi-journey\n.csi-journey-card\nh3.csi-journey-card-title {\n\n  margin:\n    0 !important;\n\n  color:\n    #ffffff !important;\n\n  -webkit-text-fill-color:\n    #ffffff !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    27px !important;\n\n  line-height:\n    1.14 !important;\n\n  font-weight:\n    800 !important;\n\n  letter-spacing:\n    -.025em !important;\n\n  text-decoration:\n    none !important;\n}\n\n\n\/* =========================================================\n   BODY COPY\n   ========================================================= *\/\n\n.csi-journey\n.csi-journey-card\n.csi-journey-card-text {\n\n  margin:\n    15px 0 0 !important;\n\n  color:\n    #e6eef5 !important;\n\n  -webkit-text-fill-color:\n    #e6eef5 !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1.65 !important;\n\n  font-weight:\n    400 !important;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.csi-journey-cta-wrap {\n  width: 100%;\n\n  margin-top:\n    34px;\n\n  display: flex;\n\n  justify-content:\n    center;\n}\n\n\n.csi-journey\n.csi-journey-cta {\n\n  min-height:\n    56px;\n\n  padding:\n    0 27px;\n\n  display:\n    inline-flex !important;\n\n  align-items:\n    center !important;\n\n  justify-content:\n    center !important;\n\n  gap:\n    10px !important;\n\n  border-radius:\n    12px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffc452,\n      var(--csi-orange)\n    ) !important;\n\n  color:\n    #10283f !important;\n\n  -webkit-text-fill-color:\n    #10283f !important;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    800 !important;\n\n  text-decoration:\n    none !important;\n\n  border:\n    0 !important;\n\n  white-space:\n    nowrap !important;\n\n  box-shadow:\n    0 10px 24px\n    rgba(0,0,0,.13);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n\n.csi-journey\n.csi-journey-cta:hover {\n\n  transform:\n    translateY(-2px);\n\n  background:\n    var(--csi-orange-hover) !important;\n\n  color:\n    #10283f !important;\n\n  -webkit-text-fill-color:\n    #10283f !important;\n\n  box-shadow:\n    0 14px 28px\n    rgba(0,0,0,.18);\n}\n\n\n.csi-journey-cta svg {\n  width:\n    17px !important;\n\n  height:\n    17px !important;\n\n  flex:\n    0 0 17px !important;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .csi-journey {\n    padding:\n      56px 22px;\n  }\n\n\n  .csi-journey-grid {\n    gap:\n      16px;\n  }\n\n\n  .csi-journey-card {\n    min-height:\n      255px;\n\n    padding:\n      22px;\n  }\n\n\n  .csi-journey\n  .csi-journey-card\n  .csi-journey-card-title {\n\n    font-size:\n      23px !important;\n  }\n\n\n  .csi-journey\n  .csi-journey-card\n  .csi-journey-card-text {\n\n    font-size:\n      14px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .csi-journey {\n    padding:\n      42px 16px;\n  }\n\n\n  .csi-journey-header {\n    margin-bottom:\n      27px;\n\n    text-align:\n      left;\n  }\n\n\n  .csi-journey\n  .csi-journey-title {\n\n    font-size:\n      30px !important;\n\n    line-height:\n      1.1 !important;\n  }\n\n\n  .csi-journey\n  .csi-journey-subtitle {\n\n    margin-top:\n      10px !important;\n\n    font-size:\n      14px !important;\n\n    line-height:\n      1.55 !important;\n  }\n\n\n  .csi-journey-grid {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      13px;\n  }\n\n\n  .csi-journey-card {\n    min-height:\n      auto;\n\n    padding:\n      21px;\n\n    border-radius:\n      17px;\n  }\n\n\n  .csi-journey-badge {\n    min-height:\n      27px;\n\n    margin-bottom:\n      16px !important;\n\n    padding:\n      0 11px;\n\n    font-size:\n      9px !important;\n  }\n\n\n  .csi-journey\n  .csi-journey-card\n  .csi-journey-card-title {\n\n    font-size:\n      22px !important;\n\n    line-height:\n      1.15 !important;\n  }\n\n\n  .csi-journey\n  .csi-journey-card\n  .csi-journey-card-text {\n\n    margin-top:\n      10px !important;\n\n    font-size:\n      13.5px !important;\n\n    line-height:\n      1.55 !important;\n  }\n\n\n  .csi-journey-cta-wrap {\n    margin-top:\n      24px;\n  }\n\n\n  .csi-journey\n  .csi-journey-cta {\n\n    width:\n      100% !important;\n\n    min-height:\n      52px !important;\n\n    padding:\n      0 14px !important;\n\n    display:\n      flex !important;\n\n    align-items:\n      center !important;\n\n    justify-content:\n      center !important;\n\n    gap:\n      7px !important;\n\n    font-size:\n      13.5px !important;\n\n    line-height:\n      1 !important;\n\n    white-space:\n      nowrap !important;\n\n    overflow:\n      hidden !important;\n  }\n\n\n  .csi-journey-cta svg {\n    width:\n      15px !important;\n\n    height:\n      15px !important;\n\n    flex:\n      0 0 15px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONE\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .csi-journey\n  .csi-journey-title {\n\n    font-size:\n      27px !important;\n  }\n\n\n  .csi-journey-card {\n    padding:\n      19px;\n  }\n\n\n  .csi-journey\n  .csi-journey-cta {\n\n    font-size:\n      12.5px !important;\n\n    padding:\n      0 10px !important;\n  }\n\n}\n<\/style>\n\n\n<section class=\"csi-journey\">\n\n  <div class=\"csi-journey-inner\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <div class=\"csi-journey-header\">\n\n      <h2 class=\"csi-journey-title\">\n        3 Days. One Continuous Investigation.\n      <\/h2>\n\n      <p class=\"csi-journey-subtitle\">\n        Everything builds towards one final classroom mystery\n        instead of feeling like disconnected activities.\n      <\/p>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CARDS\n         ===================================================== -->\n\n    <div class=\"csi-journey-grid\">\n\n\n      <!-- DAY 1 -->\n\n      <article class=\"csi-journey-card\">\n\n        <div class=\"csi-journey-badge\">\n          Day 1\n        <\/div>\n\n        <h3 class=\"csi-journey-card-title\">\n          Secure the Scene\n        <\/h3>\n\n        <p class=\"csi-journey-card-text\">\n          Learn forensic basics, observe carefully,\n          collect evidence and practise fingerprinting.\n        <\/p>\n\n      <\/article>\n\n\n\n      <!-- DAY 2 -->\n\n      <article class=\"csi-journey-card\">\n\n        <div class=\"csi-journey-badge\">\n          Day 2\n        <\/div>\n\n        <h3 class=\"csi-journey-card-title\">\n          Analyse the Evidence\n        <\/h3>\n\n        <p class=\"csi-journey-card-text\">\n          Compare shoe prints, explore chromatography,\n          study handwriting and connect scientific clues.\n        <\/p>\n\n      <\/article>\n\n\n\n      <!-- DAY 3 -->\n\n      <article class=\"csi-journey-card\">\n\n        <div class=\"csi-journey-badge\">\n          Day 3\n        <\/div>\n\n        <h3 class=\"csi-journey-card-title\">\n          Solve the Mystery\n        <\/h3>\n\n        <p class=\"csi-journey-card-text\">\n          Use everything learned across the first two days\n          to investigate suspects and crack the final classroom case.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CTA - CTWA\n         ===================================================== -->\n\n    <div class=\"csi-journey-cta-wrap\">\n\n      <a\n        class=\"csi-journey-cta\"\n        href=\"https:\/\/wa.link\/hmexfs\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\">\n\n        <span>\n          View Camp Details\n        <\/span>\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          aria-hidden=\"true\">\n\n          <path\n            d=\"M5 12h14M14 7l5 5-5 5\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\">\n          <\/path>\n\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c96032 e-con-full e-flex e-con e-child\" data-id=\"5c96032\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-050db6c elementor-widget elementor-widget-html\" data-id=\"050db6c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CSI JUNIOR DETECTIVE CAMP\n     REAL KIDS IN ACTION\n     CONTINUOUS AUTO LOOP PHOTO MARQUEE\n     NO-CROP IMAGE VERSION\n     Elementor Friendly + Responsive\n     ========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.csi-loop-gallery,\n.csi-loop-gallery *,\n.csi-loop-gallery *::before,\n.csi-loop-gallery *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.csi-loop-gallery {\n  --navy: #0d3155;\n  --navy-light: #173f66;\n  --yellow: #ffb11b;\n  --white: #ffffff;\n  --soft-white: rgba(255,255,255,.78);\n\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n\n  padding:\n    64px 0\n    62px;\n\n  background:\n    radial-gradient(\n      circle at 8% 10%,\n      rgba(255,255,255,.04) 0%,\n      rgba(255,255,255,0) 25%\n    ),\n    radial-gradient(\n      circle at 92% 90%,\n      rgba(255,177,27,.08) 0%,\n      rgba(255,177,27,0) 25%\n    ),\n    linear-gradient(\n      180deg,\n      #0d3155 0%,\n      #092a49 100%\n    );\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   DECORATIVE BACKGROUND\n   ========================================================= *\/\n\n.csi-loop-gallery::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  left: -180px;\n  top: 60px;\n\n  border-radius: 50%;\n\n  border:\n    28px solid rgba(255,255,255,.025);\n\n  pointer-events: none;\n\n  animation:\n    csiLoopCircleMove\n    12s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-loop-gallery::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 360px;\n  height: 110px;\n\n  right: -90px;\n  top: 90px;\n\n  transform:\n    rotate(12deg);\n\n  opacity:\n    .035;\n\n  background:\n    repeating-linear-gradient(\n      135deg,\n      #ffffff 0 16px,\n      transparent 16px 32px\n    );\n\n  pointer-events:\n    none;\n\n  animation:\n    csiLoopTapeMove\n    10s\n    ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n.csi-loop-gallery__inner {\n  width: 100%;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-loop-gallery__header {\n  width: 100%;\n  max-width: 820px;\n\n  margin:\n    0 auto 34px;\n\n  padding:\n    0 20px;\n\n  text-align: center;\n}\n\n\n.csi-loop-gallery__badge {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  min-height: 32px;\n\n  padding:\n    0 13px;\n\n  margin-bottom:\n    14px;\n\n  border-radius:\n    999px;\n\n  background:\n    rgba(255,255,255,.09);\n\n  border:\n    1px solid rgba(255,255,255,.14);\n\n  color:\n    #ffffff;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    .10em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.csi-loop-gallery__badge-dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius:\n    999px;\n\n  background:\n    var(--yellow);\n\n  box-shadow:\n    0 0 0 4px rgba(255,177,27,.10);\n\n  animation:\n    csiLoopDotPulse\n    2.5s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-loop-gallery__title {\n  max-width: 790px;\n\n  margin:\n    0 auto !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #ffffff !important;\n\n  -webkit-text-fill-color:\n    #ffffff !important;\n\n  font-size:\n    clamp(\n      34px,\n      3.8vw,\n      50px\n    ) !important;\n\n  line-height:\n    1.06 !important;\n\n  font-weight:\n    900 !important;\n\n  letter-spacing:\n    -.04em !important;\n\n  text-align:\n    center !important;\n}\n\n\n.csi-loop-gallery__title span {\n  color:\n    var(--yellow) !important;\n\n  -webkit-text-fill-color:\n    var(--yellow) !important;\n}\n\n\n.csi-loop-gallery__subtitle {\n  max-width: 680px;\n\n  margin:\n    13px auto 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    rgba(255,255,255,.78) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.78) !important;\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1.6 !important;\n\n  font-weight:\n    500 !important;\n\n  text-align:\n    center !important;\n}\n\n\n\/* =========================================================\n   VIEWPORT\n   ========================================================= *\/\n\n.csi-loop-gallery__viewport {\n  width: 100%;\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    12px 0 16px;\n}\n\n\n\/* =========================================================\n   EDGE FADES\n   ========================================================= *\/\n\n.csi-loop-gallery__viewport::before,\n.csi-loop-gallery__viewport::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  width: 100px;\n\n  z-index: 7;\n\n  pointer-events: none;\n}\n\n\n.csi-loop-gallery__viewport::before {\n  left: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      #0c3053 0%,\n      rgba(12,48,83,0) 100%\n    );\n}\n\n\n.csi-loop-gallery__viewport::after {\n  right: 0;\n\n  background:\n    linear-gradient(\n      270deg,\n      #092c4d 0%,\n      rgba(9,44,77,0) 100%\n    );\n}\n\n\n\/* =========================================================\n   MOVING TRACK\n   ========================================================= *\/\n\n.csi-loop-gallery__track {\n  display: flex;\n\n  align-items: stretch;\n\n  width: max-content;\n\n  will-change: transform;\n\n  animation:\n    csiLoopGalleryMove\n    44s\n    linear\n    infinite;\n}\n\n\n\/* PAUSE ON DESKTOP HOVER *\/\n\n@media (hover:hover) {\n\n  .csi-loop-gallery__viewport:hover\n  .csi-loop-gallery__track {\n    animation-play-state:\n      paused;\n  }\n\n}\n\n\n\/* =========================================================\n   GROUP\n   ========================================================= *\/\n\n.csi-loop-gallery__group {\n  display: flex;\n\n  align-items: stretch;\n\n  gap: 18px;\n\n  padding-right: 18px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.csi-loop-gallery__card {\n  width: 360px;\n\n  flex:\n    0 0 360px;\n\n  padding:\n    10px;\n\n  position: relative;\n\n  overflow: hidden;\n\n  border-radius:\n    22px;\n\n  background:\n    rgba(255,255,255,.98);\n\n  border:\n    1px solid rgba(255,255,255,.18);\n\n  box-shadow:\n    0 18px 40px rgba(0,0,0,.20);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.csi-loop-gallery__card:hover {\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 25px 48px rgba(0,0,0,.28);\n}\n\n\n\/* =========================================================\n   PHOTO HOLDER - NO CROP\n   ========================================================= *\/\n\n.csi-loop-gallery__photo {\n  width: 100%;\n\n  height: 390px;\n\n  position: relative;\n\n  overflow: hidden;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius:\n    15px;\n\n  background:\n    #ffffff;\n}\n\n\n\/* =========================================================\n   IMAGE - IMPORTANT: CONTAIN\n   ========================================================= *\/\n\n.csi-loop-gallery__photo img {\n  width: 100% !important;\n  height: 100% !important;\n\n  display: block !important;\n\n  object-fit:\n    contain !important;\n\n  object-position:\n    center center !important;\n\n  background:\n    #ffffff;\n\n  transition:\n    transform .55s ease;\n}\n\n\n\/* HOVER DOES NOT CROP *\/\n\n.csi-loop-gallery__card:hover\n.csi-loop-gallery__photo img {\n  transform:\n    scale(1.012);\n}\n\n\n\/* =========================================================\n   VERY SUBTLE OVERLAY\n   ========================================================= *\/\n\n.csi-loop-gallery__photo::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      transparent 75%,\n      rgba(6,27,47,.03)\n    );\n\n  pointer-events:\n    none;\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n.csi-loop-gallery__number {\n  position: absolute;\n\n  z-index: 4;\n\n  top: 20px;\n  left: 20px;\n\n  width: 34px;\n  height: 34px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius:\n    50%;\n\n  background:\n    var(--yellow);\n\n  color:\n    #10283e;\n\n  font-size:\n    11px;\n\n  line-height:\n    1;\n\n  font-weight:\n    900;\n\n  box-shadow:\n    0 8px 18px rgba(0,0,0,.17);\n}\n\n\n\/* =========================================================\n   CAPTION AREA\n   ========================================================= *\/\n\n.csi-loop-gallery__content {\n  padding:\n    15px 10px 10px;\n}\n\n\n.csi-loop-gallery__card-title {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #0b3158 !important;\n\n  -webkit-text-fill-color:\n    #0b3158 !important;\n\n  font-size:\n    16px !important;\n\n  line-height:\n    1.25 !important;\n\n  font-weight:\n    900 !important;\n}\n\n\n.csi-loop-gallery__card-text {\n  margin:\n    7px 0 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #5b6874 !important;\n\n  -webkit-text-fill-color:\n    #5b6874 !important;\n\n  font-size:\n    11.5px !important;\n\n  line-height:\n    1.5 !important;\n\n  font-weight:\n    500 !important;\n}\n\n\n\/* =========================================================\n   BOTTOM MESSAGE\n   ========================================================= *\/\n\n.csi-loop-gallery__message {\n  max-width:\n    720px;\n\n  margin:\n    28px auto 0;\n\n  padding:\n    14px 18px;\n\n  border-radius:\n    14px;\n\n  background:\n    rgba(255,255,255,.07);\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  text-align:\n    center;\n}\n\n\n.csi-loop-gallery__message p {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    rgba(255,255,255,.88) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.88) !important;\n\n  font-size:\n    12.5px !important;\n\n  line-height:\n    1.55 !important;\n\n  font-weight:\n    600 !important;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.csi-loop-gallery__cta-wrap {\n  width: 100%;\n\n  margin-top: 22px;\n\n  padding:\n    0 20px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n}\n\n\n.csi-loop-gallery__cta {\n  min-height:\n    55px;\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    0 25px !important;\n\n  display:\n    inline-flex !important;\n\n  align-items:\n    center !important;\n\n  justify-content:\n    center !important;\n\n  gap:\n    9px !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    12px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffc32b 0%,\n      #ffb719 100%\n    ) !important;\n\n  color:\n    #10283e !important;\n\n  -webkit-text-fill-color:\n    #10283e !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    900 !important;\n\n  white-space:\n    nowrap !important;\n\n  box-shadow:\n    0 12px 26px rgba(255,183,25,.20);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n\n.csi-loop-gallery__cta::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: -30%;\n  bottom: -30%;\n\n  left: -70px;\n\n  width: 38px;\n\n  transform:\n    rotate(18deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.40),\n      transparent\n    );\n\n  animation:\n    csiLoopButtonShine\n    5s\n    ease-in-out\n    infinite;\n}\n\n\n.csi-loop-gallery__cta span {\n  position: relative;\n\n  z-index: 2;\n}\n\n\n.csi-loop-gallery__cta:hover {\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 17px 31px rgba(255,183,25,.30);\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes csiLoopGalleryMove {\n\n  from {\n    transform:\n      translateX(0);\n  }\n\n  to {\n    transform:\n      translateX(-50%);\n  }\n\n}\n\n\n@keyframes csiLoopCircleMove {\n\n  0%,\n  100% {\n    transform:\n      translate(0,0);\n  }\n\n  50% {\n    transform:\n      translate(35px,-20px);\n  }\n\n}\n\n\n@keyframes csiLoopTapeMove {\n\n  0%,\n  100% {\n    transform:\n      rotate(12deg)\n      translate(0,0);\n  }\n\n  50% {\n    transform:\n      rotate(9deg)\n      translate(-20px,10px);\n  }\n\n}\n\n\n@keyframes csiLoopDotPulse {\n\n  0%,\n  100% {\n    box-shadow:\n      0 0 0 4px rgba(255,177,27,.10);\n  }\n\n  50% {\n    box-shadow:\n      0 0 0 8px rgba(255,177,27,.03);\n  }\n\n}\n\n\n@keyframes csiLoopButtonShine {\n\n  0%,\n  67% {\n    left:\n      -70px;\n  }\n\n  82% {\n    left:\n      calc(100% + 70px);\n  }\n\n  100% {\n    left:\n      calc(100% + 70px);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .csi-loop-gallery {\n    padding:\n      56px 0\n      54px;\n  }\n\n\n  .csi-loop-gallery__card {\n    width:\n      320px;\n\n    flex:\n      0 0 320px;\n  }\n\n\n  .csi-loop-gallery__photo {\n    height:\n      360px;\n  }\n\n\n  .csi-loop-gallery__track {\n    animation-duration:\n      39s;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .csi-loop-gallery {\n    padding:\n      44px 0\n      44px;\n  }\n\n\n  .csi-loop-gallery::before,\n  .csi-loop-gallery::after {\n    display:\n      none;\n  }\n\n\n  .csi-loop-gallery__header {\n    margin-bottom:\n      25px;\n\n    padding:\n      0 16px;\n  }\n\n\n  .csi-loop-gallery__badge {\n    min-height:\n      29px;\n\n    padding:\n      0 11px;\n\n    margin-bottom:\n      11px;\n\n    font-size:\n      8px;\n  }\n\n\n  .csi-loop-gallery__title {\n    max-width:\n      350px;\n\n    font-size:\n      29px !important;\n\n    line-height:\n      1.08 !important;\n  }\n\n\n  .csi-loop-gallery__subtitle {\n    max-width:\n      340px;\n\n    margin-top:\n      10px !important;\n\n    font-size:\n      13px !important;\n\n    line-height:\n      1.55 !important;\n  }\n\n\n  .csi-loop-gallery__viewport {\n    padding:\n      8px 0 12px;\n  }\n\n\n  .csi-loop-gallery__viewport::before,\n  .csi-loop-gallery__viewport::after {\n    width:\n      34px;\n  }\n\n\n  .csi-loop-gallery__group {\n    gap:\n      12px;\n\n    padding-right:\n      12px;\n  }\n\n\n  .csi-loop-gallery__card {\n    width:\n      285px;\n\n    flex:\n      0 0 285px;\n\n    padding:\n      8px;\n\n    border-radius:\n      18px;\n  }\n\n\n  \/* IMPORTANT MOBILE NO-CROP *\/\n\n  .csi-loop-gallery__photo {\n    width:\n      100%;\n\n    height:\n      340px;\n\n    border-radius:\n      12px;\n\n    background:\n      #ffffff;\n  }\n\n\n  .csi-loop-gallery__photo img {\n    width:\n      100% !important;\n\n    height:\n      100% !important;\n\n    object-fit:\n      contain !important;\n\n    object-position:\n      center center !important;\n\n    background:\n      #ffffff;\n  }\n\n\n  .csi-loop-gallery__number {\n    top:\n      15px;\n\n    left:\n      15px;\n\n    width:\n      30px;\n\n    height:\n      30px;\n\n    font-size:\n      10px;\n  }\n\n\n  .csi-loop-gallery__content {\n    padding:\n      12px 8px 8px;\n  }\n\n\n  .csi-loop-gallery__card-title {\n    font-size:\n      14px !important;\n  }\n\n\n  .csi-loop-gallery__card-text {\n    margin-top:\n      5px !important;\n\n    font-size:\n      10.5px !important;\n\n    line-height:\n      1.45 !important;\n  }\n\n\n  .csi-loop-gallery__track {\n    animation-duration:\n      34s;\n  }\n\n\n  .csi-loop-gallery__message {\n    margin:\n      21px 16px 0;\n\n    padding:\n      12px 14px;\n  }\n\n\n  .csi-loop-gallery__message p {\n    font-size:\n      11.5px !important;\n  }\n\n\n  .csi-loop-gallery__cta-wrap {\n    margin-top:\n      18px;\n\n    padding:\n      0 16px;\n  }\n\n\n  .csi-loop-gallery__cta {\n    width:\n      100% !important;\n\n    min-height:\n      52px !important;\n\n    padding:\n      0 14px !important;\n\n    display:\n      flex !important;\n\n    font-size:\n      12.5px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONE\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .csi-loop-gallery__title {\n    max-width:\n      320px;\n\n    font-size:\n      27px !important;\n  }\n\n\n  .csi-loop-gallery__card {\n    width:\n      265px;\n\n    flex:\n      0 0 265px;\n  }\n\n\n  .csi-loop-gallery__photo {\n    height:\n      320px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .csi-loop-gallery__track {\n    animation:\n      none !important;\n  }\n\n\n  .csi-loop-gallery__viewport {\n    overflow-x:\n      auto;\n\n    scrollbar-width:\n      thin;\n  }\n\n\n  .csi-loop-gallery__cta::before,\n  .csi-loop-gallery__badge-dot,\n  .csi-loop-gallery::before,\n  .csi-loop-gallery::after {\n    animation:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n<section\n  class=\"csi-loop-gallery\"\n  aria-label=\"CSI Junior Detective Camp Experience\"\n>\n\n  <div class=\"csi-loop-gallery__inner\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"csi-loop-gallery__header\">\n\n\n      <div class=\"csi-loop-gallery__badge\">\n\n        <span\n          class=\"csi-loop-gallery__badge-dot\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        REAL CSI CAMP MOMENTS\n\n      <\/div>\n\n\n      <h2 class=\"csi-loop-gallery__title\">\n\n        This Is Exactly What Your Child\n        <span>Will Experience<\/span>\n\n      <\/h2>\n\n\n      <p class=\"csi-loop-gallery__subtitle\">\n\n        Real CSI activities. Real investigation. Real teamwork.\n        See children step into the role of Junior Investigators\n        through hands-on forensic activities.\n\n      <\/p>\n\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         CONTINUOUS LOOP\n         ===================================================== -->\n\n    <div class=\"csi-loop-gallery__viewport\">\n\n      <div class=\"csi-loop-gallery__track\">\n\n\n        <!-- =================================================\n             GROUP 1\n             ================================================= -->\n\n        <div class=\"csi-loop-gallery__group\">\n\n\n          <!-- 01 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                01\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_2702-scaled-1.jpeg\"\n                alt=\"Child collecting evidence during CSI camp\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Evidence Collection\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children observe the scene carefully, identify clues and collect evidence like junior investigators.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 02 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                02\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_2696-scaled-1.jpeg\"\n                alt=\"Children investigating a crime scene\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Crime Scene Investigation\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children inspect the scene, document clues and work together to decide what evidence matters.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 03 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                03\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_2691-scaled-1.jpeg\"\n                alt=\"Children carrying out forensic activities\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Hands-On Forensics\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children take part in practical forensic activities and learn how evidence can help solve a case.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 04 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                04\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-06-20-at-12.59.05-PM.jpeg\"\n                alt=\"Children working together during CSI camp\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Working Like Investigators\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children practise careful observation, teamwork and evidence handling throughout the investigation.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 05 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                05\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_3165-scaled-1.jpeg\"\n                alt=\"Child analysing clues during CSI camp\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Analyse the Clues\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children compare what they find, connect the clues and learn to think step by step like investigators.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 06 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                06\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_5674-scaled-1.jpeg\"\n                alt=\"Children solving the final CSI mystery\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Solve the Mystery\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Every activity builds towards the final challenge, where children use the evidence to solve the case.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n        <\/div>\n\n\n\n        <!-- =================================================\n             GROUP 2\n             EXACT DUPLICATE FOR SEAMLESS LOOP\n             ================================================= -->\n\n        <div\n          class=\"csi-loop-gallery__group\"\n          aria-hidden=\"true\"\n        >\n\n\n          <!-- 01 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                01\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_2702-scaled-1.jpeg\"\n                alt=\"\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Evidence Collection\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children observe the scene carefully, identify clues and collect evidence like junior investigators.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 02 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                02\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_2696-scaled-1.jpeg\"\n                alt=\"\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Crime Scene Investigation\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children inspect the scene, document clues and work together to decide what evidence matters.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 03 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                03\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_2691-scaled-1.jpeg\"\n                alt=\"\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Hands-On Forensics\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children take part in practical forensic activities and learn how evidence can help solve a case.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 04 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                04\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-06-20-at-12.59.05-PM.jpeg\"\n                alt=\"\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Working Like Investigators\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children practise careful observation, teamwork and evidence handling throughout the investigation.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 05 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                05\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_3165-scaled-1.jpeg\"\n                alt=\"\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Analyse the Clues\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Children compare what they find, connect the clues and learn to think step by step like investigators.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- 06 -->\n\n          <article class=\"csi-loop-gallery__card\">\n\n            <div class=\"csi-loop-gallery__photo\">\n\n              <span class=\"csi-loop-gallery__number\">\n                06\n              <\/span>\n\n              <img decoding=\"async\"\n                src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/IMG_5674-scaled-1.jpeg\"\n                alt=\"\"\n              >\n\n            <\/div>\n\n\n            <div class=\"csi-loop-gallery__content\">\n\n              <h3 class=\"csi-loop-gallery__card-title\">\n                Solve the Mystery\n              <\/h3>\n\n              <p class=\"csi-loop-gallery__card-text\">\n                Every activity builds towards the final challenge, where children use the evidence to solve the case.\n              <\/p>\n\n            <\/div>\n\n          <\/article>\n\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         TRUST MESSAGE\n         ===================================================== -->\n\n    <div class=\"csi-loop-gallery__message\">\n\n      <p>\n        \ud83d\udd0e Hands-on, screen-free activities designed to let children investigate, experiment and solve problems like real Junior CSI investigators.\n      <\/p>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CTA\n         ===================================================== -->\n\n    <div class=\"csi-loop-gallery__cta-wrap\">\n\n      <a\n        class=\"csi-loop-gallery__cta\"\n        href=\"https:\/\/wa.link\/hmexfs\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        <span>\n          View Camp Dates &amp; Sessions \u2192\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f81eee e-flex e-con-boxed e-con e-parent\" data-id=\"67f81eee\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4d546a6 e-con-full e-flex e-con e-child\" data-id=\"4d546a6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fee42b elementor-widget elementor-widget-html\" data-id=\"4fee42b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   CSI - WHAT YOUR CHILD WILL ACTUALLY DO\n   Elementor Friendly\n   ========================================================= *\/\n\n.csi-do-section,\n.csi-do-section * {\n  box-sizing: border-box;\n}\n\n.csi-do-section {\n  width: 100%;\n  padding: 58px 24px 64px;\n\n  background: #ffffff;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  color: #153f3a;\n}\n\n\n\/* =========================================================\n   WRAPPER\n   ========================================================= *\/\n\n.csi-do-wrap {\n  width: 100%;\n  max-width: 1150px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-do-head {\n  max-width: 860px;\n\n  margin: 0 auto;\n\n  text-align: center;\n}\n\n\n.csi-do-title {\n  margin: 0 !important;\n\n  color: #133f3a !important;\n\n  -webkit-text-fill-color: #133f3a !important;\n\n  font-size: clamp(34px, 3.3vw, 48px) !important;\n\n  line-height: 1.08 !important;\n\n  font-weight: 900 !important;\n\n  letter-spacing: -.04em !important;\n}\n\n\n.csi-do-subtitle {\n  max-width: 820px;\n\n  margin: 12px auto 0 !important;\n\n  color: #69736f !important;\n\n  -webkit-text-fill-color: #69736f !important;\n\n  font-size: 17px !important;\n\n  line-height: 1.55 !important;\n\n  font-weight: 400 !important;\n}\n\n\n\/* =========================================================\n   FEATURE IMAGE\n   ========================================================= *\/\n\n.csi-do-image-wrap {\n  width: 100%;\n  max-width: 960px;\n\n  margin: 32px auto 34px;\n\n  position: relative;\n}\n\n\n.csi-do-image {\n  width: 100%;\n  height: auto;\n\n  display: block;\n\n  border-radius: 22px;\n\n  box-shadow:\n    0 18px 44px\n    rgba(15,49,85,.14);\n\n  object-fit: contain;\n}\n\n\n\/* subtle border *\/\n\n.csi-do-image-wrap::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  border-radius: 22px;\n\n  border:\n    1px solid rgba(15,49,85,.08);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   CARDS\n   ========================================================= *\/\n\n.csi-do-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(5, minmax(0,1fr));\n\n  gap: 13px;\n}\n\n\n.csi-do-card {\n  min-width: 0;\n  min-height: 268px;\n\n  padding: 23px;\n\n  display: flex;\n  flex-direction: column;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #173f66 0%,\n      #0f3155 100%\n    );\n\n  box-shadow:\n    0 16px 32px\n    rgba(15,49,85,.12);\n\n  color: #ffffff;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.csi-do-icon {\n  margin-bottom: 30px;\n\n  font-size: 24px;\n\n  line-height: 1;\n}\n\n\n\/* =========================================================\n   CARD TITLE\n   ========================================================= *\/\n\n.csi-do-card-title {\n  margin: 0 !important;\n\n  color: #ffffff !important;\n\n  -webkit-text-fill-color: #ffffff !important;\n\n  font-size: 21px !important;\n\n  line-height: 1.12 !important;\n\n  font-weight: 850 !important;\n\n  letter-spacing: -.025em !important;\n}\n\n\n\/* =========================================================\n   CARD TEXT\n   ========================================================= *\/\n\n.csi-do-card-text {\n  margin: 12px 0 0 !important;\n\n  color: rgba(255,255,255,.90) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.90) !important;\n\n  font-size: 14px !important;\n\n  line-height: 1.62 !important;\n\n  font-weight: 500 !important;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .csi-do-grid {\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n  }\n\n  .csi-do-card:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .csi-do-section {\n    padding:\n      42px 16px\n      46px;\n  }\n\n\n  .csi-do-head {\n    text-align: left;\n  }\n\n\n  .csi-do-title {\n    font-size:\n      30px !important;\n\n    line-height:\n      1.1 !important;\n  }\n\n\n  .csi-do-subtitle {\n    margin-top:\n      10px !important;\n\n    font-size:\n      14px !important;\n\n    line-height:\n      1.55 !important;\n  }\n\n\n  .csi-do-image-wrap {\n    margin:\n      24px auto 26px;\n  }\n\n\n  .csi-do-image {\n    border-radius:\n      16px;\n  }\n\n\n  .csi-do-image-wrap::after {\n    border-radius:\n      16px;\n  }\n\n\n  .csi-do-grid {\n    grid-template-columns:\n      1fr;\n\n    gap: 12px;\n  }\n\n\n  .csi-do-card,\n  .csi-do-card:last-child {\n    grid-column: auto;\n\n    min-height: auto;\n\n    padding: 20px;\n\n    border-radius: 17px;\n  }\n\n\n  .csi-do-icon {\n    margin-bottom: 18px;\n\n    font-size: 22px;\n  }\n\n\n  .csi-do-card-title {\n    font-size:\n      21px !important;\n  }\n\n\n  .csi-do-card-text {\n    margin-top:\n      9px !important;\n\n    font-size:\n      13.5px !important;\n\n    line-height:\n      1.55 !important;\n  }\n\n}\n<\/style>\n\n\n<section class=\"csi-do-section\">\n\n  <div class=\"csi-do-wrap\">\n\n\n    <!-- HEADER -->\n\n    <header class=\"csi-do-head\">\n\n      <h2 class=\"csi-do-title\">\n        What Your Child Will Actually Do\n      <\/h2>\n\n      <p class=\"csi-do-subtitle\">\n        Lead with the specific CSI experiences first; critical thinking,\n        teamwork and confidence become the outcomes.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- FEATURE IMAGE -->\n\n    <div class=\"csi-do-image-wrap\">\n\n      <img decoding=\"async\"\n        class=\"csi-do-image\"\n        src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/08\/CSI-YE.jpg\"\n        alt=\"Children taking part in CSI camp activities\"\n      >\n\n    <\/div>\n\n\n    <!-- CARDS -->\n\n    <div class=\"csi-do-grid\">\n\n\n      <!-- CARD 1 -->\n\n      <article class=\"csi-do-card\">\n\n        <div class=\"csi-do-icon\">\n          \ud83d\udd0d\n        <\/div>\n\n        <h3 class=\"csi-do-card-title\">\n          Collect Evidence\n        <\/h3>\n\n        <p class=\"csi-do-card-text\">\n          Observe, document and handle clues using child-safe\n          investigative tools.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 2 -->\n\n      <article class=\"csi-do-card\">\n\n        <div class=\"csi-do-icon\">\n          \ud83e\uddea\n        <\/div>\n\n        <h3 class=\"csi-do-card-title\">\n          Run Forensic Tests\n        <\/h3>\n\n        <p class=\"csi-do-card-text\">\n          Explore fingerprints, chromatography and age-appropriate\n          forensic methods.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 3 -->\n\n      <article class=\"csi-do-card\">\n\n        <div class=\"csi-do-icon\">\n          \ud83d\udcdd\n        <\/div>\n\n        <h3 class=\"csi-do-card-title\">\n          Analyse Suspects\n        <\/h3>\n\n        <p class=\"csi-do-card-text\">\n          Compare findings, examine patterns and decide which clues\n          matter most.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 4 -->\n\n      <article class=\"csi-do-card\">\n\n        <div class=\"csi-do-icon\">\n          \ud83e\udde0\n        <\/div>\n\n        <h3 class=\"csi-do-card-title\">\n          Connect the Clues\n        <\/h3>\n\n        <p class=\"csi-do-card-text\">\n          Build a logical conclusion from evidence rather than\n          simply guessing.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 5 -->\n\n      <article class=\"csi-do-card\">\n\n        <div class=\"csi-do-icon\">\n          \ud83d\udd75\ufe0f\n        <\/div>\n\n        <h3 class=\"csi-do-card-title\">\n          Solve the Final Case\n        <\/h3>\n\n        <p class=\"csi-do-card-text\">\n          Work with the CSI squad to present a conclusion and\n          complete the mission.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c162d3 e-flex e-con-boxed e-con e-parent\" data-id=\"7c162d3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c4bd095 e-con-full e-flex e-con e-child\" data-id=\"c4bd095\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dfaf29 elementor-widget elementor-widget-html\" data-id=\"3dfaf29\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CRIME SCENE INVESTIGATION CAMP\n     YEAR-END 2026\n\n     SINGLE COLUMN VERSION\n\n     LOCATION:\n     Havelock 2\n\n     SESSIONS:\n     - Morning 9AM\u201312PM\n     - Afternoon 1PM\u20134PM\n\n     DYNAMIC EARLY BIRD SLOT AVAILABILITY\n     DYNAMIC WHATSAPP CTA\n     META PIXEL READY\n     ELEMENTOR FRIENDLY\n     ========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n.csi-booking,\n.csi-booking *,\n.csi-booking *::before,\n.csi-booking *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n.csi-booking {\n  --navy: #0d3155;\n  --navy-dark: #102c4a;\n  --orange: #ffb11b;\n  --orange-light: #ffc54b;\n\n  --white: #ffffff;\n  --text: #26322f;\n  --muted: #68736f;\n\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n\n  padding:\n    64px 24px\n    72px;\n\n  background:\n    radial-gradient(\n      circle at 10% 8%,\n      rgba(255,255,255,.06) 0%,\n      rgba(255,255,255,0) 26%\n    ),\n    radial-gradient(\n      circle at 92% 90%,\n      rgba(255,177,27,.06) 0%,\n      rgba(255,177,27,0) 30%\n    ),\n    linear-gradient(\n      135deg,\n      #0d3155 0%,\n      #123d66 52%,\n      #0c2d4e 100%\n    );\n\n  font-family:\n    \"Plus Jakarta Sans\",\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND DECOR\n   ========================================================= *\/\n\n.csi-booking::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 340px;\n  height: 340px;\n\n  left: -180px;\n  top: -170px;\n\n  border-radius: 50%;\n\n  border:\n    46px solid rgba(255,255,255,.025);\n\n  pointer-events: none;\n}\n\n\n.csi-booking::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 280px;\n  height: 280px;\n\n  right: -135px;\n  bottom: -145px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,177,27,.035);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   WRAP\n   ========================================================= *\/\n\n.csi-booking__wrap {\n  width: 100%;\n\n  max-width: 900px;\n\n  margin: 0 auto;\n\n  position: relative;\n\n  z-index: 2;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-booking__header {\n  max-width: 790px;\n\n  margin:\n    0 auto 38px;\n\n  text-align: center;\n}\n\n\n.csi-booking__eyebrow {\n  min-height: 30px;\n\n  padding:\n    0 13px;\n\n  margin-bottom:\n    13px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius:\n    999px;\n\n  background:\n    rgba(255,255,255,.10);\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  color:\n    #ffffff;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    .11em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.csi-booking__title {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #ffffff !important;\n\n  -webkit-text-fill-color:\n    #ffffff !important;\n\n  font-family:\n    \"Montserrat\",\n    sans-serif !important;\n\n  font-size:\n    clamp(\n      37px,\n      3.9vw,\n      52px\n    ) !important;\n\n  line-height:\n    1.06 !important;\n\n  font-weight:\n    800 !important;\n\n  letter-spacing:\n    -.035em !important;\n\n  text-align:\n    center !important;\n}\n\n\n.csi-booking__subtitle {\n  max-width:\n    680px;\n\n  margin:\n    13px auto 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    rgba(255,255,255,.80) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.80) !important;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1.6 !important;\n\n  font-weight:\n    500 !important;\n\n  text-align:\n    center !important;\n}\n\n\n\/* =========================================================\n   MAIN PANEL\n   ========================================================= *\/\n\n.csi-booking__panel {\n  width: 100%;\n\n  padding:\n    36px;\n\n  border-radius:\n    26px;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 24px 52px rgba(4,25,43,.25);\n}\n\n\n\/* =========================================================\n   GROUP\n   ========================================================= *\/\n\n.csi-booking__group {\n  margin-bottom:\n    29px;\n}\n\n\n.csi-booking__label {\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    10px;\n\n  margin-bottom:\n    13px;\n\n  color:\n    #26322f;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    800;\n}\n\n\n.csi-booking__label-icon {\n  width:\n    35px;\n\n  height:\n    35px;\n\n  flex:\n    0 0 35px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(255,177,27,.13);\n\n  color:\n    var(--navy);\n\n  font-size:\n    15px;\n}\n\n\n\/* =========================================================\n   LOCATION\n   ========================================================= *\/\n\n.csi-booking__location {\n  width:\n    100%;\n\n  min-height:\n    76px;\n\n  padding:\n    14px 18px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    12px;\n\n  border:\n    1.5px solid rgba(13,49,85,.14);\n\n  border-radius:\n    14px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fbfcfd 0%,\n      #ffffff 100%\n    );\n}\n\n\n.csi-booking__location-icon {\n  width:\n    42px;\n\n  height:\n    42px;\n\n  flex:\n    0 0 42px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(255,177,27,.13);\n\n  font-size:\n    18px;\n}\n\n\n.csi-booking__location-title {\n  color:\n    #292f2c;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    800;\n}\n\n\n.csi-booking__location-sub {\n  margin-top:\n    3px;\n\n  color:\n    #858b88;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    600;\n}\n\n\n\/* =========================================================\n   OPTION GRIDS\n   ========================================================= *\/\n\n.csi-booking__date-grid,\n.csi-booking__session-grid {\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:\n    12px;\n}\n\n\n\/* =========================================================\n   OPTION\n   ========================================================= *\/\n\n.csi-booking__option {\n  position:\n    relative;\n\n  min-width:\n    0;\n}\n\n\n.csi-booking__option input {\n  position:\n    absolute;\n\n  opacity:\n    0;\n\n  pointer-events:\n    none;\n}\n\n\n.csi-booking__option label {\n  width:\n    100%;\n\n  min-height:\n    82px;\n\n  padding:\n    13px 14px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    10px;\n\n  border:\n    1.5px solid rgba(31,35,33,.17);\n\n  border-radius:\n    14px;\n\n  background:\n    #ffffff;\n\n  color:\n    #292f2c;\n\n  cursor:\n    pointer;\n\n  box-shadow:\n    0 5px 14px rgba(0,0,0,.03);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    background .2s ease,\n    color .2s ease,\n    box-shadow .2s ease;\n}\n\n\n.csi-booking__option label:hover {\n  transform:\n    translateY(-2px);\n\n  border-color:\n    rgba(13,49,85,.42);\n\n  box-shadow:\n    0 10px 22px rgba(13,49,85,.09);\n}\n\n\n.csi-booking__option input:checked + label {\n  background:\n    linear-gradient(\n      135deg,\n      #184a77 0%,\n      #0d3155 100%\n    );\n\n  border-color:\n    var(--navy);\n\n  color:\n    #ffffff;\n\n  box-shadow:\n    0 11px 24px rgba(13,49,85,.22);\n}\n\n\n\/* =========================================================\n   OPTION ICON\n   ========================================================= *\/\n\n.csi-booking__option-icon {\n  width:\n    38px;\n\n  height:\n    38px;\n\n  flex:\n    0 0 38px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  background:\n    rgba(255,177,27,.13);\n\n  font-size:\n    16px;\n}\n\n\n.csi-booking__option input:checked + label\n.csi-booking__option-icon {\n  background:\n    #ffffff;\n}\n\n\n\/* =========================================================\n   DATE\n   ========================================================= *\/\n\n.csi-booking__date label {\n  min-height:\n    98px;\n\n  flex-direction:\n    column;\n\n  gap:\n    7px;\n\n  text-align:\n    center;\n}\n\n\n.csi-booking__date-main {\n  display:\n    block;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.25;\n\n  font-weight:\n    800;\n}\n\n\n.csi-booking__date-sub {\n  display:\n    block;\n\n  margin-top:\n    2px;\n\n  color:\n    #858b88;\n\n  font-size:\n    10.5px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    600;\n}\n\n\n.csi-booking__option input:checked + label\n.csi-booking__date-sub {\n  color:\n    rgba(255,255,255,.78);\n}\n\n\n\/* =========================================================\n   SESSION\n   ========================================================= *\/\n\n.csi-booking__session-title {\n  display:\n    block;\n\n  font-size:\n    15px;\n\n  line-height:\n    1.25;\n\n  font-weight:\n    800;\n}\n\n\n.csi-booking__session-time {\n  display:\n    block;\n\n  margin-top:\n    3px;\n\n  color:\n    #858b88;\n\n  font-size:\n    10.5px;\n\n  line-height:\n    1.25;\n\n  font-weight:\n    600;\n}\n\n\n.csi-booking__option input:checked + label\n.csi-booking__session-time {\n  color:\n    rgba(255,255,255,.78);\n}\n\n\n\/* =========================================================\n   EARLY BIRD BOX\n   ========================================================= *\/\n\n.csi-booking__offer {\n  margin:\n    -2px 0 26px;\n\n  padding:\n    18px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    14px;\n\n  border:\n    1px solid #e5e8e6;\n\n  border-radius:\n    16px;\n\n  background:\n    #f8faf9;\n\n  transition:\n    background .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.csi-booking__offer.is-early-bird {\n  background:\n    linear-gradient(\n      135deg,\n      #fff9ea 0%,\n      #fffdf7 100%\n    );\n\n  border-color:\n    rgba(255,177,27,.42);\n\n  box-shadow:\n    0 10px 24px rgba(255,177,27,.08);\n}\n\n\n.csi-booking__offer.is-low {\n  background:\n    linear-gradient(\n      135deg,\n      #fff0eb 0%,\n      #fffaf8 100%\n    );\n\n  border-color:\n    rgba(176,33,36,.28);\n\n  box-shadow:\n    0 10px 24px rgba(176,33,36,.07);\n}\n\n\n.csi-booking__offer.is-low\n.csi-booking__offer-title {\n  color:\n    #b02124;\n}\n\n\n.csi-booking__offer-icon {\n  width:\n    48px;\n\n  height:\n    48px;\n\n  flex:\n    0 0 48px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 6px 16px rgba(0,0,0,.06);\n\n  font-size:\n    21px;\n}\n\n\n.csi-booking__offer-content {\n  min-width:\n    0;\n\n  flex:\n    1;\n}\n\n\n.csi-booking__offer-label {\n  margin-bottom:\n    3px;\n\n  color:\n    #8a8f8c;\n\n  font-size:\n    9px;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    .08em;\n\n  text-transform:\n    uppercase;\n}\n\n\n.csi-booking__offer-title {\n  color:\n    #272c29;\n\n  font-family:\n    \"Montserrat\",\n    sans-serif;\n\n  font-size:\n    16px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    900;\n}\n\n\n.csi-booking__offer-sub {\n  margin-top:\n    4px;\n\n  color:\n    #717875;\n\n  font-size:\n    11.5px;\n\n  line-height:\n    1.45;\n\n  font-weight:\n    500;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.csi-booking__cta {\n  width:\n    100%;\n\n  min-height:\n    56px;\n\n  padding:\n    0 18px !important;\n\n  display:\n    flex !important;\n\n  align-items:\n    center !important;\n\n  justify-content:\n    center !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    12px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffc54b 0%,\n      #ffb11b 100%\n    ) !important;\n\n  color:\n    #142536 !important;\n\n  -webkit-text-fill-color:\n    #142536 !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    13.5px !important;\n\n  line-height:\n    1.2 !important;\n\n  font-weight:\n    900 !important;\n\n  white-space:\n    nowrap !important;\n\n  text-align:\n    center !important;\n\n  box-shadow:\n    0 12px 26px rgba(255,177,27,.18);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n\n.csi-booking__cta:hover {\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 17px 32px rgba(255,177,27,.28);\n}\n\n\n.csi-booking__micro {\n  margin-top:\n    9px;\n\n  color:\n    #858b88;\n\n  font-size:\n    10.5px;\n\n  line-height:\n    1.45;\n\n  font-weight:\n    500;\n\n  text-align:\n    center;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:1024px) {\n\n  .csi-booking {\n    padding:\n      54px 20px\n      60px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:767px) {\n\n  .csi-booking {\n    padding:\n      42px 16px\n      48px;\n  }\n\n\n  .csi-booking__header {\n    margin-bottom:\n      27px;\n\n    text-align:\n      left;\n  }\n\n\n  .csi-booking__title {\n    font-size:\n      30px !important;\n\n    line-height:\n      1.08 !important;\n\n    text-align:\n      left !important;\n  }\n\n\n  .csi-booking__subtitle {\n    max-width:\n      none;\n\n    font-size:\n      13px !important;\n\n    line-height:\n      1.55 !important;\n\n    text-align:\n      left !important;\n  }\n\n\n  .csi-booking__panel {\n    padding:\n      24px 16px;\n\n    border-radius:\n      20px;\n  }\n\n\n  .csi-booking__date-grid {\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:\n      9px;\n  }\n\n\n  .csi-booking__session-grid {\n    grid-template-columns:\n      1fr;\n\n    gap:\n      10px;\n  }\n\n\n  .csi-booking__option label {\n    min-height:\n      68px;\n\n    padding:\n      11px 12px;\n\n    border-radius:\n      12px;\n  }\n\n\n  .csi-booking__date label {\n    min-height:\n      90px;\n\n    padding:\n      11px 7px;\n  }\n\n\n  .csi-booking__offer {\n    padding:\n      14px;\n\n    gap:\n      11px;\n\n    border-radius:\n      14px;\n  }\n\n\n  .csi-booking__offer-icon {\n    width:\n      42px;\n\n    height:\n      42px;\n\n    flex:\n      0 0 42px;\n\n    font-size:\n      18px;\n  }\n\n\n  .csi-booking__offer-title {\n    font-size:\n      14px;\n  }\n\n\n  .csi-booking__offer-sub {\n    font-size:\n      10.5px;\n  }\n\n\n  .csi-booking__cta {\n    min-height:\n      52px !important;\n\n    padding:\n      0 12px !important;\n\n    font-size:\n      12px !important;\n  }\n\n}\n\n<\/style>\n\n\n<section\n  class=\"csi-booking\"\n  aria-label=\"Crime Scene Investigation Year-End Schedule\"\n>\n\n  <div class=\"csi-booking__wrap\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"csi-booking__header\">\n\n\n      <div class=\"csi-booking__eyebrow\">\n        YEAR-END 2026\n      <\/div>\n\n\n      <h2 class=\"csi-booking__title\">\n        Choose Your CSI Camp Schedule\n      <\/h2>\n\n\n      <p class=\"csi-booking__subtitle\">\n        Select your preferred 3-day camp dates and session,\n        then see the remaining Early Bird promotional availability.\n      <\/p>\n\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         SINGLE MAIN PANEL\n         ===================================================== -->\n\n    <div class=\"csi-booking__panel\">\n\n\n      <!-- ===================================================\n           LOCATION\n           =================================================== -->\n\n      <div class=\"csi-booking__group\">\n\n\n        <div class=\"csi-booking__label\">\n\n          <div class=\"csi-booking__label-icon\">\n            \ud83d\udccd\n          <\/div>\n\n          <span>\n            1. Location\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"csi-booking__location\">\n\n\n          <div class=\"csi-booking__location-icon\">\n            \ud83d\udccd\n          <\/div>\n\n\n          <div>\n\n            <div class=\"csi-booking__location-title\">\n              Havelock 2\n            <\/div>\n\n            <div class=\"csi-booking__location-sub\">\n              Singapore\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           DATES\n           =================================================== -->\n\n      <div class=\"csi-booking__group\">\n\n\n        <div class=\"csi-booking__label\">\n\n          <div class=\"csi-booking__label-icon\">\n            \ud83d\udcc5\n          <\/div>\n\n          <span>\n            2. Available Dates\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"csi-booking__date-grid\">\n\n\n          <!-- WEEK 1 -->\n\n          <div class=\"csi-booking__option csi-booking__date\">\n\n            <input\n              type=\"radio\"\n              name=\"csi-date\"\n              id=\"csi-date-1\"\n              value=\"25-27 Nov\"\n            >\n\n            <label for=\"csi-date-1\">\n\n              <span class=\"csi-booking__option-icon\">\n                \ud83d\udcc5\n              <\/span>\n\n              <span>\n\n                <span class=\"csi-booking__date-main\">\n                  25\u201327 Nov\n                <\/span>\n\n                <span class=\"csi-booking__date-sub\">\n                  3 Days\n                <\/span>\n\n              <\/span>\n\n            <\/label>\n\n          <\/div>\n\n\n\n          <!-- WEEK 2 -->\n\n          <div class=\"csi-booking__option csi-booking__date\">\n\n            <input\n              type=\"radio\"\n              name=\"csi-date\"\n              id=\"csi-date-2\"\n              value=\"2-4 Dec\"\n            >\n\n            <label for=\"csi-date-2\">\n\n              <span class=\"csi-booking__option-icon\">\n                \ud83d\udcc5\n              <\/span>\n\n              <span>\n\n                <span class=\"csi-booking__date-main\">\n                  2\u20134 Dec\n                <\/span>\n\n                <span class=\"csi-booking__date-sub\">\n                  3 Days\n                <\/span>\n\n              <\/span>\n\n            <\/label>\n\n          <\/div>\n\n\n\n          <!-- WEEK 3 -->\n\n          <div class=\"csi-booking__option csi-booking__date\">\n\n            <input\n              type=\"radio\"\n              name=\"csi-date\"\n              id=\"csi-date-3\"\n              value=\"9-11 Dec\"\n            >\n\n            <label for=\"csi-date-3\">\n\n              <span class=\"csi-booking__option-icon\">\n                \ud83d\udcc5\n              <\/span>\n\n              <span>\n\n                <span class=\"csi-booking__date-main\">\n                  9\u201311 Dec\n                <\/span>\n\n                <span class=\"csi-booking__date-sub\">\n                  3 Days\n                <\/span>\n\n              <\/span>\n\n            <\/label>\n\n          <\/div>\n\n\n\n          <!-- WEEK 4 -->\n\n          <div class=\"csi-booking__option csi-booking__date\">\n\n            <input\n              type=\"radio\"\n              name=\"csi-date\"\n              id=\"csi-date-4\"\n              value=\"16-18 Dec\"\n            >\n\n            <label for=\"csi-date-4\">\n\n              <span class=\"csi-booking__option-icon\">\n                \ud83d\udcc5\n              <\/span>\n\n              <span>\n\n                <span class=\"csi-booking__date-main\">\n                  16\u201318 Dec\n                <\/span>\n\n                <span class=\"csi-booking__date-sub\">\n                  3 Days\n                <\/span>\n\n              <\/span>\n\n            <\/label>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           SESSION\n           =================================================== -->\n\n      <div class=\"csi-booking__group\">\n\n\n        <div class=\"csi-booking__label\">\n\n          <div class=\"csi-booking__label-icon\">\n            \ud83d\udd58\n          <\/div>\n\n          <span>\n            3. Choose Your Session\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"csi-booking__session-grid\">\n\n\n          <!-- MORNING -->\n\n          <div class=\"csi-booking__option\">\n\n            <input\n              type=\"radio\"\n              name=\"csi-session\"\n              id=\"csi-session-am\"\n              value=\"9AM-12PM\"\n            >\n\n            <label for=\"csi-session-am\">\n\n              <span class=\"csi-booking__option-icon\">\n                \u2600\ufe0f\n              <\/span>\n\n              <span>\n\n                <span class=\"csi-booking__session-title\">\n                  Morning\n                <\/span>\n\n                <span class=\"csi-booking__session-time\">\n                  9AM\u201312PM\n                <\/span>\n\n              <\/span>\n\n            <\/label>\n\n          <\/div>\n\n\n\n          <!-- AFTERNOON -->\n\n          <div class=\"csi-booking__option\">\n\n            <input\n              type=\"radio\"\n              name=\"csi-session\"\n              id=\"csi-session-pm\"\n              value=\"1PM-4PM\"\n            >\n\n            <label for=\"csi-session-pm\">\n\n              <span class=\"csi-booking__option-icon\">\n                \ud83c\udf24\ufe0f\n              <\/span>\n\n              <span>\n\n                <span class=\"csi-booking__session-title\">\n                  Afternoon\n                <\/span>\n\n                <span class=\"csi-booking__session-time\">\n                  1PM\u20134PM\n                <\/span>\n\n              <\/span>\n\n            <\/label>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           EARLY BIRD\n           =================================================== -->\n\n      <div\n        class=\"csi-booking__offer\"\n        id=\"csi-offer\"\n        aria-live=\"polite\"\n      >\n\n\n        <div\n          class=\"csi-booking__offer-icon\"\n          id=\"csi-offer-icon\"\n        >\n          \ud83c\udf9f\ufe0f\n        <\/div>\n\n\n        <div class=\"csi-booking__offer-content\">\n\n\n          <div\n            class=\"csi-booking__offer-label\"\n            id=\"csi-offer-label\"\n          >\n            Early Bird Availability\n          <\/div>\n\n\n          <div\n            class=\"csi-booking__offer-title\"\n            id=\"csi-offer-title\"\n          >\n            Select a date and session\n          <\/div>\n\n\n          <div\n            class=\"csi-booking__offer-sub\"\n            id=\"csi-offer-sub\"\n          >\n            Remaining promotional slots will appear here.\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           CTA\n           =================================================== -->\n\n      <a\n        class=\"csi-booking__cta\"\n        id=\"csi-dynamic-cta\"\n        href=\"https:\/\/wa.me\/6588454045\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        <span>\n          \ud83d\udc49 CHECK AVAILABILITY FOR MY CHILD\n        <\/span>\n\n      <\/a>\n\n\n      <div class=\"csi-booking__micro\">\n        Early Bird promotional slots are limited and subject to availability.\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n\n  const section =\n    document.querySelector(\n      '.csi-booking'\n    );\n\n\n  if (!section) {\n    return;\n  }\n\n\n\n  \/* =========================================================\n     WHATSAPP\n     ========================================================= *\/\n\n  const phone =\n    '6588454045';\n\n\n\n  \/* =========================================================\n     EARLY BIRD SLOT DATA\n\n     EDIT NUMBERS HERE ONLY\n     ========================================================= *\/\n\n  const earlyBirdSlots = {\n\n\n    '25-27 Nov': {\n\n      '9AM-12PM': 3,\n\n      '1PM-4PM': 4\n\n    },\n\n\n    '2-4 Dec': {\n\n      '9AM-12PM': 5,\n\n      '1PM-4PM': 2\n\n    },\n\n\n    '9-11 Dec': {\n\n      '9AM-12PM': 6,\n\n      '1PM-4PM': 5\n\n    },\n\n\n    '16-18 Dec': {\n\n      '9AM-12PM': 4,\n\n      '1PM-4PM': 3\n\n    }\n\n\n  };\n\n\n\n  \/* =========================================================\n     ELEMENTS\n     ========================================================= *\/\n\n  const cta =\n    section.querySelector(\n      '#csi-dynamic-cta'\n    );\n\n\n  const offerBox =\n    section.querySelector(\n      '#csi-offer'\n    );\n\n\n  const offerIcon =\n    section.querySelector(\n      '#csi-offer-icon'\n    );\n\n\n  const offerLabel =\n    section.querySelector(\n      '#csi-offer-label'\n    );\n\n\n  const offerTitle =\n    section.querySelector(\n      '#csi-offer-title'\n    );\n\n\n  const offerSub =\n    section.querySelector(\n      '#csi-offer-sub'\n    );\n\n\n\n  \/* =========================================================\n     GET SELECTED\n     ========================================================= *\/\n\n  function getSelected(name) {\n\n\n    const selected =\n      section.querySelector(\n        'input[name=\"' +\n        name +\n        '\"]:checked'\n      );\n\n\n    return selected\n      ? selected.value\n      : null;\n\n  }\n\n\n\n  \/* =========================================================\n     PRETTY DATE\n     ========================================================= *\/\n\n  function prettyDate(date) {\n\n\n    const dates = {\n\n\n      '25-27 Nov':\n        '25\u201327 Nov',\n\n\n      '2-4 Dec':\n        '2\u20134 Dec',\n\n\n      '9-11 Dec':\n        '9\u201311 Dec',\n\n\n      '16-18 Dec':\n        '16\u201318 Dec'\n\n\n    };\n\n\n    return dates[date] || date;\n\n  }\n\n\n\n  \/* =========================================================\n     PRETTY SESSION\n     ========================================================= *\/\n\n  function prettySession(session) {\n\n\n    const sessions = {\n\n\n      '9AM-12PM':\n        'Morning \u00b7 9AM\u201312PM',\n\n\n      '1PM-4PM':\n        'Afternoon \u00b7 1PM\u20134PM'\n\n\n    };\n\n\n    return sessions[session] || session;\n\n  }\n\n\n\n  \/* =========================================================\n     GET SLOT\n     ========================================================= *\/\n\n  function getSlots(date,session) {\n\n\n    if (\n      !date ||\n      !session ||\n      !earlyBirdSlots[date]\n    ) {\n\n      return null;\n\n    }\n\n\n    return earlyBirdSlots[date][session] ?? null;\n\n  }\n\n\n\n  \/* =========================================================\n     CLEAR STYLE\n     ========================================================= *\/\n\n  function clearOfferClasses() {\n\n\n    offerBox.classList.remove(\n      'is-early-bird',\n      'is-low'\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     RESET CTA\n     ========================================================= *\/\n\n  function resetCTA() {\n\n\n    cta.href =\n      'https:\/\/wa.me\/' +\n      phone;\n\n\n    cta.innerHTML =\n      '<span>\ud83d\udc49 CHECK AVAILABILITY FOR MY CHILD<\/span>';\n\n  }\n\n\n\n  \/* =========================================================\n     UPDATE\n     ========================================================= *\/\n\n  function updateSelection() {\n\n\n    const date =\n      getSelected(\n        'csi-date'\n      );\n\n\n    const session =\n      getSelected(\n        'csi-session'\n      );\n\n\n    clearOfferClasses();\n\n\n\n    \/* NOTHING SELECTED *\/\n\n    if (\n      !date &&\n      !session\n    ) {\n\n\n      offerIcon.textContent =\n        '\ud83c\udf9f\ufe0f';\n\n\n      offerLabel.textContent =\n        'Early Bird Availability';\n\n\n      offerTitle.textContent =\n        'Select a date and session';\n\n\n      offerSub.textContent =\n        'Remaining promotional slots will appear here.';\n\n\n      resetCTA();\n\n\n      return;\n\n    }\n\n\n\n    \/* DATE ONLY *\/\n\n    if (\n      date &&\n      !session\n    ) {\n\n\n      offerIcon.textContent =\n        '\ud83d\udd58';\n\n\n      offerLabel.textContent =\n        'Next Step';\n\n\n      offerTitle.textContent =\n        'Now choose your preferred session';\n\n\n      offerSub.textContent =\n        prettyDate(date) +\n        ' selected.';\n\n\n      cta.href =\n        'https:\/\/wa.me\/' +\n        phone;\n\n\n      cta.innerHTML =\n        '<span>\ud83d\udc49 SELECT A SESSION TO CONTINUE<\/span>';\n\n\n      return;\n\n    }\n\n\n\n    \/* SESSION ONLY *\/\n\n    if (\n      !date &&\n      session\n    ) {\n\n\n      offerIcon.textContent =\n        '\ud83d\udcc5';\n\n\n      offerLabel.textContent =\n        'Next Step';\n\n\n      offerTitle.textContent =\n        'Now choose your preferred dates';\n\n\n      offerSub.textContent =\n        prettySession(session) +\n        ' selected.';\n\n\n      cta.href =\n        'https:\/\/wa.me\/' +\n        phone;\n\n\n      cta.innerHTML =\n        '<span>\ud83d\udc49 SELECT DATES TO CONTINUE<\/span>';\n\n\n      return;\n\n    }\n\n\n\n    \/* =======================================================\n       BOTH SELECTED\n       ======================================================= *\/\n\n    const slots =\n      getSlots(\n        date,\n        session\n      );\n\n\n    offerLabel.textContent =\n      'Early Bird Availability';\n\n\n\n    \/* NO DATA *\/\n\n    if (\n      typeof slots !== 'number'\n    ) {\n\n\n      offerIcon.textContent =\n        '\u2139\ufe0f';\n\n\n      offerTitle.textContent =\n        'Check Early Bird availability';\n\n\n      offerSub.textContent =\n        prettyDate(date) +\n        ' \u00b7 ' +\n        prettySession(session);\n\n\n    }\n\n\n\n    \/* FULL *\/\n\n    else if (\n      slots <= 0\n    ) {\n\n\n      offerIcon.textContent =\n        '\u23f3';\n\n\n      offerTitle.textContent =\n        'Early Bird Slots Fully Taken';\n\n\n      offerSub.textContent =\n        prettyDate(date) +\n        ' \u00b7 ' +\n        prettySession(session);\n\n\n    }\n\n\n\n    \/* LOW *\/\n\n    else if (\n      slots <= 3\n    ) {\n\n\n      offerBox.classList.add(\n        'is-low'\n      );\n\n\n      offerIcon.textContent =\n        '\ud83d\udd25';\n\n\n      offerTitle.textContent =\n        'Only ' +\n        slots +\n        ' Early Bird Slot' +\n        (\n          slots === 1\n            ? ''\n            : 's'\n        ) +\n        ' Left';\n\n\n      offerSub.textContent =\n        prettyDate(date) +\n        ' \u00b7 ' +\n        prettySession(session) +\n        ' \u2014 secure your promotional rate while available.';\n\n\n    }\n\n\n\n    \/* NORMAL *\/\n\n    else {\n\n\n      offerBox.classList.add(\n        'is-early-bird'\n      );\n\n\n      offerIcon.textContent =\n        '\ud83d\udd25';\n\n\n      offerTitle.textContent =\n        slots +\n        ' Early Bird Slots Left';\n\n\n      offerSub.textContent =\n        prettyDate(date) +\n        ' \u00b7 ' +\n        prettySession(session) +\n        ' \u2014 promotional places are limited.';\n\n\n    }\n\n\n\n    \/* =======================================================\n       WHATSAPP MESSAGE\n       ======================================================= *\/\n\n    let slotSentence =\n      'Please help me check the current Early Bird availability.';\n\n\n\n    if (\n      typeof slots === 'number'\n    ) {\n\n\n      if (\n        slots > 0\n      ) {\n\n\n        slotSentence =\n          `I saw that there are ${slots} Early Bird slots left for this session.`;\n\n      }\n\n\n      else {\n\n\n        slotSentence =\n          `I saw that the Early Bird allocation for this session may already be fully taken.`;\n\n      }\n\n    }\n\n\n\n    const message =\n`Hi, I'm interested in Crime Scene Investigation Camp.\n\nPreferred Dates: ${prettyDate(date)}\nPreferred Session: ${prettySession(session)}\nLocation: Havelock 2\n\n${slotSentence}\n\nCould you help me check availability and secure a place for my child?`;\n\n\n\n    cta.href =\n      'https:\/\/wa.me\/' +\n      phone +\n      '?text=' +\n      encodeURIComponent(\n        message\n      );\n\n\n    cta.innerHTML =\n      '<span>\ud83d\udc49 CHECK ' +\n      prettyDate(date).toUpperCase() +\n      ' AVAILABILITY<\/span>';\n\n  }\n\n\n\n  \/* =========================================================\n     CHANGE EVENTS\n     ========================================================= *\/\n\n  section\n    .querySelectorAll(\n      'input[name=\"csi-date\"], input[name=\"csi-session\"]'\n    )\n    .forEach(\n      function (input) {\n\n\n        input.addEventListener(\n          'change',\n          updateSelection\n        );\n\n\n      }\n    );\n\n\n\n  \/* =========================================================\n     META PIXEL\n     ========================================================= *\/\n\n  cta.addEventListener(\n    'click',\n    function () {\n\n\n      const date =\n        getSelected(\n          'csi-date'\n        );\n\n\n      const session =\n        getSelected(\n          'csi-session'\n        );\n\n\n      if (\n        !date ||\n        !session ||\n        typeof fbq !== 'function'\n      ) {\n\n        return;\n\n      }\n\n\n      const slots =\n        getSlots(\n          date,\n          session\n        );\n\n\n      fbq(\n        'trackCustom',\n        'CSI_CheckAvailability',\n        {\n\n          programme:\n            'Crime Scene Investigation Camp',\n\n          dates:\n            date,\n\n          timing:\n            session,\n\n          session_type:\n            'Half Day',\n\n          offer_type:\n            'Early Bird',\n\n          slots_left:\n            slots,\n\n          location:\n            'Havelock 2'\n\n        }\n      );\n\n\n    }\n  );\n\n\n\n  updateSelection();\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f7fcff e-flex e-con-boxed e-con e-parent\" data-id=\"0f7fcff\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a88bb03 elementor-widget elementor-widget-spacer\" data-id=\"a88bb03\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20259af animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"20259af\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_mobile&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Parent's Says About Our Camp<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fea973f animated-slow elementor-invisible elementor-widget elementor-widget-image-carousel\" data-id=\"fea973f\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_mobile&quot;:&quot;zoomIn&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/13-4.png\" alt=\"13 (4)\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/15-2.png\" alt=\"15 (2)\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/14-4.png\" alt=\"14 (4)\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b06e3dc elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"b06e3dc\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;bounce&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/wa.link\/kntggb\" id=\"d6\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u2b50 Join Other Parents Securing Their Child\u2019s Slot<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccde5f4 e-flex e-con-boxed e-con e-parent\" data-id=\"ccde5f4\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d11221 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"9d11221\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInDown&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 3 CARDS | CSI PARENTS | WHITE CARD VERSION | WITH SOFT GRADIENT + CTWA -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<!-- Montserrat untuk judul, Plus Jakarta Sans untuk paragraf dan sub -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\n>\n\n\n<section\n  class=\"csi-parents-white\"\n  aria-label=\"Why parents choose our CSI camp\"\n>\n\n  <div class=\"csi-parents-white__wrap\">\n\n\n    <!-- =====================================================\n         HEADER\n         ===================================================== -->\n\n    <header class=\"csi-parents-white__head\">\n\n      <h2 class=\"csi-parents-white__title\">\n        Why Parents Choose Our CSI Camp\n      <\/h2>\n\n      <p class=\"csi-parents-white__sub\">\n        Serious learning. Real skills. Recognised outcomes.\n      <\/p>\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         CARDS\n         ===================================================== -->\n\n    <div\n      class=\"csi-parents-white__grid\"\n      role=\"list\"\n    >\n\n\n      <!-- CARD 1 -->\n\n      <article\n        class=\"csi-parents-white__card\"\n        role=\"listitem\"\n      >\n\n        <div\n          class=\"csi-parents-white__icon\"\n          aria-hidden=\"true\"\n        >\n          <i class=\"fa-solid fa-certificate\"><\/i>\n        <\/div>\n\n\n        <h3 class=\"csi-parents-white__cardTitle\">\n          STEM.org Accredited Certificate\n        <\/h3>\n\n\n        <p class=\"csi-parents-white__cardText\">\n          A recognised certificate that supports your child's\n          academic portfolio and demonstrates real STEM learning.\n        <\/p>\n\n      <\/article>\n\n\n\n      <!-- CARD 2 -->\n\n      <article\n        class=\"csi-parents-white__card\"\n        role=\"listitem\"\n      >\n\n        <div\n          class=\"csi-parents-white__icon\"\n          aria-hidden=\"true\"\n        >\n          <i class=\"fa-solid fa-microscope\"><\/i>\n        <\/div>\n\n\n        <h3 class=\"csi-parents-white__cardTitle\">\n          Real Hands-On Investigation\n        <\/h3>\n\n\n        <p class=\"csi-parents-white__cardText\">\n          Not just crafts \u2014 children analyse evidence,\n          conduct experiments, and apply structured\n          problem-solving skills.\n        <\/p>\n\n      <\/article>\n\n\n\n      <!-- CARD 3 -->\n\n      <article\n        class=\"csi-parents-white__card\"\n        role=\"listitem\"\n      >\n\n        <div\n          class=\"csi-parents-white__icon\"\n          aria-hidden=\"true\"\n        >\n          <i class=\"fa-solid fa-user-graduate\"><\/i>\n        <\/div>\n\n\n        <h3 class=\"csi-parents-white__cardTitle\">\n          Trained &amp; Engaging Instructors\n        <\/h3>\n\n\n        <p class=\"csi-parents-white__cardText\">\n          Our facilitators guide children to think critically,\n          ask smart questions, and approach challenges like\n          real investigators.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CTA\n         ===================================================== -->\n\n    <div class=\"csi-parents-white__ctaWrap\">\n\n      <a\n        class=\"csi-parents-white__cta\"\n        href=\"https:\/\/wa.link\/hmexfs\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        <span>\n          Check Camp Dates &amp; Availability\n        <\/span>\n\n        <i\n          class=\"fa-solid fa-arrow-right\"\n          aria-hidden=\"true\"\n        ><\/i>\n\n      <\/a>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   CSI PARENTS SECTION\n   ========================================================= *\/\n\n.csi-parents-white,\n.csi-parents-white * {\n  box-sizing: border-box;\n}\n\n\n.csi-parents-white {\n  padding:\n    clamp(28px, 4.5vw, 60px)\n    0;\n\n  font-family:\n    'Plus Jakarta Sans',\n    system-ui,\n    -apple-system,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   WRAPPER\n   ========================================================= *\/\n\n.csi-parents-white__wrap {\n  max-width: 1120px;\n\n  margin: 0 auto;\n\n  padding:\n    0 clamp(14px, 2.2vw, 20px);\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-parents-white__head {\n  text-align: center;\n\n  margin-bottom: 18px;\n}\n\n\nsection.csi-parents-white\n.csi-parents-white__title,\n\nsection.csi-parents-white\nh2.csi-parents-white__title {\n\n  font-family:\n    'Montserrat',\n    sans-serif !important;\n\n  font-weight:\n    800 !important;\n\n  font-size:\n    clamp(24px, 3vw, 42px) !important;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  line-height:\n    1.1 !important;\n\n  color:\n    #ffffff !important;\n\n  -webkit-text-fill-color:\n    #ffffff !important;\n\n  letter-spacing:\n    -0.02em !important;\n}\n\n\nsection.csi-parents-white\n.csi-parents-white__sub,\n\nsection.csi-parents-white\np.csi-parents-white__sub {\n\n  margin:\n    10px 0 0 !important;\n\n  padding:\n    0 !important;\n\n  font-size:\n    clamp(14px, 1.2vw, 17px) !important;\n\n  font-weight:\n    600 !important;\n\n  line-height:\n    1.5 !important;\n\n  color:\n    rgba(255,255,255,.9) !important;\n\n  -webkit-text-fill-color:\n    rgba(255,255,255,.9) !important;\n\n  font-family:\n    'Plus Jakarta Sans',\n    sans-serif !important;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.csi-parents-white__grid {\n  display:\n    grid !important;\n\n  grid-template-columns:\n    1fr !important;\n\n  gap:\n    14px !important;\n\n  max-width:\n    860px;\n\n  margin:\n    0 auto;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.csi-parents-white__card {\n  position: relative;\n\n  background:\n    radial-gradient(\n      circle at top right,\n      rgba(15,39,71,.05) 0%,\n      rgba(15,39,71,0) 34%\n    ),\n    radial-gradient(\n      circle at bottom left,\n      rgba(228,201,120,.10) 0%,\n      rgba(228,201,120,0) 34%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f9fbff 100%\n    );\n\n  border:\n    1px solid rgba(15,39,71,.08);\n\n  border-radius:\n    20px;\n\n  padding:\n    20px 20px 22px;\n\n  text-align:\n    left;\n\n  overflow:\n    hidden;\n\n  box-shadow:\n    0 14px 34px\n    rgba(7,20,40,.12);\n}\n\n\n.csi-parents-white__card::before {\n  content: \"\";\n\n  position:\n    absolute;\n\n  inset:\n    -70px -70px auto auto;\n\n  width:\n    180px;\n\n  height:\n    180px;\n\n  border-radius:\n    999px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(15,39,71,.06) 0%,\n      rgba(15,39,71,0) 72%\n    );\n\n  pointer-events:\n    none;\n}\n\n\n.csi-parents-white__card::after {\n  content: \"\";\n\n  position:\n    absolute;\n\n  left:\n    -50px;\n\n  bottom:\n    -50px;\n\n  width:\n    150px;\n\n  height:\n    150px;\n\n  border-radius:\n    999px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(228,201,120,.12) 0%,\n      rgba(228,201,120,0) 74%\n    );\n\n  pointer-events:\n    none;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.csi-parents-white__icon {\n  width:\n    48px;\n\n  height:\n    48px;\n\n  border-radius:\n    999px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f6e7bb 0%,\n      #e4c978 100%\n    );\n\n  color:\n    #0f2747;\n\n  margin:\n    0 0 14px 0;\n\n  position:\n    relative;\n\n  z-index:\n    1;\n\n  box-shadow:\n    0 8px 18px\n    rgba(228,201,120,.22);\n}\n\n\n.csi-parents-white__icon i {\n  font-size:\n    18px;\n\n  line-height:\n    1;\n}\n\n\n\/* =========================================================\n   CARD TITLE\n   ========================================================= *\/\n\n.csi-parents-white__cardTitle {\n  font-family:\n    'Montserrat',\n    sans-serif !important;\n\n  font-weight:\n    800 !important;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1.2 !important;\n\n  margin:\n    0 0 10px 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #0f2747 !important;\n\n  -webkit-text-fill-color:\n    #0f2747 !important;\n\n  letter-spacing:\n    -0.01em !important;\n\n  position:\n    relative;\n\n  z-index:\n    1;\n}\n\n\n\/* =========================================================\n   CARD TEXT\n   ========================================================= *\/\n\n.csi-parents-white__cardText {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  font-size:\n    16px !important;\n\n  line-height:\n    1.7 !important;\n\n  font-weight:\n    500 !important;\n\n  color:\n    rgba(15,39,71,.84) !important;\n\n  -webkit-text-fill-color:\n    rgba(15,39,71,.84) !important;\n\n  position:\n    relative;\n\n  z-index:\n    1;\n\n  font-family:\n    'Plus Jakarta Sans',\n    sans-serif !important;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.csi-parents-white__ctaWrap {\n  width:\n    100%;\n\n  margin-top:\n    26px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n}\n\n\n.csi-parents-white__cta {\n  min-height:\n    56px;\n\n  padding:\n    0 26px !important;\n\n  display:\n    inline-flex !important;\n\n  align-items:\n    center !important;\n\n  justify-content:\n    center !important;\n\n  gap:\n    10px !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    13px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7df92 0%,\n      #e4c978 100%\n    ) !important;\n\n  color:\n    #0f2747 !important;\n\n  -webkit-text-fill-color:\n    #0f2747 !important;\n\n  font-family:\n    'Plus Jakarta Sans',\n    sans-serif !important;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    800 !important;\n\n  text-decoration:\n    none !important;\n\n  white-space:\n    nowrap !important;\n\n  box-shadow:\n    0 10px 24px\n    rgba(228,201,120,.28);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n\n.csi-parents-white__cta:hover {\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 14px 30px\n    rgba(228,201,120,.38);\n}\n\n\n.csi-parents-white__cta i {\n  font-size:\n    14px;\n\n  line-height:\n    1;\n\n  flex:\n    0 0 auto;\n}\n\n\n\/* =========================================================\n   DESKTOP\n   ========================================================= *\/\n\n@media (min-width: 768px) {\n\n  .csi-parents-white__grid {\n    max-width:\n      1120px;\n\n    grid-template-columns:\n      repeat(\n        3,\n        minmax(0,1fr)\n      ) !important;\n\n    gap:\n      18px !important;\n\n    align-items:\n      stretch;\n  }\n\n\n  .csi-parents-white__card {\n    height:\n      100%;\n\n    padding:\n      22px 22px 24px;\n  }\n\n\n  .csi-parents-white__cardTitle {\n    font-size:\n      21px !important;\n  }\n\n\n  .csi-parents-white__cardText {\n    font-size:\n      16px !important;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .csi-parents-white {\n    padding:\n      38px 0 42px;\n  }\n\n\n  .csi-parents-white__head {\n    margin-bottom:\n      20px;\n\n    text-align:\n      left;\n  }\n\n\n  section.csi-parents-white\n  .csi-parents-white__title {\n\n    font-size:\n      29px !important;\n\n    line-height:\n      1.08 !important;\n  }\n\n\n  section.csi-parents-white\n  .csi-parents-white__sub {\n\n    font-size:\n      13px !important;\n\n    line-height:\n      1.5 !important;\n  }\n\n\n  .csi-parents-white__card {\n    padding:\n      18px;\n\n    border-radius:\n      17px;\n  }\n\n\n  .csi-parents-white__icon {\n    width:\n      43px;\n\n    height:\n      43px;\n\n    margin-bottom:\n      12px;\n  }\n\n\n  .csi-parents-white__icon i {\n    font-size:\n      16px;\n  }\n\n\n  .csi-parents-white__cardTitle {\n    font-size:\n      18px !important;\n  }\n\n\n  .csi-parents-white__cardText {\n    font-size:\n      13.5px !important;\n\n    line-height:\n      1.6 !important;\n  }\n\n\n  \/* CTA *\/\n\n  .csi-parents-white__ctaWrap {\n    margin-top:\n      20px;\n  }\n\n\n  .csi-parents-white__cta {\n    width:\n      100% !important;\n\n    min-height:\n      52px !important;\n\n    padding:\n      0 13px !important;\n\n    display:\n      flex !important;\n\n    align-items:\n      center !important;\n\n    justify-content:\n      center !important;\n\n    gap:\n      7px !important;\n\n    font-size:\n      12.5px !important;\n\n    white-space:\n      nowrap !important;\n\n    overflow:\n      hidden !important;\n  }\n\n\n  .csi-parents-white__cta i {\n    font-size:\n      12px;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  section.csi-parents-white\n  .csi-parents-white__title {\n\n    font-size:\n      27px !important;\n  }\n\n\n  .csi-parents-white__cta {\n    font-size:\n      11.5px !important;\n\n    padding:\n      0 10px !important;\n  }\n\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a6adc2 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"8a6adc2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0442195 e-con-full e-flex e-con e-child\" data-id=\"0442195\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77e59c2 animated-slow elementor-invisible elementor-widget elementor-widget-image\" data-id=\"77e59c2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"346\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/1STEM-768x346.jpg\" class=\"attachment-medium_large size-medium_large wp-image-661\" alt=\"\" srcset=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/1STEM-768x346.jpg 768w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/1STEM-300x135.jpg 300w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/1STEM-1024x461.jpg 1024w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/1STEM.jpg 1500w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-171d30c e-con-full e-flex e-con e-child\" data-id=\"171d30c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f2e42bb e-con-full e-flex e-con e-child\" data-id=\"f2e42bb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86bf1aa animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"86bf1aa\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We're proud of our STEM.org accreditation.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-183b3f7 e-con-full e-flex e-con e-child\" data-id=\"183b3f7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0757ca5 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"0757ca5\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>STEM.org stands for excellence, ensuring programs meet rigorous standards focused on hands-on learning and essential modern skills. As part of 4,500+ accredited programs, we are committed to delivering top-tier education.<\/p><p>Your child\u2019s success is our priority. With us, quality education and meaningful learning experiences are always guaranteed!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10fe95c e-flex e-con-boxed e-con e-parent\" data-id=\"10fe95c\" data-element_type=\"container\" data-settings=\"{&quot;animation_mobile&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed6532c animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"ed6532c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Who Guides Your Child | WHITE CARDS + WHITE HEADING | Paste into Elementor > HTML widget -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<!-- Montserrat untuk judul, Plus Jakarta Sans untuk paragraf dan sub -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<section class=\"csi-guides-white\" aria-labelledby=\"csi-guides-white-title\">\r\n  <div class=\"csi-guides-white__wrap\">\r\n\r\n    <header class=\"csi-guides-white__head\">\r\n      <h2 id=\"csi-guides-white-title\" class=\"csi-guides-white__title\">Who Guides Your Child<\/h2>\r\n      <p class=\"csi-guides-white__sub\">How we keep learning high-quality and child-safe.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"csi-guides-white__grid\" role=\"list\">\r\n      <!-- Card 1 -->\r\n      <article class=\"csi-guides-white__card\" role=\"listitem\">\r\n        <div class=\"csi-guides-white__icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-chalkboard-user\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"csi-guides-white__cardTitle\">Trained STEM educators<\/h3>\r\n        <p class=\"csi-guides-white__text\">\r\n          Sessions are guided by trained STEM educators or relevant professionals, so activities stay purposeful and well-facilitated.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- Card 2 -->\r\n      <article class=\"csi-guides-white__card\" role=\"listitem\">\r\n        <div class=\"csi-guides-white__icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-people-group\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"csi-guides-white__cardTitle\">Healthy facilitator ratio<\/h3>\r\n        <p class=\"csi-guides-white__text\">\r\n          A strong facilitator-to-child ratio means every child is seen, guided, and involved \u2014 not left to \"figure it out\".\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- Card 3 -->\r\n      <article class=\"csi-guides-white__card\" role=\"listitem\">\r\n        <div class=\"csi-guides-white__icon\" aria-hidden=\"true\">\r\n          <i class=\"fa-solid fa-shield-heart\"><\/i>\r\n        <\/div>\r\n        <h3 class=\"csi-guides-white__cardTitle\">Safety &amp; Hygiene First<\/h3>\r\n        <p class=\"csi-guides-white__text\">\r\n          Kid-safe tools, hygiene routines, and first aid readiness \u2014 only what's true for your programme operations.\r\n        <\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .csi-guides-white{\r\n    padding: clamp(28px, 4.5vw, 64px) 0;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    \/* Background dihapus - transparan *\/\r\n  }\r\n\r\n  .csi-guides-white__wrap{\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    padding: 0 clamp(14px, 2.2vw, 20px);\r\n  }\r\n\r\n  .csi-guides-white__head{\r\n    text-align:center;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .csi-guides-white__title{\r\n    font-family:'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n    font-weight: 800 !important;\r\n    font-size: clamp(24px, 3.2vw, 44px) !important;\r\n    margin: 0 !important;\r\n    line-height: 1.1 !important;\r\n    letter-spacing: -0.02em !important;\r\n    color: #ffffff !important; \/* Diubah jadi putih *\/\r\n  }\r\n\r\n  .csi-guides-white__sub{\r\n    margin: 10px 0 0 !important;\r\n    font-size: clamp(14px, 1.2vw, 17px) !important;\r\n    font-weight: 600 !important;\r\n    color: rgba(255,255,255,.9) !important; \/* Diubah jadi putih dengan opacity *\/\r\n    max-width: 760px;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n  }\r\n\r\n  .csi-guides-white__grid{\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n    max-width: 980px;\r\n    margin: 18px auto 0;\r\n  }\r\n\r\n  .csi-guides-white__card{\r\n    position: relative;\r\n    border-radius: 20px;\r\n    padding: 18px 18px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(15,39,71,0.08);\r\n    box-shadow: 0 12px 28px rgba(0,0,0,0.10);\r\n    background: #ffffff;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    animation: csiGuidesWhiteIn .55s ease-out forwards;\r\n  }\r\n\r\n  .csi-guides-white__card:nth-child(1){ animation-delay: .05s; }\r\n  .csi-guides-white__card:nth-child(2){ animation-delay: .12s; }\r\n  .csi-guides-white__card:nth-child(3){ animation-delay: .19s; }\r\n\r\n  .csi-guides-white__card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-60px -60px auto auto;\r\n    width:180px;\r\n    height:180px;\r\n    border-radius:999px;\r\n    background: rgba(15,39,71,.04);\r\n    transform: rotate(10deg);\r\n    pointer-events:none;\r\n  }\r\n\r\n  .csi-guides-white__card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0 0 auto 0;\r\n    height: 4px;\r\n    background: linear-gradient(90deg, #f6e7bb 0%, #e4c978 100%);\r\n  }\r\n\r\n  .csi-guides-white__icon{\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 999px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(180deg, #f6e7bb 0%, #e4c978 100%);\r\n    color: #0f2747;\r\n    margin-bottom: 10px;\r\n    position: relative;\r\n    z-index: 1;\r\n    box-shadow: 0 8px 18px rgba(228, 201, 120, 0.22);\r\n  }\r\n\r\n  .csi-guides-white__icon i{\r\n    font-size: 18px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .csi-guides-white__cardTitle{\r\n    font-family:'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;\r\n    font-weight: 800 !important;\r\n    font-size: 18px;\r\n    margin: 0 0 8px 0;\r\n    letter-spacing: -0.01em;\r\n    color: #0f2747 !important;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .csi-guides-white__text{\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    font-weight: 500;\r\n    color: rgba(15,39,71,.82) !important;\r\n    position: relative;\r\n    z-index: 1;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n  }\r\n\r\n  @media (hover:hover){\r\n    .csi-guides-white__card{\r\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n    }\r\n    .csi-guides-white__card:hover{\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 16px 34px rgba(0,0,0,0.14);\r\n      border-color: rgba(15,39,71,.16);\r\n    }\r\n    .csi-guides-white__card:hover .csi-guides-white__icon{\r\n      transform: scale(1.04);\r\n    }\r\n    .csi-guides-white__icon{\r\n      transition: transform .18s ease;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 900px){\r\n    .csi-guides-white__grid{\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n    .csi-guides-white__card{\r\n      padding: 20px 20px;\r\n      height: 100%;\r\n    }\r\n    .csi-guides-white__cardTitle{\r\n      font-size: 19px;\r\n    }\r\n    .csi-guides-white__text{\r\n      font-size: 15px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .csi-guides-white__card{\r\n      animation: none !important;\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      transition: none !important;\r\n    }\r\n    .csi-guides-white__icon{\r\n      transition: none !important;\r\n    }\r\n  }\r\n\r\n  @keyframes csiGuidesWhiteIn{\r\n    to{ opacity:1; transform: translateY(0); }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b5c51f e-flex e-con-boxed e-con e-parent\" data-id=\"1b5c51f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f1cef93 e-con-full e-flex e-con e-child\" data-id=\"f1cef93\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad473fc elementor-widget elementor-widget-html\" data-id=\"ad473fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     CSI CAMP PREMISES\n     FULL WIDTH MOBILE FIX\n     Elementor Friendly\n     CTA -> WhatsApp\n     ========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\"\n  rel=\"stylesheet\"\n>\n\n\n<style>\n\/* =========================================================\n   RESET\n   ========================================================= *\/\n\n#csi-premises-final,\n#csi-premises-final * {\n  box-sizing: border-box !important;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#csi-premises-final {\n  --navy: #0f2747;\n  --navy-soft: #173b65;\n\n  --text: #617083;\n\n  --gold: #e4c978;\n  --gold-light: #f7e7b1;\n\n  --cream: #fbfaf7;\n  --white: #ffffff;\n\n  --border: rgba(15,39,71,.09);\n\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n\n  padding: 68px 24px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fbfaf7 100%\n    );\n\n  font-family:\n    \"Plus Jakarta Sans\",\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif !important;\n\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   WRAPPER\n   ========================================================= *\/\n\n#csi-premises-final .csi-premises-final__wrap {\n  width: 100% !important;\n\n  max-width: 1180px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.04fr)\n    minmax(0, .96fr);\n\n  gap: 46px;\n\n  align-items: center;\n}\n\n\n\/* =========================================================\n   GALLERY\n   ========================================================= *\/\n\n#csi-premises-final .csi-premises-final__gallery {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns:\n    1.08fr .92fr;\n\n  grid-template-areas:\n    \"main photo2\"\n    \"main photo3\"\n    \"photo4 photo5\";\n\n  gap: 12px;\n}\n\n\n#csi-premises-final .csi-premises-final__photo {\n  position: relative;\n\n  width: 100%;\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background: #edf0f2;\n\n  border:\n    1px solid rgba(15,39,71,.06);\n\n  box-shadow:\n    0 14px 34px\n    rgba(15,39,71,.09);\n}\n\n\n#csi-premises-final .csi-premises-final__photo img {\n  width: 100% !important;\n  height: 100% !important;\n\n  display: block !important;\n\n  object-fit: cover !important;\n\n  object-position: center !important;\n\n  transition:\n    transform .35s ease;\n}\n\n\n#csi-premises-final .csi-premises-final__photo:hover img {\n  transform: scale(1.035);\n}\n\n\n#csi-premises-final .csi-premises-final__photo--1 {\n  grid-area: main;\n\n  min-height: 450px;\n}\n\n\n#csi-premises-final .csi-premises-final__photo--2 {\n  grid-area: photo2;\n\n  min-height: 215px;\n}\n\n\n#csi-premises-final .csi-premises-final__photo--3 {\n  grid-area: photo3;\n\n  min-height: 215px;\n}\n\n\n#csi-premises-final .csi-premises-final__photo--4 {\n  grid-area: photo4;\n\n  min-height: 200px;\n}\n\n\n#csi-premises-final .csi-premises-final__photo--5 {\n  grid-area: photo5;\n\n  min-height: 200px;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n#csi-premises-final .csi-premises-final__content {\n  width: 100%;\n\n  min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n#csi-premises-final .csi-premises-final__eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n\n  min-height: 32px;\n\n  padding: 0 13px;\n\n  margin-bottom: 16px;\n\n  border-radius: 999px;\n\n  background:\n    #fbf4dd;\n\n  border:\n    1px solid\n    rgba(196,151,32,.18);\n\n  color:\n    #b57c00;\n\n  font-family:\n    \"Montserrat\",\n    sans-serif !important;\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    .14em;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* TITLE *\/\n\n#csi-premises-final .csi-premises-final__title {\n  max-width: 600px;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  color:\n    var(--navy) !important;\n\n  -webkit-text-fill-color:\n    var(--navy) !important;\n\n  font-family:\n    \"Montserrat\",\n    sans-serif !important;\n\n  font-size:\n    clamp(\n      38px,\n      4vw,\n      54px\n    ) !important;\n\n  line-height:\n    1.04 !important;\n\n  font-weight:\n    800 !important;\n\n  letter-spacing:\n    -.045em !important;\n}\n\n\n\/* BODY *\/\n\n#csi-premises-final .csi-premises-final__text {\n  max-width: 610px;\n\n  margin:\n    18px 0 0 !important;\n\n  padding:\n    0 !important;\n\n  color:\n    var(--text) !important;\n\n  -webkit-text-fill-color:\n    var(--text) !important;\n\n  font-family:\n    \"Plus Jakarta Sans\",\n    sans-serif !important;\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1.72 !important;\n\n  font-weight:\n    500 !important;\n}\n\n\n#csi-premises-final\n.csi-premises-final__text\n+\n.csi-premises-final__text {\n\n  margin-top:\n    13px !important;\n}\n\n\n\/* =========================================================\n   FEATURES\n   ========================================================= *\/\n\n#csi-premises-final .csi-premises-final__features {\n  width: 100%;\n\n  margin-top: 24px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0,1fr));\n\n  gap: 10px;\n}\n\n\n#csi-premises-final .csi-premises-final__feature {\n  min-width: 0;\n\n  min-height: 58px;\n\n  padding:\n    11px 13px;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  border-radius: 14px;\n\n  background: #ffffff;\n\n  border:\n    1px solid\n    rgba(15,39,71,.08);\n\n  box-shadow:\n    0 7px 18px\n    rgba(15,39,71,.045);\n\n  color:\n    var(--navy);\n\n  font-size:\n    12.5px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n}\n\n\n#csi-premises-final .csi-premises-final__feature-icon {\n  flex: 0 0 auto;\n\n  width: 34px;\n\n  height: 34px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 10px;\n\n  background:\n    #f8f1dc;\n\n  font-size: 15px;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n#csi-premises-final .csi-premises-final__cta-wrap {\n  width: 100%;\n\n  margin-top:\n    27px;\n\n  display: flex;\n\n  justify-content:\n    flex-start;\n}\n\n\n#csi-premises-final .csi-premises-final__cta {\n  min-height:\n    54px;\n\n  padding:\n    0 24px !important;\n\n  display:\n    inline-flex !important;\n\n  align-items:\n    center !important;\n\n  justify-content:\n    center !important;\n\n  gap:\n    7px !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    12px !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f7df92 0%,\n      #e4c978 100%\n    ) !important;\n\n  color:\n    var(--navy) !important;\n\n  -webkit-text-fill-color:\n    var(--navy) !important;\n\n  text-decoration:\n    none !important;\n\n  font-family:\n    \"Plus Jakarta Sans\",\n    sans-serif !important;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    800 !important;\n\n  white-space:\n    nowrap !important;\n\n  box-shadow:\n    0 11px 25px\n    rgba(228,201,120,.27);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n\n#csi-premises-final .csi-premises-final__cta:hover {\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 15px 30px\n    rgba(228,201,120,.36);\n}\n\n\n#csi-premises-final .csi-premises-final__cta span {\n  white-space:\n    nowrap !important;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  #csi-premises-final {\n    padding:\n      54px 20px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__wrap {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      32px;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__content {\n\n    max-width:\n      760px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   FULL WIDTH ELEMENTOR FIX\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  \/*\n   * THIS IS THE IMPORTANT FIX:\n   * break out from Elementor narrow parent\n   *\/\n\n  #csi-premises-final {\n    position:\n      relative !important;\n\n    width:\n      100vw !important;\n\n    max-width:\n      100vw !important;\n\n    margin-left:\n      calc(50% - 50vw) !important;\n\n    margin-right:\n      calc(50% - 50vw) !important;\n\n    padding:\n      30px 15px\n      44px !important;\n\n    overflow:\n      hidden !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__wrap {\n\n    width:\n      100% !important;\n\n    max-width:\n      none !important;\n\n    margin:\n      0 !important;\n\n    display:\n      flex !important;\n\n    flex-direction:\n      column !important;\n\n    gap:\n      27px !important;\n  }\n\n\n  \/* =======================================================\n     MOBILE GALLERY\n     ======================================================= *\/\n\n  #csi-premises-final\n  .csi-premises-final__gallery {\n\n    width:\n      100% !important;\n\n    max-width:\n      none !important;\n\n    display:\n      grid !important;\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      ) !important;\n\n    grid-template-areas:\n      \"main main\"\n      \"photo2 photo3\"\n      \"photo4 photo5\";\n\n    gap:\n      9px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__photo {\n\n    width:\n      100% !important;\n\n    max-width:\n      none !important;\n\n    border-radius:\n      15px !important;\n\n    box-shadow:\n      0 7px 17px\n      rgba(15,39,71,.07);\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__photo--1 {\n\n    min-height:\n      225px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__photo--2,\n\n  #csi-premises-final\n  .csi-premises-final__photo--3,\n\n  #csi-premises-final\n  .csi-premises-final__photo--4,\n\n  #csi-premises-final\n  .csi-premises-final__photo--5 {\n\n    min-height:\n      125px !important;\n  }\n\n\n  \/* =======================================================\n     MOBILE CONTENT\n     ======================================================= *\/\n\n  #csi-premises-final\n  .csi-premises-final__content {\n\n    width:\n      100% !important;\n\n    max-width:\n      none !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 2px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__eyebrow {\n\n    min-height:\n      28px;\n\n    padding:\n      0 10px;\n\n    margin-bottom:\n      11px;\n\n    font-size:\n      8px;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__title {\n\n    width:\n      100% !important;\n\n    max-width:\n      none !important;\n\n    font-size:\n      28px !important;\n\n    line-height:\n      1.08 !important;\n\n    letter-spacing:\n      -.035em !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__text {\n\n    width:\n      100% !important;\n\n    max-width:\n      none !important;\n\n    margin-top:\n      13px !important;\n\n    font-size:\n      13.5px !important;\n\n    line-height:\n      1.6 !important;\n  }\n\n\n  \/* =======================================================\n     MOBILE FEATURES\n     ======================================================= *\/\n\n  #csi-premises-final\n  .csi-premises-final__features {\n\n    width:\n      100% !important;\n\n    grid-template-columns:\n      1fr !important;\n\n    gap:\n      8px;\n\n    margin-top:\n      18px;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__feature {\n\n    min-height:\n      51px;\n\n    padding:\n      9px 11px;\n\n    border-radius:\n      12px;\n\n    font-size:\n      12px;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__feature-icon {\n\n    width:\n      31px;\n\n    height:\n      31px;\n\n    border-radius:\n      9px;\n\n    font-size:\n      14px;\n  }\n\n\n  \/* =======================================================\n     MOBILE CTA\n     ======================================================= *\/\n\n  #csi-premises-final\n  .csi-premises-final__cta-wrap {\n\n    width:\n      100% !important;\n\n    margin-top:\n      20px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__cta {\n\n    width:\n      100% !important;\n\n    min-height:\n      50px !important;\n\n    padding:\n      0 14px !important;\n\n    display:\n      flex !important;\n\n    align-items:\n      center !important;\n\n    justify-content:\n      center !important;\n\n    gap:\n      6px !important;\n\n    border-radius:\n      11px !important;\n\n    font-size:\n      13px !important;\n\n    line-height:\n      1 !important;\n\n    white-space:\n      nowrap !important;\n\n    overflow:\n      hidden !important;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n  #csi-premises-final {\n    padding-left:\n      12px !important;\n\n    padding-right:\n      12px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__photo--1 {\n\n    min-height:\n      205px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__photo--2,\n\n  #csi-premises-final\n  .csi-premises-final__photo--3,\n\n  #csi-premises-final\n  .csi-premises-final__photo--4,\n\n  #csi-premises-final\n  .csi-premises-final__photo--5 {\n\n    min-height:\n      108px !important;\n  }\n\n\n  #csi-premises-final\n  .csi-premises-final__title {\n\n    font-size:\n      26px !important;\n  }\n\n}\n<\/style>\n\n\n<section\n  id=\"csi-premises-final\"\n  aria-label=\"Our Camp Premises\"\n>\n\n  <div class=\"csi-premises-final__wrap\">\n\n\n    <!-- =====================================================\n         GALLERY\n         ===================================================== -->\n\n    <div class=\"csi-premises-final__gallery\">\n\n\n      <!-- PHOTO 1 -->\n\n      <div\n        class=\"\n          csi-premises-final__photo\n          csi-premises-final__photo--1\n        \"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/5-1.png\"\n          alt=\"CSI camp classroom\"\n        >\n\n      <\/div>\n\n\n\n      <!-- PHOTO 2 -->\n\n      <div\n        class=\"\n          csi-premises-final__photo\n          csi-premises-final__photo--2\n        \"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/4-1.png\"\n          alt=\"CSI classroom setup\"\n        >\n\n      <\/div>\n\n\n\n      <!-- PHOTO 3 -->\n\n      <div\n        class=\"\n          csi-premises-final__photo\n          csi-premises-final__photo--3\n        \"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/3-1.png\"\n          alt=\"CSI learning classroom\"\n        >\n\n      <\/div>\n\n\n\n      <!-- PHOTO 4 -->\n\n      <div\n        class=\"\n          csi-premises-final__photo\n          csi-premises-final__photo--4\n        \"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/6-1.png\"\n          alt=\"CSI camp learning space\"\n        >\n\n      <\/div>\n\n\n\n      <!-- PHOTO 5 -->\n\n      <div\n        class=\"\n          csi-premises-final__photo\n          csi-premises-final__photo--5\n        \"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/03\/7-1.png\"\n          alt=\"CSI classroom venue\"\n        >\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         CONTENT\n         ===================================================== -->\n\n    <div class=\"csi-premises-final__content\">\n\n\n      <div class=\"csi-premises-final__eyebrow\">\n        CAMP VENUE\n      <\/div>\n\n\n      <h2 class=\"csi-premises-final__title\">\n        A Bright, Comfortable Space Built for Hands-On Learning.\n      <\/h2>\n\n\n      <p class=\"csi-premises-final__text\">\n        Our CSI camp takes place in a clean, organised and\n        child-friendly learning environment where children have\n        the space to investigate, collaborate and enjoy each\n        activity with confidence.\n      <\/p>\n\n\n      <p class=\"csi-premises-final__text\">\n        The venue supports practical tasks, guided discussions\n        and team-based missions \u2014 helping children stay focused,\n        engaged and excited throughout the programme.\n      <\/p>\n\n\n\n      <!-- FEATURES -->\n\n      <div class=\"csi-premises-final__features\">\n\n\n        <div class=\"csi-premises-final__feature\">\n\n          <span class=\"csi-premises-final__feature-icon\">\n            \ud83d\udd0e\n          <\/span>\n\n          <span>\n            Structured classroom setup\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"csi-premises-final__feature\">\n\n          <span class=\"csi-premises-final__feature-icon\">\n            \ud83e\ude91\n          <\/span>\n\n          <span>\n            Comfortable learning space\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"csi-premises-final__feature\">\n\n          <span class=\"csi-premises-final__feature-icon\">\n            \ud83d\udc69\u200d\ud83c\udfeb\n          <\/span>\n\n          <span>\n            Ideal for guided instruction\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"csi-premises-final__feature\">\n\n          <span class=\"csi-premises-final__feature-icon\">\n            \ud83d\udc65\n          <\/span>\n\n          <span>\n            Supports teamwork activities\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- CTA -->\n\n      <div class=\"csi-premises-final__cta-wrap\">\n\n        <a\n          class=\"csi-premises-final__cta\"\n          href=\"https:\/\/wa.link\/hmexfs\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n\n          <span>\n            View Camp Details\n          <\/span>\n\n          <span aria-hidden=\"true\">\n            \u2192\n          <\/span>\n\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  \/*\n   * Elementor width fix.\n   * The issue in mobile is often not the section itself,\n   * but the HTML widget \/ parent container being constrained.\n   *\/\n\n  var section =\n    document.getElementById(\n      'csi-premises-final'\n    );\n\n  if (!section) return;\n\n\n  var widget =\n    section.closest(\n      '.elementor-widget-html'\n    );\n\n\n  if (widget) {\n\n    widget.style.setProperty(\n      'width',\n      '100%',\n      'important'\n    );\n\n    widget.style.setProperty(\n      'max-width',\n      'none',\n      'important'\n    );\n\n    widget.style.setProperty(\n      'flex-basis',\n      '100%',\n      'important'\n    );\n\n    widget.style.setProperty(\n      'align-self',\n      'stretch',\n      'important'\n    );\n\n  }\n\n\n  if (\n    widget &&\n    widget.parentElement\n  ) {\n\n    widget.parentElement\n      .style\n      .setProperty(\n        'width',\n        '100%',\n        'important'\n      );\n\n\n    widget.parentElement\n      .style\n      .setProperty(\n        'max-width',\n        'none',\n        'important'\n      );\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84b9746 e-flex e-con-boxed e-con e-parent\" data-id=\"84b9746\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f6354e8 e-con-full e-flex e-con e-child\" data-id=\"f6354e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2518c19 elementor-widget elementor-widget-html\" data-id=\"2518c19\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   JUNIOR CSI KIT\n   NAVY BACKGROUND VERSION\n   Elementor Friendly\n   ========================================================= *\/\n\n.csi-kit,\n.csi-kit * {\n  box-sizing: border-box;\n}\n\n.csi-kit {\n  --navy: #0d3155;\n  --navy-deep: #0a2745;\n  --green: #123f3a;\n  --orange: #ffb11b;\n  --white: #ffffff;\n  --text: #55615e;\n\n  width: 100%;\n\n  padding: 62px 24px 68px;\n\n  background:\n    radial-gradient(\n      circle at 20% 0%,\n      rgba(255,255,255,.05),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      var(--navy) 0%,\n      var(--navy-deep) 100%\n    );\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   WRAPPER\n   ========================================================= *\/\n\n.csi-kit__wrap {\n  width: 100%;\n  max-width: 1120px;\n\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.csi-kit__head {\n  max-width: 820px;\n\n  margin: 0 auto 36px;\n\n  text-align: center;\n}\n\n\n.csi-kit .csi-kit__title {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n\n  font-size: clamp(34px, 3.3vw, 46px) !important;\n\n  line-height: 1.08 !important;\n\n  font-weight: 900 !important;\n\n  letter-spacing: -.04em !important;\n}\n\n\n.csi-kit .csi-kit__sub {\n  max-width: 700px;\n\n  margin: 12px auto 0 !important;\n  padding: 0 !important;\n\n  color: rgba(255,255,255,.78) !important;\n  -webkit-text-fill-color: rgba(255,255,255,.78) !important;\n\n  font-size: 16px !important;\n\n  line-height: 1.55 !important;\n\n  font-weight: 400 !important;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.csi-kit__grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0,1fr));\n\n  gap: 16px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.csi-kit__card {\n  min-width: 0;\n  min-height: 170px;\n\n  padding: 22px;\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fbfcfd 100%\n    );\n\n  border:\n    1px solid rgba(255,255,255,.18);\n\n  box-shadow:\n    0 16px 34px rgba(0,0,0,.14);\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease;\n}\n\n\n.csi-kit__card:hover {\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 20px 40px rgba(0,0,0,.19);\n}\n\n\n\/* =========================================================\n   CARD TITLE\n   ========================================================= *\/\n\n.csi-kit .csi-kit__card-title {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: var(--green) !important;\n  -webkit-text-fill-color: var(--green) !important;\n\n  font-size: 20px !important;\n\n  line-height: 1.25 !important;\n\n  font-weight: 850 !important;\n\n  letter-spacing: -.02em !important;\n}\n\n\n\/* =========================================================\n   CARD TEXT\n   ========================================================= *\/\n\n.csi-kit .csi-kit__card-text {\n  margin: 13px 0 0 !important;\n  padding: 0 !important;\n\n  color: #66716e !important;\n  -webkit-text-fill-color: #66716e !important;\n\n  font-size: 14px !important;\n\n  line-height: 1.6 !important;\n\n  font-weight: 400 !important;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.csi-kit__emoji {\n  margin-right: 5px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n  .csi-kit {\n    padding:\n      54px 20px\n      58px;\n  }\n\n\n  .csi-kit__grid {\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n\n    gap: 14px;\n  }\n\n\n  .csi-kit__card {\n    min-height: 160px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .csi-kit {\n    padding:\n      42px 16px\n      46px;\n  }\n\n\n  .csi-kit__head {\n    margin-bottom: 26px;\n\n    text-align: left;\n  }\n\n\n  .csi-kit .csi-kit__title {\n    font-size: 30px !important;\n\n    line-height: 1.1 !important;\n  }\n\n\n  .csi-kit .csi-kit__sub {\n    margin-top: 10px !important;\n\n    font-size: 14px !important;\n\n    line-height: 1.55 !important;\n  }\n\n\n  .csi-kit__grid {\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n  }\n\n\n  .csi-kit__card {\n    min-height: auto;\n\n    padding: 19px;\n\n    border-radius: 16px;\n  }\n\n\n  .csi-kit .csi-kit__card-title {\n    font-size: 19px !important;\n  }\n\n\n  .csi-kit .csi-kit__card-text {\n    margin-top: 9px !important;\n\n    font-size: 13.5px !important;\n\n    line-height: 1.55 !important;\n  }\n\n}\n<\/style>\n\n\n<section class=\"csi-kit\">\n\n  <div class=\"csi-kit__wrap\">\n\n\n    <!-- HEADER -->\n\n    <header class=\"csi-kit__head\">\n\n      <h2 class=\"csi-kit__title\">\n        What\u2019s Inside the Junior CSI Kit\n      <\/h2>\n\n      <p class=\"csi-kit__sub\">\n        Everything your child needs to step into the role\n        of a Junior CSI investigator.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- GRID -->\n\n    <div class=\"csi-kit__grid\">\n\n\n      <!-- CARD 1 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83e\udd7c<\/span>\n          Lab Coat\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          Supports the role-play experience and helps children\n          step into their Junior CSI identity.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 2 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83d\udd76\ufe0f<\/span>\n          Detective Glasses + Notepad\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          For observations, recording clues and keeping\n          case notes throughout the investigation.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 3 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83d\udd26<\/span>\n          Mini Torch\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          A themed investigation tool used during\n          mystery-based classroom activities.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 4 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83d\udcda<\/span>\n          Learning Materials\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          Evidence-based activities designed around\n          forensic science and investigation skills.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 5 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83c\udf93<\/span>\n          STEM Certificate\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          Celebrates completion of the Junior CSI\n          learning journey and final investigation.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 6 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83d\udcf8<\/span>\n          Class Photo Highlights\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          Memories from the investigation experience\n          and final classroom mystery mission.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 7 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83e\udde9<\/span>\n          Final Mystery Mission\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          One classroom-based mystery that connects\n          the three days into one continuous investigation.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- CARD 8 -->\n\n      <article class=\"csi-kit__card\">\n\n        <h3 class=\"csi-kit__card-title\">\n          <span class=\"csi-kit__emoji\">\ud83d\uddc2\ufe0f<\/span>\n          Case File Experience\n        <\/h3>\n\n        <p class=\"csi-kit__card-text\">\n          Children follow one connected case journey\n          rather than a set of disconnected activities.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee43eb4 e-flex e-con-boxed e-con e-parent\" data-id=\"ee43eb4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ba79ec e-con-full e-flex e-con e-child\" data-id=\"4ba79ec\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5399efa elementor-widget elementor-widget-image\" data-id=\"5399efa\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/Photo-Asset-CSI-1-1024x1024.jpg\" class=\"attachment-large size-large wp-image-959\" alt=\"\" srcset=\"https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/Photo-Asset-CSI-1-1024x1024.jpg 1024w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/Photo-Asset-CSI-1-300x300.jpg 300w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/Photo-Asset-CSI-1-150x150.jpg 150w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/Photo-Asset-CSI-1-768x768.jpg 768w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/Photo-Asset-CSI-1-700x700.jpg 700w, https:\/\/csi.campkiddie.com\/wp-content\/uploads\/2026\/02\/Photo-Asset-CSI-1.jpg 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7e9ac4 e-con-full e-flex e-con e-child\" data-id=\"c7e9ac4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21a0a51 elementor-widget elementor-widget-shortcode\" data-id=\"21a0a51\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"forminator-ui forminator-custom-form forminator-custom-form-1139 forminator-design--default forminator-enclosed forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-1139\" data-uid=\"6ad9ba46001f8\"><br\/><\/div><form\n\t\t\t\tid=\"forminator-module-1139\"\n\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-1139 forminator-design--default forminator-enclosed forminator_ajax\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\tdata-form-id=\"1139\"\n\t\t\t\t data-color-option=\"theme\" data-design=\"default\" data-grid=\"enclosed\" style=\"display: none;\"\n\t\t\t\tdata-uid=\"6ad9ba46001f8\"\n\t\t\t><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"name-1\" class=\"forminator-field-name forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-name-1_6ad9ba46001f8\" id=\"forminator-field-name-1_6ad9ba46001f8-label\" class=\"forminator-label\">Parent&#039;s Name <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"name-1\" value=\"\" placeholder=\"\" id=\"forminator-field-name-1_6ad9ba46001f8\" class=\"forminator-input forminator-name--field\" aria-required=\"true\" autocomplete=\"name\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-phone-1_6ad9ba46001f8\" id=\"forminator-field-phone-1_6ad9ba46001f8-label\" class=\"forminator-label\">Phone Number <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"\" id=\"forminator-field-phone-1_6ad9ba46001f8\" class=\"forminator-input forminator-field--phone\" data-required=\"1\" aria-required=\"true\" autocomplete=\"off\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"number-1\" class=\"forminator-field-number forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-number-1_6ad9ba46001f8\" id=\"forminator-field-number-1_6ad9ba46001f8-label\" class=\"forminator-label\">Child&#039;s Age <span class=\"forminator-required\">*<\/span><\/label><input name=\"number-1\" value=\"\" placeholder=\"\" id=\"forminator-field-number-1_6ad9ba46001f8\" class=\"forminator-input forminator-number--field\" inputmode=\"decimal\" data-required=\"1\" data-decimals=\"0\" aria-required=\"true\" data-inputmask=\"&#039;groupSeparator&#039;: &#039;&#039;, &#039;radixPoint&#039;: &#039;&#039;, &#039;digits&#039;: &#039;0&#039;\" data-hidden-behavior=\"zero\" type=\"number\" step=\"any\" min=\"1\" max=\"10\" \/><\/div><\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit\">Submit<\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"b1172037cd\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/6\" \/><input type=\"hidden\" name=\"form_id\" value=\"1139\"><input type=\"hidden\" name=\"page_id\" value=\"6\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/csi.campkiddie.com\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><\/form><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-713146a5 e-flex e-con-boxed e-con e-parent\" data-id=\"713146a5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdda76a elementor-widget elementor-widget-heading\" data-id=\"cdda76a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Question<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b250c91 elementor-widget elementor-widget-n-accordion\" data-id=\"b250c91\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1860\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1860\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What qualifications do the teachers have? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1860\" class=\"elementor-element elementor-element-ee0f966 e-con-full e-flex e-con e-child\" data-id=\"ee0f966\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6cdc38 elementor-widget elementor-widget-text-editor\" data-id=\"f6cdc38\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>All our teachers are passionate in teaching and have years of experience with children. At the same time, they are fun-loving and able to interact with the children in fun &amp; meaningful way.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1861\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1861\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What is the teacher-students ratio and how many students will there be in a class? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1861\" class=\"elementor-element elementor-element-2312b1e e-con-full e-flex e-con e-child\" data-id=\"2312b1e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5b31d9 elementor-widget elementor-widget-text-editor\" data-id=\"e5b31d9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ratio is 1:12. In cases where there are more children, an assistant will be deployed to ensure the same level of learning experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1862\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1862\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can the parent accompany the child in the class? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1862\" class=\"elementor-element elementor-element-c207bc0 e-con-full e-flex e-con e-child\" data-id=\"c207bc0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02904ab elementor-widget elementor-widget-text-editor\" data-id=\"02904ab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We understand that this is a class for young children that leaving Mummy and Daddy can be a difficult experience (sometimes more so for Mums and Dads, then the little ones!). However, we are unable to allow parents to accompany their children as we find it affects the dynamic of the camp and it can make it harder for those children whose parents are unable to stay.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1863\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1863\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What will happen if my child is sick and unable to come? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1863\" class=\"elementor-element elementor-element-ec4e1a9 e-con-full e-flex e-con e-child\" data-id=\"ec4e1a9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3cfcc5 elementor-widget elementor-widget-text-editor\" data-id=\"e3cfcc5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>If your child develops symptoms of sickness, it would be best to rest at home! Kindly provide us with a Medical Certificate and our friendly admission officer will advise you on the next available camp schedule (subject to availability)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1864\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1864\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> How can I make the payment? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1864\" class=\"elementor-element elementor-element-a8e1158 e-con-full e-flex e-con e-child\" data-id=\"a8e1158\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f27e5a elementor-widget elementor-widget-text-editor\" data-id=\"1f27e5a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We are in collaboration with Stripe and major credit card companies. Please contact +6588454045 for more details. (There will be a small admin fee levied for Atome interest-free installments)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1865\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1865\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Will my child be placed in a group of similar aged children? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1865\" class=\"elementor-element elementor-element-96e1623 e-con-full e-flex e-con e-child\" data-id=\"96e1623\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2acce8b elementor-widget elementor-widget-text-editor\" data-id=\"2acce8b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We will put your children together with children of similar age whenever possible<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1866\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1866\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can my child be placed in the same group as their friends\/sibling? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1866\" class=\"elementor-element elementor-element-03142c5 e-con-full e-flex e-con e-child\" data-id=\"03142c5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-354ff13 elementor-widget elementor-widget-text-editor\" data-id=\"354ff13\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>The camp experience offers a wonderful opportunity for children to meet new friends. If you would like to request that your child(ren) be placed in the same group as their friends or siblings, please indicate this in the registration form under the &#8220;Remarks&#8221; section.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1867\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1867\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What do I do if I have problems Registering my child(ren) for Camp? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1867\" class=\"elementor-element elementor-element-136727b e-con-full e-flex e-con e-child\" data-id=\"136727b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2402a2 elementor-widget elementor-widget-text-editor\" data-id=\"c2402a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>If you encounter any difficulties while signing up, please don&#8217;t hesitate to reach out to our friendly team. They are more than happy to assist you. You can get in touch with us via Whatsapp at +6588454045 or email us at chat@littleskoolz.com.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1868\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1868\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Refunds and Cancellations <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1868\" class=\"elementor-element elementor-element-2037fc1 e-con-full e-flex e-con e-child\" data-id=\"2037fc1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6c3010 elementor-widget elementor-widget-text-editor\" data-id=\"d6c3010\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>If the course does not proceed due to low enrollment numbers, we will ensure that you receive a complete refund.<\/p><p>However, please note that refunds will not be granted for cancellations made by registrants.<br \/>In the unfortunate event that your child falls ill (supported by a medical certificate), we are unable to provide a refund. However, we will issue a credit note with a validity period of 12 months. This credit note can be transferred among siblings and can be utilized for any of our upcoming camps.<\/p><p>Please be aware that for transportation services, the confirmation of the routes and availability will be provided after successful registration and payment. In the unlikely event that we are unable to accommodate your request, a full refund of the transportation fees will be arranged.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1869\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"10\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1869\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Will photos and videos be taken during the camp and its activities? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1869\" class=\"elementor-element elementor-element-2fef233 e-con-full e-flex e-con e-child\" data-id=\"2fef233\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de5b10f elementor-widget elementor-widget-text-editor\" data-id=\"de5b10f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>By registering your child for any Little Skoolz camp and associated activities, you acknowledge and grant Inspiring Generations II Pte Ltd permission to capture photos\/videos of your child(ren), where their identity may be discerned.<\/p><p>Besides this, you also agree that these photos and videos will be used for sharing with both parents like yourselves and for publication by Little Skoolz&#8217;s social media platforms for marketing purposes.\u00a0<\/p><p>We understand and are happy to share these happy moments with you which you, in turn, would be able to share with other family members and friends.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-18610\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"11\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-18610\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What should my child wear? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-18610\" class=\"elementor-element elementor-element-d606b55 e-con-full e-flex e-con e-child\" data-id=\"d606b55\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0ee2f9 elementor-widget elementor-widget-text-editor\" data-id=\"d0ee2f9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We maintain a flexible dress code to ensure maximum comfort.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-18611\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"12\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-18611\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> What should my child Bring? <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-18611\" class=\"elementor-element elementor-element-e70d4ec e-con-full e-flex e-con e-child\" data-id=\"e70d4ec\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54e9911 elementor-widget elementor-widget-text-editor\" data-id=\"54e9911\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Writing materials, Water Bottle, Jacket and Snacks.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bc8922 e-flex e-con-boxed e-con e-parent\" data-id=\"4bc8922\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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>Only 8 Seats Left Secure Your Spot Today Save up to $50. Claim Discount Only 8 Seats Left &#8211; Secure Your Spot Today and Save up to $50. Claim Discount CSI Junior Detective Camp \u00b7 Year-End 2026 3 Days. One Mystery. Can Your Child Solve the Case? Children aged 6\u201312 step into the role of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":1283,"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":1689,"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/1689"}],"wp:attachment":[{"href":"https:\/\/csi.campkiddie.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}