{"version":3,"file":"js/index.23f60598.js","mappings":"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","sources":["webpack://design2/./src/App.vue","webpack://design2/./src/components/translations.js","webpack://design2/./src/components/Drawer.vue","webpack://design2/./src/components/Drawer.vue?b302","webpack://design2/./src/components/Header.vue","webpack://design2/./src/components/Header.vue?801b","webpack://design2/./src/components/Body.vue","webpack://design2/./src/components/Body.vue?dc5c","webpack://design2/./src/components/Footer.vue","webpack://design2/./src/components/Footer.vue?7cca","webpack://design2/./src/components/Home.vue","webpack://design2/./src/view/OurStory.vue","webpack://design2/./src/view/OurStory.vue?d810","webpack://design2/./src/view/Accessibility.vue","webpack://design2/./src/view/Accessibility.vue?82e8","webpack://design2/./src/view/FAQs.vue","webpack://design2/./src/view/FAQs.vue?9cf5","webpack://design2/./src/view/WellVisitInfo.vue","webpack://design2/./src/view/WellVisitInfo.vue?7d75","webpack://design2/./src/view/Donations.vue","webpack://design2/./src/view/MedicationDosage.vue","webpack://design2/./src/view/MedicationDosage.vue?d7f4","webpack://design2/./src/view/HealthGuide.vue","webpack://design2/./src/view/HealthGuide.vue?05fc","webpack://design2/./src/view/Rights.vue","webpack://design2/./src/view/Responsibilities.vue","webpack://design2/./src/router/index.js","webpack://design2/./src/plugins/vuetify.js","webpack://design2/./src/plugins/webfontloader.js","webpack://design2/./src/language.js","webpack://design2/./src/main.js","webpack://design2/webpack/bootstrap","webpack://design2/webpack/runtime/chunk loaded","webpack://design2/webpack/runtime/compat get default export","webpack://design2/webpack/runtime/create fake namespace object","webpack://design2/webpack/runtime/define property getters","webpack://design2/webpack/runtime/ensure chunk","webpack://design2/webpack/runtime/get javascript chunk filename","webpack://design2/webpack/runtime/get mini-css chunk filename","webpack://design2/webpack/runtime/global","webpack://design2/webpack/runtime/hasOwnProperty shorthand","webpack://design2/webpack/runtime/load script","webpack://design2/webpack/runtime/make namespace object","webpack://design2/webpack/runtime/publicPath","webpack://design2/webpack/runtime/jsonp chunk loading","webpack://design2/webpack/startup"],"sourcesContent":["import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { inject } from 'vue';\r\n\r\nexport const translate = (key) => {\r\n  \r\n  const currentLanguage = inject('currentLanguage');\r\n\r\n  const translations = {\r\n    en: require('../translations/en.json'),\r\n    esp: require('../translations/es.json')\r\n  };\r\n  \r\n  if (translations[currentLanguage.value] && translations[currentLanguage.value][key]) {\r\n    return translations[currentLanguage.value][key];\r\n  } else {\r\n    return translations['en'][key];\r\n  }\r\n};","<script setup>\r\nimport { ref } from \"vue\";\r\nimport { translate } from '@/components/translations.js';\r\n\r\nlet isOpen = ref(false);\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <button class=\"text-white menu-ham-button\" @click=\"isOpen = !isOpen\">\r\n      <div class=\"bg-sky-800 mb-1.5\"></div>\r\n      <div class=\"bg-sky-800 mb-1.5\"></div>\r\n      <div class=\"bg-sky-800 mb-1.5\"></div>\r\n    </button>\r\n  </div>\r\n\r\n  <div class=\"z-20\" v-if=\"isOpen\">\r\n    <!-- Drawer overlay -->\r\n    <div class=\"\" v-show=\"isOpen\" @click=\"isOpen = false\"></div>\r\n    <!-- Drawer sidebar -->\r\n    <div :class=\"{ 'translate-x-0': isOpen, 'translate-x-full': !isOpen }\" class=\"fixed top-0 z-50 side-menu h-full shadow-xl transition-transform duration-300 ease-in-out flex justify-end text-white drawer\">\r\n      <!-- Contenido del drawer -->\r\n      <nav class=\"mr-5 flex flex-col items-end\">\r\n        <div class=\"mt-5\">\r\n          <button class=\"text-white p-2\" @click=\"isOpen = !isOpen\">\r\n            <i class=\"pi pi-times text-xl\"></i>\r\n          </button>\r\n        </div>\r\n\r\n        <a target=\"_blank\" href=\"https://wa.me/18493576458\" class=\"block sm:hidden drawer-make-appointment\">{{translate('make_your_appointment')}}</a>\r\n        <router-link to=\"/\" class=\"font-bold p-2.5 uppercase text-white md:text-xl\">{{translate('home')}}</router-link>\r\n        <router-link to=\"/Our-Story\" class=\"p-2.5 font-light text-white md:text-xl\">{{translate('who_are_we')}}</router-link>\r\n        <!--<router-link to=\"/\" class=\"p-2.5 font-light\">Our Doctor</router-link>-->\r\n        <router-link to=\"/FAQs\" class=\"p-2.5 font-light text-white md:text-xl\">FAQs</router-link>\r\n        <!--<router-link to=\"/\" class=\"p-2.5 font-light\">Billing</router-link>-->\r\n        <router-link to=\"/WellVisitInfo\" class=\"p-2.5 font-light text-white md:text-xl\">{{translate('well_visit_info')}}</router-link>\r\n        <router-link to=\"/Donations\" class=\"p-2.5 font-light text-white md:text-xl\">{{translate('donations')}}</router-link>\r\n        <router-link to=\"/Accessibility\" class=\"p-2.5 font-light text-white md:text-xl\">{{translate('accessibility')}}</router-link>\r\n        <!--<router-link to=\"/\" class=\"p-2.5 font-light\">Vaccine Schedule</router-link>-->\r\n        <!--<router-link to=\"/\" class=\"p-2.5 font-light\">Child and Adolescent Support</router-link>-->\r\n        <router-link to=\"/HealthGuide\" class=\"p-2.5 font-light text-white md:text-xl\">A-Z Health Guide</router-link>\r\n        <router-link to=\"/MedicationDosage\" class=\"p-2.5 font-light text-white md:text-xl\">Medication Dosage</router-link>\r\n        <router-link to=\"/Rights\" class=\"p-2.5 font-light text-white md:text-xl\">{{translate('patient_rights')}}</router-link>\r\n        <router-link to=\"/Responsibilities\" class=\"p-2.5 font-light text-white md:text-xl\">{{translate('patient_responsibilities')}}</router-link>\r\n        <!--<router-link to=\"/\" class=\"p-2.5 font-light\">Breastfeeding Support</router-link>-->\r\n        <!--<router-link to=\"/\" class=\"p-2.5 font-light\">Newsletter</router-link>-->\r\n      </nav>\r\n    </div>\r\n  </div>\r\n</template>\r\n","import script from \"./Drawer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Drawer.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport logo from \"../assets/logo_vue.png\";\r\nimport { ref, inject } from 'vue';\r\nimport Drawer from \"./Drawer.vue\";\r\nimport { translate } from './translations.js';\r\n\r\nconst { isHome } = defineProps({\r\n    isHome: {\r\n        type: Boolean,\r\n        default: false,\r\n    },\r\n})\r\n\r\nconst currentLanguage = inject('currentLanguage');\r\nconst changeLanguage = inject('changeLanguage');\r\n</script>\r\n<template>        \r\n    <div class=\"sticky top-0 bg-red-500 text-white p-4 rounded w-full text-center text-2xl font-bold z-50 \">{{ translate('temporarily_closed') }}</div>\r\n\r\n    <header :class=\"['sticky-header', 'flex items-center', 'p-5', {'px-0 bg-white scrolled': !isHome}]\">\r\n    \r\n    \r\n        <a href=\"/\" :class=\"['d-inline-block', {'home-logo': isHome}]\">\r\n    \r\n            <div :class=\"{'page-header-logo': !isHome}\"><img :src=\"logo\" alt=\"Logo\" class=\"\"></div>\r\n    \r\n        </a>\r\n    \r\n    \r\n    \r\n        <nav class=\"ml-auto\">\r\n    \r\n    \r\n    \r\n    \r\n    \r\n            <div :class=\"['flex', 'flex-row', 'items-center', {'nav-position': isHome}]\">\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                <div class=\"nav-item\" v-if=\"!isHome\">\r\n                    <a target=\"_blank\" href=\"https://wa.me/18493576458\" class=\"text-blue-800 text-xs md:text-base font-medium uppercase make-appointment-header-link\">{{translate('make_your_appointment')}}</a>\r\n                </div>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                <div class=\"nav-item language-buttons-container md:block nav-item language-buttons-container\">\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                    <button :class=\"{ 'active': currentLanguage === 'esp' }\" class=\"language-button h-6 w-8 sm:w-12 md:w-16 border text-xs border-slate-700 rounded-l focus:bg-customObscureBlue focus:text-white uppercase\" data-lang=\"esp\" @click=\"changeLanguage('esp')\">\r\n    \r\n        \r\n    \r\n            \r\n    \r\n        \r\n    \r\n                          {{ translate('spanish_abbr') }}\r\n    \r\n        \r\n    \r\n            \r\n    \r\n        \r\n    \r\n                        </button>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                    <button :class=\"{ 'active': currentLanguage === 'en' }\" class=\"language-button h-6 w-8 sm:w-12 md:w-16 border rounded-r text-xs border-slate-700 focus:bg-customObscureBlue focus:text-white uppercase\" data-lang=\"en\" @click=\"changeLanguage('en')\">\r\n    \r\n        \r\n    \r\n            \r\n    \r\n        \r\n    \r\n                          {{ translate('english_abbr') }}\r\n    \r\n        \r\n    \r\n            \r\n    \r\n        \r\n    \r\n                        </button>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                </div>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                <div class=\"nav-item\">\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                    <Drawer />\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n                </div>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n            </div>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n        </nav>\r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    \r\n    </header>\r\n    \r\n    \r\n    \r\n    <div class=\"right-image\" v-if=\"isHome\">\r\n    \r\n        <div class=\"flex flex-col md:flex-row items-center home-info-container\">\r\n    \r\n            <div class=\"hidden md:block w-full md:w-1/2 z-10\">\r\n    \r\n                <div class=\"p-10\">\r\n    \r\n                    <h1 class=\"text-[20px] home-big-text custom-blue font-black mt-8 w-75 text-left\">{{ translate('taking_care_of_kids') }}</h1>\r\n    \r\n                    <a target=\"_blank\" href=\"https://wa.me/18493576458\" class=\"text-white custom-bg-orange rounded-xl text-sm appointment-button inline-block appointment-button-home\">{{translate('make_your_appointment')}}!</a>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-1/2 relative\"></div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div  class=\"w-full h-full flex flex-col justify-center items-center px-6 py-10 md:hidden z-1\" v-if=\"isHome\">\r\n    \r\n        <h1 class=\"home-big-text font-bold custom-blue font-extrabold text-left\">{{ translate('taking_care_of_kids') }}</h1>\r\n    \r\n        <a target=\"_blank\" href=\"https://wa.me/18493576458\" class=\"appointment-button text-white custom-bg-orange rounded-xl text-md uppercase\">{{translate('make_your_appointment')}}!</a>\r\n    \r\n    </div>\r\n    \r\n</template>\r\n","import script from \"./Header.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Header.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { ref } from \"vue\";\r\nimport { translate } from './translations.js';\r\nimport image1 from \"../assets/11 Interior.jpg\";\r\nimport image2 from \"../assets/dr-michel-cohen.jpg\";\r\nimport image3 from \"../assets/18 Portrait.jpg\";\r\nimport image4 from \"../assets/01 Aerial 1.jpg\";\r\nimport image5 from \"../assets/13 Interior.jpg\";\r\nimport image6 from \"../assets/09 Interior.jpg\";\r\nimport image7 from \"../assets/07 Interior.jpg\";\r\nimport image8 from \"../assets/08 Interior.jpg\";\r\nimport HeaderImage from \"../assets/Header.jpg\";\r\n\r\nconst img1 = ref(image1);\r\nconst img2 = ref(image2);\r\nconst img3 = ref(image3);\r\nconst img4 = ref(image4);\r\nconst img5 = ref(image5);\r\nconst img6 = ref(image6);\r\nconst img7 = ref(image7);\r\nconst img8 = ref(image8);\r\nconst Header = ref(HeaderImage);\r\n</script>\r\n<template>\r\n\r\n\r\n    <div class=\"hidden sm:block our-purpose-separation\">\r\n    \r\n        <div class=\"flex bg-customYellow items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n                    <h1 class=\"text-4xl font-bold text-white\">{{translate('services')}}</h1>\r\n    \r\n                    <p class=\"mt-4 text-[25px] leading-7 text-white font-normal\">\r\n    \r\n                        <ul class=\"list-disc ml-3 text-left\">\r\n    \r\n                            <li class=\"text-white mb-1 font-light\">{{translate('same_day_sick_visits')}}</li>\r\n    \r\n                            <li class=\"text-white mb-1 font-light\">{{translate('quick_scheduling_followup_visits')}}</li>\r\n    \r\n                            <li class=\"text-white mb-1 font-light\">{{translate('night_time')}}</li>\r\n        \r\n                            <li class=\"text-white mb-1 font-light\">{{translate('on_site_testing')}}</li>\r\n\r\n                            <li class=\"text-white mb-1 font-light\">{{translate('convenient_payment_methods')}}</li>\r\n\r\n                            <li class=\"text-white mb-1 font-light\">{{translate('pediatric_vaccinations')}}</li>\r\n\r\n                        </ul>\r\n    \r\n                    </p>\r\n    \r\n                    <a class=\"text-white underline text-xl d-block mt-4 font-normal\">\r\n    \r\n                        <router-link to=\"/FAQs\">{{translate('read_our_faqs')}}</router-link>\r\n    \r\n                    </a>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-6/12 mt-3 section-right-image\">\r\n    \r\n                <img :src=\"img1\" alt=\"\" class=\"w-100\">\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div class=\"block sm:hidden\">\r\n    \r\n        <div class=\"bg-customYellow items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-4xl font-bold text-white home-text-align\">{{translate('services')}}</h1>\r\n    \r\n                    <div class=\"section-right-image\">\r\n    \r\n                        <img :src=\"img1\" alt=\"\" class=\"w-100\">\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"mt-4 text-[25px] leading-7 text-white font-normal\">\r\n    \r\n                            <ul class=\"list-disc ml-3 text-left\">\r\n    \r\n                                <li class=\"text-white mb-1 font-light\">{{translate('same_day_sick_visits')}}</li>\r\n    \r\n                                <li class=\"text-white mb-1 font-light\">{{translate('quick_scheduling_followup_visits')}}</li>\r\n    \r\n                                <li class=\"text-white mb-1 font-light\">{{translate('night_time')}}</li>\r\n        \r\n                                <li class=\"text-white mb-1 font-light\">{{translate('on_site_testing')}}</li>\r\n\r\n                                <li class=\"text-white mb-1 font-light\">{{translate('convenient_payment_methods')}}</li>\r\n\r\n                                <li class=\"text-white mb-1 font-light\">{{translate('pediatric_vaccinations')}}</li>\r\n\r\n                            </ul>\r\n    \r\n                        </p>\r\n    \r\n                        <a class=\"text-white underline text-xl d-block mt-4 font-normal\">{{translate('read_our_faqs')}}</a>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>    \r\n    \r\n    \r\n    <div class=\"hidden sm:block\">\r\n    \r\n        <div class=\"flex bg-customGreen items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12 mt-3 self-start md:self-auto mt-3 section-left-image\">\r\n    \r\n                <img :src=\"img2\" alt=\"\" class=\"w-100\">\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-6/12 section-right-text\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white\">{{translate('who_are_we')}}...</h1>\r\n    \r\n                    <p class=\"text-[20px] leading-6 text-white font-light mt-4 text-justify \">{{translate('founder_information')}}</p>\r\n    \r\n                    <a class=\"text-white underline text-xl d-block mt-4\">\r\n    \r\n                        <router-link to=\"/Our-Story\">{{translate('read_more')}}</router-link>\r\n    \r\n                    </a>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div class=\"block sm:hidden\">\r\n    \r\n        <div class=\"bg-customGreen items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white\">{{translate('who_are_we')}}...</h1>\r\n    \r\n                    <div class=\"section-left-image\">\r\n    \r\n                        <img :src=\"img2\" alt=\"\" class=\"w-100\">\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"text-[20px] text-white font-light mt-4 text-justify \">{{translate('founder_information')}}</p>\r\n    \r\n                        <a class=\"text-white underline text-xl d-block mt-4\">\r\n    \r\n                            <router-link to=\"/Our-Story\">{{translate('read_more')}}</router-link>\r\n    \r\n                        </a>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div class=\"hidden sm:block\">\r\n    \r\n        <div class=\"flex bg-customBrown items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white title-first\">{{translate('whats_our_purpose')}}</h1>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"mt-4 text-[20px] leading-6 text-white font-normal text-justify\">{{translate('vision')}}</p>\r\n    \r\n                        <p class=\"text-[20px] leading-6 text-white font-light text-justify\">{{translate('provide_access_to_pediatric_care')}}</p>\r\n    \r\n                        <p class=\"mt-4 text-[20px] leading-6 text-white font-normal text-justify\">{{translate('mission')}}</p>\r\n    \r\n                        <p class=\"text-[20px] leading-6 text-white font-light text-justify\">{{translate('establish_network_pediatric_clinics')}}</p>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-6/12 mt-3 self-start md:self-auto section-right-image image-between\">\r\n    \r\n                <img :src=\"img7\" alt=\"\" class=\"w-100\">\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div class=\"block sm:hidden our-purpose-separation\">\r\n    \r\n        <div class=\"bg-customBrown items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white title-first home-text-align\">{{translate('whats_our_purpose')}}</h1>\r\n    \r\n                    <div class=\"section-right-image\">\r\n    \r\n                        <img :src=\"img7\" alt=\"\" class=\"w-100\">\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"mt-4 text-[20px] leading-6 text-white font-normal text-justify\">{{translate('vision')}}</p>\r\n    \r\n                        <p class=\"text-[20px] leading-6 text-white font-light text-justify\">{{translate('provide_access_to_pediatric_care')}}</p>\r\n    \r\n                        <p class=\"mt-4 text-[20px] leading-6 text-white font-normal text-justify\">{{translate('mission')}}</p>\r\n    \r\n                        <p class=\"text-[20px] leading-6 text-white font-light text-justify\">{{translate('establish_network_pediatric_clinics')}}</p>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <!--\r\n    <div class=\"hidden sm:block\">\r\n    \r\n        <div class=\"flex bg-customPink items-center\tflex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12 mt-3 section-left-image\">\r\n    \r\n                <img :src=\"img3\" alt=\"\" class=\"w-100\">\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-6/12 section-right-text\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white\">{{translate('our_team')}}</h1>\r\n    \r\n                    <p class=\"text-[20px] leading-6 text-white font-light mt-4 text-justify\">{{translate('our_team_info')}}</p>\r\n        \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>-->\r\n    <!--\r\n    <div class=\"block sm:hidden\">\r\n    \r\n        <div class=\"bg-customPink items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white\">{{translate('our_team')}}</h1>\r\n    \r\n                    <div class=\"section-left-image\">\r\n    \r\n                        <img :src=\"img3\" alt=\"\" class=\"w-100\">\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"text-[20px] leading-6 text-white font-light mt-4 text-justify \">{{translate('our_team_info')}}</p>\r\n    \r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>-->\r\n     \r\n    <div class=\"hidden sm:block\">\r\n    \r\n        <div class=\"flex bg-customBlue items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white text-justify \">{{translate('care_in_your_community')}}</h1>\r\n    \r\n                    <p class=\"mt-4 text-[20px] leading-6 text-white font-light text-justify \">{{translate('our_first_office_info')}}</p>\r\n    \r\n    \r\n    \r\n                    <div class=\"mapouter mt-10\">\r\n    \r\n                        <div class=\"gmap_canvas\">\r\n    \r\n                            <iframe class=\"gmap_iframe\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://maps.google.com/maps?width=600&amp;height=400&amp;hl=en&amp;q=cariño pediatrics cabarete&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed\"></iframe>\r\n    \r\n                            <a href=\"https://strandsgame.net/\">Strands NYT</a>\r\n    \r\n                        </div>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-6/12 mt-3 section-right-image\">\r\n    \r\n                <img :src=\"img4\" alt=\"\" class=\"w-100\">\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div class=\"block sm:hidden\">\r\n    \r\n        <div class=\"bg-customBlue items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white home-text-align\">{{translate('care_in_your_community')}}</h1>\r\n    \r\n                    <div class=\"section-right-image\">\r\n    \r\n                        <img :src=\"img4\" alt=\"\" class=\"w-100\">\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"mt-4 text-[20px] leading-6 text-white font-light text-justify \">{{translate('our_first_office_info')}}</p>\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"mapouter mt-10\">\r\n    \r\n                        <div class=\"gmap_canvas\">\r\n    \r\n                            <iframe class=\"gmap_iframe\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://maps.google.com/maps?width=600&amp;height=400&amp;hl=en&amp;q=cariño pediatrics cabarete&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed\"></iframe>\r\n    \r\n                            <a href=\"https://strandsgame.net/\">Strands NYT</a>\r\n    \r\n                        </div>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>    \r\n\r\n    <div class=\"hidden sm:block\">\r\n    \r\n        <div class=\"flex items-center flex-wrap bg-customBrown\">\r\n    \r\n            <div class=\"w-full md:w-6/12 mt-3 section-left-image\">\r\n    \r\n                <img :src=\"img6\" alt=\"\" class=\"w-100\">\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-6/12 section-right-text\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold text-white  pt-10\">{{translate('donations')}}</h1>\r\n\r\n    \r\n                    <p class=\"text-[20px] leading-6 text-white font-light mt-4 text-justify \">{{translate('donations_info')}}</p>\r\n    \r\n                    <a class=\"underline text-xl d-block mt-4 pb-10 text-white\">\r\n    \r\n                        <router-link to=\"/Donations\">{{translate('read_more')}}</router-link>\r\n    \r\n                    </a>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div class=\"block sm:hidden\">\r\n    \r\n        <div class=\"items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold custom-black\">{{translate('donations')}}</h1>\r\n    \r\n                    <div class=\"section-left-image\">\r\n    \r\n                        <img :src=\"img6\" alt=\"\" class=\"w-100\">\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"text-[20px] leading-6 custom-black font-light mt-4 text-justify \">{{translate('donations_info')}}</p>\r\n    \r\n                        <a class=\"custom-black underline text-xl d-block mt-4\">\r\n    \r\n                            <router-link to=\"/Donations\">{{translate('read_more')}}</router-link>\r\n    \r\n                        </a>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n\r\n    <div class=\"hidden sm:block\">\r\n    \r\n        <div class=\"flex items-center flex-wrap\">\r\n\r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold custom-black pt-10\">{{translate('accessibility')}}</h1>\r\n    \r\n                    <p class=\"text-[20px] leading-6 custom-black font-light mt-4 text-justify \">{{translate('insurance_info')}}</p>\r\n    \r\n                    <a class=\"custom-black underline text-xl d-block mt-4 pb-10\">\r\n    \r\n                        <router-link to=\"/Accessibility\">{{translate('read_more')}}</router-link>\r\n    \r\n                    </a>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n            <div class=\"w-full md:w-6/12 mt-3 section-right-image\">\r\n    \r\n                <img :src=\"img5\" alt=\"\" class=\"w-100\">\r\n    \r\n            </div>\r\n    \r\n    \r\n        </div>\r\n    \r\n    </div>\r\n    \r\n    <div class=\"block sm:hidden\">\r\n    \r\n        <div class=\"items-center flex-wrap\">\r\n    \r\n            <div class=\"w-full md:w-6/12\">\r\n    \r\n                <div class=\"section-text-container\">\r\n    \r\n                    <h1 class=\"text-3xl font-bold custom-black home-text-align\">{{translate('accessibility')}}</h1>\r\n    \r\n                    <div class=\"section-right-image\">\r\n    \r\n                        <img :src=\"img5\" alt=\"\" class=\"w-100\">\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"content-last\">\r\n    \r\n                        <p class=\"text-[20px] leading-6 custom-black font-light mt-4 text-justify \">{{translate('insurance_info')}}</p>\r\n    \r\n                        <a class=\"custom-black underline text-xl d-block mt-4\">\r\n    \r\n                            <router-link to=\"/Accessibility\">{{translate('read_more')}}</router-link>\r\n    \r\n                        </a>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n    </div>\r\n</template>\r\n","import script from \"./Body.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Body.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport logoBotton from \"../assets/logo_botton.png\";\r\nimport { ref } from \"vue\";\r\nimport { translate } from './translations.js';\r\nimport footerLogo from \"../assets/logo_vue_white.png\";\r\n\r\nconst footer_logo = ref(footerLogo);\r\n</script>\r\n\r\n<template>\r\n  \r\n  <div class=\"wave-bottom w-full text-coolGray-900 header-wave mt-20\">\r\n    <svg viewBox=\"0 0 1440 116\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <path d=\"M1440 64.5909H1090.08C833.336 64.5909 580.229 -7.62939e-06 360 -7.62939e-06C139.771 -7.62939e-06 0 64.5909 0 64.5909V116H1440V64.5909Z\" fill=\"#DD7C33\" stroke=\"#DD7C33\" stroke-width=\"2\" stroke-dasharray=\"1567\" stroke-dashoffset=\"116\"></path>\r\n    </svg>                  \r\n  </div>\r\n  <div class=\"flex flex-wrap custom-bg-orange\" style=\"margin-top: -1px;\">    \r\n    <div class=\"flex flex-wrap p-5 md:px-20 md:py-5 w-100\">\r\n      <div class=\"footer-column w-full sm:w-1/2 md:w-1/3 text-white\">\r\n        <ul class=\"footer-list\">\r\n          <li><router-link to=\"/\">{{ translate('home') }}</router-link></li>\r\n          <li><router-link to=\"/Our-Story\">{{ translate('who_are_we') }}</router-link></li>\r\n          <li><router-link to=\"/FAQs\">{{ translate('faqs') }}</router-link></li>\r\n          <li><router-link to=\"/WellVisitInfo\">{{ translate('well_visit_info') }} </router-link></li>\r\n          <li><router-link to=\"/Donations\">{{translate('donations')}}</router-link></li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"footer-column w-full sm:w-1/2 md:w-1/3 text-white\">\r\n        <ul class=\"footer-list\">\r\n          <li><router-link to=\"/HealthGuide\">{{translate('health_guide')}}</router-link></li>\r\n          <li><router-link to=\"/MedicationDosage\">{{translate('medication_dosage')}}</router-link></li>\r\n          <li><router-link to=\"/Accessibility\">{{ translate('accessibility') }} </router-link></li>\r\n          <li><router-link to=\"/Rights\">{{translate('patient_rights')}}</router-link></li>\r\n          <li><router-link to=\"/Responsibilities\">{{translate('patient_responsibilities')}}</router-link></li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"w-full sm:w-1/2 md:w-1/3 text-white\">\r\n        <ul class=\"footer-list\">\r\n          <li class=\"font-bold\">{{translate('phone')}}: <a target=\"_blank\" class=\"text-white\" href=\"https://wa.me/18493576458\">(849) 357-6458</a></li>\r\n          <li class=\"font-bold\">{{translate('email')}}: carinopediatrics@gmail.com</li>\r\n          <li class=\"footer-social-network-container\"><i class=\"pi pi-instagram text-xl\"> </i><i class=\"pi pi-facebook text-xl\"> </i> <span class=\"align-text-bottom\">@carinopediatrics </span></li>\r\n        </ul>\r\n        <div class=\"footer-logo\">\r\n          <router-link to=\"/\">\r\n            <img :src=\"footer_logo\" :alt=\"footer_logo\" class=\"object-cover\"/>\r\n          </router-link>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","import script from \"./Footer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Home.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Home.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { ref } from \"vue\";\r\nimport childImage from \"../assets/foto8.png\";\r\nimport docImage from \"../assets/foto9.png\";\r\nimport exteriorImage from \"../assets/06 Exterior.jpg\";\r\nimport Header from \"@/components/Header.vue\";\r\nimport Footer from \"@/components/Footer.vue\";\r\nimport { translate } from '@/components/translations.js';\r\n\r\nconst exterior = ref(exteriorImage);\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"container lg:max-w-screen-md xl:max-w-screen-xl mx-auto\">\r\n    \r\n        <Header />\r\n    \r\n        <div class=\"p-5 md:px-0 md:pb-0 md:pt-0\">\r\n    \r\n            <span class=\"w-100 text-center text-3xl font-bold custom-black d-block section-title who-are-we\">{{translate('who_are_we')}}</span>\r\n    \r\n            <div class=\"entry-content rel\">\r\n    \r\n                <div class=\"story-container-bg\">\r\n                    \r\n                    <div class=\"story-container rel\">\r\n    \r\n                        <div class=\"who-are-we-building-mobile-img round-img round-img-abs w-full\"><img decoding=\"async\" :src=\"exterior\" alt=\"Our Story\" data-hasqtip=\"1\" aria-describedby=\"qtip-1\"></div>\r\n\r\n                        <div class=\"inner-content who-are-we-building-info\">\r\n                            <p class=\"mb-2\">{{translate('who_we_are_info_1')}} </p>\r\n                            <div class=\"para2\"><p class=\"mb-2\">{{translate('who_we_are_info_2')}}</p></div>\r\n\r\n                        </div>\r\n    \r\n                        <div class=\"who-are-we-building-img round-img round-img-abs\"><img decoding=\"async\" :src=\"exterior\" alt=\"Our Story\" data-hasqtip=\"1\" aria-describedby=\"qtip-1\"></div>\r\n    \r\n                    </div>\r\n    \r\n                    <div class=\"inner-content-bottom\">\r\n    \r\n                        <div class=\"founder-msg\">\r\n    \r\n                            <div class=\"founder-pic\"><img decoding=\"async\" src=\"https://tribecapediatrics.com/wp-content/uploads/2023/05/dr-michel-cohen.jpg\" alt=\"Dr Michel Cohen\" data-hasqtip=\"2\"></div>\r\n    \r\n                            <div class=\"text-dark\">\r\n    \r\n                                <h4 class=\"sub-title\" tabindex=\"53\">Dr. Michel Cohen</h4>\r\n    \r\n                                <p class=\"custom-black text-justify pb-4 text-sm font-normal text-justify\">{{translate('our_story_info_1')}}</p>\r\n    \r\n                                <p class=\"custom-black text-justify pb-4 text-sm font-normal text-justify\">{{translate('our_story_info_2')}}</p>\r\n        \r\n                                <p class=\"custom-black text-justify pb-4 text-sm font-normal text-justify\">{{translate('our_story_info_3')}}</p>\r\n    \r\n                            </div>\r\n    \r\n                        </div>\r\n    \r\n                    </div>\r\n    \r\n                </div>\r\n    \r\n            </div>\r\n    \r\n        </div>\r\n    \r\n        <Footer />\r\n    \r\n    </div>\r\n</template>\r\n","import script from \"./OurStory.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OurStory.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { ref } from 'vue';\r\nimport Header from \"@/components/Header.vue\";\r\nimport Footer from \"@/components/Footer.vue\"\r\n\r\nimport { translate } from '@/components/translations.js';\r\n\r\nimport \"primeicons/primeicons.css\";\r\n\r\n  const collapsedItems = ref({});\r\n\r\n  function toggleCollapse(id) {\r\n    var content = document.getElementById(id);\r\n    if (content.classList.contains(\"hidden\")) {\r\n      content.classList.remove(\"hidden\");\r\n      collapsedItems[id] = false;\r\n\r\n    } else {\r\n      content.classList.add(\"hidden\");\r\n      collapsedItems[id] = true;\r\n    }\r\n\r\n  }\r\n\r\n  function isCollapsed(id) {\r\n    return (collapsedItems.hasOwnProperty(id) ? collapsedItems[id] : false);\r\n  }\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container lg:max-w-screen-md xl:max-w-screen-xl mx-auto\">\r\n    <Header />\r\n      <div class=\"container\">\r\n        <span class=\"w-100 text-center text-3xl font-bold custom-black d-block section-title\">{{translate('accessibility')}}</span>\r\n        \r\n        <div class=\"flex flex-wrap accessibility-container mb-10\">\r\n          <div class=\"w-full\">\r\n            <div class=\"accessibility-info w-100\">\r\n              <p class=\"custom-black text-xl font-light pb-3\">\r\n                {{translate('insurance_info')}}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        \r\n        <div class=\"donations-border-blue-container\">\r\n          <div class=\"donations-border-blue-container-title custom-blue font-bold text-2xl text-center mb-2.5\"><i>{{translate('price_list')}}</i></div>\r\n          <div class=\"donations-border-blue-container-item-price-mobile donations-border-blue-container-item-price-aux custom-bg-orange\">{{translate('price_list_1')}}</div>\r\n          <div class=\"donations-border-blue-container-item\">\r\n            <div class=\"donations-border-blue-container-item-price donations-border-blue-container-item-price-aux custom-bg-orange\">{{translate('price_list_1')}}</div>\r\n            <div class=\"donations-border-blue-container-item-description donations-border-blue-container-item-description-aux\">{{translate('price_list_1_desc')}}</div>\r\n          </div>\r\n          <div class=\"donations-border-blue-container-item-price-mobile donations-border-blue-container-item-price-aux custom-bg-orange\">{{translate('price_list_3')}}</div>\r\n          <div class=\"donations-border-blue-container-item\">\r\n            <div class=\"donations-border-blue-container-item-price donations-border-blue-container-item-price-aux custom-bg-orange\">{{translate('price_list_3')}}</div>\r\n            <div class=\"donations-border-blue-container-item-description donations-border-blue-container-item-description-aux\">{{translate('price_list_3_desc')}}</div>\r\n          </div>\r\n          <div class=\"donations-border-blue-container-item-price-mobile donations-border-blue-container-item-price-aux custom-bg-orange\">{{translate('price_list_4')}}</div>\r\n          <div class=\"donations-border-blue-container-item\">\r\n            <div class=\"donations-border-blue-container-item-price donations-border-blue-container-item-price-aux custom-bg-orange\">{{translate('price_list_4')}}</div>\r\n            <div class=\"donations-border-blue-container-item-description donations-border-blue-container-item-description-aux\">{{translate('price_list_4_desc')}}</div>\r\n          </div>\r\n            \r\n        </div>\r\n       \r\n        <!-- <div class=\"donations-border-blue-container w-100 border-0 mt-10\">\r\n          <ul class=\"custom-list-disc ml-3\">\r\n            <li class=\"text-lg text-justify mb-0\">{{translate('accessibility_faq_question_1')}}</li>\r\n            <div class=\"mb-4\">{{translate('accessibility_faq_answer_1')}}</div>\r\n            <li class=\"text-lg text-justify mb-0\">{{translate('accessibility_faq_question_2')}}</li>\r\n            <div class=\"mb-4\">{{translate('accessibility_faq_answer_2')}}</div>\r\n            <li class=\"text-lg text-justify mb-0\">{{translate('accessibility_faq_question_3')}}</li>\r\n            <div class=\"mb-4\">{{translate('accessibility_faq_answer_3')}}</div>\r\n          </ul>    \r\n        </div> -->\r\n\r\n\r\n\r\n      </div>\r\n    <Footer />\r\n  </div>\r\n</template>\r\n","import script from \"./Accessibility.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Accessibility.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n  import { ref } from 'vue';\r\n  import Header from \"@/components/Header.vue\";\r\n  import Footer from \"@/components/Footer.vue\";\r\n  import { translate } from '@/components/translations.js';\r\n\r\n  const collapsedItems = ref({});\r\n\r\n  function toggleCollapse(id) {\r\n    var content = document.getElementById(id);\r\n    if (content.classList.contains(\"hidden\")) {\r\n      content.classList.remove(\"hidden\");\r\n      collapsedItems[id] = false;\r\n\r\n    } else {\r\n      content.classList.add(\"hidden\");\r\n      collapsedItems[id] = true;\r\n    }\r\n\r\n  }\r\n\r\n  function isCollapsed(id) {\r\n    return (collapsedItems.hasOwnProperty(id) ? collapsedItems[id] : false);\r\n  }\r\n\r\n  \r\n</script>\r\n\r\n<template>\r\n  <div class=\"container lg:max-w-screen-md xl:max-w-screen-xl mx-auto\">\r\n    <Header />\r\n    <span class=\"w-100 text-center text-3xl font-bold custom-black d-block section-title\">{{translate('faqs_extended')}}</span>\r\n\r\n    <div class=\"donations-border-blue-container donations-border-blue-container-mobile w-100\">\r\n\r\n      <div class=\"flex flex-col pb-10\">\r\n        <div @click=\"toggleCollapse('collapseContent0')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq1_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent0'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent0') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent0\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq1_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent1')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq2_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent1'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent1') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent1\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq2_answer')}}\r\n          </div>\r\n        </div>\r\n        <!--\r\n        <div @click=\"toggleCollapse('collapseContent2')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq3_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent2'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent2') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent2\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq1_answer')}}\r\n          </div>\r\n        </div>-->\r\n        <div @click=\"toggleCollapse('collapseContent3')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq4_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent3'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent3') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent3\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq4_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent4')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq5_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent4'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent4') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent4\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq5_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent5')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg \">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq6_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent5'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent5') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent5\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq6_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent6')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq7_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent6'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent6') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent6\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq7_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent7')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq8_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent7'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent7') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent7\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq8_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent8')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq9_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent8'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent8') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent8\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq9_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent9')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq10_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent9'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent9') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent9\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq10_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent10')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq11_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent10'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent10') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent10\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq11_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent11')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq12_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent11'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent11') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent11\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq12_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent12')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq13_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent12'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent12') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent12\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq13_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent13')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq14_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent13'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent13') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent13\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq14_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent14')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq15_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent14'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent14') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent14\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq15_answer')}}\r\n          </div>\r\n        </div>\r\n        <div @click=\"toggleCollapse('collapseContent15')\" class=\"border-b-1 border-black  px-5 md:px-0 pt-5\">\r\n          <div class=\"flex flex-row justify-between items-center\">\r\n            <button class=\"py-2  flex justify-start text-left pl-0 custom-black focus:outline-none font-medium text-lg\">\r\n              <div class=\"custom-list-disc pl-0\"><li>{{translate('faq16_question')}}</li></div>\r\n            </button>\r\n            <i :class=\"{'pi pi-angle-right custom-black': !isCollapsed('collapseContent15'), 'pi pi-angle-down custom-black': isCollapsed('collapseContent15') }\"></i>\r\n          </div>\r\n          <div id=\"collapseContent15\" class=\"mt-3 hidden custom-black pl-0 pb-2 font-light text-lg text-justify\">\r\n            {{translate('faq16_answer')}}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <Footer />\r\n  </div>\r\n</template>\r\n","import script from \"./FAQs.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./FAQs.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\r\nimport { register } from 'swiper/element/bundle';\r\nimport \"swiper/swiper-bundle.css\";\r\nimport Header from \"@/components/Header.vue\";\r\nimport Footer from \"@/components/Footer.vue\";\r\nimport { translate } from '@/components/translations.js';\r\nimport logoOther from \"../assets/otherLogo.png\";\r\n\r\nfunction contentCollapse(id) {\r\n  var allContentPanels = document.querySelectorAll(\".collapsible\");\r\n  var allContentVerticalLines = document.querySelectorAll(\".well-visit-vertical-line\");\r\n  var allCircles = document.querySelectorAll(\".well-visit-circle\");\r\n  \r\n  allContentPanels.forEach((panel) => {\r\n    if (panel.id !== `content${id}`) {\r\n      panel.classList.add(\"hidden\");\r\n    }\r\n  });\r\n\r\n  allContentVerticalLines.forEach((line) => {\r\n    if (line.id !== `vertical_line_${id}`) {\r\n      line.classList.add(\"hidden\");\r\n    }\r\n  });\r\n\r\n  allCircles.forEach((circle) => {\r\n    circle.classList.remove(\"active\");\r\n  });\r\n                                                                        \r\n  var contentToToggle = document.getElementById(`content${id}`);\r\n  var verticalLineToggle = document.getElementById('vertical_line_'+id);\r\n  var circleToToggle = document.getElementById(`circle${id}`);\r\n\r\n  contentToToggle.classList.remove(\"hidden\");\r\n  verticalLineToggle.classList.remove(\"hidden\");\r\n  circleToToggle.classList.add(\"active\");\r\n\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container lg:max-w-screen-md xl:max-w-screen-xl mx-auto\">\r\n    <Header />\r\n    <div class=\"flex flex-row\">\r\n      <div class=\"pb-10 pl-10 flex flex-row w-[100%]\">\r\n        <span class=\"w-100 text-center text-3xl font-bold custom-black d-block section-title\">{{translate('well_visit_info')}}</span>\r\n      </div>\r\n    </div>\r\n    <swiper :slidesPerView=\"3\" :spaceBetween=\"0\" :breakpoints=\"{768: {slidesPerView: 5,},}\"  :centered-slides=\"false\" :navigation=\"true\" :observer=\"true\" :observeParents=\"true\" :parallax=\"true\" slidesPerView=\"4\">\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col active\" id=\"circle1\" @click=\"contentCollapse('1')\">\r\n            <button class=\"text-sm font-bold uppercase\">{{translate('newborn')}}</button>\r\n            <button class=\"text-sm font-bold uppercase\">{{translate('visit')}}</button>\r\n          </div>\r\n          <div class=\"w-0.5 bg-customobscurePurple well-visit-vertical-line mx-auto\" id=\"vertical_line_1\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle2\" @click=\"contentCollapse('2')\">\r\n            <button class=\"text-4xl font-extrabold\">1</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('month')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_2\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle3\" @click=\"contentCollapse('3')\">\r\n            <button class=\"text-4xl font-extrabold\">2</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_3\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle4\" @click=\"contentCollapse('4')\">\r\n            <button class=\"text-4xl font-extrabold\">3</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_4\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle5\" @click=\"contentCollapse('5')\">\r\n            <button class=\"text-4xl font-extrabold\">4</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_5\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle6\" @click=\"contentCollapse('6')\">\r\n            <button class=\"text-4xl font-extrabold\">6</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_6\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle7\" @click=\"contentCollapse('7')\">\r\n            <button class=\"text-4xl font-extrabold\">9</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_7\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle8\" @click=\"contentCollapse('8')\">\r\n            <button class=\"text-4xl font-extrabold\">12</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_8\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle9\" @click=\"contentCollapse('9')\">\r\n            <button class=\"text-4xl font-extrabold\">15</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_9\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle10\" @click=\"contentCollapse('10')\">\r\n            <button class=\"text-4xl font-extrabold\">18</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('months')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_10\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle11\" @click=\"contentCollapse('11')\">\r\n            <button class=\"text-4xl font-extrabold\">2</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_11\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle12\" @click=\"contentCollapse('12')\">\r\n            <button class=\"text-4xl font-extrabold\">2 1/2</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_12\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle13\" @click=\"contentCollapse('13')\">\r\n            <button class=\"text-4xl font-extrabold\">3</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_13\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle14\" @click=\"contentCollapse('14')\">\r\n            <button class=\"text-4xl font-extrabold\">4</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_14\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle15\" @click=\"contentCollapse('15')\">\r\n            <button class=\"text-4xl font-extrabold\">5</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_15\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle16\" @click=\"contentCollapse('16')\">\r\n            <button class=\"text-4xl font-extrabold\">6</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_16\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle17\" @click=\"contentCollapse('17')\">\r\n            <button class=\"text-4xl font-extrabold\">7</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_17\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle18\" @click=\"contentCollapse('18')\">\r\n            <button class=\"text-4xl font-extrabold\">8</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_18\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle19\" @click=\"contentCollapse('19')\">\r\n            <button class=\"text-4xl font-extrabold\">9</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_19\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle20\" @click=\"contentCollapse('20')\">\r\n            <button class=\"text-4xl font-extrabold\">10</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_20\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle21\" @click=\"contentCollapse('21')\">\r\n            <button class=\"text-4xl font-extrabold\">11</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_21\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n      <swiper-slide>\r\n        <div class=\"relative w-100\">\r\n          <div class=\"rounded-full mx-auto well-visit-circle w-24 h-24 flex justify-center items-center flex-col\" id=\"circle22\" @click=\"contentCollapse('22')\">\r\n            <button class=\"text-4xl font-extrabold\">12+</button>\r\n            <button class=\"text-lg font-light leading-5 lowercase\">{{translate('years')}}</button>\r\n          </div>\r\n          <div class=\"well-visit-vertical-line w-0.5 bg-customobscurePurple mx-auto hidden\" id=\"vertical_line_22\"></div>\r\n        </div>\r\n      </swiper-slide>\r\n    </swiper>\r\n    \r\n    <div id=\"content1\" class=\"collapsible p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <p class=\"my-5\">{{translate('congratulations_on_the_birth_of_your_baby')}}</p>\r\n      <p class=\"mb-5\"> \r\n        {{translate('at_your_baby_newborn_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n        <li>{{translate('newborn_meassures')}}</li>\r\n        <li>{{translate('newborn_hearing_test')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p>{{translate('newborn_feeding')}}</p>\r\n      <p>{{translate('newborn_sleep')}}</p>\r\n      <p class=\"mt-5\">{{translate('swaddling_the_baby')}}</p>\r\n      <p>{{translate('newborn_burping')}}</p>\r\n      <p class=\"mt-5\">{{translate('newborn_hiccups')}}</p>\r\n      <p>{{translate('newborn_leaving_the_nest')}}</p>\r\n      <p class=\"mt-5\">{{translate('newborn_helpful_msg')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content2\" class=\"p-5 collapsible hidden  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"mb-5 font-bold uppercase\">{{translate('one_month_visit')}}</h1>\r\n      <p class=\"mb-5\">\r\n        {{translate('at_your_one_month_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n        <li>{{translate('we_will_take_your_meassurements')}}</li>\r\n    </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('your_baby_will_start_looking_at_your_face')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('feeding')}}:</span> {{translate('at_this_point_you_can_breast_feed_while_talking')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_dream')}}:</span> {{translate('the_dream_newborn_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content3\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-2 uppercase\">{{translate('the_two_months_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('at_your_two_months_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n        <li>{{translate('newborn_two_months_meassurements')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-2\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('two_months_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('feeding')}}:</span> {{translate('two_months_feeding_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_dream')}}:</span> {{translate('two_months_dream_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content4\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-2 uppercase\">{{translate('the_three_months_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('at_the_three_months_visit_we_will')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n        <li>{{translate('we_will_confirm_meassurements')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('three_months_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_dream')}}:</span> {{translate('three_months_dream_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('dentition')}}:</span> {{translate('dentition_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content5\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('the_four_months_visit')}}</h1>\r\n      <p class=\"font-bold\">{{translate('we_will_do_this')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n        <li>{{translate('we_will_take_meassurements')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('three_months_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_feeding')}}:</span> {{translate('three_month_feeding_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('solid_food')}}:</span> {{translate('three_month_solid_food_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content6\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('the_six_months_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('at_your_six_months_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('we_will_verify_meassurements')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('six_months_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('intro_to_solid_food')}}:</span> {{translate('six_months_intro_to_solid_food_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('separation_anxiety')}}:</span> {{translate('six_months_separation_anxiety_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('sleep_advices')}}:</span> {{translate('six_months_sleep_advices_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content7\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('the_nine_months_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('at_your_nine_months_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('nine_months_we_will_verify_meassurements')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('nine_months_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('solid_food')}}:</span> {{translate('nine_months_solid_food_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('nine_months_separation_anxiety')}}:</span> {{translate('nine_months_separation_anxiety_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content8\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('one_year_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('happy_birthday_baby')}}</p>\r\n      <p class=\"mb-4\">{{translate('one_year_visit_is_a_great_moment')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('one_year_meassurements')}}</li>\r\n          <li>{{translate('one_year_lead_detection')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('one_year_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_feeding')}}:</span> {{translate('one_year_feeding_info_1')}}</p>\r\n      <p>{{translate('one_year_feeding_info_2')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('frustration_management')}}:</span> {{translate('one_year_frustration_management_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content9\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('fifteen_months_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('fifteen_months_visit_meassurements')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('fifteen_months_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('eat')}}:</span> {{translate('fifteen_months_eating_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('setting_limits')}}:</span> {{translate('fifteen_months_setting_limits')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content10\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('eighteen_months_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit_baby_stops_being_a_baby')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('eighteen_months_visit_meassurements')}}</li>\r\n          <li>{{translate('we_will_carry_standard_autism')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('eighteen_months_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('feeding')}}:</span> {{translate('eighteen_months_feeding_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('setting_limits')}}:</span> {{translate('eighteen_months_setting_limits')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content11\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('two_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('eighteen_months_visit_meassurements')}}</li>\r\n          <li>{{translate('we_will_carry_standard_autism')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('two_years_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('whining')}}:</span> {{translate('two_years_whining_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('sphincter_control')}}:</span> {{translate('two_years_sphincter_control_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_child_bed')}}:</span> {{translate('two_years_child_bed_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content12\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('two_and_a_half_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}: \r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('two_and_a_half_years_visit_meassurements')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p>{{translate('two_and_a_half_years_guide_intro')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('two_and_a_half_years_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('motor_skills')}}:</span> {{translate('two_and_a_half_years_motor_skills_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('social_life')}}:</span> {{translate('two_and_a_half_years_social_life_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('two_and_a_half_years_security_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content13\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('three_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_the_three_years_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('three_years_visit_meassurements')}}</li>\r\n          <li>{{translate('three_years_visit_tests')}}</li>\r\n          <li>{{translate('three_years_visit_blood_pressure')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p>{{translate('three_years_guide_intro')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('three_years_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('physical_activity')}}:</span> {{translate('three_years_physical_activity_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('three_years_security_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content14\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('four_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('four_years_visit_meassurements')}}</li>\r\n          <li>{{translate('four_years_visit_tests')}}</li>\r\n          <li>{{translate('four_years_visit_blood_pressure')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p>{{translate('four_years_visit_guide_intro')}}:</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('four_years_development_info')}}</p>\r\n      <p>{{translate('four_years_development_info_2')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('emotional_intelligence')}}:</span> {{translate('four_years_emotional_intelligence_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('four_years_security_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content15\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('five_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('at_the_five_years_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('five_years_visit_meassurements')}}</li>\r\n          <li>{{translate('five_years_visit_blood_pressure')}}</li>\r\n          <li>{{translate('five_years_visit_tests')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p>{{translate('five_years_visit_guide_intro')}}:</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('five_years_development_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('health_and_security')}}:</span> {{translate('five_years_health_and_security_info')}}</p>\r\n      <p>{{translate('five_years_health_and_security_info_2')}}</p>\r\n      <p>{{translate('five_years_health_and_security_info_3')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content16\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('six_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('at_the_six_years_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('six_years_visit_meassurements')}}</li>\r\n          <li>{{translate('six_years_visit_blood_pressure')}}</li>\r\n          <li>{{translate('six_years_visit_tests')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_development')}}:</span> {{translate('six_years_development_info')}}</p>\r\n      <p>{{translate('six_years_development_info_2')}}</p>\r\n      <p>{{translate('six_years_development_info_3')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('health_and_security')}}:</span> {{translate('six_years_health_and_security_info')}}</p>\r\n      <p>{{translate('six_years_health_and_security_info_2')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content17\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('seven_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('seven_years_visit_meassurements')}}</li>\r\n          <li>{{translate('seven_years_visit_blood_pressure')}}</li>\r\n          <li>{{translate('seven_years_visit_tests')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_school')}}:</span> {{translate('seven_years_school_info')}}</p>\r\n      <p>{{translate('seven_years_school_info_2')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('health')}}:</span> {{translate('seven_years_health_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('seven_years_security_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('outdoor')}}:</span> {{translate('seven_years_outdoor_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content18\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('eight_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('seven_years_visit_meassurements')}}</li>\r\n          <li>{{translate('seven_years_visit_blood_pressure')}}</li>\r\n          <li>{{translate('seven_years_visit_tests')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_school')}}:</span> {{translate('eight_years_school_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('health')}}:</span> {{translate('eight_years_health_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('eight_years_security_info')}}</p>\r\n      <p>{{translate('eight_years_security_info_2')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content19\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('nine_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('nine_years_visit_meassurements')}}</li>\r\n          <li>{{translate('nine_years_visit_tests')}}</li>\r\n          <li>{{translate('nine_years_visit_blood_pressure')}}</li>\r\n          <li>{{translate('nine_years_cholesterol_test')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_school')}}:</span> {{translate('nine_years_school_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('health')}}:</span> {{translate('nine_years_health_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('nine_years_security_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content20\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('ten_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('nine_years_visit_meassurements')}}</li>\r\n          <li>{{translate('nine_years_visit_tests')}}</li>\r\n          <li>{{translate('nine_years_visit_blood_pressure')}}</li>\r\n          <li>{{translate('ten_years_cholesterol_test')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_school')}}:</span> {{translate('ten_years_school_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('nutrition')}}:</span> {{translate('ten_years_nutrition_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('ten_years_security_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content21\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('eleven_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visit')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('eleven_years_visit_meassurements')}}</li>\r\n          <li>{{translate('nine_years_visit_tests')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('the_talk')}}:</span> {{translate('eleven_years_talk_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('behavior_and_well_being')}}:</span> {{translate('eleven_years_behavior_info')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('security')}}:</span> {{translate('eleven_years_security_info')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <div id=\"content22\" class=\"collapsible hidden p-5  mb-10 xl:w-100 well-visit-content border-2 border-customobscurePurple rounded-xl font-light\">\r\n      <h1 class=\"font-bold mb-4 uppercase\">{{translate('twelve_years_visit')}}</h1>\r\n      <p class=\"mb-4\">{{translate('in_this_visits')}}:\r\n      </p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('twelve_years_visit_meassurements')}}</li>\r\n          <li>{{translate('twelve_years_visit_tests')}}</li>\r\n          <li>{{translate('twelve_years_visit_evaluations')}}</li>\r\n          <li>{{translate('twelve_years_visit_cholesterol_test')}}</li>\r\n      </ul>\r\n      <p class=\"font-bold mb-1\">{{translate('guide')}}</p>\r\n      <p>{{translate('twelve_years_guide_intro')}}</p>\r\n      <p>{{translate('twelve_years_guide_intro_2')}}</p>\r\n      <p>{{translate('twelve_years_guide_intro_3')}}</p>\r\n      <p class=\"\"><span class=\"font-bold\">{{translate('resources')}}:</span> {{translate('twelve_years_resources_info')}}</p>\r\n      <ul class=\"list-disc ml-3 mb-3\">\r\n          <li>{{translate('twelve_years_resources_info_list_1')}}</li>\r\n          <li>{{translate('twelve_years_resources_info_list_2')}}</li>\r\n          <li>{{translate('twelve_years_resources_info_list_3')}}</li>\r\n          <li>{{translate('twelve_years_resources_info_list_4')}}</li>\r\n      </ul>\r\n      <p class=\"\">{{translate('visit_our_resources_page')}}</p>\r\n      <div>\r\n        <img :src=\"logoOther\" class=\"mx-auto\" />\r\n      </div>\r\n    </div>\r\n    <Footer />\r\n  </div>\r\n</template>\r\n","import script from \"./WellVisitInfo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./WellVisitInfo.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Donations.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Donations.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { ref, onMounted} from 'vue';\r\nimport Header from \"@/components/Header.vue\";\r\nimport Footer from \"@/components/Footer.vue\"\r\n\r\nfunction getTribecaMedicationDosage() {\r\n\r\n  const headers = {\r\n  };\r\n\r\n  fetch('https://www.amis-bi.com/dev/tribeca.cfm', {\r\n    method: 'GET',\r\n    headers: headers,\r\n  })\r\n  .then(response => {\r\n    if (!response.ok) {\r\n      throw new Error('Network response was not ok');\r\n    }\r\n    return response.text();\r\n  })\r\n  .then(html => {\r\n    const container = document.getElementById('medication_dosage_container');\r\n    if (container) {\r\n      container.innerHTML = html;\r\n      const tpHeader = document.getElementById('tp-header');\r\n      const tpFooter = document.getElementById('tp-footer');\r\n      const newBasicsBook = document.querySelector('.the-new-basics-book');\r\n\r\n      if (tpHeader) tpHeader.style.display = \"none\";\r\n      if (tpFooter) tpFooter.style.display = \"none\";\r\n      if (newBasicsBook) newBasicsBook.style.display = \"none\";\r\n    } else {\r\n      console.error('Container element not found');\r\n    }\r\n  })\r\n  .catch(error => console.error('Error fetching data:', error));\r\n}\r\n\r\n\r\nonMounted(() => {\r\n  getTribecaMedicationDosage();\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container lg:max-w-screen-md xl:max-w-screen-xl mx-auto\">\r\n    <Header />\r\n      <div class=\"container\" id=\"medication_dosage_container\"></div>\r\n    <Footer />\r\n  </div>\r\n</template>\r\n","import script from \"./MedicationDosage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./MedicationDosage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\n  import { ref, onMounted, computed, watchEffect} from 'vue';\r\n  import Header from \"@/components/Header.vue\";\r\n  import Footer from \"@/components/Footer.vue\";\r\n  import NewBasicsTitle from \"../assets/the new basics title.png\";\r\n  import healthDefinitionsEnglish from '../assets/HealthDefinitionsEng.json';\r\n  import healthDefinitionsSpanish from '../assets/HealthDefinitionsEsp.json';\r\n  import NewBasicsImage from '../assets/the new basics.png';\r\n  import ProvidedByImage from '../assets/otherLogo.png';\r\n  import ArrowLeft from '../assets/arrow-left.svg';\r\n  import ArrowRight from '../assets/arrow-right.svg';\r\n  import { translate } from '@/components/translations.js';\r\n\r\n  const healthDefinitionsEng = ref(null);\r\n  const healthDefinitionsSpa = ref(null);\r\n  var currentLanguage = ref('');\r\n  var currentDefinitions = ref([]);\r\n  var filteredDefinitions = ref([]);\r\n  var isModalOpen = ref(false);\r\n  var isMobileView = ref(false); \r\n  var searchedDefinitions = ref([]); \r\n  var selectedDefinition = ref({}); \r\n  var search = ref(false);\r\n  var searchString = ref('');\r\n\r\n  watchEffect(() => {\r\n    isMobileView.value = window.innerWidth < 640;\r\n  });\r\n\r\n  const getHealthDefinitions = () => {\r\n    healthDefinitionsEng.value = healthDefinitionsEnglish;\r\n    healthDefinitionsSpa.value = healthDefinitionsSpanish;\r\n  };\r\n\r\n  const organizeDefinitionsAlphabetically = (definitions) => {\r\n    const organized = {};\r\n    definitions.forEach((definition) => {\r\n      const firstLetter = definition.name.charAt(0).toUpperCase();\r\n      if (!organized[firstLetter]) {\r\n        organized[firstLetter] = [];\r\n      }\r\n      organized[firstLetter].push(definition);\r\n    });\r\n    return organized;\r\n  };\r\n\r\n  const currentHealthDefinitions = computed(() => {\r\n    return currentLanguage.value == 'en' ? healthDefinitionsEng.value : healthDefinitionsSpa.value;\r\n  });\r\n\r\n  const alphabeticallyOrganizedDefinitions = computed(() => {\r\n    return organizeDefinitionsAlphabetically(filteredDefinitions.value);\r\n  });\r\n\r\n  const changeLanguage = (lang) => {\r\n    currentLanguage.value = lang;\r\n    currentDefinitions.value = Object.values(currentHealthDefinitions.value);\r\n    filterDefinitions();\r\n  };\r\n\r\n  async function toggleContent(fDefinition) {\r\n\r\n    search.value = false;\r\n    var definitionElements = document.querySelectorAll('.health-guide-definition');\r\n    definitionElements.forEach(e => {\r\n      e.classList.remove('active');\r\n    });\r\n\r\n    if (document.getElementById(fDefinition.replace(/ /g,'').trim().toUpperCase()) != null) {\r\n      document.getElementById(fDefinition.replace(/ /g,'').trim().toUpperCase()).classList.add('active');\r\n    }\r\n    selectedDefinition.value = currentHealthDefinitions.value[fDefinition];\r\n    \r\n    if (isMobileView.value) {\r\n      await openModal();\r\n    }\r\n\r\n\r\n\r\n  }\r\n\r\n  async function openModal(){\r\n    isModalOpen.value = true;\r\n  }\r\n\r\n  function filterDefinitions(){\r\n\r\n    var currentFilterValue = searchString.value;\r\n    filteredDefinitions.value = currentDefinitions.value.filter(definition => {\r\n      return definition.name.toUpperCase().includes(currentFilterValue.toUpperCase());\r\n    });\r\n\r\n  }\r\n\r\n  function matchKeywordAppearances() {\r\n    search.value = true;\r\n    var currentFilterValue = searchString.value;\r\n    var filteredDefinitionsByKeyword = currentDefinitions.value.filter(definition => {\r\n      return definition.name.toUpperCase().includes(currentFilterValue.toUpperCase()) || definition.content.toUpperCase().includes(currentFilterValue.toUpperCase());\r\n    });\r\n\r\n    searchedDefinitions.value = extractSearchedContent(currentFilterValue, filteredDefinitionsByKeyword);\r\n  }\r\n\r\n  function extractSearchedContent(value, definitions){\r\n\r\n    const searchValue = value.toUpperCase();\r\n\r\n     return definitions.map(definition => {\r\n        const content = definition.content.toUpperCase();\r\n        const startIndex = content.indexOf(searchValue);\r\n        if (startIndex !== -1) {\r\n            const leftIndex = Math.max(0, startIndex - 150);\r\n            const rightIndex = Math.min(content.length, startIndex + searchValue.length + 150);\r\n            const extractedContent = definition.content.substring(leftIndex, rightIndex);\r\n            const highlightedContent = extractedContent.replace(new RegExp(searchValue, 'gi'), match => `<span class=\"highlight\">${match}</span>`);\r\n            return {\r\n                ...definition,\r\n                content: highlightedContent\r\n            };\r\n        } else {\r\n            return definition;\r\n        }\r\n    });\r\n\r\n  }\r\n\r\n  function closeContent(){\r\n    selectedDefinition.value = ref({});\r\n    var definitionElements = document.querySelectorAll('.health-guide-definition');\r\n    definitionElements.forEach(e => {\r\n      e.classList.remove('active');\r\n    });\r\n    search.value = true;\r\n  }\r\n\r\n\r\n  onMounted(() => {\r\n    currentLanguage.value = document.querySelector('.language-button.active').dataset.lang;\r\n    getHealthDefinitions();\r\n    currentDefinitions.value = Object.values(currentHealthDefinitions.value);\r\n    filteredDefinitions.value = currentDefinitions.value;\r\n\r\n    const languageButtons = document.querySelectorAll('.language-button');\r\n    languageButtons.forEach(button => {\r\n      button.addEventListener('click', () => {\r\n        changeLanguage(button.dataset.lang);\r\n      });\r\n    });\r\n\r\n  });\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n  <div v-if=\"isModalOpen\" class=\"modal-overlay\">\r\n    <div class=\"modal-content\">\r\n      <button class=\"modal-close-button\" @click=\"isModalOpen = false;\">X</button>\r\n      <div class=\"modal-body\">\r\n          <div id=\"modal_health_guide_content\">\r\n            <div class=\"font-bold text-base\">{{selectedDefinition.name}}</div>\r\n            <div class=\"\">{{selectedDefinition.content}}</div>\r\n          </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n                                                  \r\n  <div class=\"container lg:max-w-screen-md xl:max-w-screen-xl mx-auto\">    \r\n    <Header />\r\n      <div class=\"flex flex-wrap\">\r\n          <div class=\"w-full health-guide-title-container mb-12\">\r\n            <img :src=\"NewBasicsTitle\" class=\"w-[40%] mx-auto\">\r\n            <span class=\"block text-center font-medium text-xs sm:text-sm\">{{translate('by')}}: Michel Cohen, M.D.</span>\r\n          </div>\r\n          <div class=\"w-full sm:w-1/3\">\r\n            <div class=\"health-guide-filter-definitions-container\">\r\n              <input type=\"text\" name=\"health_guide_definition\" id=\"health_guide_definition\" class=\"health-guide-search block w-full rounded-md border-0 py-1.5 pl-3 pr-3 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400  sm:text-sm sm:leading-6 w-100\" :placeholder=\"translate('search_for_a_word')+'...'\" @keyup=\"filterDefinitions();matchKeywordAppearances()\" v-model=\"searchString\">\r\n              <div class=\"health-guide-filter-definitions-scrollable-container\">\r\n                <template v-for=\"(definitions, letter) in alphabeticallyOrganizedDefinitions\" :key=\"letter\">\r\n                  <div class=\"mb-4\">\r\n                    <div class=\"uppercase text-lg text-gray-500 bg-white inline-block w-[40px] h-[40px] flex items-center justify-center rounded-3xl font-black mb-2\">{{ letter }}</div>\r\n                    <div v-for=\"definition in definitions\" class=\"health-guide-definition\" :id=\"definition.name.replace(/ /g,'').trim().toUpperCase()\" @click=\"toggleContent(definition.name)\">\r\n                      <span class=\"uppercase text-sm\">{{ definition.name }}</span>\r\n                    </div>\r\n                  </div>\r\n                </template>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"hidden sm:block w-full sm:w-2/3\">\r\n              <div id=\"health_guide_content\" class=\"px-10 pb-10 text-justify text-sm\">\r\n                  <img v-if=\"(!search || searchString == '') && Object.keys(selectedDefinition).length == 0\" :src=\"NewBasicsImage\" class=\"w-full\">\r\n                  <div v-else-if=\"search && searchString != ''\">\r\n                    <template v-for=\"def in searchedDefinitions\">\r\n                      <div class=\"searched-definition-container mb-8\" @click=\"toggleContent(def.name)\">\r\n                        <div class=\"searched-definition-container-title custom-black font-medium text-lg\">{{def.name}} <img :src=\"ArrowRight\" class=\"w-[25px] d-inline-block align-text-bottom float-right\"></div>\r\n                        <div class=\"searched-definition-container-content custom-black\" v-html=\"def.content\"></div>\r\n                      </div>\r\n                    </template>\r\n                  </div>\r\n                  <div v-else-if=\"Object.keys(selectedDefinition).length > 0\">\r\n                      <button v-if=\"searchString != ''\" type=\"button\" class=\"d-block ml-auto\" @click=\"closeContent()\"><img :src=\"ArrowLeft\" class=\"w-[25px]\"></button>\r\n                      <div class=\"font-bold text-base\">{{selectedDefinition.name}}</div>\r\n                      <div class=\"\">{{selectedDefinition.content}}</div>\r\n                  </div>\r\n              </div>\r\n              <div class=\"content-provided-by\">\r\n                  <img :src=\"ProvidedByImage\" class=\"mx-auto\">\r\n              </div>\r\n          </div>\r\n      </div>\r\n    <Footer />\r\n  </div>\r\n</template>\r\n","import script from \"./HealthGuide.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HealthGuide.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Rights.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Rights.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Responsibilities.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Responsibilities.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { createRouter, createWebHistory } from \"vue-router\";\nimport Home from \"../components/Home.vue\";\nimport OurStory from \"../view/OurStory.vue\";\nimport Accessibility from \"../view/Accessibility.vue\";\nimport FAQs from \"../view/FAQs.vue\";\nimport WellVisitInfo from \"../view/WellVisitInfo.vue\";\nimport Donations from \"../view/Donations.vue\";\nimport MedicationDosage from \"../view/MedicationDosage.vue\";\nimport HealthGuide from \"../view/HealthGuide.vue\";\nimport Rights from \"../view/Rights.vue\";\nimport Responsibilities from \"../view/Responsibilities.vue\";\n\nconst routes = [\n  {\n    path: \"/\",\n    name: \"Home\",\n    component: Home,\n  },\n  {\n    path: \"/Our-Story\",\n    name: \"Our-Story\",\n    component: OurStory,\n  },\n  {\n    path: \"/Accessibility\",\n    name: \"accesibility\",\n    component: Accessibility,\n  },\n  {\n    path: \"/FAQs\",\n    name: \"FAQs\",\n    component: FAQs,\n  },\n  {\n    path: \"/WellVisitInfo\",\n    name: \"WellVisitInfo\",\n    component: WellVisitInfo,\n  },\n  {\n    path: \"/Donations\",\n    name: \"Donations\",\n    component: Donations,\n  },\n  {\n    path: \"/MedicationDosage\",\n    name: \"MedicationDosage\",\n    component: MedicationDosage,\n  },\n  {\n    path: \"/HealthGuide\",\n    name: \"HealthGuide\",\n    component: HealthGuide,\n  },\n  {\n    path: \"/Rights\",\n    name: \"Rights\",\n    component: Rights,\n  },\n  {\n    path: \"/Responsibilities\",\n    name: \"Responsibilities\",\n    component: Responsibilities,\n  }  \n\n  \n];\n\nconst router = createRouter({\n  history: createWebHistory(),\n  routes,\n});\n\nrouter.beforeEach((to, from, next) => {\n  window.scrollTo(0, 0);\n  next();\n});\n\nexport default router;\n","// Styles\nimport '@mdi/font/css/materialdesignicons.css'\nimport 'vuetify/styles'\n\n// Vuetify\nimport { createVuetify } from 'vuetify'\n\nexport default createVuetify(\n  // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides\n)\n","/**\n * plugins/webfontloader.js\n *\n * webfontloader documentation: https://github.com/typekit/webfontloader\n */\n\nexport async function loadFonts () {\n  const webFontLoader = await import(/* webpackChunkName: \"webfontloader\" */'webfontloader')\n\n  webFontLoader.load({\n    google: {\n      families: ['Roboto:100,300,400,500,700,900&display=swap'],\n    },\n  })\n}\n","import { ref } from 'vue';\r\n\r\nexport const currentLanguage = ref('en');\r\n\r\nexport const changeLanguage = (newLanguage) => {\r\n  currentLanguage.value = newLanguage;\r\n};","import { createApp } from \"vue\";\r\nimport App from \"./App.vue\";\r\nimport router from \"./router\";\r\nimport vuetify from \"./plugins/vuetify\";\r\nimport { loadFonts } from \"./plugins/webfontloader\";\r\nimport { currentLanguage, changeLanguage } from './language.js';\r\n\r\nloadFonts();\r\nconst app = createApp(App);\r\n\r\napp.provide('currentLanguage', currentLanguage);\r\napp.provide('changeLanguage', changeLanguage);\r\n\r\napp.use(router).use(vuetify).mount(\"#app\");\r\n\r\nwindow.addEventListener('scroll', function() {\r\n    var element = document.querySelector('.sticky-header');\r\n    var logoElement = document.querySelector('.home-logo');\r\n    var logo = document.querySelector('.home-logo > div > img');\r\n\r\n    var scrollPosition = window.scrollY;\r\n\r\n    if (scrollPosition > 100) {\r\n      element.classList.add('scrolled');\r\n      if (logoElement) {\r\n        logoElement.style.top = '0px';\r\n      }\r\n      if (logo) {\r\n        logo.style.width = '275px';\r\n      }\r\n    } else {\r\n      element.classList.remove('scrolled');\r\n      if (logoElement) {\r\n        logoElement.style.top = '70px';\r\n      }\r\n      if (logo) {\r\n        logo.style.width = '390px';\r\n      }\r\n    }\r\n  });","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","var getProto = Object.getPrototypeOf ? function(obj) { return Object.getPrototypeOf(obj); } : function(obj) { return obj.__proto__; };\nvar leafPrototypes;\n// create a fake namespace object\n// mode & 1: value is a module id, require it\n// mode & 2: merge all properties of value into the ns\n// mode & 4: return value when already ns object\n// mode & 16: return value when it's Promise-like\n// mode & 8|1: behave like require\n__webpack_require__.t = function(value, mode) {\n\tif(mode & 1) value = this(value);\n\tif(mode & 8) return value;\n\tif(typeof value === 'object' && value) {\n\t\tif((mode & 4) && value.__esModule) return value;\n\t\tif((mode & 16) && typeof value.then === 'function') return value;\n\t}\n\tvar ns = Object.create(null);\n\t__webpack_require__.r(ns);\n\tvar def = {};\n\tleafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];\n\tfor(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {\n\t\tObject.getOwnPropertyNames(current).forEach(function(key) { def[key] = function() { return value[key]; }; });\n\t}\n\tdef['default'] = function() { return value; };\n\t__webpack_require__.d(ns, def);\n\treturn ns;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = function(chunkId) {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce(function(promises, key) {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = function(chunkId) {\n\t// return url for filenames based on template\n\treturn \"js/\" + \"webfontloader\" + \".\" + \"8c62d94c\" + \".js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = function(chunkId) {\n\t// return url for filenames based on template\n\treturn undefined;\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","var inProgress = {};\nvar dataWebpackPrefix = \"design2:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = function(url, done, key, chunkId) {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = function(prev, event) {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach(function(fn) { return fn(event); });\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t826: 0\n};\n\n__webpack_require__.f.j = function(chunkId, promises) {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(true) { // all chunks have JS\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise(function(resolve, reject) { installedChunkData = installedChunks[chunkId] = [resolve, reject]; });\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = function(event) {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkdesign2\"] = self[\"webpackChunkdesign2\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(5609); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["__exports__","translate","key","currentLanguage","inject","translations","en","require","esp","value","isOpen","ref","isHome","__props","changeLanguage","img1","image1","img2","image2","img4","image3","image4","img5","image5","img6","image6","img7","image7","image8","HeaderImage","footer_logo","footerLogo","exterior","exteriorImage","collapsedItems","toggleCollapse","id","content","document","getElementById","classList","contains","remove","add","isCollapsed","hasOwnProperty","contentCollapse","allContentPanels","querySelectorAll","allContentVerticalLines","allCircles","forEach","panel","line","circle","contentToToggle","verticalLineToggle","circleToToggle","getTribecaMedicationDosage","headers","fetch","method","then","response","ok","Error","text","html","container","innerHTML","tpHeader","tpFooter","newBasicsBook","querySelector","style","display","console","error","catch","onMounted","healthDefinitionsEng","healthDefinitionsSpa","currentDefinitions","filteredDefinitions","isModalOpen","isMobileView","searchedDefinitions","selectedDefinition","search","searchString","watchEffect","window","innerWidth","getHealthDefinitions","healthDefinitionsEnglish","healthDefinitionsSpanish","organizeDefinitionsAlphabetically","definitions","organized","definition","firstLetter","name","charAt","toUpperCase","push","currentHealthDefinitions","computed","alphabeticallyOrganizedDefinitions","lang","Object","values","filterDefinitions","async","toggleContent","fDefinition","definitionElements","e","replace","trim","openModal","currentFilterValue","filter","includes","matchKeywordAppearances","filteredDefinitionsByKeyword","extractSearchedContent","searchValue","map","startIndex","indexOf","leftIndex","Math","max","rightIndex","min","length","extractedContent","substring","highlightedContent","RegExp","match","closeContent","dataset","languageButtons","button","addEventListener","routes","path","component","Home","OurStory","Accessibility","FAQs","WellVisitInfo","Donations","MedicationDosage","HealthGuide","Rights","Responsibilities","router","createRouter","history","createWebHistory","beforeEach","to","from","next","scrollTo","createVuetify","loadFonts","webFontLoader","load","google","families","newLanguage","app","createApp","App","provide","use","vuetify","mount","element","logoElement","logo","scrollPosition","scrollY","top","width","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","fulfilled","j","keys","every","splice","r","n","getter","__esModule","d","a","leafPrototypes","getProto","getPrototypeOf","obj","__proto__","t","mode","this","ns","create","def","current","getOwnPropertyNames","o","defineProperty","enumerable","get","f","chunkId","Promise","all","reduce","promises","u","miniCssF","g","globalThis","Function","prop","prototype","inProgress","dataWebpackPrefix","l","url","done","script","needAttach","scripts","getElementsByTagName","s","getAttribute","createElement","charset","timeout","nc","setAttribute","src","onScriptComplete","prev","event","onerror","onload","clearTimeout","doneFns","parentNode","removeChild","setTimeout","bind","type","target","head","appendChild","Symbol","toStringTag","p","installedChunks","installedChunkData","promise","resolve","reject","loadingEnded","errorType","realSrc","message","request","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","chunkLoadingGlobal","self","__webpack_exports__"],"sourceRoot":""}