{"id":106,"date":"2024-06-09T05:13:30","date_gmt":"2024-06-09T05:13:30","guid":{"rendered":"http:\/\/careox-demo.local\/?page_id=106"},"modified":"2026-05-20T10:55:25","modified_gmt":"2026-05-20T10:55:25","slug":"contact","status":"publish","type":"page","link":"https:\/\/amzealcreatives.com\/smartgirl\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"106\" class=\"elementor elementor-106\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bff14b e-con-full e-flex e-con e-parent\" data-id=\"1bff14b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0900d91 elementor-widget elementor-widget-html\" data-id=\"0900d91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   Smart Girl - Premium Contact Page\r\n   WordPress Ready | Responsive | Animated | Professional\r\n========================================================= *\/\r\n\r\n.sg-contact-page {\r\n  --sg-pink: #e90a7d;\r\n  --sg-purple: #3b0c63;\r\n  --sg-purple-dark: #24063f;\r\n  --sg-soft-pink: #fff3f9;\r\n  --sg-light-pink: #ffe7f3;\r\n  --sg-soft-purple: #f7effc;\r\n  --sg-text: #281733;\r\n  --sg-muted: #6a5974;\r\n  --sg-white: #ffffff;\r\n  --sg-border: rgba(233, 10, 125, 0.15);\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(52px, 7vw, 96px) clamp(14px, 4vw, 56px);\r\n  background:\r\n    radial-gradient(circle at 8% 10%, rgba(233, 10, 125, 0.10), transparent 28%),\r\n    radial-gradient(circle at 92% 82%, rgba(59, 12, 99, 0.08), transparent 34%),\r\n    linear-gradient(135deg, #ffffff 0%, #fff8fc 48%, #f8f1ff 100%);\r\n  color: var(--sg-text);\r\n  font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\r\n}\r\n\r\n.sg-contact-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sg-contact-wrap {\r\n  width: min(100%, 1240px);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Decorative Elements *\/\r\n.sg-contact-page::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 360px;\r\n  height: 360px;\r\n  top: -150px;\r\n  right: -140px;\r\n  border-radius: 50%;\r\n  background: rgba(233, 10, 125, 0.10);\r\n  animation: sgContactFloat 8s ease-in-out infinite;\r\n}\r\n\r\n.sg-contact-page::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 280px;\r\n  height: 280px;\r\n  left: -120px;\r\n  bottom: -120px;\r\n  border-radius: 50%;\r\n  background: rgba(59, 12, 99, 0.08);\r\n  animation: sgContactFloatTwo 9s ease-in-out infinite;\r\n}\r\n\r\n\/* Reveal Animation *\/\r\n.sg-contact-reveal {\r\n  opacity: 0;\r\n  transform: translateY(26px);\r\n  transition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n\r\n.sg-contact-reveal.sg-contact-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Hero *\/\r\n.sg-contact-hero {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1.08fr);\r\n  gap: clamp(30px, 5vw, 62px);\r\n  align-items: center;\r\n  margin-bottom: clamp(36px, 5vw, 62px);\r\n}\r\n\r\n.sg-contact-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 9px 16px;\r\n  margin-bottom: 22px;\r\n  border-radius: 999px;\r\n  background: var(--sg-white);\r\n  border: 1px solid var(--sg-border);\r\n  color: var(--sg-pink);\r\n  box-shadow: 0 14px 32px rgba(59, 12, 99, 0.07);\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.sg-contact-badge svg {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n.sg-contact-title {\r\n  max-width: 720px;\r\n  margin: 0 0 18px;\r\n  color: var(--sg-purple);\r\n  font-size: clamp(38px, 5vw, 64px);\r\n  line-height: 1.06;\r\n  font-weight: 600;\r\n  letter-spacing: -0.045em;\r\n}\r\n\r\n.sg-contact-title span {\r\n  color: var(--sg-pink);\r\n}\r\n\r\n.sg-contact-intro {\r\n  max-width: 720px;\r\n  margin: 0 0 28px;\r\n  color: var(--sg-muted);\r\n  font-size: clamp(16px, 1.7vw, 19px);\r\n  line-height: 1.78;\r\n}\r\n\r\n.sg-contact-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n}\r\n\r\n.sg-contact-btn {\r\n  min-height: 52px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 0 24px;\r\n  border-radius: 999px;\r\n  text-decoration: none;\r\n  font-size: 14.8px;\r\n  font-weight: 650;\r\n  transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;\r\n}\r\n\r\n.sg-contact-btn-primary {\r\n  background: var(--sg-pink);\r\n  color: #ffffff;\r\n  box-shadow: 0 16px 36px rgba(233, 10, 125, 0.24);\r\n}\r\n\r\n.sg-contact-btn-secondary {\r\n  background: #ffffff;\r\n  color: var(--sg-purple);\r\n  border: 1px solid rgba(59, 12, 99, 0.13);\r\n  box-shadow: 0 12px 28px rgba(59, 12, 99, 0.07);\r\n}\r\n\r\n.sg-contact-btn:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.sg-contact-btn-primary:hover {\r\n  color: #ffffff;\r\n  box-shadow: 0 20px 46px rgba(233, 10, 125, 0.30);\r\n}\r\n\r\n.sg-contact-btn-secondary:hover {\r\n  color: var(--sg-purple);\r\n}\r\n\r\n\/* Premium Contact Panel *\/\r\n.sg-contact-panel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(24px, 3vw, 34px);\r\n  border-radius: 32px;\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(233, 10, 125, 0.10), transparent 30%),\r\n    radial-gradient(circle at 88% 18%, rgba(59, 12, 99, 0.08), transparent 32%),\r\n    linear-gradient(135deg, #ffffff 0%, #fff6fb 48%, #f8f1ff 100%);\r\n  border: 1px solid rgba(233, 10, 125, 0.16);\r\n  box-shadow: 0 28px 76px rgba(59, 12, 99, 0.12);\r\n}\r\n\r\n.sg-contact-panel::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(233, 10, 125, 0.07) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(59, 12, 99, 0.05) 1px, transparent 1px);\r\n  background-size: 32px 32px;\r\n  opacity: 0.12;\r\n}\r\n\r\n.sg-contact-panel::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 28px;\r\n  right: 28px;\r\n  bottom: 0;\r\n  height: 5px;\r\n  border-radius: 999px 999px 0 0;\r\n  background: linear-gradient(90deg, var(--sg-pink), var(--sg-purple));\r\n}\r\n\r\n.sg-contact-panel-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.sg-contact-panel h3 {\r\n  margin: 0 0 10px;\r\n  color: var(--sg-purple);\r\n  font-size: clamp(24px, 3vw, 34px);\r\n  line-height: 1.16;\r\n  font-weight: 600;\r\n}\r\n\r\n.sg-contact-panel p {\r\n  margin: 0 0 24px;\r\n  color: var(--sg-muted);\r\n  font-size: 15.5px;\r\n  line-height: 1.72;\r\n}\r\n\r\n.sg-contact-mini-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n.sg-contact-mini-card {\r\n  padding: 18px;\r\n  border-radius: 22px;\r\n  background: #ffffff;\r\n  border: 1px solid rgba(233, 10, 125, 0.13);\r\n  box-shadow: 0 16px 36px rgba(59, 12, 99, 0.07);\r\n}\r\n\r\n.sg-contact-mini-card strong {\r\n  display: block;\r\n  color: var(--sg-pink);\r\n  font-size: 26px;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.sg-contact-mini-card span {\r\n  display: block;\r\n  color: var(--sg-purple);\r\n  font-size: 13.5px;\r\n  line-height: 1.45;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Contact Details + Form *\/\r\n.sg-contact-main {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);\r\n  gap: 24px;\r\n  align-items: stretch;\r\n}\r\n\r\n.sg-contact-details,\r\n.sg-contact-form-card {\r\n  padding: clamp(22px, 3vw, 32px);\r\n  border-radius: 32px;\r\n  background: rgba(255,255,255,0.96);\r\n  border: 1px solid var(--sg-border);\r\n  box-shadow: 0 24px 65px rgba(59, 12, 99, 0.09);\r\n}\r\n\r\n.sg-contact-section-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: 0 0 22px;\r\n  color: var(--sg-purple);\r\n  font-size: clamp(24px, 3vw, 34px);\r\n  line-height: 1.18;\r\n  font-weight: 600;\r\n  letter-spacing: -0.025em;\r\n}\r\n\r\n.sg-contact-section-title svg {\r\n  width: 30px;\r\n  height: 30px;\r\n  color: var(--sg-pink);\r\n}\r\n\r\n\/* Cards *\/\r\n.sg-contact-card-list {\r\n  display: grid;\r\n  gap: 16px;\r\n}\r\n\r\n.sg-contact-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: grid;\r\n  grid-template-columns: 58px minmax(0, 1fr) auto;\r\n  gap: 16px;\r\n  align-items: center;\r\n  padding: 18px;\r\n  border-radius: 24px;\r\n  background: linear-gradient(180deg, #ffffff, var(--sg-soft-pink));\r\n  border: 1px solid rgba(233, 10, 125, 0.12);\r\n  box-shadow: 0 16px 36px rgba(59, 12, 99, 0.06);\r\n  transition: transform 0.28s ease, box-shadow 0.28s ease;\r\n}\r\n\r\n.sg-contact-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 24px 54px rgba(233, 10, 125, 0.14);\r\n}\r\n\r\n.sg-contact-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 20px;\r\n  background: var(--sg-soft-purple);\r\n  color: var(--sg-pink);\r\n}\r\n\r\n.sg-contact-icon svg {\r\n  width: 28px;\r\n  height: 28px;\r\n}\r\n\r\n.sg-contact-card h3 {\r\n  margin: 0 0 6px;\r\n  color: var(--sg-purple);\r\n  font-size: 16px;\r\n  font-weight: 650;\r\n}\r\n\r\n.sg-contact-card p,\r\n.sg-contact-card a {\r\n  margin: 0;\r\n  color: var(--sg-muted);\r\n  font-size: 14.8px;\r\n  line-height: 1.55;\r\n  text-decoration: none;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n.sg-contact-card a:hover {\r\n  color: var(--sg-pink);\r\n}\r\n\r\n.sg-contact-copy-btn {\r\n  width: 38px;\r\n  height: 38px;\r\n  border: none;\r\n  border-radius: 14px;\r\n  display: grid;\r\n  place-items: center;\r\n  background: #ffffff;\r\n  color: var(--sg-purple);\r\n  cursor: pointer;\r\n  box-shadow: 0 10px 24px rgba(59, 12, 99, 0.08);\r\n  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;\r\n}\r\n\r\n.sg-contact-copy-btn:hover {\r\n  transform: translateY(-2px);\r\n  background: var(--sg-pink);\r\n  color: #ffffff;\r\n}\r\n\r\n.sg-contact-copy-btn svg {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n\/* Map Card *\/\r\n.sg-contact-map-card {\r\n  margin-top: 18px;\r\n  overflow: hidden;\r\n  border-radius: 26px;\r\n  background:\r\n    radial-gradient(circle at 20% 20%, rgba(233, 10, 125, 0.10), transparent 28%),\r\n    linear-gradient(135deg, #ffffff, #fff2f9);\r\n  border: 1px solid rgba(233, 10, 125, 0.13);\r\n  box-shadow: 0 18px 45px rgba(59, 12, 99, 0.07);\r\n}\r\n\r\n.sg-contact-map-visual {\r\n  position: relative;\r\n  min-height: 220px;\r\n  display: grid;\r\n  place-items: center;\r\n  padding: 26px;\r\n  text-align: center;\r\n}\r\n\r\n.sg-contact-map-pin {\r\n  width: 78px;\r\n  height: 78px;\r\n  display: grid;\r\n  place-items: center;\r\n  margin: 0 auto 16px;\r\n  border-radius: 28px;\r\n  background: linear-gradient(135deg, var(--sg-purple), var(--sg-pink));\r\n  color: #ffffff;\r\n  box-shadow: 0 18px 40px rgba(233, 10, 125, 0.22);\r\n  animation: sgPinPulse 2.4s ease-in-out infinite;\r\n}\r\n\r\n.sg-contact-map-pin svg {\r\n  width: 36px;\r\n  height: 36px;\r\n}\r\n\r\n.sg-contact-map-visual strong {\r\n  display: block;\r\n  color: var(--sg-purple);\r\n  font-size: 18px;\r\n  line-height: 1.35;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.sg-contact-map-visual span {\r\n  display: block;\r\n  color: var(--sg-muted);\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Form *\/\r\n.sg-contact-form-intro {\r\n  margin: -10px 0 24px;\r\n  color: var(--sg-muted);\r\n  font-size: 15.5px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.sg-contact-form {\r\n  display: grid;\r\n  gap: 16px;\r\n}\r\n\r\n.sg-contact-form-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 16px;\r\n}\r\n\r\n.sg-contact-field {\r\n  display: grid;\r\n  gap: 8px;\r\n}\r\n\r\n.sg-contact-field label {\r\n  color: var(--sg-purple);\r\n  font-size: 13.5px;\r\n  font-weight: 650;\r\n}\r\n\r\n.sg-contact-field input,\r\n.sg-contact-field textarea,\r\n.sg-contact-field select {\r\n  width: 100%;\r\n  min-height: 52px;\r\n  padding: 14px 16px;\r\n  border-radius: 18px;\r\n  border: 1px solid rgba(233, 10, 125, 0.15);\r\n  background: #ffffff;\r\n  color: var(--sg-text);\r\n  font-family: inherit;\r\n  font-size: 14.8px;\r\n  outline: none;\r\n  box-shadow: 0 12px 28px rgba(59, 12, 99, 0.04);\r\n  transition: border-color 0.25s ease, box-shadow 0.25s ease;\r\n}\r\n\r\n.sg-contact-field textarea {\r\n  min-height: 132px;\r\n  resize: vertical;\r\n}\r\n\r\n.sg-contact-field input:focus,\r\n.sg-contact-field textarea:focus,\r\n.sg-contact-field select:focus {\r\n  border-color: rgba(233, 10, 125, 0.45);\r\n  box-shadow: 0 0 0 4px rgba(233, 10, 125, 0.10);\r\n}\r\n\r\n.sg-contact-submit {\r\n  min-height: 54px;\r\n  border: none;\r\n  border-radius: 999px;\r\n  background: var(--sg-pink);\r\n  color: #ffffff;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  box-shadow: 0 16px 36px rgba(233, 10, 125, 0.24);\r\n  transition: transform 0.28s ease, box-shadow 0.28s ease;\r\n}\r\n\r\n.sg-contact-submit:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 20px 46px rgba(233, 10, 125, 0.30);\r\n}\r\n\r\n.sg-contact-form-note {\r\n  margin: 4px 0 0;\r\n  color: var(--sg-muted);\r\n  font-size: 13.5px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes sgContactFloat {\r\n  0%, 100% {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n  50% {\r\n    transform: translateY(18px) scale(1.03);\r\n  }\r\n}\r\n\r\n@keyframes sgContactFloatTwo {\r\n  0%, 100% {\r\n    transform: translateY(0) scale(1);\r\n  }\r\n  50% {\r\n    transform: translateY(-18px) scale(1.03);\r\n  }\r\n}\r\n\r\n@keyframes sgPinPulse {\r\n  0%, 100% {\r\n    transform: translateY(0);\r\n    box-shadow: 0 18px 40px rgba(233, 10, 125, 0.22);\r\n  }\r\n  50% {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 24px 50px rgba(233, 10, 125, 0.30);\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1180px) {\r\n  .sg-contact-hero,\r\n  .sg-contact-main {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .sg-contact-panel {\r\n    max-width: 780px;\r\n  }\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  .sg-contact-page {\r\n    padding: 46px 14px;\r\n  }\r\n\r\n  .sg-contact-title {\r\n    font-size: 38px;\r\n  }\r\n\r\n  .sg-contact-actions {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .sg-contact-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .sg-contact-mini-grid,\r\n  .sg-contact-form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .sg-contact-details,\r\n  .sg-contact-form-card,\r\n  .sg-contact-panel {\r\n    border-radius: 24px;\r\n    padding: 22px;\r\n  }\r\n\r\n  .sg-contact-card {\r\n    grid-template-columns: 52px minmax(0, 1fr);\r\n  }\r\n\r\n  .sg-contact-copy-btn {\r\n    grid-column: 1 \/ -1;\r\n    width: 100%;\r\n    height: 42px;\r\n  }\r\n\r\n  .sg-contact-icon {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 430px) {\r\n  .sg-contact-title {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .sg-contact-section-title {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .sg-contact-card {\r\n    padding: 16px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .sg-contact-map-visual {\r\n    min-height: 200px;\r\n    padding: 22px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .sg-contact-page::before,\r\n  .sg-contact-page::after,\r\n  .sg-contact-reveal,\r\n  .sg-contact-map-pin,\r\n  .sg-contact-card,\r\n  .sg-contact-btn,\r\n  .sg-contact-submit {\r\n    animation: none;\r\n    transition: none;\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sg-contact-page\" id=\"contact\">\r\n  <div class=\"sg-contact-wrap\">\r\n\r\n    <div class=\"sg-contact-hero\">\r\n\r\n      <div class=\"sg-contact-copy sg-contact-reveal\">\r\n        <div class=\"sg-contact-badge\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 5H20V19H4V5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          Contact Us\r\n        <\/div>\r\n\r\n        <h1 class=\"sg-contact-title\">\r\n          Get in touch with <span>Smart Girl<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"sg-contact-intro\">\r\n          Reach out to us for mentorship programs, school partnerships, trainings, advocacy collaborations, speaking engagements, and community impact initiatives.\r\n        <\/p>\r\n\r\n        <div class=\"sg-contact-actions\">\r\n          <a class=\"sg-contact-btn sg-contact-btn-primary\" href=\"mailto:smartgirl@smartgirlacademy.com\">\r\n            Email Us\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"18\" height=\"18\">\r\n              <path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a class=\"sg-contact-btn sg-contact-btn-secondary\" href=\"tel:+254733179990\">\r\n            Call Now\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sg-contact-panel sg-contact-reveal\">\r\n        <div class=\"sg-contact-panel-inner\">\r\n          <h3>We would love to hear from you<\/h3>\r\n          <p>\r\n            Whether you are a parent, school, institution, partner, sponsor, or young person seeking support, our team is ready to connect with you.\r\n          <\/p>\r\n\r\n          <div class=\"sg-contact-mini-grid\">\r\n            <div class=\"sg-contact-mini-card\">\r\n             \r\n              <span>Smart Girl Network &amp; Smart Girl Academy<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"sg-contact-mini-card\">\r\n              <strong>24h<\/strong>\r\n              <span>Send us a message and our team will respond promptly.<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"sg-contact-main\">\r\n\r\n      <div class=\"sg-contact-details sg-contact-reveal\">\r\n\r\n        <h2 class=\"sg-contact-section-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 21S19 14.5 19 9.5A7 7 0 0 0 5 9.5C5 14.5 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n            <path d=\"M12 12A2.5 2.5 0 1 0 12 7A2.5 2.5 0 0 0 12 12Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n          <\/svg>\r\n          Contact Details\r\n        <\/h2>\r\n\r\n        <div class=\"sg-contact-card-list\">\r\n\r\n          <div class=\"sg-contact-card\">\r\n            <div class=\"sg-contact-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 21S19 14.5 19 9.5A7 7 0 0 0 5 9.5C5 14.5 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                <path d=\"M12 12A2.5 2.5 0 1 0 12 7A2.5 2.5 0 0 0 12 12Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div>\r\n              <h3>Location<\/h3>\r\n              <p>107, Ikigai, Lower Kabete Road, Westlands, Nairobi, Kenya<\/p>\r\n            <\/div>\r\n\r\n            <button class=\"sg-contact-copy-btn\" type=\"button\" data-copy=\"2nd Floor Westcom Point, Mahiga Mairo Avenue, Westlands\" aria-label=\"Copy location\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M8 8H6A2 2 0 0 0 4 10V19A2 2 0 0 0 6 21H15A2 2 0 0 0 17 19V17M9 3H18A2 2 0 0 1 20 5V14A2 2 0 0 1 18 16H9A2 2 0 0 1 7 14V5A2 2 0 0 1 9 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <div class=\"sg-contact-card\">\r\n            <div class=\"sg-contact-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M4 5H20V19H4V5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div>\r\n              <h3>Email<\/h3>\r\n              <a href=\"mailto:info@smartgirlacademy.com\">info@smartgirlacademy.com<\/a>\r\n            <\/div>\r\n\r\n            <button class=\"sg-contact-copy-btn\" type=\"button\" data-copy=\"smartgirl@smartgirlacademy.com\" aria-label=\"Copy email\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M8 8H6A2 2 0 0 0 4 10V19A2 2 0 0 0 6 21H15A2 2 0 0 0 17 19V17M9 3H18A2 2 0 0 1 20 5V14A2 2 0 0 1 18 16H9A2 2 0 0 1 7 14V5A2 2 0 0 1 9 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <div class=\"sg-contact-card\">\r\n            <div class=\"sg-contact-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M7 4H10L11.5 8L9.5 9.5C10.4 11.4 12.6 13.6 14.5 14.5L16 12.5L20 14V17C20 18.7 18.7 20 17 20C9.8 20 4 14.2 4 7C4 5.3 5.3 4 7 4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <div>\r\n              <h3>Phone<\/h3>\r\n              <a href=\"tel:+254733179990\">+254733179990<\/a>\r\n            <\/div>\r\n\r\n            <button class=\"sg-contact-copy-btn\" type=\"button\" data-copy=\"+254733179990\" aria-label=\"Copy phone\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M8 8H6A2 2 0 0 0 4 10V19A2 2 0 0 0 6 21H15A2 2 0 0 0 17 19V17M9 3H18A2 2 0 0 1 20 5V14A2 2 0 0 1 18 16H9A2 2 0 0 1 7 14V5A2 2 0 0 1 9 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"sg-contact-map-card\">\r\n          <div class=\"sg-contact-map-visual\">\r\n            <div>\r\n              <div class=\"sg-contact-map-pin\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M12 21S19 14.5 19 9.5A7 7 0 0 0 5 9.5C5 14.5 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                  <path d=\"M12 12A2.5 2.5 0 1 0 12 7A2.5 2.5 0 0 0 12 12Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <strong>Visit Our Office<\/strong>\r\n              <span>2nd Floor Westcom Point, Mahiga Mairo Avenue, Westlands<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"sg-contact-form-card sg-contact-reveal\">\r\n\r\n        <h2 class=\"sg-contact-section-title\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 5H20V19H4V5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          Send a Message\r\n        <\/h2>\r\n\r\n        <p class=\"sg-contact-form-intro\">\r\n          Fill in the form below to contact Smart Girl. The message will open in your email app ready to send.\r\n        <\/p>\r\n\r\n        <form class=\"sg-contact-form\" action=\"mailto:smartgirl@smartgirlacademy.com\" method=\"post\" enctype=\"text\/plain\">\r\n\r\n          <div class=\"sg-contact-form-row\">\r\n            <div class=\"sg-contact-field\">\r\n              <label for=\"sg-name\">Full Name<\/label>\r\n              <input id=\"sg-name\" name=\"Full Name\" type=\"text\" placeholder=\"Enter your name\" required>\r\n            <\/div>\r\n\r\n            <div class=\"sg-contact-field\">\r\n              <label for=\"sg-phone\">Phone Number<\/label>\r\n              <input id=\"sg-phone\" name=\"Phone Number\" type=\"tel\" placeholder=\"Enter your phone number\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sg-contact-form-row\">\r\n            <div class=\"sg-contact-field\">\r\n              <label for=\"sg-email\">Email Address<\/label>\r\n              <input id=\"sg-email\" name=\"Email Address\" type=\"email\" placeholder=\"Enter your email\" required>\r\n            <\/div>\r\n\r\n            <div class=\"sg-contact-field\">\r\n              <label for=\"sg-interest\">Area of Interest<\/label>\r\n              <select id=\"sg-interest\" name=\"Area of Interest\">\r\n                <option value=\"\">Select an option<\/option>\r\n                <option value=\"Mentorship\">Mentorship<\/option>\r\n                <option value=\"Smart Girl Academy\">Smart Girl Academy<\/option>\r\n                <option value=\"Smart Girl Network\">Smart Girl Network<\/option>\r\n                <option value=\"Partnership\">Partnership<\/option>\r\n                <option value=\"Training\">Training<\/option>\r\n                <option value=\"Speaking Engagement\">Speaking Engagement<\/option>\r\n              <\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"sg-contact-field\">\r\n            <label for=\"sg-message\">Message<\/label>\r\n            <textarea id=\"sg-message\" name=\"Message\" placeholder=\"Write your message here...\" required><\/textarea>\r\n          <\/div>\r\n\r\n          <button class=\"sg-contact-submit\" type=\"submit\">Send Message<\/button>\r\n\r\n          <p class=\"sg-contact-form-note\">\r\n            You can also contact us directly through email or phone using the details provided on this page.\r\n          <\/p>\r\n\r\n        <\/form>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const contactSection = document.querySelector(\".sg-contact-page\");\r\n  if (!contactSection) return;\r\n\r\n  const revealItems = contactSection.querySelectorAll(\".sg-contact-reveal\");\r\n\r\n  const revealObserver = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"sg-contact-visible\");\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n\r\n  revealItems.forEach(function (item) {\r\n    revealObserver.observe(item);\r\n  });\r\n\r\n  contactSection.querySelectorAll(\"[data-copy]\").forEach(function (button) {\r\n    button.addEventListener(\"click\", function () {\r\n      const value = button.getAttribute(\"data-copy\");\r\n\r\n      if (navigator.clipboard && value) {\r\n        navigator.clipboard.writeText(value).then(function () {\r\n          const original = button.innerHTML;\r\n          button.innerHTML = \"Copied\";\r\n          setTimeout(function () {\r\n            button.innerHTML = original;\r\n          }, 1400);\r\n        });\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Get in touch with Smart Girl Reach out to us for mentorship programs, school partnerships, trainings, advocacy collaborations, speaking engagements, and community impact initiatives. Email Us Call Now We would love to hear from you Whether you are a parent, school, institution, partner, sponsor, or young person seeking support, our team is ready [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":16,"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":2650,"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/pages\/106\/revisions\/2650"}],"wp:attachment":[{"href":"https:\/\/amzealcreatives.com\/smartgirl\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}