Before (Specific Interest) After (Specific Interest)
<div class="question-component"> <div class="question-component">
<div class="question-component__inner"> <div class="question-component__inner">
<div class="multiselect-component checkbox" select-min="1"> <div class="multiselect-component checkbox" select-min="1">
<p class="question__title" data-qnid="14" data-qnno="13">What can we help you address? <small class="quiz__question-subtitle">Select all that apply</small></p> <p class="question__title" data-qnid="14" data-qnno="13">What can we help you address? <small class="quiz__question-subtitle">Select all that apply</small></p>
<div class="quiz__content-boxes quiz__content-boxes--two-col-mobile" style="max-width: 1200px; margin-left: auto; margin-right: auto;"> <div class="quiz__content-boxes quiz__content-boxes--two-col-mobile" style="max-width: 1200px; margin-left: auto; margin-right: auto;">
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Exercise" data-storage="true" data-respid="336" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Exercise" data-storage="true" data-respid="336" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-running.png?20320" width="66" height="50" alt="icon exercise" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-running.png?20320" width="66" height="50" alt="icon exercise" /></div>
<div class="quiz__content-box--description"><span>Exercise</span></div> <div class="quiz__content-box--description"><span>Exercise</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Stress" data-storage="true" data-respid="337" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Stress" data-storage="true" data-respid="337" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-stress.png?20320" width="67" height="66" alt="icon stress" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-stress.png?20320" width="67" height="66" alt="icon stress" /></div>
<div class="quiz__content-box--description"><span>Stress</span></div> <div class="quiz__content-box--description"><span>Stress</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Sleep" data-storage="true" data-respid="338" /> </label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Sleep" data-storage="true" data-respid="338" /> </label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-sleep.png?20320" width="61" height="62" alt="icon sleep" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-sleep.png?20320" width="61" height="62" alt="icon sleep" /></div>
<div class="quiz__content-box--description"><span>Sleep</span></div> <div class="quiz__content-box--description"><span>Sleep</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Digestive Health" data-storage="true" data-respid="339" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Digestive Health" data-storage="true" data-respid="339" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-digestive-health.png?20320" width="66" height="66" alt="icon digestive health" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-digestive-health.png?20320" width="66" height="66" alt="icon digestive health" /></div>
<div class="quiz__content-box--description"><span>Digestive Health</span></div> <div class="quiz__content-box--description"><span>Digestive Health</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Heart Health" data-storage="true" data-respid="340" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Heart Health" data-storage="true" data-respid="340" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-heart-health.png?20320" width="66" height="58" alt="icon heart health" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-heart-health.png?20320" width="66" height="58" alt="icon heart health" /></div>
<div class="quiz__content-box--description"><span>Heart Health</span></div> <div class="quiz__content-box--description"><span>Heart Health</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Joint Health" data-storage="true" data-respid="341" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Joint Health" data-storage="true" data-respid="341" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-joint-health.png?20320" width="67" height="67" alt="icon joint health" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-joint-health.png?20320" width="67" height="67" alt="icon joint health" /></div>
<div class="quiz__content-box--description"><span>Joint Health</span></div> <div class="quiz__content-box--description"><span>Joint Health</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Mood" data-storage="true" data-respid="342" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Mood" data-storage="true" data-respid="342" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-happy.png?20320" width="66" height="66" alt="icon mood" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-happy.png?20320" width="66" height="66" alt="icon mood" /></div>
<div class="quiz__content-box--description"><span>Mood</span></div> <div class="quiz__content-box--description"><span>Mood</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Brain Health" data-storage="true" data-respid="343" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Brain Health" data-storage="true" data-respid="343" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-memory.png?20320" width="60" height="67" alt="icon brain health" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-memory.png?20320" width="60" height="67" alt="icon brain health" /></div>
<div class="quiz__content-box--description"><span>Brain Health</span></div> <div class="quiz__content-box--description"><span>Brain Health</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Energy" data-storage="true" data-respid="344" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Energy" data-storage="true" data-respid="344" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-energy.png?20320" width="41" height="66" alt="icon energy" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-energy.png?20320" width="41" height="66" alt="icon energy" /></div>
<div class="quiz__content-box--description"><span>Energy</span></div> <div class="quiz__content-box--description"><span>Energy</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Eye Health" data-storage="true" data-respid="345" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Eye Health" data-storage="true" data-respid="345" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-eye.png?20320" width="66" height="40" alt="icon eye health" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-eye.png?20320" width="66" height="40" alt="icon eye health" /></div>
<div class="quiz__content-box--description"><span>Eye Health</span></div> <div class="quiz__content-box--description"><span>Eye Health</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Hair, Skin or Nails" data-storage="true" data-respid="478" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Hair, Skin or Nails" data-storage="true" data-respid="478" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-hair.png?20320" width="55" height="63" alt="icon hair, nail, skin" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-hair.png?20320" width="55" height="63" alt="icon hair, nail, skin" /></div>
<div class="quiz__content-box--description"><span>Hair, Skin or Nails</span></div> <div class="quiz__content-box--description"><span>Hair, Skin or Nails</span></div>
</div> </div>
</div> </div>
<div class="quiz__content-box rand"> <div class="quiz__content-box rand">
<div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Immune Health" data-storage="true" data-respid="346" /></label> <div class="quiz__content-box--label"><label> <input type="checkbox" name="Interest" value="Immune Health" data-storage="true" data-respid="346" /></label>
<div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-immunity2x.png?32345" width="54" height="66" alt="icon immune health" /></div> <div class="quiz__content-box--image"><img src="https://cdn.shopify.com/s/files/1/0068/2586/9383/files/icon-immunity2x.png?32345" width="54" height="66" alt="icon immune health" /></div>
<div class="quiz__content-box--description"><span>Immune Health</span></div> <div class="quiz__content-box--description"><span>Immune Health</span></div>
</div> </div>
</div> </div>
</div> </div>
  <div storage-field="Gender" storage-value="Age-60-above-Female"><input type="hidden" name="Prenatal" value="NA" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="NA" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="NA" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="NA" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="NA" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Male &gt;&gt;&gt; go to FOOD / EATING HABITS - vegetable</div --> <button type="button" data-direction="right" data-action="more-lifestyle-section" data-submit="true" class="button btn btn-cta--light">Continue</button></div>  
  <div storage-field="Gender" storage-value="Age-60-above-NonBinary"><input type="hidden" name="Prenatal" value="NA" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="NA" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="NA" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="NA" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="NA" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Male &gt;&gt;&gt; go to FOOD / EATING HABITS - vegetable</div --> <button type="button" data-direction="right" data-action="more-lifestyle-section" data-submit="true" class="button btn btn-cta--light">Continue </button></div>  
<div storage-field="Gender" storage-value="Non-Binary"><input type="hidden" name="Prenatal" value="" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Non Binary and Female &gt;&gt;&gt; go to Prenatal</div --> <button type="button" data-direction="right" data-action="prenatal" data-submit="true" class="button btn btn-cta--light">Continue</button></div> <div storage-field="Gender" storage-value="Non-Binary"><input type="hidden" name="Prenatal" value="" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Non Binary and Female &gt;&gt;&gt; go to Prenatal</div --> <button type="button" data-direction="right" data-action="prenatal" data-submit="true" class="button btn btn-cta--light">Continue</button></div>
<div storage-field="Gender" storage-value="Female"><input type="hidden" name="Prenatal" value="NA" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="NA" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Non Binary and Female &gt;&gt;&gt; go to Prenatal</div --> <button type="button" data-direction="right" data-action="pre-postnatal-pregnant" data-submit="true" class="button btn btn-cta--light">Continue</button></div> <div storage-field="Gender" storage-value="Female"><input type="hidden" name="Prenatal" value="NA" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="NA" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Non Binary and Female &gt;&gt;&gt; go to Prenatal</div --> <button type="button" data-direction="right" data-action="pre-postnatal-pregnant" data-submit="true" class="button btn btn-cta--light">Continue</button></div>
<div storage-field="Gender" storage-value="Male"><input type="hidden" name="Prenatal" value="NA" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="NA" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="NA" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="NA" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="NA" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Male &gt;&gt;&gt; go to FOOD / EATING HABITS - vegetable</div --> <button type="button" data-direction="right" data-action="more-lifestyle-section" data-submit="true" class="button btn btn-cta--light">Continue</button></div> <div storage-field="Gender" storage-value="Male"><input type="hidden" name="Prenatal" value="NA" data-storage="true" action="prenatal" data-question="Are you interested in prenatal support?" /> <input type="hidden" name="Postnatal" value="NA" data-storage="true" action="postnatal" data-question="Postnatal support?" /> <input type="hidden" name="PrePostnatalPregnant" value="NA" data-storage="true" action="pre-postnatal-pregnant" data-question="Are you currently pregnant?" /> <input type="hidden" name="PrePostnatalPlanPregnant" value="NA" data-storage="true" action="pre-postnatal-plan-pregnant" data-question="Are you planning to become pregnant in the next 12 months?" /> <input type="hidden" name="PrePostnatalBreastfeeding" value="NA" data-storage="true" action="pre-postnatal-breastfeeding" data-question="Are you currently breastfeeding?" /> <!-- div>Male &gt;&gt;&gt; go to FOOD / EATING HABITS - vegetable</div --> <button type="button" data-direction="right" data-action="more-lifestyle-section" data-submit="true" class="button btn btn-cta--light">Continue</button></div>
</div> </div>
</div> </div>
</div> </div>