{"id":2187,"date":"2026-07-24T01:58:31","date_gmt":"2026-07-24T01:58:31","guid":{"rendered":"https:\/\/drespen.com\/?page_id=2187"},"modified":"2026-07-30T05:46:27","modified_gmt":"2026-07-30T05:46:27","slug":"quiz","status":"publish","type":"page","link":"https:\/\/drespen.com\/ar\/quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2187\" class=\"elementor elementor-2187\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d57675a e-flex e-con-boxed e-con e-parent\" data-id=\"d57675a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-660758a elementor-widget elementor-widget-html\" data-id=\"660758a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  var currentPath = window.location.pathname.replace(\/\\\/+$\/, \"\");\r\n\r\n  if (currentPath === \"\/quiz\") {\r\n    document.querySelectorAll(\".hide-on-quiz\").forEach(function (button) {\r\n      button.style.setProperty(\"display\", \"none\", \"important\");\r\n    });\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0032e32 elementor-widget elementor-widget-html\" data-id=\"0032e32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n#trqw,\r\n#trqw * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#trqw {\r\n  position: relative;\r\n  display: flex;\r\n  gap: 36px;\r\n  min-height: 580px;\r\n  height: auto;\r\n  background: #fff;\r\n  color: #000;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n}\r\n\r\n\/* PANELS *\/\r\n#trqw-l {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 47%;\r\n  flex-shrink: 0;\r\n  background: #CA9A2C;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n}\r\n\r\n#trqw-r {\r\n  position: relative;\r\n  order: -1;\r\n  flex: 1;\r\n  overflow: hidden;\r\n  background: #e9e5e0;\r\n  border-radius: 20px;\r\n}\r\n\r\n\/* SCREENS *\/\r\n#trqw .trq-s {\r\n  display: none;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  min-height: 580px;\r\n}\r\n\r\n#trqw .trq-s.trq-on {\r\n  display: flex;\r\n}\r\n\r\n\/* INTRO *\/\r\n#trqw #trqs-0 .trq-inner {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 0 64px 48px;\r\n}\r\n\r\n#trqw .trq-big-h {\r\n  max-width: 420px;\r\n  margin: 0 0 14px;\r\n  color: #000;\r\n  font-size: clamp(30px, 3.8vw, 46px);\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n}\r\n\r\n#trqw .trq-subt {\r\n  margin: 0 0 40px;\r\n  color: #000;\r\n  font-size: 17px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n#trqw .trq-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 15px 28px;\r\n  border: none;\r\n  border-radius: 100px;\r\n  outline: none;\r\n  background: #000;\r\n  color: #fff;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  letter-spacing: -0.1px;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n  transition: background 0.2s;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n}\r\n\r\n#trqw .trq-pill:hover {\r\n  background: #1a1a1a;\r\n}\r\n\r\n#trqw .trq-pill.trq-dim {\r\n  background: #c8c8c8 !important;\r\n  cursor: not-allowed;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* PROGRESS BAR *\/\r\n#trqw .trq-pb {\r\n  display: flex;\r\n  flex-shrink: 0;\r\n  gap: 5px;\r\n  padding: 20px 64px 0;\r\n}\r\n\r\n#trqw .trq-seg {\r\n  flex: 1;\r\n  height: 3px;\r\n  border-radius: 2px;\r\n  background: rgba(0,0,0,0.18);\r\n  transition: background 0.35s ease;\r\n}\r\n\r\n#trqw .trq-seg.done {\r\n  background: #000;\r\n}\r\n\r\n\/* QUESTION BODY *\/\r\n#trqw .trq-qbody {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  padding: 24px 64px 36px;\r\n}\r\n\r\n#trqw .trq-slbl {\r\n  margin: 0 0 16px;\r\n  color: rgba(0,0,0,0.65);\r\n  font-size: 12px;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n#trqw .trq-qh {\r\n  max-width: 440px;\r\n  margin: 0 0 28px;\r\n  color: #000;\r\n  font-size: clamp(24px, 3.2vw, 34px);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n}\r\n\r\n\/* OPTION GRID *\/\r\n#trqw .trq-opts {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 10px;\r\n}\r\n\r\n\/* OPTION CARDS *\/\r\n#trqw .trq-opt {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 15px 18px;\r\n  border: 1.5px solid #e0e0e0;\r\n  border-radius: 12px;\r\n  background: #fff;\r\n  cursor: pointer;\r\n  transition: border-color 0.12s;\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n}\r\n\r\n#trqw .trq-opt:hover {\r\n  border-color: #aaa;\r\n}\r\n\r\n#trqw .trq-opt .trq-inp-h {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n#trqw .trq-opt-txt {\r\n  flex: 1;\r\n  color: #000;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  text-align: left;\r\n}\r\n\r\n#trqw .trq-circ {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 22px;\r\n  height: 22px;\r\n  flex-shrink: 0;\r\n  border: 1.5px solid #ccc;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  transition: all 0.12s;\r\n}\r\n\r\n#trqw .trq-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  opacity: 0;\r\n  transition: opacity 0.12s;\r\n}\r\n\r\n\/* SELECTED OPTIONS *\/\r\n#trqw .trq-opt:has(input:checked),\r\n#trqw .trq-opt.sel {\r\n  border-color: #000;\r\n}\r\n\r\n#trqw .trq-opt:has(input:checked) .trq-circ,\r\n#trqw .trq-opt.sel .trq-circ {\r\n  border-color: #000;\r\n  background: #000;\r\n}\r\n\r\n#trqw .trq-opt:has(input:checked) .trq-dot,\r\n#trqw .trq-opt.sel .trq-dot {\r\n  opacity: 1;\r\n}\r\n\r\n\/* BOTTOM AREA *\/\r\n#trqw .trq-bot {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  margin-top: auto;\r\n  padding-top: 24px;\r\n}\r\n\r\n\/* ELEMENTOR FORM *\/\r\n#trq-form-slot {\r\n  width: 100%;\r\n}\r\n\r\n#trq-form-slot > div,\r\n#trq-form-slot .elementor,\r\n#trq-form-slot .elementor-element,\r\n#trq-form-slot .elementor-widget-container,\r\n#trq-form-slot form.elementor-form {\r\n  width: 100%;\r\n}\r\n\r\n#trq-form-slot input,\r\n#trq-form-slot textarea,\r\n#trq-form-slot select,\r\n#trq-form-slot button,\r\n#trq-form-slot label {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* RIGHT PANEL PHOTOS *\/\r\n#trqw-r .trq-ph {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-position: center;\r\n  background-size: cover;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.6s ease;\r\n}\r\n\r\n#trqw-r .trq-ph.on {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n\r\n\/* INTRO PHOTO GRID *\/\r\n#trqw-r #trqph-0 {\r\n  display: flex;\r\n  padding: 0;\r\n  background: #fff;\r\n}\r\n\r\n#trqw-r .trq-grid {\r\n  display: grid;\r\n  flex: 1;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  grid-template-rows: 1fr 1.3fr 1fr;\r\n  gap: 12px;\r\n}\r\n\r\n#trqw-r .trq-gp {\r\n  border-radius: 20px;\r\n  background-color: #e8e5df;\r\n  background-position: center;\r\n  background-size: cover;\r\n}\r\n\r\n#trqw-r .trq-gp:first-child {\r\n  border-radius: 120px;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 780px) {\r\n  #trqw {\r\n    flex-direction: column;\r\n  }\r\n\r\n  #trqw-l {\r\n    width: 100%;\r\n    border-radius: 0;\r\n  }\r\n\r\n  #trqw-r {\r\n    order: 0;\r\n    height: 260px;\r\n    min-height: 260px;\r\n  }\r\n\r\n  #trqw .trq-s {\r\n    min-height: 0;\r\n  }\r\n\r\n  #trqw #trqs-0 .trq-inner {\r\n    padding: 50px 28px 40px;\r\n  }\r\n\r\n  #trqw .trq-pb {\r\n    padding: 20px 28px 0;\r\n  }\r\n\r\n  #trqw .trq-qbody {\r\n    padding: 28px 28px 40px;\r\n  }\r\n\r\n  #trqw .trq-opts {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  #trqw .trq-big-h {\r\n    font-size: 28px;\r\n  }\r\n\r\n  #trqw .trq-qh {\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n\/* BUTTON WIDTH *\/\r\n#trqw .trq-pill {\r\n  width: 50% !important;\r\n  max-width: 50% !important;\r\n  align-self: flex-start;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n#trqw .trq-bot {\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* FONT *\/\r\n#trqw,\r\n#trqw *,\r\n#trq-form-slot,\r\n#trq-form-slot * {\r\n  font-family: \"SF Pro Display\", sans-serif !important;\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"trqw\">\r\n\r\n  <!-- LEFT PANEL -->\r\n  <div id=\"trqw-l\">\r\n\r\n    <!-- INTRO -->\r\n    <div id=\"trqs-0\" class=\"trq-s trq-on\">\r\n      <div class=\"trq-inner\">\r\n        <h1 class=\"trq-big-h\">\r\n          Ready to take control of your life?\r\n        <\/h1>\r\n\r\n        <p class=\"trq-subt\">\r\n          Let's find out what you're made of.\r\n        <\/p>\r\n\r\n        <button type=\"button\" class=\"trq-pill\" id=\"trq-sb\">\r\n          Take quiz\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 1 -->\r\n    <div id=\"trqs-1\" class=\"trq-s\">\r\n      <div class=\"trq-pb\">\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg\"><\/div>\r\n        <div class=\"trq-seg\"><\/div>\r\n        <div class=\"trq-seg\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"trq-qbody\">\r\n        <p class=\"trq-slbl\">Step 1 of 4<\/p>\r\n\r\n        <h2 class=\"trq-qh\">\r\n          What areas of your life do you want to focus on?\r\n        <\/h2>\r\n\r\n        <div class=\"trq-opts\" id=\"trqo-1\"><\/div>\r\n\r\n        <div class=\"trq-bot\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"trq-pill trq-dim\"\r\n            id=\"trqn-1\"\r\n            disabled\r\n          >\r\n            Next step\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 2 -->\r\n    <div id=\"trqs-2\" class=\"trq-s\">\r\n      <div class=\"trq-pb\">\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg\"><\/div>\r\n        <div class=\"trq-seg\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"trq-qbody\">\r\n        <p class=\"trq-slbl\">Step 2 of 4<\/p>\r\n\r\n        <h2 class=\"trq-qh\">\r\n          Select your age range\r\n        <\/h2>\r\n\r\n        <div class=\"trq-opts\" id=\"trqo-2\"><\/div>\r\n\r\n        <div class=\"trq-bot\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"trq-pill trq-dim\"\r\n            id=\"trqn-2\"\r\n            disabled\r\n          >\r\n            Next step\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 3 -->\r\n    <div id=\"trqs-3\" class=\"trq-s\">\r\n      <div class=\"trq-pb\">\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"trq-qbody\">\r\n        <p class=\"trq-slbl\">Step 3 of 4<\/p>\r\n\r\n        <h2 class=\"trq-qh\">\r\n          What's your biggest challenge right now?\r\n        <\/h2>\r\n\r\n        <div class=\"trq-opts\" id=\"trqo-3\"><\/div>\r\n\r\n        <div class=\"trq-bot\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"trq-pill trq-dim\"\r\n            id=\"trqn-3\"\r\n            disabled\r\n          >\r\n            Next step\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP 4: ELEMENTOR FORM -->\r\n    <div id=\"trqs-4\" class=\"trq-s\">\r\n      <div class=\"trq-pb\">\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg done\"><\/div>\r\n        <div class=\"trq-seg done\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"trq-qbody\">\r\n        <p class=\"trq-slbl\">Step 4 of 4<\/p>\r\n\r\n        <h2 class=\"trq-qh\">\r\n          Where should we send your results?\r\n        <\/h2>\r\n\r\n        <div id=\"trq-form-slot\">\r\n          \t\t<div data-elementor-type=\"section\" data-elementor-id=\"2204\" class=\"elementor elementor-2204\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-31a89b9 e-flex e-con-boxed e-con e-parent\" data-id=\"31a89b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f3858f elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"5f3858f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;button_width&quot;:&quot;40&quot;,&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"2204\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"5f3858f\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Quiz - DR ESPEN\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"2187\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tFull Name\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_dfeaa32 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_dfeaa32\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone Number\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_dfeaa32]\" id=\"form-field-field_dfeaa32\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-field_11bfc38 elementor-col-100\">\n\t\t\t\t\tBy clicking \u201cSubmit,\u201d you agree to the DR ESPEN Terms of Use and Privacy Policy. You also consent to receive emails, phone calls, and SMS messages from Robbins Research International regarding updates to your order and\/or for marketing purposes. Message frequency may vary based on your activity. To opt out of SMS messages, reply \u201cSTOP.\u201d Message and data rates may apply.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-quiz_life_areas elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[quiz_life_areas]\" id=\"form-field-quiz_life_areas\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-quiz_age_range elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[quiz_age_range]\" id=\"form-field-quiz_age_range\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-quiz_biggest_challenge elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"hidden\" name=\"form_fields[quiz_biggest_challenge]\" id=\"form-field-quiz_biggest_challenge\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-40 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Your Results<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- RIGHT PANEL -->\r\n  <div id=\"trqw-r\">\r\n\r\n    <!-- INTRO PHOTO GRID -->\r\n    <div id=\"trqph-0\" class=\"trq-ph on\">\r\n      <div class=\"trq-grid\">\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1544367567-0f2fcb009e0b?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1516589178581-6cd7833ae3b2?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1469474968028-56623f02e42e?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1518199266791-5375a83190b7?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?w=500&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1511988617509-a57c8a288659?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1506126613408-eca07ce68773?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1542909168-82c3e7fdca5c?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"trq-gp\"\r\n          style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1488521787991-ed7bbaae773c?w=400&q=80');\"\r\n        ><\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- STEP PHOTOS -->\r\n    <div\r\n      id=\"trqph-1\"\r\n      class=\"trq-ph\"\r\n      style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1531983412531-1f49a365ffed?w=900&q=85');\"\r\n    ><\/div>\r\n\r\n    <div\r\n      id=\"trqph-2\"\r\n      class=\"trq-ph\"\r\n      style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1476703993599-0035a21b17a9?w=900&q=85');\"\r\n    ><\/div>\r\n\r\n    <div\r\n      id=\"trqph-3\"\r\n      class=\"trq-ph\"\r\n      style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1522075469751-3a6694fb2f61?w=900&q=85');background-position:top center;\"\r\n    ><\/div>\r\n\r\n    <div\r\n      id=\"trqph-4\"\r\n      class=\"trq-ph\"\r\n      style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=900&q=85');\"\r\n    ><\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var DATA = {\r\n    1: {\r\n      multi: true,\r\n      items: [\r\n        \"Mindset\",\r\n        \"Wealth\",\r\n        \"Health\",\r\n        \"Relationships\",\r\n        \"Business\",\r\n        \"Leadership\",\r\n        \"Happiness\"\r\n      ]\r\n    },\r\n\r\n    2: {\r\n      multi: false,\r\n      items: [\r\n        \"14-25\",\r\n        \"26-39\",\r\n        \"40-55\",\r\n        \"56-71\",\r\n        \"72+\"\r\n      ]\r\n    },\r\n\r\n    3: {\r\n      multi: false,\r\n      items: [\r\n        \"Overwhelm & stress\",\r\n        \"Financial pressure\",\r\n        \"Lack of purpose\",\r\n        \"Relationship issues\",\r\n        \"Health & energy\",\r\n        \"Feeling stuck\"\r\n      ]\r\n    }\r\n  };\r\n\r\n  function buildGrid(step) {\r\n    var config = DATA[step];\r\n    var container = document.getElementById(\"trqo-\" + step);\r\n\r\n    if (!container) {\r\n      return;\r\n    }\r\n\r\n    container.innerHTML = \"\";\r\n\r\n    config.items.forEach(function (label, index) {\r\n      var option = document.createElement(\"label\");\r\n      option.className = \"trq-opt\";\r\n\r\n      if (\r\n        config.items.length % 2 !== 0 &&\r\n        index === config.items.length - 1\r\n      ) {\r\n        option.style.gridColumn = \"1\";\r\n      }\r\n\r\n      var input = document.createElement(\"input\");\r\n      input.className = \"trq-inp-h\";\r\n      input.type = config.multi ? \"checkbox\" : \"radio\";\r\n      input.name = \"trq-q\" + step;\r\n      input.value = label;\r\n\r\n      var text = document.createElement(\"span\");\r\n      text.className = \"trq-opt-txt\";\r\n      text.textContent = label;\r\n\r\n      var circle = document.createElement(\"span\");\r\n      circle.className = \"trq-circ\";\r\n\r\n      var dot = document.createElement(\"span\");\r\n      dot.className = \"trq-dot\";\r\n\r\n      circle.appendChild(dot);\r\n      option.appendChild(input);\r\n      option.appendChild(text);\r\n      option.appendChild(circle);\r\n      container.appendChild(option);\r\n\r\n      input.addEventListener(\"change\", function () {\r\n        if (!config.multi) {\r\n          container\r\n            .querySelectorAll(\".trq-opt\")\r\n            .forEach(function (item) {\r\n              item.classList.remove(\"sel\");\r\n            });\r\n        }\r\n\r\n        if (input.checked) {\r\n          option.classList.add(\"sel\");\r\n        } else {\r\n          option.classList.remove(\"sel\");\r\n        }\r\n\r\n        updateNextButton(step);\r\n      });\r\n    });\r\n  }\r\n\r\n  function getStepAnswers(step) {\r\n    return Array.prototype.slice\r\n      .call(\r\n        document.querySelectorAll(\r\n          \"#trqo-\" + step + \" input:checked\"\r\n        )\r\n      )\r\n      .map(function (input) {\r\n        return input.value;\r\n      });\r\n  }\r\n\r\n  function updateNextButton(step) {\r\n    var button = document.getElementById(\"trqn-\" + step);\r\n\r\n    if (!button) {\r\n      return;\r\n    }\r\n\r\n    if (getStepAnswers(step).length > 0) {\r\n      button.classList.remove(\"trq-dim\");\r\n      button.removeAttribute(\"disabled\");\r\n    } else {\r\n      button.classList.add(\"trq-dim\");\r\n      button.setAttribute(\"disabled\", \"disabled\");\r\n    }\r\n  }\r\n\r\n  window.trqGetAnswers = function () {\r\n    var lifeAreas = getStepAnswers(1);\r\n    var ageRange = getStepAnswers(2);\r\n    var challenge = getStepAnswers(3);\r\n\r\n    return {\r\n      lifeAreas: lifeAreas,\r\n      ageRange: ageRange,\r\n      biggestChallenge: challenge,\r\n\r\n      allAnswers:\r\n        \"Areas of focus: \" +\r\n        lifeAreas.join(\", \") +\r\n        \"\\nAge range: \" +\r\n        ageRange.join(\", \") +\r\n        \"\\nBiggest challenge: \" +\r\n        challenge.join(\", \")\r\n    };\r\n  };\r\n\r\n  function show(screenNumber) {\r\n    document\r\n      .querySelectorAll(\"#trqw-l .trq-s\")\r\n      .forEach(function (screen) {\r\n        screen.classList.remove(\"trq-on\");\r\n      });\r\n\r\n    var activeScreen = document.getElementById(\r\n      \"trqs-\" + screenNumber\r\n    );\r\n\r\n    if (activeScreen) {\r\n      activeScreen.classList.add(\"trq-on\");\r\n    }\r\n\r\n    document\r\n      .querySelectorAll(\"#trqw-r .trq-ph\")\r\n      .forEach(function (photo) {\r\n        photo.classList.remove(\"on\");\r\n      });\r\n\r\n    var activePhoto = document.getElementById(\r\n      \"trqph-\" + screenNumber\r\n    );\r\n\r\n    if (activePhoto) {\r\n      activePhoto.classList.add(\"on\");\r\n    }\r\n\r\n    if (screenNumber === 4) {\r\n      populateElementorFields();\r\n\r\n      window.setTimeout(\r\n        populateElementorFields,\r\n        250\r\n      );\r\n    }\r\n  }\r\n\r\n  function findElementorField(fieldId) {\r\n    var formSlot = document.getElementById(\"trq-form-slot\");\r\n\r\n    if (!formSlot) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      formSlot.querySelector(\"#form-field-\" + fieldId) ||\r\n      formSlot.querySelector(\r\n        '[name=\"form_fields[' + fieldId + ']\"]'\r\n      )\r\n    );\r\n  }\r\n\r\n  function setElementorField(fieldId, value) {\r\n    var field = findElementorField(fieldId);\r\n\r\n    if (!field) {\r\n      return false;\r\n    }\r\n\r\n    field.value = value;\r\n\r\n    field.dispatchEvent(\r\n      new Event(\"input\", {\r\n        bubbles: true\r\n      })\r\n    );\r\n\r\n    field.dispatchEvent(\r\n      new Event(\"change\", {\r\n        bubbles: true\r\n      })\r\n    );\r\n\r\n    return true;\r\n  }\r\n\r\n  function populateElementorFields() {\r\n    var answers = window.trqGetAnswers();\r\n\r\n    setElementorField(\r\n      \"quiz_life_areas\",\r\n      answers.lifeAreas.join(\", \")\r\n    );\r\n\r\n    setElementorField(\r\n      \"quiz_age_range\",\r\n      answers.ageRange.join(\", \")\r\n    );\r\n\r\n    setElementorField(\r\n      \"quiz_biggest_challenge\",\r\n      answers.biggestChallenge.join(\", \")\r\n    );\r\n\r\n    setElementorField(\r\n      \"quiz_all_answers\",\r\n      answers.allAnswers\r\n    );\r\n  }\r\n\r\n  function init() {\r\n    [1, 2, 3].forEach(function (step) {\r\n      buildGrid(step);\r\n      updateNextButton(step);\r\n    });\r\n\r\n    var startButton = document.getElementById(\"trq-sb\");\r\n\r\n    if (startButton) {\r\n      startButton.addEventListener(\"click\", function () {\r\n        show(1);\r\n      });\r\n    }\r\n\r\n    [1, 2, 3].forEach(function (step) {\r\n      var nextButton = document.getElementById(\r\n        \"trqn-\" + step\r\n      );\r\n\r\n      if (nextButton) {\r\n        nextButton.addEventListener(\"click\", function () {\r\n          if (getStepAnswers(step).length > 0) {\r\n            show(step + 1);\r\n          }\r\n        });\r\n      }\r\n    });\r\n\r\n    document.addEventListener(\r\n      \"submit\",\r\n      function (event) {\r\n        var formSlot = document.getElementById(\r\n          \"trq-form-slot\"\r\n        );\r\n\r\n        if (\r\n          formSlot &&\r\n          formSlot.contains(event.target)\r\n        ) {\r\n          populateElementorFields();\r\n\r\n          console.log(\r\n            \"Quiz answers submitted:\",\r\n            window.trqGetAnswers()\r\n          );\r\n        }\r\n      },\r\n      true\r\n    );\r\n\r\n    document.addEventListener(\r\n      \"click\",\r\n      function (event) {\r\n        var submitButton = event.target.closest(\r\n          '#trq-form-slot button[type=\"submit\"],' +\r\n          '#trq-form-slot input[type=\"submit\"]'\r\n        );\r\n\r\n        if (submitButton) {\r\n          populateElementorFields();\r\n        }\r\n      },\r\n      true\r\n    );\r\n\r\n    show(0);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      init\r\n    );\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\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>Ready to take control of your life? Let&#8217;s find out what you&#8217;re made of. Take quiz Step 1 of 4 What areas of your life do you want to focus on? Next step Step 2 of 4 Select your age range Next step Step 3 of 4 What&#8217;s your biggest challenge right now? Next step [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2187","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/pages\/2187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/comments?post=2187"}],"version-history":[{"count":46,"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/pages\/2187\/revisions"}],"predecessor-version":[{"id":2278,"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/pages\/2187\/revisions\/2278"}],"wp:attachment":[{"href":"https:\/\/drespen.com\/ar\/wp-json\/wp\/v2\/media?parent=2187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}