{"id":429,"date":"2025-01-14T15:43:37","date_gmt":"2025-01-14T15:43:37","guid":{"rendered":"https:\/\/education.ufl.edu\/thrives\/?page_id=429"},"modified":"2026-04-15T18:49:14","modified_gmt":"2026-04-15T18:49:14","slug":"quiz02","status":"publish","type":"page","link":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/","title":{"rendered":"Checkpoint 2"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f4f4f4&#8243; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;24px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; header_2_font=&#8221;|||on|||||&#8221; header_2_text_color=&#8221;#00476b&#8221; header_2_font_size=&#8221;18px&#8221; header_2_letter_spacing=&#8221;1px&#8221; custom_margin=&#8221;||-1px|||&#8221; global_module=&#8221;2550&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: center;\"><a href=\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\">Safe Eats: <span class=\"new-line\">Foods &amp; Drinks to Avoid in Baby\u2019s First Year<\/span><\/a><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;36px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||8px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>When My Baby Have Juice: <span>Checkpoint<\/span><\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||3px|||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p style=\"text-align: center;\"><i><span style=\"font-weight: 400;\">For more information and helpful tips about this topic, you can visit our <\/span><\/i><a href=\"https:\/\/education.ufl.edu\/thrives\/resources\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">Resources<\/span><\/i><\/a><i><span style=\"font-weight: 400;\"> section.<\/span><\/i><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_code _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]\n<!-- MOBILE TOGGLE BUTTON -->\n<button class=\"tsb-mobile-toggle\" id=\"tsbToggle\" aria-label=\"Open navigation menu\">\n    <span class=\"tsb-hamburger\"><span><\/span><span><\/span><span><\/span><\/span>\n    <span class=\"tsb-toggle-label\">Menu<\/span>\n<\/button>\n<!-- \/ MOBILE TOGGLE BUTTON -->\n\n<!-- SIDEBAR -->\n<nav class=\"tsb-sidebar\" id=\"tsbSidebar\" role=\"navigation\" aria-label=\"Site Navigation\">\n\n    <p class=\"tsb-section-label\">Table of Contents<\/p>\n\n    <ul class=\"tsb-nav\" role=\"list\"><li class=\"tsb-item tsb-has-children\" data-match=\"\/feeding\"><button class=\"tsb-link tsb-group-toggle\" aria-expanded=\"false\"><span class=\"tsb-label\">Feeding<\/span><span class=\"tsb-chevron\" aria-hidden=\"true\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 4l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button><ul class=\"tsb-children\" role=\"list\"><li class=\"tsb-child-item\" data-match=\"\/thrives\/modules\/feeding\"><a class=\"tsb-child-link\" href=\"\/thrives\/modules\/feeding\/\" data-match=\"\/thrives\/modules\/feeding\">Feeding<\/a><\/li><li class=\"tsb-child-item tsb-has-grandchildren\" data-match=\"\/feeding-1\"><button class=\"tsb-child-toggle\" aria-expanded=\"false\"><span>Feeding from the start<\/span><span class=\"tsb-chevron\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 4l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button><ul class=\"tsb-grandchildren\" role=\"list\"><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video1\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video1\" data-lesson=\"79\">Hunger and Fullness Cues<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz1\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz1\" data-lesson=\"384\">Checkpoint 1<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video2\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video2\" data-lesson=\"393\">Benefits and Duration of Breastfeeding<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz2\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz2\" data-lesson=\"400\">Checkpoint 2<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video3\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video3\" data-lesson=\"402\">Breastfeeding FAQs<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz3\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz3\" data-lesson=\"408\">Checkpoint 3<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video4\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video4\" data-lesson=\"404\">Formula Feeding Basics<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz4\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz4\" data-lesson=\"410\">Checkpoint 4<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video5\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video5\" data-lesson=\"406\">Bottle Feeding Tips \u2013 Part 1<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz5\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/quiz5\" data-lesson=\"2495\">Checkpoint 5<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video6\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/video6\" data-lesson=\"2362\">Bottle Feeding Tips \u2013 Part 2<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/goal-setting\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/goal-setting\" data-lesson=\"412\">Goal Setting<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/goal-setting-2\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/goal-setting-2\" data-lesson=\"2466\">Goal Setting 2<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/goal-setting-3\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/goal-setting-3\" data-lesson=\"2516\">Goal Setting 3<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/complete\/\" data-match=\"\/thrives\/modules\/feeding\/feeding-from-the-start\/complete\" data-lesson=\"2530\">Complete<\/a><\/li><\/ul><\/li><li class=\"tsb-child-item tsb-has-grandchildren\" data-match=\"\/feeding-2\"><button class=\"tsb-child-toggle\" aria-expanded=\"false\"><span>Safe Eats<\/span><span class=\"tsb-chevron\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 4l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button><ul class=\"tsb-grandchildren\" role=\"list\"><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/video01\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/video01\" data-lesson=\"423\">Food &amp; Drinks to Avoid<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/quiz01\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/quiz01\" data-lesson=\"425\">Checkpoint 1<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/video02\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/video02\" data-lesson=\"427\">When Can My Baby Have Juice?<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/quiz02\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/quiz02\" data-lesson=\"429\">Checkpoint 2<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/video03\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/video03\" data-lesson=\"431\">Healthy Drink Options for Babies<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/quiz03\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/quiz03\" data-lesson=\"433\">Checkpoint 3<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/goal-setting\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/goal-setting\" data-lesson=\"435\">Goal Setting<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/goal-setting-2\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/goal-setting-2\" data-lesson=\"2593\">Goal Setting 2<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/goal-setting-3\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/goal-setting-3\" data-lesson=\"2602\">Goal Setting 3<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/safe-eats\/complete\/\" data-match=\"\/thrives\/modules\/feeding\/safe-eats\/complete\" data-lesson=\"2611\">Complete<\/a><\/li><\/ul><\/li><li class=\"tsb-child-item tsb-has-grandchildren\" data-match=\"\/feeding-3\"><button class=\"tsb-child-toggle\" aria-expanded=\"false\"><span>Tiny Tummies<\/span><span class=\"tsb-chevron\" aria-hidden=\"true\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 4l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button><ul class=\"tsb-grandchildren\" role=\"list\"><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/video01\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/video01\" data-lesson=\"439\">Readiness for Solid Foods<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz01\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz01\" data-lesson=\"443\">Checkpoint<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/video02\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/video02\" data-lesson=\"441\">Introducing Cereal &amp; Solid Foods<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz02\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz02\" data-lesson=\"2652\">Checkpoint 2<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/video03\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/video03\" data-lesson=\"2644\">Understanding Food Allergies<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz03\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz03\" data-lesson=\"2676\">Checkpoint 3<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/video04\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/video04\" data-lesson=\"2659\">Feeding Milestones<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz04\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/quiz04\" data-lesson=\"2665\">Checkpoint 4<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/goal-setting\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/goal-setting\" data-lesson=\"2680\">Goal Setting<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/goal-setting-2\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/goal-setting-2\" data-lesson=\"2689\">Goal Setting 2<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/goal-setting-3\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/goal-setting-3\" data-lesson=\"2955\">Goal Setting 3<\/a><\/li><li><a class=\"tsb-grandchild-link\" href=\"\/thrives\/modules\/feeding\/tiny-tummies\/complete\/\" data-match=\"\/thrives\/modules\/feeding\/tiny-tummies\/complete\" data-lesson=\"2713\">Complete<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul>\n    <button class=\"tsb-close\" id=\"tsbClose\" aria-label=\"Close navigation\">\u2715 Close<\/button>\n\n<\/nav>\n<!-- \/ SIDEBAR -->\n\n<div class=\"tsb-backdrop\" id=\"tsbBackdrop\"><\/div>\n\n<style>\n:root {\n    --tsb-green:       #6cc68a;\n    --tsb-green-light: #e8f7ed;\n    --tsb-green-mid:   #4aab6d;\n    --tsb-green-dark:  #2f7a4e;\n    --tsb-bg:          #f6fdf9;\n    --tsb-border:      #c6e8d1;\n    --tsb-text:        #2d4a38;\n    --tsb-muted:       #7aa98a;\n    --tsb-radius:      14px;\n    --tsb-radius-sm:   8px;\n    --tsb-shadow:      0 4px 24px rgba(76,160,100,0.13);\n    --tsb-ease:        0.22s ease;\n    --tsb-font:        'Nunito', 'Quicksand', system-ui, sans-serif;\n}\n<\/style>\n[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_code _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]\n\n<form id=\"survey-form\" class=\"survey-form\" data-next-page=\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/video03\/\" data-form-id=\"default\" >    <!-- Hidden fields for form identification and security -->\n    <input type=\"hidden\" id=\"survey-token\" name=\"token\" value=\"\">\n    <input type=\"hidden\" id=\"survey_nonce\" name=\"survey_nonce\" value=\"b072b5314e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/thrives\/wp-json\/wp\/v2\/pages\/429\" \/>    <input type=\"hidden\" name=\"form_id\" value=\"default\">\n    \n    <!-- Questions -->\n    \n<div class=\"question-block\" data-question-id=\"2156\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_2156[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_2156[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_2156[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-2156\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2488\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        If I choose to breastfeed, how do I know if my baby is getting enough breastmilk?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2488\" \n                                value=\"I can hear and see my baby swallowing while nursing.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">I can hear and see my baby swallowing while nursing.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2488\" \n                                value=\"My baby has 6-8 wet diapers each day.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">My baby has 6-8 wet diapers each day.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2488\" \n                                value=\"My baby is on track for growth.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">My baby is on track for growth.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2488\" \n                                value=\"All of the above answers are correct\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">All of the above answers are correct<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2488\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"I can hear and see my baby swallowing while nursing.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Almost! All of the listed signs\u2014swallowing, wet diapers, and steady growth\u2014show your baby is getting enough breastmilk.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"My baby has 6-8 wet diapers each day.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Almost! All of the listed signs\u2014swallowing, wet diapers, and steady growth\u2014show your baby is getting enough breastmilk.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"My baby is on track for growth.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Almost! All of the listed signs\u2014swallowing, wet diapers, and steady growth\u2014show your baby is getting enough breastmilk.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"All of the above answers are correct\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Yes! All of these are signs your baby is getting enough breastmilk.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2465\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2465\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2465\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2464\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2464\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2464\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2463\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2463\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2463\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2462\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_2462[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_2462[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_2462[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-2462\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2461\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2461[]\" \n                                value=\"Learn my baby\u2019s signs of being hungry and full\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Learn my baby\u2019s signs of being hungry and full<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2461[]\" \n                                value=\"Feed my baby only breast milk until 6 months old\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Feed my baby only breast milk until 6 months old<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2461[]\" \n                                value=\"Seek support if I need help breastfeeding\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Seek support if I need help breastfeeding<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2461[]\" \n                                value=\"Practice \u201cpaced\u201d bottle feeding with my baby\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Practice \u201cpaced\u201d bottle feeding with my baby<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_2461[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_2461_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-2461\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2435\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        If I choose to breastfeed, how many months should I breastfeed my baby?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2435\" \n                                value=\"For 1 month\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">For 1 month<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2435\" \n                                value=\"Up to 3 months\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Up to 3 months<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2435\" \n                                value=\"At least 6 months\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">At least 6 months<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2435\" \n                                value=\"At least 5 years\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">At least 5 years<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2435\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"For 1 month\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Breastfeeding is recommended for at least 6 months to give your baby the best start.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Up to 3 months\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Breastfeeding is recommended for at least 6 months to give your baby the best start.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"At least 6 months\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Great job! Experts recommend breastfeeding for at least 6 months to support your baby\u2019s growth and development.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"At least 5 years\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Breastfeeding is recommended for at least 6 months to give your baby the best start.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2159\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2159\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2159\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2158\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2158\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2158\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2157\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2157\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2157\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2492\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        What type of infant formula is best for my baby?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2492\" \n                                value=\"Iron-fortified formula\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Iron-fortified formula<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2492\" \n                                value=\"Homemade formula\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Homemade formula<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2492\" \n                                value=\"Goat milk-based formula\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Goat milk-based formula<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2492\" \n                                value=\"Imported formula\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Imported formula<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2492\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Iron-fortified formula\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! Iron-fortified formula is recommended to support your baby\u2019s growth and development.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Homemade formula\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Iron-fortified formula is the safest and most recommended option for most babies.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Goat milk-based formula\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Iron-fortified formula is the safest and most recommended option for most babies.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Imported formula\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Iron-fortified formula is the safest and most recommended option for most babies.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2140\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2140[]\" \n                                value=\"List 2 ways to soothe my baby that do not involve feeding \"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">List 2 ways to soothe my baby that do not involve feeding <\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2140[]\" \n                                value=\"Seek support if I need help coping with my crying baby\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Seek support if I need help coping with my crying baby<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_2140[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_2140_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-2140\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2113\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Select 3 ways you could try soothing your baby that does not involve feeding.  (Select 3 answers)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2113\" \n                                value=\"Talking\/singing softly &lt;br \/&gt;Going for a walk &lt;br \/&gt;Rocking in a chair\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Talking\/singing softly <br \/>Going for a walk <br \/>Rocking in a chair<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2113\" \n                                value=\"Offering a bottle &lt;br \/&gt;Turning on the TV &lt;br \/&gt;Playing loud music\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Offering a bottle <br \/>Turning on the TV <br \/>Playing loud music<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2113\" \n                                value=\"Playing loud music &lt;br \/&gt;Turning on the TV &lt;br \/&gt;Going for a walk\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Playing loud music <br \/>Turning on the TV <br \/>Going for a walk<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2113\" \n                                value=\"Offering a bottle &lt;br \/&gt;Talking\/singing softly &lt;br \/&gt;Rocking in a chair\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Offering a bottle <br \/>Talking\/singing softly <br \/>Rocking in a chair<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2113\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2075\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2075\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2075\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2074\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2074\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2074\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2073\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2073\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2073\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2072\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_2072[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_2072[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_2072[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-2072\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2071\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2071[]\" \n                                value=\"Create a soothing bedtime routine that helps my baby feel calm and ready for sleep.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Create a soothing bedtime routine that helps my baby feel calm and ready for sleep.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2071[]\" \n                                value=\"&lt;p&gt;Follow safe sleep practices to keep my baby safe while sleeping, such as: &lt;\/p&gt;&lt;ul&gt;&lt;li&gt;Put my baby to sleep on their back. &lt;\/li&gt;&lt;li&gt;Use a crib, bassinet, or pack and play for my baby to sleep in my room. &lt;\/li&gt;&lt;li&gt;Make sure my baby\u2019s sleep area has a firm, flat surface with no pillows, blankets, bumpers, or toys.&lt;\/li&gt;&lt;\/ul&gt;\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\"><p>Follow safe sleep practices to keep my baby safe while sleeping, such as: <\/p><ul><li>Put my baby to sleep on their back. <\/li><li>Use a crib, bassinet, or pack and play for my baby to sleep in my room. <\/li><li>Make sure my baby\u2019s sleep area has a firm, flat surface with no pillows, blankets, bumpers, or toys.<\/li><\/ul><\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2071[]\" \n                                value=\"Ask for support if I have questions or need help with my baby\u2019s sleep.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Ask for support if I have questions or need help with my baby\u2019s sleep.<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_2071[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_2071_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-2071\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2068\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Which of the following is a safe sleep practice for your baby?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2068\" \n                                value=\"Letting your baby sleep with pillows and soft toys\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Letting your baby sleep with pillows and soft toys<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2068\" \n                                value=\"Using a loose blanket to keep your baby warm\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Using a loose blanket to keep your baby warm<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2068\" \n                                value=\"Putting your baby to sleep on their back in a crib or bassinet with a firm, flat surface\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Putting your baby to sleep on their back in a crib or bassinet with a firm, flat surface<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2068\" \n                                value=\"Letting your baby sleep on their stomach if they seem more comfortable that way\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Letting your baby sleep on their stomach if they seem more comfortable that way<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2068\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Letting your baby sleep with pillows and soft toys\" style=\"display: none;\">\n                    <div class=\"feedback-content\">\u274c Not quite. The safest sleep setup is putting your baby on their back in a crib or bassinet with a firm, flat surface\u2014without any pillows, blankets, or soft toys.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Using a loose blanket to keep your baby warm\" style=\"display: none;\">\n                    <div class=\"feedback-content\">\u274c Not quite. The safest sleep setup is putting your baby on their back in a crib or bassinet with a firm, flat surface\u2014without any pillows, blankets, or soft toys.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Putting your baby to sleep on their back in a crib or bassinet with a firm, flat surface\" style=\"display: none;\">\n                    <div class=\"feedback-content\">\u2705 Correct! This is one of the most important ways to keep your baby safe while sleeping. Always use a firm, flat surface with no pillows, blankets, or toys.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Letting your baby sleep on their stomach if they seem more comfortable that way\" style=\"display: none;\">\n                    <div class=\"feedback-content\">\u274c Not quite. The safest sleep setup is putting your baby on their back in a crib or bassinet with a firm, flat surface\u2014without any pillows, blankets, or soft toys.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2002\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2002\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2002\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2581\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        At what age should I introduce solid foods to my baby?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2581\" \n                                value=\"At birth\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">At birth<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2581\" \n                                value=\"3 months old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">3 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2581\" \n                                value=\"6 months old\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">6 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2581\" \n                                value=\"1 year old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">1 year old<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2581\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"At birth\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Most babies are ready to begin solid foods around 6 months old. Be sure to also watch for signs of readiness before starting solids.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"3 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Most babies are ready to begin solid foods around 6 months old. Be sure to also watch for signs of readiness before starting solids.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"6 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! Most babies are ready to start eating solid foods around 6 months of age.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"1 year old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Most babies are ready to begin solid foods around 6 months old. Be sure to also watch for signs of readiness before starting solids.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2952\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Which of the following is a sign that your baby may be full?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2952\" \n                                value=\"Reaches for the spoon when food is near\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Reaches for the spoon when food is near<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2952\" \n                                value=\"Gets excited when they see their favorite food\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Gets excited when they see their favorite food<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2952\" \n                                value=\"Turns their head away from food\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Turns their head away from food<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2952\" \n                                value=\"Opens their mouth when food is offered\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Opens their mouth when food is offered<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2952\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Reaches for the spoon when food is near\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. That is a sign your baby may still be hungry. A full baby might turn their head away, refuse food, or close their mouth.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Gets excited when they see their favorite food\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. That is a sign your baby may still be hungry. A full baby might turn their head away, refuse food, or close their mouth.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Turns their head away from food\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! Turning their head away from food is one way babies show they are full.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Opens their mouth when food is offered\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. That is a sign your baby may still be hungry. A full baby might turn their head away, refuse food, or close their mouth.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2810\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        What is a sign that your baby is ready to eat solid foods?                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2810\" \n                                value=\"Sitting up well without support\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">Sitting up well without support<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2810\" \n                                value=\"Not pushing solid foods out of their mouth with their tongue\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">Not pushing solid foods out of their mouth with their tongue<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2810\" \n                                value=\"Picking up food between their thumb and the next finger\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">Picking up food between their thumb and the next finger<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2810\" \n                                value=\"All of the above are signs that my baby is ready to eat solid foods.\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">All of the above are signs that my baby is ready to eat solid foods.<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2810\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Sitting up well without support\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Almost there! Each of these is a sign your baby may be ready for solid foods, but the best answer is \u201cAll of the above\u201d since it includes all three readiness cues.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Not pushing solid foods out of their mouth with their tongue\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Almost there! Each of these is a sign your baby may be ready for solid foods, but the best answer is \u201cAll of the above\u201d since it includes all three readiness cues.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Picking up food between their thumb and the next finger\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Almost there! Each of these is a sign your baby may be ready for solid foods, but the best answer is \u201cAll of the above\u201d since it includes all three readiness cues.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"All of the above are signs that my baby is ready to eat solid foods.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Great job! All of these are signs your baby may be ready to start solid foods\u2014sitting up without support, not pushing food out with their tongue, and picking up food with their fingers.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2589\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2589\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2589\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2588\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2588\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2588\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2587\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2587\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2587\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2586\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_2586[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_2586[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_2586[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-2586\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2585\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2585[]\" \n                                value=\"Wait until my baby is at least 6 months old or showing signs of readiness to begin solid foods\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Wait until my baby is at least 6 months old or showing signs of readiness to begin solid foods<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2585[]\" \n                                value=\"Give my baby iron fortified baby cereal or pureed meat as their first food\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Give my baby iron fortified baby cereal or pureed meat as their first food<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2585[]\" \n                                value=\"Allow my baby to try foods such as peanut butter as they begin to eat solid foods \"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Allow my baby to try foods such as peanut butter as they begin to eat solid foods <\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2585[]\" \n                                value=\"Provide my baby an open cup to practice drinking water before age 1 year\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Provide my baby an open cup to practice drinking water before age 1 year<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_2585[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_2585_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-2585\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2584\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        At what age should my baby use a cup instead of a bottle?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2584\" \n                                value=\"At birth\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">At birth<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2584\" \n                                value=\"3 months old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">3 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2584\" \n                                value=\"6 months old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">6 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2584\" \n                                value=\"1 year old\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">1 year old<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2584\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"At birth\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Most babies should begin using a cup instead of a bottle around 1 year old.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"3 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Most babies should begin using a cup instead of a bottle around 1 year old.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"6 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Most babies should begin using a cup instead of a bottle around 1 year old.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"1 year old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Yes! It\u2019s best to transition your baby from a bottle to a cup around 1 year of age.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2583\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        At what age can I give my baby foods that may cause a food allergy?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2583\" \n                                value=\"At birth\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">At birth<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2583\" \n                                value=\"3 months old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">3 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2583\" \n                                value=\"6 months old or after beginning other solid foods\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">6 months old or after beginning other solid foods<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2583\" \n                                value=\"After 2 years of age\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">After 2 years of age<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2583\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"At birth\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! You can start offering potential allergy-causing foods around 6 months of age, after your baby has started solids.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"3 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! You can start offering potential allergy-causing foods around 6 months of age, after your baby has started solids.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"6 months old or after beginning other solid foods\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! You can start offering potential allergy-causing foods around 6 months of age, after your baby has started solids.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"After 2 years of age\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite! It\u2019s recommended to introduce allergy-causing foods around 6 months, once your baby has started eating other solid foods.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2582\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        What foods are best to introduce to my baby first?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2582\" \n                                value=\"Peanuts or popcorn\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Peanuts or popcorn<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2582\" \n                                value=\"Juice\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Juice<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2582\" \n                                value=\"Iron-fortified infant cereal or pureed meats\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Iron-fortified infant cereal or pureed meats<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2582\" \n                                value=\"Raw carrots or whole apples\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Raw carrots or whole apples<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2582\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Peanuts or popcorn\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. The best first foods are iron-fortified infant cereal or pureed meats, which help meet your baby\u2019s growing nutritional needs.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Juice\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. The best first foods are iron-fortified infant cereal or pureed meats, which help meet your baby\u2019s growing nutritional needs.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Iron-fortified infant cereal or pureed meats\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Yes! Iron-fortified infant cereal or pureed meats are great first foods for babies because they provide important nutrients like iron.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Raw carrots or whole apples\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. The best first foods are iron-fortified infant cereal or pureed meats, which help meet your baby\u2019s growing nutritional needs.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2001\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2001\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2001\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2580\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2580\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2580\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2579\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2579\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2579\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2578\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2578\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2578\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2577\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Avoid giving my baby any sweetened drinks:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_2577[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_2577[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_2577[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will xyz by 4\/1\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-2577\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2576\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2576[]\" \n                                value=\"Wait until my baby is at least 1 year old before giving them cow\u2019s milk\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Wait until my baby is at least 1 year old before giving them cow\u2019s milk<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2576[]\" \n                                value=\"Wait until my baby is at least 1 year old before giving them juice\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Wait until my baby is at least 1 year old before giving them juice<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2576[]\" \n                                value=\"Give my baby only breastmilk, formula, or water to drink during their first year\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Give my baby only breastmilk, formula, or water to drink during their first year<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_2576[]\" \n                                value=\"Avoid giving my baby any sweetened drinks\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Avoid giving my baby any sweetened drinks<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_2576[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_2576_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-2576\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2570\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Which of the following is a healthy drink choice for my baby?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2570\" \n                                value=\"Capri-Sun\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Capri-Sun<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2570\" \n                                value=\"Sunny Delight\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Sunny Delight<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2570\" \n                                value=\"Formula or breastmilk\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Formula or breastmilk<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2570\" \n                                value=\"Juice cocktail\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Juice cocktail<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2570\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Capri-Sun\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Breastmilk or formula is the best choice for babies under 1. Drinks like juice and sweetened beverages should be avoided.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Sunny Delight\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Breastmilk or formula is the best choice for babies under 1. Drinks like juice and sweetened beverages should be avoided.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Formula or breastmilk\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Yes! Breastmilk or formula is the healthiest drink choice for your baby during the first year.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Juice cocktail\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Breastmilk or formula is the best choice for babies under 1. Drinks like juice and sweetened beverages should be avoided.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2559\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        When can I give my baby some juice?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2559\" \n                                value=\"Starting at birth\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Starting at birth<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2559\" \n                                value=\"4 months old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">4 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2559\" \n                                value=\"6 months old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">6 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2559\" \n                                value=\"1 year or older\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">1 year or older<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2559\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Starting at birth\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Juice should wait until your baby is at least 1 year old. Water and breastmilk or formula are the best choices before then.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"4 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Juice should wait until your baby is at least 1 year old. Water and breastmilk or formula are the best choices before then.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"6 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Juice should wait until your baby is at least 1 year old. Water and breastmilk or formula are the best choices before then.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"1 year or older\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! It\u2019s best to wait until your baby is at least 1 year old before offering juice\u2014and even then, only in small amounts and at limited times.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2554\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Which of the following foods are safe to give to my baby before age 1 year?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2554\" \n                                value=\"Grapes\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Grapes<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2554\" \n                                value=\"Cow&#039;s milk\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Cow's milk<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2554\" \n                                value=\"Popcorn\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Popcorn<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2554\" \n                                value=\"None of the above foods are safe for my baby before age 1 year\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">None of the above foods are safe for my baby before age 1 year<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2554\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Grapes\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite\u2014grapes, popcorn, and cow\u2019s milk can pose choking or health risks for babies younger than 1 year. The safest choice is to wait until after your baby turns one year old.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Cow&#039;s milk\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite\u2014grapes, popcorn, and cow\u2019s milk can pose choking or health risks for babies younger than 1 year. The safest choice is to wait until after your baby turns one year old.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Popcorn\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite\u2014grapes, popcorn, and cow\u2019s milk can pose choking or health risks for babies younger than 1 year. The safest choice is to wait until after your baby turns one year old.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"None of the above foods are safe for my baby before age 1 year\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Great job! Babies under 1 year should avoid foods like grapes, popcorn, and cow\u2019s milk for safety and nutrition reasons.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2498\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Which of the following items can be added to my baby\u2019s bottle?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2498\" \n                                value=\"Cereal\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Cereal<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2498\" \n                                value=\"Juice\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Juice<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2498\" \n                                value=\"Soda\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Soda<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_2498\" \n                                value=\"Formula\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Formula<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-2498\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Cereal\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Only formula should be added to your baby\u2019s bottle\u2014other items like cereal, juice, or soda are not safe for infants.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Juice\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Only formula should be added to your baby\u2019s bottle\u2014other items like cereal, juice, or soda are not safe for infants.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Soda\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Only formula should be added to your baby\u2019s bottle\u2014other items like cereal, juice, or soda are not safe for infants.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Formula\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Correct! Formula is the only item on this list that is safe and recommended to add to your baby\u2019s bottle.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"796\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of these feeding challenges have you experienced as a dad? (Select all that apply)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_796[]\" \n                                value=\"Friends or family giving advice that doesn&#039;t feel helpful\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Friends or family giving advice that doesn't feel helpful<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_796[]\" \n                                value=\"Not knowing when my baby is hungry or full\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Not knowing when my baby is hungry or full<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_796[]\" \n                                value=\"Not knowing why my baby is crying\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Not knowing why my baby is crying<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_796[]\" \n                                value=\"Not knowing when to introduce solid foods to my baby\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Not knowing when to introduce solid foods to my baby<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_796[]\" \n                                value=\"Not feeling confident about what my baby might need\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Not feeling confident about what my baby might need<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_796[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_796_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-796\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1096\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of the 24\/7 Dad qualities would you like to focus on improving? (Select all that apply)                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1096[]\" \n                                value=\"Caring for yourself as a dad\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Caring for yourself as a dad<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1096[]\" \n                                value=\"Practicing self-awareness\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Practicing self-awareness<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1096[]\" \n                                value=\"Maintaining healthy relationships\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Maintaining healthy relationships<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1096[]\" \n                                value=\"Building on parenting skills\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Building on parenting skills<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1096[]\" \n                                value=\"Building on fathering skills\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Building on fathering skills<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1096[]\" \n                                value=\"I feel like I\u2019m doing well in all of these qualities and plan to continue practicing them daily!\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I feel like I\u2019m doing well in all of these qualities and plan to continue practicing them daily!<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1096\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1089\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of these feeding practices are you currently helping with at home? (Select all that apply)                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1089[]\" \n                                value=\"Preparing and cleaning my baby\u2019s bottles (formula\/breastmilk)\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Preparing and cleaning my baby\u2019s bottles (formula\/breastmilk)<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1089[]\" \n                                value=\"Burping my baby and changing their diaper before or after feeding\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Burping my baby and changing their diaper before or after feeding<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1089[]\" \n                                value=\"Bottle feeding my baby (formula\/breastmilk)\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Bottle feeding my baby (formula\/breastmilk)<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1089[]\" \n                                value=\"Helping with late-night feedings\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Helping with late-night feedings<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1089[]\" \n                                value=\"Providing skin-to-skin contact with my baby\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Providing skin-to-skin contact with my baby<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1089[]\" \n                                value=\"Supporting my partner during feeding sessions (bringing water\/snacks, offering comfort)\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Supporting my partner during feeding sessions (bringing water\/snacks, offering comfort)<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1089[]\" \n                                value=\"Checking in with my partner or other caregivers to see what additional support is needed\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Checking in with my partner or other caregivers to see what additional support is needed<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_1089[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_1089_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1089\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1081\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of these areas would you like more guidance or support with? (Select all that apply)                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1081[]\" \n                                value=\"Understanding my baby\u2019s hunger and fullness cues\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Understanding my baby\u2019s hunger and fullness cues<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1081[]\" \n                                value=\"Recognizing why my baby is crying\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Recognizing why my baby is crying<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1081[]\" \n                                value=\"Knowing when and how to introduce solid foods\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Knowing when and how to introduce solid foods<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1081[]\" \n                                value=\"Feeling more confident in meeting my baby\u2019s needs\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Feeling more confident in meeting my baby\u2019s needs<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1081[]\" \n                                value=\"Communicating with my partner about feeding decisions\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Communicating with my partner about feeding decisions<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1081[]\" \n                                value=\"Handling advice from family and friends\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Handling advice from family and friends<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_1081[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_1081_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1081\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"915\" data-question-type=\"matching\">\n    <h4 class=\"question-title\">\n        Match each activity with whether it is considered screen time or not for young children.            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                    <div class=\"matching-items-grid\">\n                            <div class=\"matching-item-row\">\n                    <div class=\"matching-item-text\">\n                        Watching television                    <\/div>\n                    <div class=\"matching-item-options\">\n                                                    <label class=\"matching-option-label\">\n                                <input type=\"radio\" \n                                    name=\"q_915_0\" \n                                    value=\"Screen Time\"\n                                    >\n                                <span class=\"matching-option-text\">Screen Time<\/span>\n                            <\/label>\n                                                    <label class=\"matching-option-label\">\n                                <input type=\"radio\" \n                                    name=\"q_915_0\" \n                                    value=\"Not Screen Time\"\n                                    >\n                                <span class=\"matching-option-text\">Not Screen Time<\/span>\n                            <\/label>\n                                            <\/div>\n                                            <div class=\"question-feedback\" style=\"opacity: 0; max-height: 0; overflow: hidden;\">\n                            <div class=\"feedback-icon\">\u2139\ufe0f<\/div>\n                            <div class=\"feedback-text\">feedback<\/div>\n                        <\/div>\n                                    <\/div>\n                            <div class=\"matching-item-row\">\n                    <div class=\"matching-item-text\">\n                        Reading a picture book                    <\/div>\n                    <div class=\"matching-item-options\">\n                                                    <label class=\"matching-option-label\">\n                                <input type=\"radio\" \n                                    name=\"q_915_1\" \n                                    value=\"Screen Time\"\n                                    >\n                                <span class=\"matching-option-text\">Screen Time<\/span>\n                            <\/label>\n                                                    <label class=\"matching-option-label\">\n                                <input type=\"radio\" \n                                    name=\"q_915_1\" \n                                    value=\"Not Screen Time\"\n                                    >\n                                <span class=\"matching-option-text\">Not Screen Time<\/span>\n                            <\/label>\n                                            <\/div>\n                                            <div class=\"question-feedback\" style=\"opacity: 0; max-height: 0; overflow: hidden;\">\n                            <div class=\"feedback-icon\">\u2139\ufe0f<\/div>\n                            <div class=\"feedback-text\">feedback<\/div>\n                        <\/div>\n                                    <\/div>\n                    <\/div>\n        <\/div>\n\n    <div class=\"question-feedback feedback-915\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"810\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_810\"\n                    class=\"survey-text\"\n                    required>\n            <\/div>\n\n    <div class=\"question-feedback feedback-810\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"809\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_809\"\n                    class=\"survey-text\"\n                    required>\n            <\/div>\n\n    <div class=\"question-feedback feedback-809\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"808\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_808\"\n                    class=\"survey-text\"\n                    required>\n            <\/div>\n\n    <div class=\"question-feedback feedback-808\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"807\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_807[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_807[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_807[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-807\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"806\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_806[]\" \n                                value=\"Identify 3 new ways to be involved with caretaking responsibilities to support my partner and family overall.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Identify 3 new ways to be involved with caretaking responsibilities to support my partner and family overall.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_806[]\" \n                                value=\"Assist in preparing and cleaning bottles for feeding my child.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Assist in preparing and cleaning bottles for feeding my child.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_806[]\" \n                                value=\"Support my baby&#039;s mother by feeding my child with a bottle when needed.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Support my baby's mother by feeding my child with a bottle when needed.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_806[]\" \n                                value=\"Schedule time for my own rest and self-care at least once per day.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Schedule time for my own rest and self-care at least once per day.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_806[]\" \n                                value=\"Communicate with my partner to create a game plan for resolving any feeding challenges we are experiencing.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Communicate with my partner to create a game plan for resolving any feeding challenges we are experiencing.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_806[]\" \n                                value=\"Seek support from my doctor or a trusted source if I am feeling sad, overwhelmed, or down.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Seek support from my doctor or a trusted source if I am feeling sad, overwhelmed, or down.<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_806[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_806_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-806\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"804\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of these healthy practices are part of your daily routine? (Select all that apply)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"Getting enough sleep or rest\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Getting enough sleep or rest<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"Laughing and having fun\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Laughing and having fun<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"Spending time with friends or family\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Spending time with friends or family<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"Nourishing my body with healthy meals and snacks\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Nourishing my body with healthy meals and snacks<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"Being active\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Being active<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"Asking for help when needed\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Asking for help when needed<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"Taking care of my mental health\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Taking care of my mental health<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_804[]\" \n                                value=\"None of these currently, but I&#039;m hoping to make some changes!\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">None of these currently, but I'm hoping to make some changes!<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-804\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1106\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of these healthy practices would you like to focus on adding to your daily routine? (Select all that apply)                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1106[]\" \n                                value=\"Getting enough sleep or rest\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Getting enough sleep or rest<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1106[]\" \n                                value=\"Laughing and having fun\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Laughing and having fun<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1106[]\" \n                                value=\"Spending time with friends or family\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Spending time with friends or family<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1106[]\" \n                                value=\"Nourishing my body with healthy meals and snacks\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Nourishing my body with healthy meals and snacks<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1106[]\" \n                                value=\"Being active \"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Being active <\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1106[]\" \n                                value=\"Asking for help when needed\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Asking for help when needed<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1106[]\" \n                                value=\"Taking care of my mental health\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Taking care of my mental health<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_1106[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_1106_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1106\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"790\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of these feeding practices would you like to try out this week at home? (Select all that apply)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Preparing my baby\u2019s bottles (formula\/breastmilk)\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Preparing my baby\u2019s bottles (formula\/breastmilk)<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Cleaning my baby&#039;s bottles\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Cleaning my baby's bottles<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Burping my baby\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Burping my baby<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Offering comfort to my partner during feeding sessions (breastfeeding or bottle feeding)\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Offering comfort to my partner during feeding sessions (breastfeeding or bottle feeding)<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Bringing something to drink or eat for my partner during feeding sessions\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Bringing something to drink or eat for my partner during feeding sessions<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Changing my baby\u2019s diaper before or after a feeding\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Changing my baby\u2019s diaper before or after a feeding<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Bottle feeding my baby (formula\/breastmilk)\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Bottle feeding my baby (formula\/breastmilk)<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Helping with late-night feedings\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Helping with late-night feedings<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Providing skin-to-skin contact with my baby\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Providing skin-to-skin contact with my baby<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"Asking my partner or other caregivers what additional support is needed\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Asking my partner or other caregivers what additional support is needed<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_790[]\" \n                                value=\"I\u2019m already involved in all of these roles and plan to continue staying actively involved!\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I\u2019m already involved in all of these roles and plan to continue staying actively involved!<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_790[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_790_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-790\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"782\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of the 24\/7 Dad qualities do you currently practice? (Select all that apply)                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_782[]\" \n                                value=\"Caring for yourself as a dad\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Caring for yourself as a dad<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_782[]\" \n                                value=\"Practicing self-awareness\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Practicing self-awareness<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_782[]\" \n                                value=\"Maintaining healthy relationships\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Maintaining healthy relationships<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_782[]\" \n                                value=\"Building on fathering skills\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Building on fathering skills<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_782[]\" \n                                value=\"I feel like I\u2019m doing well in all of these qualities and plan to continue practicing them daily!\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I feel like I\u2019m doing well in all of these qualities and plan to continue practicing them daily!<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-782\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"543\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Identify 2 benefits of breastfeeding            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_543[]\" \n                                value=\"A\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">A<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_543[]\" \n                                value=\"B\"\n                                data-correct=\"1\">\n                            <span class=\"checkbox-text\">B<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_543[]\" \n                                value=\"C\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">C<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_543[]\" \n                                value=\"D\"\n                                data-correct=\"1\">\n                            <span class=\"checkbox-text\">D<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_543[]\" \n                                value=\"E\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">E<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-543\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"521\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        What are your goals?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Goal 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_521[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Goal 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_521[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Goal 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_521[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-521\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"508\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Identify 2 recommendations when using a bottle\/formula            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_508[]\" \n                                value=\"A\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">A<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_508[]\" \n                                value=\"B\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">B<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_508[]\" \n                                value=\"C\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">C<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_508[]\" \n                                value=\"D\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">D<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_508[]\" \n                                value=\"E\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">E<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-508\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"341\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Question 1                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_341\" \n                                value=\"A\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">A<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_341\" \n                                value=\"B\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">B<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_341\" \n                                value=\"C\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">C<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_341\" \n                                value=\"D\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">D<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-341\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"A\" style=\"display: none;\">\n                    <div class=\"feedback-content\">wew<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"B\" style=\"display: none;\">\n                    <div class=\"feedback-content\">wew<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"C\" style=\"display: none;\">\n                    <div class=\"feedback-content\">qweqweqwe<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"D\" style=\"display: none;\">\n                    <div class=\"feedback-content\">qweqewqeqeqw<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"108\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        What are your goals?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Goal 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_108[]\" \n                                class=\"survey-text\"\n                                placeholder=\"Write down your goals here\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Goal 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_108[]\" \n                                class=\"survey-text\"\n                                placeholder=\"Write down your goals here\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Goal 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_108[]\" \n                                class=\"survey-text\"\n                                placeholder=\"Write down your goals here\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-108\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"76\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        READY or NOT READY for solid food?                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n            <div class=\"question-image\">\n            <img decoding=\"async\" src=\"https:\/\/education.ufl.edu\/thrives\/files\/2024\/11\/Sc02-Q01-Still-RNR-1.jpg\" \n                 alt=\"Image for question: READY or NOT READY for solid food?\">\n        <\/div>\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_76\" \n                                value=\"Ready\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">Ready<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_76\" \n                                value=\"Not Ready\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">Not Ready<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-76\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Ready\" style=\"display: none;\">\n                    <div class=\"feedback-content\">wwqweqeqwe<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Not Ready\" style=\"display: none;\">\n                    <div class=\"feedback-content\">qweqweqweqwe<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"50\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        READY or NOT READY for solid food?                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n            <div class=\"question-image\">\n            <img decoding=\"async\" src=\"https:\/\/education.ufl.edu\/thrives\/files\/2024\/11\/Module-3_baby-is-full-photo-scaled.jpg\" \n                 alt=\"Image for question: READY or NOT READY for solid food?\">\n        <\/div>\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_50\" \n                                value=\"READY\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">READY<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_50\" \n                                value=\"NOT READY\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">NOT READY<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-50\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"NOT READY\" style=\"display: none;\">\n                    <div class=\"feedback-content\">This child is not showing signs of readiness to eat solid foods. They are pushing away food, which means that they are not quite ready to eat solid foods. We recommend waiting until they are willing and able to try foods without pushing them away.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1802\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        Which of the following best describes your current approach to meal planning and preparation?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1802\" \n                                value=\"I have a routine for preparing quick and healthy meals\/snacks.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">I have a routine for preparing quick and healthy meals\/snacks.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1802\" \n                                value=\"I sometimes struggle to find time for meals\/snacks.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">I sometimes struggle to find time for meals\/snacks.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1802\" \n                                value=\"I often skip meals or rely on convenience foods.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">I often skip meals or rely on convenience foods.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1802\" \n                                value=\"I haven&#039;t thought much about meal planning yet, but I\u2019d like to start.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">I haven't thought much about meal planning yet, but I\u2019d like to start.<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-1802\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"2000\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goals difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_2000\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-2000\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1997\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_1997[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_1997[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_1997[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-1997\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1996\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1996[]\" \n                                value=\"Choose a time each day to do tummy time with my baby.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Choose a time each day to do tummy time with my baby.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1996[]\" \n                                value=\"Build up to 15 to 30 minutes of tummy time each day by the time my baby is 7 weeks old.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Build up to 15 to 30 minutes of tummy time each day by the time my baby is 7 weeks old.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1996[]\" \n                                value=\"Try at least 3 tummy time activities with my baby.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Try at least 3 tummy time activities with my baby.<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_1996[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_1996_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1996\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1978\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        When can you begin tummy time with your baby?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1978\" \n                                value=\"Around 3 months old\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Around 3 months old<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1978\" \n                                value=\"After the umbilical cord falls off\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">After the umbilical cord falls off<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1978\" \n                                value=\"As soon as you bring your baby home from the hospital or birthing center\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">As soon as you bring your baby home from the hospital or birthing center<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1978\" \n                                value=\"Once your baby can hold their head up on their own\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Once your baby can hold their head up on their own<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-1978\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"Around 3 months old\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Tummy time can begin right when your baby gets home. Just keep it short and supervised.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"After the umbilical cord falls off\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Tummy time can begin right when your baby gets home. Just keep it short and supervised.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"As soon as you bring your baby home from the hospital or birthing center\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Yes! Tummy time can start as soon as your baby comes home.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Once your baby can hold their head up on their own\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Tummy time can begin right when your baby gets home. Just keep it short and supervised.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1964\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_1964\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-1964\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1960\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_1960\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-1960\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1959\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_1959\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-1959\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1958\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_1958[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_1958[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_1958[]\" \n                                class=\"survey-text\"\n                                placeholder=\"I will do xyz by 4\/1\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-1958\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1916\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1916[]\" \n                                value=\"Limit sources of screen time my baby is exposed to at home.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Limit sources of screen time my baby is exposed to at home.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1916[]\" \n                                value=\"&lt;p&gt;Try at least 2 new fun, screen-free activities to engage my baby, such as: &lt;\/p&gt;&lt;ul&gt;&lt;li&gt;Reading a book together &lt;\/li&gt;&lt;li&gt;Singing songs and talking to my baby &lt;\/li&gt;&lt;li&gt;Letting my baby explore safe household items like bowls and spoons &lt;\/li&gt;&lt;li&gt;Taking my baby outside for a walk and talking about what we see&lt;\/li&gt;&lt;\/ul&gt;\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\"><p>Try at least 2 new fun, screen-free activities to engage my baby, such as: <\/p><ul><li>Reading a book together <\/li><li>Singing songs and talking to my baby <\/li><li>Letting my baby explore safe household items like bowls and spoons <\/li><li>Taking my baby outside for a walk and talking about what we see<\/li><\/ul><\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1916[]\" \n                                value=\"Talk with my partner, family, or other caregivers about limiting screen time for my baby.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Talk with my partner, family, or other caregivers about limiting screen time for my baby.<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_1916[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_1916_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1916\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1911\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        According to current guidelines, how much screen time is recommended for children under 2 years old?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1911\" \n                                value=\"As much as they enjoy, as long as it&#039;s educational.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">As much as they enjoy, as long as it's educational.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1911\" \n                                value=\"1-2 hours per day.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">1-2 hours per day.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1911\" \n                                value=\"Very little or none.\"\n                                data-correct=\"1\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">Very little or none.<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_1911\" \n                                value=\"30 minutes per day with a parent.\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                >\n                            <span class=\"radio-text\">30 minutes per day with a parent.<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-1911\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"As much as they enjoy, as long as it&#039;s educational.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Children under 2 should have little or no screen time. Real-life play and interaction are best.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"1-2 hours per day.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Children under 2 should have little or no screen time. Real-life play and interaction are best.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"Very little or none.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">That\u2019s right! Babies under 2 should have very little or no screen time.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"30 minutes per day with a parent.\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Not quite. Children under 2 should have little or no screen time. Real-life play and interaction are best.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"39\" data-question-type=\"multiple-choice\">\n    <h4 class=\"question-title\">\n        When is best to begin to introduce solid food to the baby?                    <span class=\"required\">*<\/span>\n            <\/h4>\n\n            <div class=\"question-image\">\n            <img decoding=\"async\" src=\"https:\/\/education.ufl.edu\/thrives\/files\/2024\/11\/Module-6_feeding-milestones-photo.png\" \n                 alt=\"Image for question: When is best to begin to introduce solid food to the baby?\">\n        <\/div>\n    \n    <div class=\"question-input\">\n\n                                <div class=\"radio-options\">\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_39\" \n                                value=\"3 Months\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">3 Months<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_39\" \n                                value=\"6 Months\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">6 Months<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_39\" \n                                value=\"9 Months\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">9 Months<\/span>\n\n                            <\/label>\n                                                    <label class=\"radio-label\">\n                            <input type=\"radio\" \n                                name=\"q_39\" \n                                value=\"12 Months\"\n                                data-correct=\"0\"\n                                data-option-id=\"<? echo $counter; ?>\" \n                                required>\n                            <span class=\"radio-text\">12 Months<\/span>\n\n                            <\/label>\n                                                \n                                            <\/div>\n                    <\/div>\n\n    <div class=\"question-feedback feedback-39\" style=\"display: none;\">\n                                    <div class=\"feedback-text\" data-option=\"3 Months\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Incorrect, please try again.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"6 Months\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Based on the current guidelines, 6 months old is the best age to introduce foods other than formula or breast milk to your baby. If they show signs of readiness between the ages of 4 and 6 months, you can offer solid foods earlier. rnrnEvery baby is different, and it is important to recognize signs of readiness so that you know when your baby is ready to start solid foods.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"9 Months\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Incorrect, please try again.<\/div>\n                <\/div>\n                            <div class=\"feedback-text\" data-option=\"12 Months\" style=\"display: none;\">\n                    <div class=\"feedback-content\">Incorrect, please try again.<\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1784\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Ways my home visitor can support me:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_1784\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-1784\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1783\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        If I face challenges, I can overcome them by:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_1783\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-1783\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1782\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        Challenges that might make reaching my goal(s) difficult:            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                            <input type=\"text\" \n                    name=\"q_1782\"\n                    class=\"survey-text\"\n                    >\n            <\/div>\n\n    <div class=\"question-feedback feedback-1782\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1781\" data-question-type=\"\">\n    <h4 class=\"question-title\">\n        I will take the following steps to reach my goal(s):            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                    <div class=\"text-input-field\">\n                            <label>Action 1<\/label>\n                            <input type=\"text\" \n                                name=\"q_1781[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 2<\/label>\n                            <input type=\"text\" \n                                name=\"q_1781[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                                                <div class=\"text-input-field\">\n                            <label>Action 3<\/label>\n                            <input type=\"text\" \n                                name=\"q_1781[]\" \n                                class=\"survey-text\"\n                                placeholder=\"\"\n                                >\n                        <\/div>\n                            <\/div>\n\n    <div class=\"question-feedback feedback-1781\" style=\"display: none;\">\n            <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1780\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        My goals are to:  (select all that apply or create a new goal)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1780[]\" \n                                value=\"Try at least one quick and healthy meal or snack idea.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Try at least one quick and healthy meal or snack idea.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1780[]\" \n                                value=\"Set aside time each day to rest and recharge.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Set aside time each day to rest and recharge.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1780[]\" \n                                value=\"Start a simple movement routine, such as walking at least once a week.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Start a simple movement routine, such as walking at least once a week.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1780[]\" \n                                value=\"Reach out to my doctor or a trusted source if I\u2019m feeling overwhelmed, sad, or down.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Reach out to my doctor or a trusted source if I\u2019m feeling overwhelmed, sad, or down.<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_1780[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_1780_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1780\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1779\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        When I\u2019m feeling stressed, overwhelmed, or down, these are the things that help me feel better: (Select all that apply)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1779[]\" \n                                value=\"Connecting with a friend, partner, or family member.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Connecting with a friend, partner, or family member.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1779[]\" \n                                value=\"Taking a moment for deep breathing or relaxation.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Taking a moment for deep breathing or relaxation.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1779[]\" \n                                value=\"Engaging in an enjoyable activity with my baby.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Engaging in an enjoyable activity with my baby.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1779[]\" \n                                value=\"Getting outside for fresh air.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Getting outside for fresh air.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1779[]\" \n                                value=\"Seeking professional support if needed.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Seeking professional support if needed.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1779[]\" \n                                value=\"I\u2019m not sure yet, but I\u2019d like to find what works for me.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I\u2019m not sure yet, but I\u2019d like to find what works for me.<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1779\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1778\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        What\u2019s the biggest challenge you face when it comes to getting movement in your day?            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1778[]\" \n                                value=\"Finding the time between baby care and other responsibilities.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Finding the time between baby care and other responsibilities.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1778[]\" \n                                value=\"Feeling too tired or overwhelmed.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Feeling too tired or overwhelmed.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1778[]\" \n                                value=\"Not knowing where to start or what type of activity works for me.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Not knowing where to start or what type of activity works for me.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1778[]\" \n                                value=\"I already have a routine that works well for me.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I already have a routine that works well for me.<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1778\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1777\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        Which of these strategies could help you eat more regularly and feel nourished throughout the day? (Select all that apply)            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1777[]\" \n                                value=\"Preparing quick, easy meals and snacks in advance.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Preparing quick, easy meals and snacks in advance.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1777[]\" \n                                value=\"Accepting help from family and friends with meals.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Accepting help from family and friends with meals.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1777[]\" \n                                value=\"Keeping a list of go-to healthy snacks and meal ideas.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Keeping a list of go-to healthy snacks and meal ideas.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1777[]\" \n                                value=\"Doubling recipes to have leftovers for later.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Doubling recipes to have leftovers for later.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1777[]\" \n                                value=\"Making small changes to include more nutritious foods.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">Making small changes to include more nutritious foods.<\/span>\n                            <\/label>\n                                                \n                                                    <div class=\"other-option-container\">\n                                <label class=\"checkbox-label\">\n                                    <input type=\"checkbox\" \n                                           name=\"q_1777[]\" \n                                           value=\"other\"\n                                           class=\"other-option-input\">\n                                    <span class=\"checkbox-text\">Other:<\/span>\n                                <\/label>\n                                <input type=\"text\" \n                                       class=\"other-text-input\"\n                                       name=\"q_1777_other\"\n                                       placeholder=\"Please specify\">\n                            <\/div>\n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1777\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n<div class=\"question-block\" data-question-id=\"1776\" data-question-type=\"checkbox\">\n    <h4 class=\"question-title\">\n        What\u2019s the biggest challenge you face when it comes to getting movement in your day? [multiple choice]            <\/h4>\n\n    \n    <div class=\"question-input\">\n\n                                <div class=\"checkbox-options\">\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1776[]\" \n                                value=\"I have a routine for preparing quick and healthy meals\/snacks.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I have a routine for preparing quick and healthy meals\/snacks.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1776[]\" \n                                value=\"I sometimes struggle to find time for meals\/snacks.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I sometimes struggle to find time for meals\/snacks.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1776[]\" \n                                value=\"I often skip meals or rely on convenience foods.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I often skip meals or rely on convenience foods.<\/span>\n                            <\/label>\n                                                    <label class=\"checkbox-label\">\n                            <input type=\"checkbox\" \n                                name=\"q_1776[]\" \n                                value=\"I haven&#039;t thought much about meal planning yet, but I\u2019d like to start.\"\n                                data-correct=\"0\">\n                            <span class=\"checkbox-text\">I haven't thought much about meal planning yet, but I\u2019d like to start.<\/span>\n                            <\/label>\n                                                \n                                            <\/div>\n                        <\/div>\n\n    <div class=\"question-feedback feedback-1776\" style=\"display: none;\">\n                                <\/div>\n<\/div>\n\n<style>\n.matching-items-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.matching-item-row {\n    display: flex;\n    flex-direction: column;\n    background: #f8f8f8;\n    border-radius: 4px;\n    padding: 15px;\n}\n\n.matching-item-text {\n    font-weight: 500;\n    margin-bottom: 10px;\n}\n\n.matching-item-options {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 10px;\n}\n\n.matching-option-label {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    cursor: pointer;\n}\n\n.feedback-container {\n    display: none;\n    margin-top: 10px;\n    padding: 10px;\n    background: #e9e9e9;\n    border-radius: 4px;\n}\n\n.feedback-container.show {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.feedback-icon {\n    font-size: 16px;\n    line-height: 1;\n}\n\n.feedback-text {\n    flex: 1;\n    font-size: 14px;\n    color: #555;\n}\n\n.hidden {\n    display: none !important;\n}\n\n\/* Remove display:none from feedback container *\/\n.question-feedback {\n    margin-top: 10px;\n}\n\n\/* Animation for feedback display *\/\n.feedback-container {\n    transition: all 0.3s ease-in-out;\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n}\n\n.feedback-container.show {\n    max-height: 200px;\n    opacity: 1;\n    padding: 10px;\n    margin-top: 10px;\n}\n<\/style>\n\n    <!-- Question Feedback -->\n                <div class=\"question-feedback\" data-question-id=\"915\">\n                                        <div class=\"feedback-text\" data-item-index=\"0\" style=\"display: none;\">\n                            <div class=\"feedback-icon\">\u2139\ufe0f<\/div>\n                            <div class=\"feedback-content\">feedback<\/div>\n                        <\/div>\n                                            <div class=\"feedback-text\" data-item-index=\"1\" style=\"display: none;\">\n                            <div class=\"feedback-icon\">\u2139\ufe0f<\/div>\n                            <div class=\"feedback-content\">feedback<\/div>\n                        <\/div>\n                                <\/div>\n                \n    <!-- Submit Section -->\n    <div class=\"et_pb_row et_pb_row_2\">\n        <div class=\"et_pb_column et_pb_column_1_5 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough\">\n            <div class=\"et_pb_module et_pb_code et_pb_code_1  et_pb_text_align_center\">\n                <div class=\"et_pb_code_inner\">\n                    <a href=\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/video02\/\" id=\"etc-back-btn\" class=\"progress-tracking-btn back yellow\" >Back<\/a> \n                <\/div>\n            <\/div>\n\t\t<\/div>\n        <div class=\"et_pb_column et_pb_column_3_5 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough et_pb_column_empty\"><\/div>\n        <div class=\"et_pb_column et_pb_column_1_5 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child\">\n            <div class=\"et_pb_module et_pb_code et_pb_code_2  et_pb_text_align_center\">\n                <div class=\"et_pb_code_inner\">\n                                    <input type=\"submit\" value=\"Next\" class=\"progress-tracking-btn submit-button yellow\">\n\t\t\t\t\t<a href=\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/video03\/\" id=\"etcNextPageBtn\" class=\"progress-tracking-btn next yellow\" style=\"display: none;\" >Next<\/a>\n                                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Success Message Template (hidden by default) -->\n    <div class=\"survey-success-message\" style=\"display: none;\">\n    <div class=\"success-content\">\n        <!--  <div class=\"success-icon\">\u2713<\/div>\n                <p>Thank you for your response!<\/p> -->\n        <div class=\"navigation-buttons\">\n                    <\/div>\n    <\/div>\n<\/div>\n<\/form>\n\n<style>\n\n.et_pb_video.vid-1-1 {\n    display: none;\n}\n.survey-form {\n    max-width: 800px;\n    margin: 0 auto;\n    padding: 20px;\n    font-family: inherit;\n}\n\n.question-block {\n    margin-bottom: 30px;\n    padding: 20px;\n    background: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n.question-block h4 {\n    margin: 0 0 15px 0;\n    color: #333;\n    font-size: 1.1em;\n}\n\n.question-block .required {\n    color: #e74c3c;\n}\n\n\/* Image Styles *\/\n.question-image {\n    margin: 15px 0;\n}\n\n.question-image img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 4px;\n}\n\n\/* Input Styles *\/\n.question-input .survey-text, .survey-textarea {\n    width: 100%;\n    padding: 10px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    font-size: 1em;\n    transition: border-color 0.3s ease;\n}\n\n.survey-textarea {\n    min-height: 100px;\n    resize: vertical;\n}\n\n.survey-text:focus, .survey-textarea:focus {\n    border-color: #37A0EA;\n    outline: none;\n    box-shadow: 0 0 0 2px rgba(55, 160, 234, 0.2);\n}\n\n.question-block .text-input-field {\n    margin-bottom: 20px;\n}\n\n\/* Radio and Checkbox Styles *\/\n.radio-options, .checkbox-options {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.radio-label, .checkbox-label {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    padding: 8px 12px;\n    border-radius: 4px;\n    transition: background-color 0.2s ease;\n}\n\n.radio-label:hover, .checkbox-label:hover {\n    background-color: #f8f9fa;\n}\n\n.radio-text, .checkbox-text {\n    margin-left: 10px;\n    color: #444;\n}\n\n\/* Feedback Styles *\/\n.question-feedback {\n    margin-top: 15px;\n}\n\n.feedback-text {\n    background-color: #f8f9fa;\n    border-left: 4px solid #37A0EA;\n    padding: 12px 15px;\n    margin-top: 10px;\n    border-radius: 0 4px 4px 0;\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n\n.feedback-icon {\n    font-size: 1.2em;\n    line-height: 1;\n    flex-shrink: 0;\n}\n\n.feedback-content {\n    color: #2c3e50;\n    font-size: 0.9em;\n    line-height: 1.5;\n}\n\n\/* Submit Button *\/\n.survey-submit {\n    text-align: center;\n    margin-top: 30px;\n}\n\n.survey-next-button {\n    background-color: #00476b;\n    color: white;\n    padding: 12px 30px;\n    border: none;\n    border-radius: 20px;\n    font-size: 1.1em;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n}\n\n.survey-next-button:hover {\n    background-color: #05202E;\n}\n\n\/* Success Message *\/\n.navigation-buttons {\n    display: flex;\n    gap: 15px;\n    justify-content: center;\n    margin-top: 20px;\n}\n\n.survey-next-button,\n.survey-home-button {\n    display: inline-block;\n    padding: 10px 30px;\n    border-radius: 20px;\n    text-decoration: none;\n    font-size: 16px;\n    transition: background-color 0.3s ease;\n}\n\n.survey-home-button {\n    background-color: #6c757d;\n    color: white;\n}\n\n.survey-home-button:hover {\n    background-color: #5a6268;\n    color: white;\n    text-decoration: none;\n}\n\n@media (max-width: 480px) {\n    .navigation-buttons {\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n    .survey-next-button,\n    .survey-home-button {\n        width: 100%;\n        text-align: center;\n    }\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .survey-form {\n        padding: 15px;\n    }\n    \n    .question-block {\n        padding: 15px;\n    }\n}\n\n.submit-status {\n    margin-top: 15px;\n    text-align: center;\n}\n\n.spinner {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    border: 3px solid #f3f3f3;\n    border-top: 3px solid #37A0EA;\n    border-radius: 50%;\n    animation: spin 1s linear infinite;\n    margin-right: 10px;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n.status-text {\n    color: #666;\n    font-size: 0.9em;\n}\n\n\/* Debug info styles *\/\n.debug-info {\n    background: #f8f9fa;\n    padding: 10px;\n    margin-bottom: 20px;\n    border: 1px solid #dee2e6;\n    border-radius: 10px;\n    font-family: monospace;\n}\n<\/style>\n\n<script>\njQuery(document).ready(function($) {\n    console.log('Survey form initialized - using external JS logic');\n    \n    \/\/ Initialize survey form when document loads\n    \/\/ This delegates to the implementation in survey.js\n    if (typeof window.initializeSurveyForm === 'function') {\n        window.initializeSurveyForm();\n    } else {\n        console.error('Survey form initialization function not found in survey.js');\n    }\n});\n<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":21,"featured_media":0,"parent":421,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"question_module":[7],"class_list":["post-429","page","type-page","status-publish","hentry","question_module-feeding-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.0 (Yoast SEO v22.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Checkpoint 2 - Thrives<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Checkpoint 2\" \/>\n<meta property=\"og:url\" content=\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/\" \/>\n<meta property=\"og:site_name\" content=\"Thrives\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/UF.COE\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-15T18:49:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@UF_COE\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/\",\"url\":\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/\",\"name\":\"Checkpoint 2 - Thrives\",\"isPartOf\":{\"@id\":\"https:\/\/education.ufl.edu\/thrives\/#website\"},\"datePublished\":\"2025-01-14T15:43:37+00:00\",\"dateModified\":\"2026-04-15T18:49:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/education.ufl.edu\/thrives\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modules\",\"item\":\"https:\/\/education.ufl.edu\/thrives\/modules\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Feeding\",\"item\":\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Safe Eats\",\"item\":\"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Checkpoint 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/education.ufl.edu\/thrives\/#website\",\"url\":\"https:\/\/education.ufl.edu\/thrives\/\",\"name\":\"Thrives Testing\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/education.ufl.edu\/thrives\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/education.ufl.edu\/thrives\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/education.ufl.edu\/thrives\/#organization\",\"name\":\"Thrives Testing\",\"url\":\"https:\/\/education.ufl.edu\/thrives\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/education.ufl.edu\/thrives\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/education.ufl.edu\/thrives-dev\/files\/2024\/11\/Horizontal_UF_COE_2020_Blue-Black.png\",\"contentUrl\":\"https:\/\/education.ufl.edu\/thrives-dev\/files\/2024\/11\/Horizontal_UF_COE_2020_Blue-Black.png\",\"width\":2098,\"height\":216,\"caption\":\"Thrives Testing\"},\"image\":{\"@id\":\"https:\/\/education.ufl.edu\/thrives\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/UF.COE\/\",\"https:\/\/twitter.com\/UF_COE\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Checkpoint 2 - Thrives","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/","og_locale":"en_US","og_type":"article","og_title":"Checkpoint 2","og_url":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/","og_site_name":"Thrives","article_publisher":"https:\/\/www.facebook.com\/UF.COE\/","article_modified_time":"2026-04-15T18:49:14+00:00","twitter_card":"summary_large_image","twitter_site":"@UF_COE","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/","url":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/","name":"Checkpoint 2 - Thrives","isPartOf":{"@id":"https:\/\/education.ufl.edu\/thrives\/#website"},"datePublished":"2025-01-14T15:43:37+00:00","dateModified":"2026-04-15T18:49:14+00:00","breadcrumb":{"@id":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/quiz02\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/education.ufl.edu\/thrives\/"},{"@type":"ListItem","position":2,"name":"Modules","item":"https:\/\/education.ufl.edu\/thrives\/modules\/"},{"@type":"ListItem","position":3,"name":"Feeding","item":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/"},{"@type":"ListItem","position":4,"name":"Safe Eats","item":"https:\/\/education.ufl.edu\/thrives\/modules\/feeding\/safe-eats\/"},{"@type":"ListItem","position":5,"name":"Checkpoint 2"}]},{"@type":"WebSite","@id":"https:\/\/education.ufl.edu\/thrives\/#website","url":"https:\/\/education.ufl.edu\/thrives\/","name":"Thrives Testing","description":"","publisher":{"@id":"https:\/\/education.ufl.edu\/thrives\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/education.ufl.edu\/thrives\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/education.ufl.edu\/thrives\/#organization","name":"Thrives Testing","url":"https:\/\/education.ufl.edu\/thrives\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/education.ufl.edu\/thrives\/#\/schema\/logo\/image\/","url":"https:\/\/education.ufl.edu\/thrives-dev\/files\/2024\/11\/Horizontal_UF_COE_2020_Blue-Black.png","contentUrl":"https:\/\/education.ufl.edu\/thrives-dev\/files\/2024\/11\/Horizontal_UF_COE_2020_Blue-Black.png","width":2098,"height":216,"caption":"Thrives Testing"},"image":{"@id":"https:\/\/education.ufl.edu\/thrives\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/UF.COE\/","https:\/\/twitter.com\/UF_COE"]}]}},"_links":{"self":[{"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/pages\/429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/comments?post=429"}],"version-history":[{"count":4,"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/pages\/429\/revisions"}],"predecessor-version":[{"id":3304,"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/pages\/429\/revisions\/3304"}],"up":[{"embeddable":true,"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/pages\/421"}],"wp:attachment":[{"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/media?parent=429"}],"wp:term":[{"taxonomy":"question_module","embeddable":true,"href":"https:\/\/education.ufl.edu\/thrives\/wp-json\/wp\/v2\/question_module?post=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}