PageSourceSearch

https://www.nasacort.com/en-us/contact

html nasacort.com collected 2026-10-06 12:38:23 UTC 170,147 bytes, 4,409 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en-US" dir="ltr">
4    <head>
5
6
7
8
9
10<!-- Current Page ID: -->
11<!-- Root Page ID: -->
12<!-- Unique Brand ID: -->
13<meta charset="utf-8">
14<meta name="viewport" content="width=device-width, initial-scale=1.0" />
15<link rel="stylesheet preload prefetch" as="style" href="/.css/theme.css?x-sny-siteoverride=nasacort-us">
16<style>
17:root {
18--theme-button-border-color: #525CA3;
19--theme-button-border-color-hover: #7079BD;
20--theme-button-secondary-border-color: #2157A1;
21--theme-button-secondary-border-color-hover: #007CB1;
22--theme-button-tertiary-border-color: transparent;
23--theme-button-tertiary-border-color-hover: transparent;
24--theme-button-quaternary-border-color: #2157A1;
25--theme-button-quaternary-border-color-hover: #007CB1;
26}
27</style>
28<link rel="stylesheet preload prefetch" href="/.resources/sanofi-lm-chc/themes/chc/dist/common~2026-09-30-08-55-30-000~cache.css" as="style" type="text/css" />
29<script class="site-data">
30var ua = navigator.userAgent;
31var device = /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua) ? "tablet" : (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua) ? "mobile" : "desktop")
32window.dataLayer = window.dataLayer || [];
33window.dataLayer.push({
34"siteType": "brand",
35"brandWebsiteType": "monobrand",
36"brandCluster": "allergy cough and cold",
37"subBrandCluster": "nasal",
38"brand": "Nasacort",
39"gbu": "GBU - Consumer healthcare",
40"gbu_related": "GBU - Consumer healthcare",
41"region": "amer",
42"country": "united states",
43"target": "consumers",
44"platform": "magnolia",
45"context": "other",
46"page_type": "contact",
47"page_subtype": "contact_page",
48"language": "en",
49"page_name": "Contact",
50"pageName": "Contact",
51"item_name": "Contact",
52"device": device
53});
54</script>
54
55<!-- OneTrust Cookies Consent Notice start -->
56<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" defer type="text/javascript" charset="UTF-8" data-domain-script="f805c430-39a0-467a-bc57-a4744364f49a" ></script>
56
57<!-- OneTrust Cookies Consent Notice end-->
58<script>
vendor: 324 bytes, lines 58-59
58
59(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
59GTM-PRF7ZQM
vendor: 4 bytes, line 59
59');
60</script>
60
61<title>Contact</title>
62<meta name="title" content="Contact us | Nasacort®" />
63<meta name="description" content="Have a question or comment about our products? We&#039;d love to hear from you." />
64<meta name="algo:roles" content="" />
65<meta name="algo:security" content="" />
66<meta name="algo:id" content="b3a077ac-6a02-4b8a-8558-eb7f53fbdb79_en-US" />
67<meta name="algo:categories" content="" />
68<meta name="algo:pageType" content="other" />
69<meta name="algo:bzvProductId" content="" />
70<meta name="algo:date" content="2022-07-21T15:20:07.045+02:00" />
71<meta property="og:type" content="website" />
72<meta property="og:title" content="Contact us | Nasacort®" />
73<meta property="og:description" content="Have a question or comment about our products? We&#039;d love to hear from you." />
74<meta property="og:url" content="https://www.nasacort.com/en-us/contact" />
75<meta property="og:site_name" content="Nasacort® US" />
76<meta property="og:locale" content="en_US" />
77<meta property="og:locale:alternate" content="" />
78<meta name="twitter:card" content="summary_large_image" />
79<meta name="twitter:title" content="Contact us | Nasacort®" />
80<meta name="twitter:description" content="Have a question or comment about our products? We&#039;d love to hear from you." />
81<meta name="twitter:url" content="https://www.nasacort.com/en-us/contact" />
82<link rel="icon" sizes="" href="/dam/jcr:be6d7539-8a31-4acc-9611-a6347d428d29/nasacort_favicon.ico" type="image/png" />
83<link rel="canonical" href="https://www.nasacort.com/en-us/contact" />
84<script>document.getElementsByTagName('html')[0].classList.add('has-js');</script>
84
85<style>
86[x-cloak]:not([x-hide]) {display: none !important;}
87[x-cloak][x-hide] { visibility: hidden !important;}
88</style>
89<script type="text/json" class="site-config">
90{
91"editMode": false,
92"context": ""
93}
94</script>
vendor: 1 bytes, line 94
94
95<script type="application/ld+json">
96{
97"@context": "http://schema.org",
98"@type": "BreadcrumbList",
99"itemListElement": [
100{
101"@type": "ListItem",
102"position": "1",
103"item": {
104"@id": "https://www.nasacort.com/en-us",
105"name": "24-hour nasal allergy congestion relief | Nasacort®"
106}
107},
108{
109"@type": "ListItem",
110"position": "2",
111"item": {
112"@id": "https://www.nasacort.com/en-us/contact",
113"name": "Contact"
114}
115}
116]
117}
118</script>
118 
118<script src="https://bc26.nasacort.com/script.js"></script>
vendor: 1 bytes, line 118
118
119<script type="application/ld+json">
120{
121"@context": "https://schema.org",
122"@type": "Organization",
123"@id": "https://www.nasacort.com/en-us#organization",
124"name": "Nasacort",
125"alternateName": "Nasacort®",
126"url": "https://www.nasacort.com/en-us",
127"logo": {
128"@type": "ImageObject",
129"url": "https://www.nasacort.com/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp"
130},
131"description": "Nasacort® Allergy 24HR is an OTC nasal corticosteroid spray containing triamcinolone acetonide that provides 24-hour, non-drowsy relief from nasal allergy congestion, sneezing, runny nose, and itchy nose by working at the source of nasal allergy inflammation.",
132"parentOrganization": {
133"@type": "Organization",
134"name": "Opella Healthcare Group SAS",
135"url": "https://www.opella.com/en"
136},
137"sameAs": [
138"https://www.facebook.com/NasacortOTC/",
139"https://www.instagram.com/nasacortus/",
140"https://www.youtube.com/user/chattemnasacort"
141],
142"brand": {
143"@type": "Brand",
144"name": "Nasacort®"
145},
146"makesOffer": [
147{
148"@type": "Offer",
149"itemOffered": {
150"@type": "Product",
151"name": "Nasacort Allergy 24HR",
152"url": "https://www.nasacort.com/en-us/allergy-nasal-spray"
153}
154}
155]
156}
157</script>
157
158<style>
159.rich-text ul {
160margin-bottom: 10px !important;
161}
162.rich-text ul li {
163margin-bottom: 0px !important;
164}
165.object-cover {
166border-radius: 15px;
167}
168/*
169.bg-black {
170background-color:#DCF3FF;
171}
172.text-center {
173text-align: left;
174} */
175#pollenForecastSearch {
176flex-direction: column !important;
177}
178.announcementBar .text-center {
179text-align: center;
180}
181@media (min-width:1440px) {
182.footer__bottom{
183padding-bottom: 7% !important;
184background-color: #031652;
185}
186}
187@media (max-width:480px) {
188.footer__bottom{
189/* padding-bottom: 89% !important; */
190background-color: #031652;
191}
192}
193#pollenForecastSearch + .frame-wrapper > iframe {
194display: none;
195}
196#pollenForecastSearch #formSearch input[type="submit"] {
197cursor: pointer;
198}
199</style>
200<style>
201/*
202#modal- { padding: 0; }
203#modal- .close-modal-btn {
204z-index: 99;
205right: 1.75rem;
206top: 1.5rem;
207}
208div#modal- {
209margin: auto;
210}
211*/
212/* 461 */
213html,body {
214overflow-x: hidden!important;
215}
216[x-data="buttonSticky"] {
217display: none;
218}
219.buttonSticky {
220background: #211747;
221}
222.buttonSticky__text {
223margin-left:0;
224}
225.modal-chc #modal- .close-modal-btn {
226background: #f7f0e7;
227}
228@media screen and (max-width: 768px) {
229.modal-chc #modal- .close-modal-btn {
230background: #f7f0e7;
231right: 0;
232top: 0.5rem;
233}
234}
235/* 599 */
236header nav .nav__desktop .nav__left > div:last-child > .nav__item {
237align-items: center;
238height: 60px;
239}
240header nav .nav__desktop .nav__left > div:last-child > .nav__item > a,
241header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a {
242/*
243background-color: #211747;
244border-radius: var(--theme-button-border-radius);
245color: #fff;
246padding: var(--theme-button-padding);
247height: auto;
248*/
249}
250header nav .nav__desktop .nav__left > div:last-child > .nav__item > a > .nav__itemLinkBorderHover {
251display:none;
252}
253header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a {
254background-color: #211747;
255color: #fff;
256}
257header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item {
258border:none;
259}
260header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList .nav__mobile__menu__main > div:last-child > .nav__item > a {
261width:100%;
262justify-content: center;
263}
264header nav .nav__mobile .nav__mobile__menu .nav__mobile__navList {
265height:0;
266}
267/* 620 */
268@media screen and (max-width:768px) {
269.sticky__adjusted [x-data="buttonSticky"] {
270bottom:11rem;
271}
272}
273/* pdp UX */
274.hero-wrap.m60 {
275margin-top:60px;
276}
277.hero-wrap.m60 {
278margin-top:60px;
279}
280@media screen and (min-width:1440px) {
281.product-detail #Nasacort {
282width: 420px;
283margin: 0 auto;
284}
285}
286@media screen and (min-width:1600px) {
287.product-detail #Nasacort {
288width: unset;
289margin: unset;
290}
291}
292.nav__desktop .nav__left > div:nth-child(n+5) {
293display: none;
294}
295.nav__mobile .nav__mobile__menu__main > div:nth-child(n+5),
296.nav__mobile .nav__mobile--uLinks{
297display: none;
298}
299@media screen and (max-width:768px) {
300.utility-links {
301display: block;
302}
303.utility-links .justify-end,
304.utility-links .flex-end {
305justify-content: center;
306}
307.utility-links li {
308margin:0.75rem 0;
309}
310}
311/* font-migration */
312h1.font-title > p, h2.font-title > p {
313font-family: 'PlusJakartaSans-ExtraBold'!important;
314}
315header > nav .nav__desktop .nav__left > div > .nav__item > a > span > strong {
316font-weight: normal;
317}
318</style>
319<meta name="ps-language" content="en" />
320<meta name="ps-country" content="US" />
321<meta name="ps-key" content="3185-6091d619da679b011f64d499" />                    <style>
322                header[role='banner'] {
323                }
324
325                .hero-wrap {
326                }
327
328                main[role='main'] {
329                }
330
331                footer[role='contentinfo'] {
332                }
333
334            </style>
335
336    </head>
337
338
339    <body class="     relative right-0 transition-all duration-300 ease-in-out flex flex-col !min-h-screen overrideFonts">
vendor: 73 bytes, lines 339-341
339
340
341    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
341GTM-PRF7ZQM
vendor: 91 bytes, lines 341-342
341" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
342        
342<div class="overrideFonts">
343                <style>
344crazyegg-survey{ 
345	display: none!important;
346}
347
348
349header nav .mx-auto {
350  max-width: 1280px;
351  padding-left: 0;
352  padding-right: 0;
353}
354
355header nav .mx-auto .nav__logo {
356  max-width: 270px;
357}
358
359header nav .mx-auto .nav__left {
360  margin-left: 0;
361  margin-right: 0;
362}
363
364header #quicklinksV2--navigation {
365  background-color: #0032a0;
366}
367
368header #quicklinksV2--navigation > .relative {
369  max-width: 1280px;
370  margin: 0 auto;
371  padding-left: 1rem;
372  padding-right: 1rem;
373}
374
375header #quicklinksV2--navigation .quicklinksv2__list ul li:last-child {
376  padding-right: 0;
377}
378
379@media screen and (min-width:1280px) {
380    header #quicklinksV2--navigation > .relative {
381      padding-left: 0;
382      padding-right: 0;
383    }
384}
385
386</style>
387<style>
388.announcementBar {
389  height:30px;
390  background:#fff;
391}
392.announcementBar .announcementBar__item {
393  padding: 0;
394}
395
396.announcementBar .announcementBar__item p {
397  font-size: 12px;
398  text-decoration: underline;
399  color:#211747;
400  position: relative;
401}
402
403.announcementBar .announcementBar__item p sup {
404  position: absolute;
405  top:0.75rem;
406  font-size: 1rem;
407}
408
409header.top-11 {
410  top:30px;
411}
412
413body {
414    overflow: unset!important;
415}
416
417@media screen and (min-width:1024px) {
418   .announcementBar {
419    height:35px;
420  }
421  
422  .announcementBar .announcementBar__item p {
423    font-size: 16px;
424  }
425  
426  .announcementBar .announcementBar__item p sup {
427        top:0.5rem;
428    }
429  
430  .announcementBar .announcementBar__item {
431    padding:4px 0;
432  }
433  
434  header.top-11 {
435    top:35px;
436  }
437}
438
439#hsa h2,
440#hsa .rich-text p {
441  color: #211747;
442}
443
444/**** sticky side button *****/
445.buttonSticky {
446  width: 120px!important;
447  transition: unset;
448  opacity: 1 !important;
449  background: #0032A0;
450  display: block;
451  padding: 10px;
452  height: auto;
453  text-align: center;
454  border-radius: 10px 10px 0 10px!important;
455  box-shadow: 2.7px 4px 7px #11083563;
456}
457.buttonSticky.w-20 {
458  width:120px !important;
459}
460.buttonSticky__text {
461  display: block;
462  opacity: 1 !important;
463  font-family: 'PlusJakartaSans-Bold', sans-serif !important;
464  font-size: 20px;
465  text-wrap: auto;
466  line-height: 24px;
467  margin-left: 0;
468  width:100px;
469  margin: 0 auto;
470  color: #ffffff;
471}
472.buttonSticky--hovered {
473  width: 100px!important;
474  transition: unset;
475}
476[x-data="buttonSticky"] {
477  width: auto !important;
478  bottom: 7rem;
479  transition: unset;
480  opacity: 1 !important;
481  display: block !important;
482  right: 0;
483}
484
485@media screen and (min-width:1440px) {
486  .buttonSticky {
487    width: 160px!important;
488    padding: 15px 0;
489  }
490  .buttonSticky__text {
491    font-size: 28px;
492    line-height: 28px;
493    width: 180px;
494    margin: 0 auto;
495  }
496  .buttonSticky.w-20 {
497    width:160px!important;
498  }
499  .buttonSticky--hovered {
500   width: 160px!important;
501  }
502  
503  [x-data="buttonSticky"] {
504    right: 1rem;
505  }
506}
507
508.offers [x-data="buttonSticky"] {
509    display:none!important;
510}
511
512
513#main > div > div > ul.sitemap__listing--level-1 > li:nth-child(14) {
514  display: none;
515}
516
517header .utility-links,
518header .utility-links .bg-primary1,
519footer .bg-primary1,
520footer > div {
521    background-color:#211747!important;
522}
523</style>
524
525            
526        </div>
527
528
529<a href="#main" class="skipToMainContent skip font-body bg-primary2 text-white fixed top-0 left-0 z-0 opacity-0 focus:z-40 focu
529s:opacity-100 px-5 py-3">Skip to main content</a>  
530
531
532
533
534
535
536
537
538
539                
540
541
542                    
543
544        
545
546
547            <div class="sticky-nav-overlay-spacer" style="height: 0px"></div>
548        
549        <header class="z-40 fixed top-0 left-0 w-full" role="banner" data-sticky='true'>
550
551<div class="utility-links bg-primary1 relative top-0 hidden lg:block">
552    <div class="container flex flex-row justify-end" dir="ltr">
553        <div class="flex flex-col lg:flex-row">
554
555<div class="flex flex-col items-end">
556    <ul class="flex flex-wrap md:flex-nowrap">
557
558
559        <li id="b1cd83a7-7c46-495e-b40a-14a54c34093d" class="flex items-center px-3 lg:px-4 border-r border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3  " x-data="">
560            
561
562    
563        <a
564           href="/en-us/savings"
565           
566           
567                     target="_self"
568
569           title=""
570           data-gtmSection=""
571           data-gtmSubSection=""
572           data-gtmElement=""
573           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
574        >
575          <span           class="flex items-center gap-2"
576>
577                <span>Offers</span>
578          </span>
579        </a>
580
581
582        </li>
583
584
585
586        <li id="be8931b7-9eea-4d3f-9c51-f4b82604e757" class="flex items-center px-3 lg:px-4 border-r border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3  " x-data="">
587            
588
589    
590        <a
591           href="/en-us/where-to-buy"
592           
593           
594                     target="_self"
595
596           title=""
597           data-gtmSection=""
598           data-gtmSubSection=""
599           data-gtmElement=""
600           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
601        >
602          <span           class="flex items-center gap-2"
603>
604                <span>Where To Buy</span>
605          </span>
606        </a>
607
608
609        </li>
610
611
612
613        <li id="89d7c660-c488-4839-8da4-2b1508bf6032" class="flex items-center px-3 lg:px-4  border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3  " x-data="">
614            
615
616    
617        <a
618           href="/en-us/find-cortney"
619           
620           
621                     target="_self"
622
623           title=""
624           data-gtmSection=""
625           data-gtmSubSection=""
626           data-gtmElement=""
627           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
628        >
629          <span           class="flex items-center gap-2"
630>
631                <span>Where is Courtney</span>
632          </span>
633        </a>
634
635
636        </li>
637
638    </ul>
639</div>        </div>
640    </div>
641</div>
642
643    
644            <style>
645                @media screen and (min-width: 1025px){
646                    .nav-chc {
647                        backdrop-filter:   ; -webkit-backdrop-filter:  ;
648                    }
649                }
650                @media screen and (max-width: 1024px) {
651                    .nav-chc .nav__mobileMenu {
652                        backdrop-filter:   ; -webkit-backdrop-filter:  ;
653                    }
654                }
655            </style>
656
657    
658    
659
660
661
662
663
664
665    
665<script type="text/javascript">
666document.addEventListener("alpine:init", () => {
667    Alpine.data("nav", () => ({
668        next: "",
669        depth: 0,
670        showSkip: false,
671        activeNav: "",
672        nextElement: null,
673        currentNavItem: null,
674        nextNavItem: null,
675        currentSubNav: null,
676        nextSubNavItem: null,
677        setNextSkipText(e) {
678            const elem = e.target;
679            if (!elem) return;
680            const nextElement = elem.nextElementSibling;
681            this.currentNavItem = elem;
682            this.nextNavItem = nextElement;
683            if (nextElement && nextElement.dataset) {
684                this.nextElement = nextElement;
685                this.next = nextElement.dataset.linkText;
686            } else {
687                this.nextElement = null;
688                this.next = "";
689            }
690        },
691        setSkipLink(e) {
692            this.showSkip = true;
693            const elem = e.target;
694            const isShiftTabPressed = e.shiftKey && e.which === 9;
695            const isNavItemLink = elem.classList.contains("nav__item");
696            const isFirstSubNavItemLink =
697                elem.classList.contains("subNav__firstItem");
698            if (isNavItemLink) {
699                // shift + tab or last nav link
700                if (isShiftTabPressed || !this.nextNavItem) return;
701                e.preventDefault();
702                this.focusNextTabbableElement(elem);
703            } else if (isFirstSubNavItemLink && isShiftTabPressed) {
704                this.setNextSkipText(this.currentNavItem);
705            }
706        },
707        skipItemLink(e) {
708            const elem = e.target;
709            const isShiftTabPressed = e.shiftKey && e.which === 9;
710            if (isShiftTabPressed) {
711                e.preventDefault();
712                let navListItem = elem.parentNode.previousElementSibling;
713                if (navListItem && navListItem.classList.contains("subNav__title")) {
714                    navListItem = navListItem.previousElementSibling;
715                    if (navListItem.classList.contains("subNav__skipListItem")) {
716                        const isFirstSubNav = navListItem.dataset.depth === 0;
717                        if (isFirstSubNav) {
718                            if (this.nextNavItem) {
719                                this.next = this.nextNavItem.dataset.linkText;
720                            }
721                        } else {
722                            if (this.nextSubNavItem) {
723                                this.next = this.nextSubNavItem.dataset.linkText;
724                            }
725                        }
726                    }
727                }
728                if (!navListItem) {
729                    this.focusNextElement();
730                } else {
731                    this.focusNextTabbableElement(navListItem);
732                }
733            }
734        },
735        skipSubNavButton(e) {
736            const elem = e.target;
737            const nextListItem = elem.parentNode.nextElementSibling;
738            const isShiftTabPressed = e.shiftKey && e.which === 9;
739            const isSubNavItemNextButton = elem.classList.contains(
740                "subNav__itemNextButton"
741            );
742            if (isShiftTabPressed && isSubNavItemNextButton) {
743                elem.previousElementSibling.focus();
744            } else if (!nextListItem) {
745                this.focusNextElement();
746            } else {
747                e.preventDefault();
748                const nextTabElem =
749                    elem.parentNode.nextElementSibling.querySelector(".subNav__itemLink");
750                if (nextTabElem) nextTabElem.focus();
751            }
752        },
753        setSkipSubNavButton(e) {
754            const elem = e.target;
755            const nextSubNavItem = e.target.parentNode.nextElementSibling;
756            this.nextSubNavItem = nextSubNavItem;
757            this.currentSubNav = elem.nextElementSibling;
758            if (nextSubNavItem) {
759                this.nextElement = nextSubNavItem.querySelector(".subNav__itemLink");
760                this.next = nextSubNavItem.dataset.linkText;
761            } else {
762                const nextNavItem = this.currentNavItem.nextElementSibling;
763                if (nextNavItem && nextNavItem.dataset) {
764                    this.next = nextNavItem.dataset.linkText;
765                } else {
766                    this.next = "";
767                }
768            }
769            this.focusNextTabbableElement(this.currentSubNav);
770        },
771        focusNextTabbableElement(container) {
772            // waits for DOM to update
773            setTimeout(function () {
774                const nextTabElem = container.querySelector(
775                    "[tabindex]:not([disabled]):not([tabindex='-1'])"
776                );
777                if (!nextTabElem) return;
778                nextTabElem.focus();
779            }, 50);
780        },
781        focusNextElement() {
782            if (this.depth < 0) {
783                this.depth = 0;
784            }
785            this.nextElement.focus();
786        },
787        get skipToNextLinkText() {
788            if (this.next === "") return "";
789            return "Skip to " + this.next;
790        },
791        adjustPosition(hasSubpage, direction, hover = false) {
792            const _parent = this.$el.parentNode;
793
794            if (!_parent.closest(".isRightSide")) return;
795
796            const dir = direction === "ltr" ? "left" : "right";
797            const subNav1 = _parent.closest(".subNav--1");
798            const sideMenu = subNav1 ? subNav1.querySelector(".subNav1--rightSide") : null;
799            const subNav2 = sideMenu ? sideMenu.querySelector(".subNav--2") : null;
800            const addRemove = (hasSubpage && hover) ? "add" : "remove";
801            
802            if (subNav1) subNav1.style[dir] = (hasSubpage && hover) ? "230px" : null;
803            if (subNav2) subNav2.classList[addRemove]("subNav--adjustPosition");
804        },
805        adjustHeight() {
806            const subNavHeight = this.$el.closest(".subNav").clientHeight;
807            this.$el.style.height = (subNavHeight - 32) + "px";
808            
809            const subItems = this.$el.querySelectorAll(".subNav__item");
810            subItems.forEach((item) => {
811                const _parent = item.parentNode;              
812                item.addEventListener("mouseover", () => {
813                    if (!item.querySelector(".subNav")) return;
814                    _parent.style.overflow = "hidden";
815                });
816
817                item.addEventListener("mouseleave", () => {
818                    if (!item.querySelector(".subNav")) return;                    
819                    _parent.style.overflow = "auto";
820                });
821            });
822        }
823    }));
824});    </script>
824
825    
826
827        
828
829    <style>
830        .nav-chc,
831        .nav-chc .nav__mobileMenu {
832            border-radius: 0 0  ;
833        }
834        @media screen and (min-width: 1025px){
835            .nav-chc {
836                border-radius: 0 0  ;
837            }
838        }
839    </style>
840
841    <nav 
842        role="navigation" 
843        class="nav-chc relative  nav bg-white text-primary1 border-b z-40 top-0 sticky w-full h-auto lg:max-h-[60px] transition-all duration-200" 
844        aria-label="menu"
845        x-data="{...nav(), ...chcHeader(), currTitle: '', prevTitle: ''}" 
846        @setActiveNav="activeNav=$event.detail.id" 
847        @isActiveNav="activeNav == $event.detail.id" 
848        style="border-radius: "
849         
850        
851    >
852        <div class="mx-auto container lg:max-w-none lg:px-20 hidden lg:block">
853            <div class="nav__desktop flex md:items-center lg:max-h-[60px]">
854        <a href="/en-us" class="nav__inner ml-0 py-2  flex-shrink-0" data-gtmSubSection="logo" data-gtmElement="logo">
855            <img 
856                            width="296" height="54"
857 
858                class="Image nav__logo max-w-28 md:max-w-60 max-h-[40px] w-auto md:block h-auto pr-2 lg:pr-0"
859    src="/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp"
860    loading="lazy"
861    decoding="async"
862    data-fade-in="true"
863                alt="Nasacort® - Homepage" 
864                
865            >
866        </a>
867                <div
868                    class="nav__left pt-0 justify-end flex mx-12 w-full lg:gap-4"
869                    @mouseout.outside="$dispatch('setActiveNav', { id: '' })"
870                >
871
872
873                
874
875                    <div >
876                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Home</strong>"
877                            @focus="setNextSkipText($event); showSkip = false"
878                            @keydown.tab="setSkipLink($event)"
879                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' })"
880                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' }) }"
881                            
882                        >
883                            
884        <a href="/en-us" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
885                                <span class="text-xl lg:text-base text-left lg:text-center">
886                                    <strong>Home</strong>
887                                </span>
888                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
889        </a>
890
891                        </div>
892                    </div>
893
894                
895
896                    <div >
897                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Products</strong>"
898                            @focus="setNextSkipText($event); showSkip = false"
899                            @keydown.tab="setSkipLink($event)"
900                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' })"
901                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' }) }"
902                            
903                        >
904                            
905        <a href="/en-us/allergy-nasal-spray" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
906                                <span class="text-xl lg:text-base text-left lg:text-center">
907                                    <strong>Products</strong>
908                                </span>
909                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
910        </a>
911
912
913    
914
915                        </div>
916                    </div>
917
918                
919
920                    <div >
921                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Use</strong>"
922                            @focus="setNextSkipText($event); showSkip = false"
923                            @keydown.tab="setSkipLink($event)"
924                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' })"
925                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' }) }"
926                            
927                        >
928                            
929        <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
930                                <span class="text-xl lg:text-base text-left lg:text-center">
931                                    <strong>How to Use</strong>
932                                </span>
933                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
934        </a>
935
936                        </div>
937                    </div>
938
939                
940
941                    <div >
942                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>"
943                            @focus="setNextSkipText($event); showSkip = false"
944                            @keydown.tab="setSkipLink($event)"
945                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' })"
946                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' }) }"
947                            
948                        >
949                            
950        <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
951                                <span class="text-xl lg:text-base text-left lg:text-center">
952                                    <strong>About Allergies</strong>
953                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
954                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
955                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
956                                            </svg>
957                                        </span>
958                                </span>
959                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
960        </a>
961
962                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
963                                        @click="currTitle = `<strong>About Allergies</strong>`"
964                                        aria-label="go to sub menu">
965                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
966                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
967                                            </svg>
968                                    </button>
969
970    
971
972
973        <div
974            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
975            class="text-primary1 hover:border-transparent subNav subNav--V2 z-40  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto"
976            
977        >
978            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
979
980            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
981                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
982                    @click="currTitle = ``"
983                    aria-label="go to sub menu">
984                    
985                    <div class="w-6 h-6">
986                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
987                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
988                        </svg>
989                    </div>
990                     <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 
991                </button>
992            </div>
993
994            
995            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row   relative">
996                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " >
997                    
998
999                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1000                        data-depth="0">
1001                        <button tabindex="0"
1002                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1003                                x-html="skipToNextLinkText"
1004                                @keydown.tab="next = '';setSkipLink($event)"
1005                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1006                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1007                        ></button>
1008                    </li>
1009
1010                    <li class="subNav__title text-2xl py-0 py-6 normal-case  lg:hidden" tabindex="-1">
1011        <a href="/en-us/about-allergies" tabindex="0" target="_self"    class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1012                            <strong>About Allergies</strong>
1013        </a>
1014                    </li>
1015
1016        <ul >
1017
1018
1019                <li 
1020                    dir="ltr"
1021                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1022                    data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them"
1023                    @mouseover='adjustPosition(false, `ltr`, true)'
1024                    @mouseleave='adjustPosition(false, `ltr`, false)'
1025                >
1026                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1027
1028        <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1029                            <span>
1029Seasonal allergies: Causes, symptoms, and how to manage them</span>
1030        </a>
1031
1032                    </div>
1033
1034                </li>
1035
1036
1037                <li 
1038                    dir="ltr"
1039                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1040                    data-link-text="All in the family: Living with pets and pet allergies"
1041                    @mouseover='adjustPosition(false, `ltr`, true)'
1042                    @mouseleave='adjustPosition(false, `ltr`, false)'
1043                >
1044                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1045
1046        <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1047                            <span>All in the family: Living with pets and pet allergies</span>
1048        </a>
1049
1050                    </div>
1051
1052                </li>
1053
1054
1055                <li 
1056                    dir="ltr"
1057                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1058                    data-link-text="Indoor allergies — symptoms, causes, and tips for relief"
1059                    @mouseover='adjustPosition(false, `ltr`, true)'
1060                    @mouseleave='adjustPosition(false, `ltr`, false)'
1061                >
1062                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1063
1064        <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1065                            <span>Indoor allergies — symptoms, causes, and tips for relief</span>
1066        </a>
1067
1068                    </div>
1069
1070                </li>
1071
1072
1073                <li 
1074                    dir="ltr"
1075                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1076                    data-link-text="Six ways to help with nasal allergy congestion"
1077                    @mouseover='adjustPosition(false, `ltr`, true)'
1078                    @mouseleave='adjustPosition(false, `ltr`, false)'
1079                >
1080                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1081
1082        <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1083                            <span>Six ways to help with nasal allergy congestion</span>
1084        </a>
1085
1086                    </div>
1087
1088                </li>
1089
1090
1091                <li 
1092                    dir="ltr"
1093                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1094                    data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies"
1095                    @mouseover='adjustPosition(false, `ltr`, true)'
1096                    @mouseleave='adjustPosition(false, `ltr`, false)'
1097                >
1098                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1099
1100        <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1101                            <span>How nasal sprays and oral antihistamine tablets relieve allergies</span>
1102        </a>
1103
1104                    </div>
1105
1106                </li>
1107        </ul>
1108
1109                </ul>
1110
1111            </div>
1112        </div>
1113                        </div>
1114                    </div>
1115
1116                
1117
1118                    <div >
1119                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Savings</strong>"
1120                            @focus="setNextSkipText($event); showSkip = false"
1121                            @keydown.tab="setSkipLink($event)"
1122                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' })"
1123                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' }) }"
1124                            
1125                        >
1126                            
1127        <a href="/en-us/savings" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1128                                <span class="text-xl lg:text-base text-left lg:text-center">
1129                                    <strong>Savings</strong>
1130                                </span>
1131                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1132        </a>
1133
1134                        </div>
1135                    </div>
1136
1137                
1138
1139                    <div >
1140                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How To Use</strong>"
1141                            @focus="setNextSkipText($event); showSkip = false"
1142                            @keydown.tab="setSkipLink($event)"
1143                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' })"
1144                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' }) }"
1145                            
1146                        >
1147                            
1148        <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1149                                <span class="text-xl lg:text-base text-left lg:text-center">
1150                                    <strong>How To Use</strong>
1151                                </span>
1152                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1153        </a>
1154
1155                        </div>
1156                    </div>
1157
1158                
1159
1160                    <div >
1161                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>"
1162                            @focus="setNextSkipText($event); showSkip = false"
1163                            @keydown.tab="setSkipLink($event)"
1164                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' })"
1165                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' }) }"
1166                            
1167                        >
1168                            
1169        <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1170                                <span class="text-xl lg:text-base text-left lg:text-center">
1171                                    <strong>About Allergies</strong>
1172                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1173                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1174                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1175                                            </svg>
1176                                        </span>
1177                                </span>
1178                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1179        </a>
1180
1181                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1182                                        @click="currTitle = `<strong>About Allergies</strong>`"
1183                                        aria-label="go to sub menu">
1184                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1185                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1186                                            </svg>
1187                                    </button>
1188
1189    
1190
1191
1192        <div
1193            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1194            class="text-primary1 hover:border-transparent subNav subNav--V2 z-40  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto"
1195            
1196        >
1197            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1198
1199            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1200                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1201                    @click="currTitle = ``"
1202                    aria-label="go to sub menu">
1203                    
1204                    <div class="w-6 h-6">
1205                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1206                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1207                        </svg>
1208                    </div>
1209                     <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 
1210                </button>
1211            </div>
1212
1213            
1214            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row   relative">
1215                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " >
1216                    
1217
1218                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1219                        data-depth="0">
1220                        <button tabindex="0"
1221                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1222                                x-html="skipToNextLinkText"
1223                                @keydown.tab="next = '';setSkipLink($event)"
1224                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1225                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1226                        ></button>
1227                    </li>
1228
1229                    <li class="subNav__title text-2xl py-0 py-6 normal-case  lg:hidden" tabindex="-1">
1230        <a href="/en-us/about-allergies" tabindex="0" target="_self"    class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1231                            <strong>About Allergies</strong>
1232        </a>
1233                    </li>
1234
1235        <ul >
1236
1237
1238                <li 
1239                    dir="ltr"
1240                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1241                    data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them"
1242                    @mouseover='adjustPosition(false, `ltr`, true)'
1243                    @mouseleave='adjustPosition(false, `ltr`, false)'
1244                >
1245                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1246
1247        <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1248                            <span>Seasonal allergies: Causes, symptoms, and how to manage them</span>
1249        </a>
1250
1251                    </div>
1252
1253                </li>
1254
1255
1256                <li 
1257                    dir="ltr"
1258                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1259                    data-link-text="All in the family: Living with pets and pet allergies"
1260                    @mouseover='adjustPosition(false, `ltr`, true)'
1261                    @mouseleave='adjustPosition(false, `ltr`, false)'
1262                >
1263                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1264
1265        <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1266                            <span>All in the family: Living with pets and pet allergies</span>
1267        </a>
1268
1269                    </div>
1270
1271                </li>
1272
1273
1274                <li 
1275                    dir="ltr"
1276                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1277                    data-link-text="Indoor allergies — symptoms, causes, and tips for relief"
1278                    @mouseover='adjustPosition(false, `ltr`, true)'
1279                    @mouseleave='adjustPosition(false, `ltr`, false)'
1280                >
1281                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1282
1283        <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1284                            <span>Indoor allergies — symptoms, causes, and tips for relief</span>
1285        </a>
1286
1287                    </div>
1288
1289                </li>
1290
1291
1292                <li 
1293                    dir="ltr"
1294                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1295                    data-link-text="Six ways to help with nasal allergy congestion"
1296                    @mouseover='adjustPosition(false, `ltr`, true)'
1297                    @mouseleave='adjustPosition(false, `ltr`, false)'
1298                >
1299                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1300
1301        <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1302                            <span>Six ways to help with nasal allergy congestion</span>
1303        </a>
1304
1305                    </div>
1306
1307                </li>
1308
1309
1310                <li 
1311                    dir="ltr"
1312                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1313                    data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies"
1314                    @mouseover='adjustPosition(false, `ltr`, true)'
1315                    @mouseleave='adjustPosition(false, `ltr`, false)'
1316                >
1317                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1318
1319        <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1320                            <span>How nasal sprays and oral antihistamine tablets relieve allergies</span>
1321        </a>
1322
1323                    </div>
1324
1325                </li>
1326        </ul>
1327
1328                </ul>
1329
1330            </div>
1331        </div>
1332                        </div>
1333                    </div>
1334
1335                
1336
1337                    <div >
1338                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Money Back Guarantee</strong>"
1339                            @focus="setNextSkipText($event); showSkip = false"
1340                            @keydown.tab="setSkipLink($event)"
1341                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' })"
1342                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' }) }"
1343                            
1344                        >
1345                            
1346        <a href="/en-us/money-back-guarantee" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1347                                <span class="text-xl lg:text-base text-left lg:text-center">
1348                                    <strong>Money Back Guarantee</strong>
1349                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1350                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1351                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1352                                            </svg>
1353                                        </span>
1354                                </span>
1355                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1356        </a>
1357
1358                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1359                                        @click="currTitle = `<strong>Money Back Guarantee</strong>`"
1360                                        aria-label="go to sub menu">
1361                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1362                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1363                                            </svg>
1364                                    </button>
1365
1366    
1367
1368
1369        <div
1370            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1371            class="text-primary1 hover:border-transparent subNav subNav--V2 z-40  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto"
1372            
1373        >
1374            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1375
1376            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1377                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1378                    @click="currTitle = ``"
1379                    aria-label="go to sub menu">
1380                    
1381                    <div class="w-6 h-6">
1382                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1383                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1384                        </svg>
1385                    </div>
1386                     <span class="w-11/12" x-html="currTitle"><strong>Money Back Guarantee</strong></span> 
1387                </button>
1388            </div>
1389
1390            
1391            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row   relative">
1392                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 " >
1393                    
1394
1395                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1396                        data-depth="0">
1397                        <button tabindex="0"
1398                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1399                                x-html="skipToNextLinkText"
1400                                @keydown.tab="next = '';setSkipLink($event)"
1401                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1402                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1403                        ></button>
1404                    </li>
1405
1406                    <li class="subNav__title text-2xl py-0 py-6 normal-case  lg:hidden" tabindex="-1">
1407        <a href="/en-us/money-back-guarantee" tabindex="0" target="_self"    class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1408                            <strong>Money Back Guarantee</strong>
1409        </a>
1410                    </li>
1411
1412        <ul >
1413
1414
1415                <li 
1416                    dir="ltr"
1417                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1418                    data-link-text="Check Status"
1419                    @mouseover='adjustPosition(false, `ltr`, true)'
1420                    @mouseleave='adjustPosition(false, `ltr`, false)'
1421                >
1422                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1423
1424        <a href="/en-us/money-back-guarantee/mycheckstatus" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1425                            <span>Check Status</span>
1426        </a>
1427
1428                    </div>
1429
1430                </li>
1431
1432
1433                <li 
1434                    dir="ltr"
1435                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1436                    data-link-text="Terms & Conditions"
1437                    @mouseover='adjustPosition(false, `ltr`, true)'
1438                    @mouseleave='adjustPosition(false, `ltr`, false)'
1439                >
1440                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1441
1442        <a href="/en-us/money-back-guarantee/terms-and-conditions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1443                            <span>Terms & Conditions</span>
1444        </a>
1445
1446                    </div>
1447
1448                </li>
1449        </ul>
1450
1451                </ul>
1452
1453            </div>
1454        </div>
1455                        </div>
1456                    </div>
1457
1458                
1459
1460                    <div >
1461                        <div class="nav__item group justify-between flex items-start h-full  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Recycle</strong>"
1462                            @focus="setNextSkipText($event); showSkip = false"
1463                            @keydown.tab="setSkipLink($event)"
1464                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' })"
1465                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' }) }"
1466                            
1467                        >
1468                            
1469        <a href="/en-us/recycling" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink hover:text- relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1470                                <span class="text-xl lg:text-base text-left lg:text-center">
1471                                    <strong>How to Recycle</strong>
1472                                </span>
1473                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1474        </a>
1475
1476                        </div>
1477                    </div>
1478                </div>
1479
1480    <div class="chcHeader__buttonContainer flex gap-2 ">
1481    </div>
1482
1483
1484            </div>
1485        </div>
1486        <div class="mx-auto lg:max-w-none lg:px-20 lg:hidden h-[60px] max-h-[60px]">
1487            <div class="nav__mobile" x-data="{ navigationHeight: 0 }" x-ref="navHead">
1488                <div class="nav__mobileMenu flex justify-between items-center px-4 py-1.5">
1489        <a href="/en-us" class="  flex-shrink-0" data-gtmSubSection="logo" data-gtmElement="logo">
1490            <img 
1491                            width="296" height="54"
1492 
1493                class="Image nav__logo max-w-28 md:max-w-60 max-h-[40px] w-auto md:block h-auto !w-full"
1494    src="/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp"
1495    loading="lazy"
1496    decoding="async"
1497    data-fade-in="true"
1498                alt="Nasacort® - Homepage" 
1499                
1500            >
1501        </a>
1502                    <div class="nav__mobile__right flex flex-row items-center">
1503                            <div class="globalHeader__icons flex justify-evenly">
1504
1505
1506                            </div>
1507
1508    <div class="chcHeader__buttonContainer flex gap-2 ">
1509    </div>
1510
1511
1512                        <button class="nav__mobile__button flex items-center justify-center relative ml-2 md:ml-4 h-12 w-12" aria-label="open menu" @click="bodyScrollHide(true)">
1513
1514            <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-current h-12 w-12">
1515                <path fill-rule="evenodd" clip-rule="evenodd" d="M12 15.5C12 14.6716 12.6716 14 13.5 14H34.5C35.3284 14 36 14.6716 36 15.5C36 16.3284 35.3284 17 34.5 17H13.5C12.6716 17 12 16.3284 12 15.5ZM12 31.5C12 30.6716 12.6716 30 13.5 30H34.5C35.3284 30 36 30.6716 36 31.5C36 32.3284 35.3284 33 34.5 33H13.5C12.6716 33 12 32.3284 12 31.5ZM13.5 22C12.6716 22 12 22.6716 12 23.5C12 24.3284 12.6716 25 13.5 25H34.5C35.3284 25 36 24.3284 36 23.5C36 22.6716 35.3284 22 34.5 22H13.5Z"/>
1516            </svg>
1517                        </button>
1518                    </div>
1519                </div>
1520
1521
1522                <div dir="ltr" class="nav__mobile__menu w-full fixed overflow-hidden z-50 transition-all duration-50 left-0 top-0 uLinksBtmStyle" x-ref="navMobileSubmenu">
1523                    <div class="nav__mobile__menuItems bg-white flex justify-between items-center py-0 px-4 border-b w-full transition-all duration-700 ease-in-out h-[60px] max-h-[60px]">
1524        <a href="/en-us" class="  flex-shrink-0" data-gtmSubSection="logo" data-gtmElement="logo">
1525            <img 
1526                            width="296" height="54"
1527 
1528                class="Image nav__logo max-w-28 md:max-w-60 max-h-[40px] w-auto md:block h-auto "
1529    src="/dam/jcr:fe0077af-ee2d-44a5-a7e7-e330c75c2eb0/Nasacort_Nav_Logo_Blue.webp"
1530    loading="lazy"
1531    decoding="async"
1532    data-fade-in="true"
1533                alt="Nasacort® - Homepage" 
1534                
1535            >
1536        </a>
1537                        
1538                        <div class="flex">
1539    <div class="chcHeader__buttonContainer flex gap-2 flex items-center">
1540    </div>
1541                            
1542                            <button class="flex items-center justify-center nav__mobile__close relative ml-2 md:ml-4 h-12 w-12" aria-label="close menu" @click="bodyScrollHide(false)">
1543
1544            <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="stroke-current h-12 w-12">
1545                <path d="M14 34L33.4454 14" stroke-width="3" stroke-linecap="round"/>
1546                <path d="M34 34L14.5546 14" stroke-width="3" stroke-linecap="round"/>
1547            </svg>
1548                            </button>
1549                        </div>
1550                    </div>
1551
1552
1553                    <div class="nav__mobile__navList flex flex-col overflow-y-auto" :style="{ height: 'calc(100dvh - 60px)', overflow: 'auto' }">
1554
1555                            <div class="nav__mobile__menu__main relative right-0 transition-all duration-300 ease-in-out px-4 bg-white h-full" x-intersect="navigationHeight = window.innerHeight - ($refs.navHead.clientHeight + $refs.bottomNav.clientHeight)">
1556
1557
1558                
1559
1560                    <div >
1561                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Home</strong>"
1562                            @focus="setNextSkipText($event); showSkip = false"
1563                            @keydown.tab="setSkipLink($event)"
1564                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' })"
1565                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '80d1bd5b-8701-491a-b5ba-c92289845370' }) }"
1566                            
1567                        >
1568                            
1569        <a href="/en-us" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1570                                <span class="text-xl lg:text-base text-left lg:text-center">
1571                                    <strong>Home</strong>
1572                                </span>
1573                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1574        </a>
1575
1576                        </div>
1577                    </div>
1578
1579                
1580
1581                    <div >
1582                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Products</strong>"
1583                            @focus="setNextSkipText($event); showSkip = false"
1584                            @keydown.tab="setSkipLink($event)"
1585                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' })"
1586                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'feb27c91-e317-4217-a889-a97a49721b80' }) }"
1587                            
1588                        >
1589                            
1590        <a href="/en-us/allergy-nasal-spray" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1591                                <span class="text-xl lg:text-base text-left lg:text-center">
1592                                    <strong>Products</strong>
1593                                </span>
1594                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1595        </a>
1596
1597
1598    
1599
1600                        </div>
1601                    </div>
1602
1603                
1604
1605                    <div >
1606                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Use</strong>"
1607                            @focus="setNextSkipText($event); showSkip = false"
1608                            @keydown.tab="setSkipLink($event)"
1609                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' })"
1610                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'bb9cb5da-c9a2-4f6f-8a30-1af68ab401e0' }) }"
1611                            
1612                        >
1613                            
1614        <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1615                                <span class="text-xl lg:text-base text-left lg:text-center">
1616                                    <strong>How to Use</strong>
1617                                </span>
1618                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1619        </a>
1620
1621                        </div>
1622                    </div>
1623
1624                
1625
1626                    <div >
1627                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>"
1628                            @focus="setNextSkipText($event); showSkip = false"
1629                            @keydown.tab="setSkipLink($event)"
1630                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' })"
1631                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '6f226c5e-392d-49c5-a49f-0598e8a7d278' }) }"
1632                            
1633                        >
1634                            
1635        <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1636                                <span class="text-xl lg:text-base text-left lg:text-center">
1637                                    <strong>About Allergies</strong>
1638                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1639                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1640                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1641                                            </svg>
1642                                        </span>
1643                                </span>
1644                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1645        </a>
1646
1647                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1648                                        @click="currTitle = `<strong>About Allergies</strong>`"
1649                                        aria-label="go to sub menu">
1650                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1651                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1652                                            </svg>
1653                                    </button>
1654
1655    
1656
1657
1658        <div
1659            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1660            class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 subNav--mobile h-full z-50  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto"
1661                            x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }"
1662                :style="subMenuContHeight"
1663
1664        >
1665            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1666
1667            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1668                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1669                    @click="currTitle = ``"
1670                    aria-label="go to sub menu">
1671                    
1672                    <div class="w-6 h-6">
1673                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1674                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1675                        </svg>
1676                    </div>
1677                     <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 
1678                </button>
1679            </div>
1680
1681            
1682            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row   relative">
1683                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 "                 :style="{ height: subMenuHeight + 'px' }"
1684>
1685                    
1686
1687                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1688                        data-depth="0">
1689                        <button tabindex="0"
1690                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1691                                x-html="skipToNextLinkText"
1692                                @keydown.tab="next = '';setSkipLink($event)"
1693                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1694                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1695                        ></button>
1696                    </li>
1697
1698                    <li class="subNav__title text-2xl py-0 py-6 normal-case  lg:hidden" tabindex="-1">
1699        <a href="/en-us/about-allergies" tabindex="0" target="_self"    class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1700                            <strong>About Allergies</strong>
1701        </a>
1702                    </li>
1703
1704        <ul >
1705
1706
1707                <li 
1708                    dir="ltr"
1709                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1710                    data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them"
1711                    @mouseover='adjustPosition(false, `ltr`, true)'
1712                    @mouseleave='adjustPosition(false, `ltr`, false)'
1713                >
1714                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1715
1716        <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1717                            <span>Seasonal allergies: Causes, symptoms, and how to manage them</span>
1718        </a>
1719
1720                    </div>
1721
1722                </li>
1723
1724
1725                <li 
1726                    dir="ltr"
1727                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1728                    data-link-text="All in the family: Living with pets and pet allergies"
1729                    @mouseover='adjustPosition(false, `ltr`, true)'
1730                    @mouseleave='adjustPosition(false, `ltr`, false)'
1731                >
1732                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1733
1734        <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1735                            <span>All in the family: Living with pets and pet allergies</span>
1736        </a>
1737
1738                    </div>
1739
1740                </li>
1741
1742
1743                <li 
1744                    dir="ltr"
1745                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1746                    data-link-text="Indoor allergies — symptoms, causes, and tips for relief"
1747                    @mouseover='adjustPosition(false, `ltr`, true)'
1748                    @mouseleave='adjustPosition(false, `ltr`, false)'
1749                >
1750                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1751
1752        <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1753                            <span>Indoor allergies — symptoms, causes, and tips for relief</span>
1754        </a>
1755
1756                    </div>
1757
1758                </li>
1759
1760
1761                <li 
1762                    dir="ltr"
1763                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1764                    data-link-text="Six ways to help with nasal allergy congestion"
1765                    @mouseover='adjustPosition(false, `ltr`, true)'
1766                    @mouseleave='adjustPosition(false, `ltr`, false)'
1767                >
1768                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1769
1770        <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1771                            <span>Six ways to help with nasal allergy congestion</span>
1772        </a>
1773
1774                    </div>
1775
1776                </li>
1777
1778
1779                <li 
1780                    dir="ltr"
1781                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1782                    data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies"
1783                    @mouseover='adjustPosition(false, `ltr`, true)'
1784                    @mouseleave='adjustPosition(false, `ltr`, false)'
1785                >
1786                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1787
1788        <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1789                            <span>How nasal sprays and oral antihistamine tablets relieve allergies</span>
1790        </a>
1791
1792                    </div>
1793
1794                </li>
1795        </ul>
1796
1797                </ul>
1798
1799            </div>
1800        </div>
1801                        </div>
1802                    </div>
1803
1804                
1805
1806                    <div >
1807                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Savings</strong>"
1808                            @focus="setNextSkipText($event); showSkip = false"
1809                            @keydown.tab="setSkipLink($event)"
1810                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' })"
1811                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '4e57d5ea-b8d6-4eb9-98a2-88b50e3dc44b' }) }"
1812                            
1813                        >
1814                            
1815        <a href="/en-us/savings" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1816                                <span class="text-xl lg:text-base text-left lg:text-center">
1817                                    <strong>Savings</strong>
1818                                </span>
1819                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1820        </a>
1821
1822                        </div>
1823                    </div>
1824
1825                
1826
1827                    <div >
1828                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How To Use</strong>"
1829                            @focus="setNextSkipText($event); showSkip = false"
1830                            @keydown.tab="setSkipLink($event)"
1831                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' })"
1832                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '22493938-a55a-4967-81fa-b066283c11b3' }) }"
1833                            
1834                        >
1835                            
1836        <a href="/en-us/instructions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1837                                <span class="text-xl lg:text-base text-left lg:text-center">
1838                                    <strong>How To Use</strong>
1839                                </span>
1840                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1841        </a>
1842
1843                        </div>
1844                    </div>
1845
1846                
1847
1848                    <div >
1849                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>About Allergies</strong>"
1850                            @focus="setNextSkipText($event); showSkip = false"
1851                            @keydown.tab="setSkipLink($event)"
1852                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' })"
1853                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '869332e9-2eff-4fb5-ba8f-42617aed1bdf' }) }"
1854                            
1855                        >
1856                            
1857        <a href="/en-us/about-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1858                                <span class="text-xl lg:text-base text-left lg:text-center">
1859                                    <strong>About Allergies</strong>
1860                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
1861                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
1862                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1863                                            </svg>
1864                                        </span>
1865                                </span>
1866                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
1867        </a>
1868
1869                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
1870                                        @click="currTitle = `<strong>About Allergies</strong>`"
1871                                        aria-label="go to sub menu">
1872                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
1873                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1874                                            </svg>
1875                                    </button>
1876
1877    
1878
1879
1880        <div
1881            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
1882            class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 subNav--mobile h-full z-50  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto"
1883                            x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }"
1884                :style="subMenuContHeight"
1885
1886        >
1887            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
1888
1889            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
1890                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
1891                    @click="currTitle = ``"
1892                    aria-label="go to sub menu">
1893                    
1894                    <div class="w-6 h-6">
1895                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
1896                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
1897                        </svg>
1898                    </div>
1899                     <span class="w-11/12" x-html="currTitle"><strong>About Allergies</strong></span> 
1900                </button>
1901            </div>
1902
1903            
1904            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row   relative">
1905                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 "                 :style="{ height: subMenuHeight + 'px' }"
1906>
1907                    
1908
1909                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
1910                        data-depth="0">
1911                        <button tabindex="0"
1912                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
1913                                x-html="skipToNextLinkText"
1914                                @keydown.tab="next = '';setSkipLink($event)"
1915                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
1916                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
1917                        ></button>
1918                    </li>
1919
1920                    <li class="subNav__title text-2xl py-0 py-6 normal-case  lg:hidden" tabindex="-1">
1921        <a href="/en-us/about-allergies" tabindex="0" target="_self"    class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1922                            <strong>About Allergies</strong>
1923        </a>
1924                    </li>
1925
1926        <ul >
1927
1928
1929                <li 
1930                    dir="ltr"
1931                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1932                    data-link-text="Seasonal allergies: Causes, symptoms, and how to manage them"
1933                    @mouseover='adjustPosition(false, `ltr`, true)'
1934                    @mouseleave='adjustPosition(false, `ltr`, false)'
1935                >
1936                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1937
1938        <a href="/en-us/about-allergies/seasonal-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1939                            <span>Seasonal allergies: Causes, symptoms, and how to manage them</span>
1940        </a>
1941
1942                    </div>
1943
1944                </li>
1945
1946
1947                <li 
1948                    dir="ltr"
1949                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1950                    data-link-text="All in the family: Living with pets and pet allergies"
1951                    @mouseover='adjustPosition(false, `ltr`, true)'
1952                    @mouseleave='adjustPosition(false, `ltr`, false)'
1953                >
1954                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1955
1956        <a href="/en-us/about-allergies/pet-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1957                            <span>All in the family: Living with pets and pet allergies</span>
1958        </a>
1959
1960                    </div>
1961
1962                </li>
1963
1964
1965                <li 
1966                    dir="ltr"
1967                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1968                    data-link-text="Indoor allergies — symptoms, causes, and tips for relief"
1969                    @mouseover='adjustPosition(false, `ltr`, true)'
1970                    @mouseleave='adjustPosition(false, `ltr`, false)'
1971                >
1972                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1973
1974        <a href="/en-us/about-allergies/indoor-allergies" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1975                            <span>Indoor allergies — symptoms, causes, and tips for relief</span>
1976        </a>
1977
1978                    </div>
1979
1980                </li>
1981
1982
1983                <li 
1984                    dir="ltr"
1985                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
1986                    data-link-text="Six ways to help with nasal allergy congestion"
1987                    @mouseover='adjustPosition(false, `ltr`, true)'
1988                    @mouseleave='adjustPosition(false, `ltr`, false)'
1989                >
1990                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
1991
1992        <a href="/en-us/about-allergies/allergy-regimen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
1993                            <span>Six ways to help with nasal allergy congestion</span>
1994        </a>
1995
1996                    </div>
1997
1998                </li>
1999
2000
2001                <li 
2002                    dir="ltr"
2003                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
2004                    data-link-text="How nasal sprays and oral antihistamine tablets relieve allergies"
2005                    @mouseover='adjustPosition(false, `ltr`, true)'
2006                    @mouseleave='adjustPosition(false, `ltr`, false)'
2007                >
2008                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
2009
2010        <a href="/en-us/about-allergies/nasal-spray-vs-tablet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2011                            <span>How nasal sprays and oral antihistamine tablets relieve allergies</span>
2012        </a>
2013
2014                    </div>
2015
2016                </li>
2017        </ul>
2018
2019                </ul>
2020
2021            </div>
2022        </div>
2023                        </div>
2024                    </div>
2025
2026                
2027
2028                    <div >
2029                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>Money Back Guarantee</strong>"
2030                            @focus="setNextSkipText($event); showSkip = false"
2031                            @keydown.tab="setSkipLink($event)"
2032                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' })"
2033                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: '32b7b68e-e92e-4736-b18b-b6b60f3978de' }) }"
2034                            
2035                        >
2036                            
2037        <a href="/en-us/money-back-guarantee" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center nav__itemLink--withArrow lg:pr-6  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2038                                <span class="text-xl lg:text-base text-left lg:text-center">
2039                                    <strong>Money Back Guarantee</strong>
2040                                        <span class="subNav__arrow h-full w-4 h-4 absolute right-0 hidden lg:inline-block top-1/2 -translate-y-1/2 rotate-90">
2041                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-4 h-4 svg_button">
2042                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
2043                                            </svg>
2044                                        </span>
2045                                </span>
2046                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
2047        </a>
2048
2049                                    <button class="font-body inline-block px-3 py-5 h-full subNav__itemNextButton lg:hidden"
2050                                        @click="currTitle = `<strong>Money Back Guarantee</strong>`"
2051                                        aria-label="go to sub menu">
2052                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-8 h-8 lg:w-6 lg:h-6 svg_button">
2053                                                <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
2054                                            </svg>
2055                                    </button>
2056
2057    
2058
2059
2060        <div
2061            x-data="{ subMenuHeight: '', subMenuContHeight: '' }"
2062            class="text-primary1 hover:border-transparent subNav subNav--V2 z-40 subNav--mobile h-full z-50  left-0 w-full fixed lg:absolute hidden overflow-x-hidden !shadow-none bg-white subNav--0 overflow-hidden fixed lg:absolute top-full overflow-auto"
2063                            x-intersect="subMenuContHeight = { height: navigationHeight + 'px', top: ($refs.navHead.clientHeight + 1) + 'px' }"
2064                :style="subMenuContHeight"
2065
2066        >
2067            <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div>
2068
2069            <div class="w-full block lg:hidden subNavReturn" x-intersect="subMenuHeight = navigationHeight - $el.clientHeight">
2070                <button class="font-navigation subNav__back flex items-center gap-2 text-xl font-semibold relative px-4 py-4 text-left"
2071                    @click="currTitle = ``"
2072                    aria-label="go to sub menu">
2073                    
2074                    <div class="w-6 h-6">
2075                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6 h-6 svg_button block">
2076                            <path stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
2077                        </svg>
2078                    </div>
2079                     <span class="w-11/12" x-html="currTitle"><strong>Money Back Guarantee</strong></span> 
2080                </button>
2081            </div>
2082
2083            
2084            <div x-data="nav" class="subNav__container lg:h-full lg:container pt-0 lg:pt-8 lg:pl-4 flex flex-row   relative">
2085                <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto px-4 lg:px-0 "                 :style="{ height: subMenuHeight + 'px' }"
2086>
2087                    
2088
2089                    <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem"
2090                        data-depth="0">
2091                        <button tabindex="0"
2092                                class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none"
2093                                x-html="skipToNextLinkText"
2094                                @keydown.tab="next = '';setSkipLink($event)"
2095                                @keydown.enter.prevent="depth--; next = ''; focusNextElement()"
2096                                @keydown.space.prevent="depth--; next = ''; focusNextElement()"
2097                        ></button>
2098                    </li>
2099
2100                    <li class="subNav__title text-2xl py-0 py-6 normal-case  lg:hidden" tabindex="-1">
2101        <a href="/en-us/money-back-guarantee" tabindex="0" target="_self"    class=" flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2102                            <strong>Money Back Guarantee</strong>
2103        </a>
2104                    </li>
2105
2106        <ul >
2107
2108
2109                <li 
2110                    dir="ltr"
2111                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
2112                    data-link-text="Check Status"
2113                    @mouseover='adjustPosition(false, `ltr`, true)'
2114                    @mouseleave='adjustPosition(false, `ltr`, false)'
2115                >
2116                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
2117
2118        <a href="/en-us/money-back-guarantee/mycheckstatus" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base subNav__firstItem flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2119                            <span>Check Status</span>
2120        </a>
2121
2122                    </div>
2123
2124                </li>
2125
2126
2127                <li 
2128                    dir="ltr"
2129                    class="subNav__item subNav__item--v2  items-start md:items-center font-medium px-4 py-6 lg:py-0 border-b md:w-full flex flex-col md:flex-row normal-case hover:text-primary1"
2130                    data-link-text="Terms & Conditions"
2131                    @mouseover='adjustPosition(false, `ltr`, true)'
2132                    @mouseleave='adjustPosition(false, `ltr`, false)'
2133                >
2134                    <div class="subNav__itemWrap relative flex flex-row w-full items-center">
2135
2136        <a href="/en-us/money-back-guarantee/terms-and-conditions" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation subNav__itemLink hover:underline border-0 md:py-6 lg:py-4 text-link font-medium inline-block w-full text-xl md:text-base  flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2137                            <span>Terms & Conditions</span>
2138        </a>
2139
2140                    </div>
2141
2142                </li>
2143        </ul>
2144
2145                </ul>
2146
2147            </div>
2148        </div>
2149                        </div>
2150                    </div>
2151
2152                
2153
2154                    <div >
2155                        <div class="nav__item group justify-between flex border-b items-center text-primary1  normal-case lg:text-primary1 h-[72px] lg:h-auto" data-link-text="<strong>How to Recycle</strong>"
2156                            @focus="setNextSkipText($event); showSkip = false"
2157                            @keydown.tab="setSkipLink($event)"
2158                            @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' })"
2159                            :class="{ 'nav__item--active':  $dispatch('isActiveNav', { id: 'ff9d6355-fdf6-467e-a288-35ef1c9db704' }) }"
2160                            
2161                        >
2162                            
2163        <a href="/en-us/recycling" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1"    class="font-navigation nav__itemLink  relative font-extralight md:font-normal text-link border-white px-0 lg:px-3 py-6 lg:py-0 lg:h-[60px] flex items-center text-center    flex items-center" data-gtmSection="header" data-gtmSubSection="menu">
2164                                <span class="text-xl lg:text-base text-left lg:text-center">
2165                                    <strong>How to Recycle</strong>
2166                                </span>
2167                                <div class="nav__itemLinkBorderHover text- hidden absolute left-0 bottom-0 w-full h-1 bg-current"></div>
2168        </a>
2169
2170                        </div>
2171                    </div>
2172                            </div>
2173
2174                                    <div class="nav__mobile--uLinks order-2 backdrop-blur-md uLinksBtmStyle relative">
2175                                        <ul class="nav__mobile__menu__main block lg:hidden border-b">
2176
2177
2178        <li id="b1cd83a7-7c46-495e-b40a-14a54c34093d" class="flex items-center px-3 lg:px-4  border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3  " x-data="">
2179            
2180
2181    
2182        <a
2183           href="/en-us/savings"
2184           
2185           
2186                     target="_self"
2187
2188           title=""
2189           data-gtmSection=""
2190           data-gtmSubSection=""
2191           data-gtmElement=""
2192           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
2193        >
2194          <span           class="flex items-center gap-2"
2195>
2196                <span>Offers</span>
2197          </span>
2198        </a>
2199
2200
2201        </li>
2202
2203                                        </ul>
2204                                        <ul class="nav__mobile__menu__main block lg:hidden border-b">
2205
2206
2207        <li id="be8931b7-9eea-4d3f-9c51-f4b82604e757" class="flex items-center px-3 lg:px-4  border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3  " x-data="">
2208            
2209
2210    
2211        <a
2212           href="/en-us/where-to-buy"
2213           
2214           
2215                     target="_self"
2216
2217           title=""
2218           data-gtmSection=""
2219           data-gtmSubSection=""
2220           data-gtmElement=""
2221           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
2222        >
2223          <span           class="flex items-center gap-2"
2224>
2225                <span>Where To Buy</span>
2226          </span>
2227        </a>
2228
2229
2230        </li>
2231
2232                                        </ul>
2233                                        <ul class="nav__mobile__menu__main block lg:hidden border-b">
2234
2235
2236        <li id="89d7c660-c488-4839-8da4-2b1508bf6032" class="flex items-center px-3 lg:px-4  border-white my-8 lg:my-2 bg-primary1 text-white lg:bg-primary1 lg:text-white text-body-3 lg:text-body-3  " x-data="">
2237            
2238
2239    
2240        <a
2241           href="/en-us/find-cortney"
2242           
2243           
2244                     target="_self"
2245
2246           title=""
2247           data-gtmSection=""
2248           data-gtmSubSection=""
2249           data-gtmElement=""
2250           class=" cursor-pointer inline font-navigation flex items-center justify-center normal-case lg:normal-case  "
2251        >
2252          <span           class="flex items-center gap-2"
2253>
2254                <span>Where is Courtney</span>
2255          </span>
2256        </a>
2257
2258
2259        </li>
2260
2261                                        </ul>
2262
2263                                        <div class="z-[-1] absolute top-0 left-0 h-full w-full bg-primary1"></div>
2264                                    </div>
2265
2266                        <div class="nav__mobile__menu__main nav__mobile__menu__main--bottom w-full h-auto right-0 transition-all duration-300 ease-in-out border-b z-50 bottom-0 px-4 bg-white order-1 pb-3 mt-auto " x-ref="bottomNav">
2267    <div class="chcHeader__buttonContainer flex gap-2 !mr-0">
2268    </div>
2269                        </div>
2270                    </div>
2271                </div>
2272            </div>
2273        </div>
2274    </nav>
2275        </header>
2276
2277
2278        <div class="hero-wrap">
2279
2280
2281
2282  <nav class="font-body font-normal	text-size-default breadcrumbs bg-transparent text-primary1 px-4 lg:px-0 py-3 md:py-4 md:block block " aria-label="breadcrumbs" role="navigation">
2283    <div class="container">
2284        <ul class="flex flex-wrap flex-row ">
2285
2286              <li class="contents">
2287                <a href="/en-us" class="flex items-center">
2288                  <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-size-default">Home</span>
2289    <svg class="w-3 h-3 inline mx-1 fill-current  fill-current"  aria-hidden="true"    role="img">
2290        
2291        <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/sprites/global.svg#angle-right"></use>
2292    </svg> 
2293                </a>
2294              </li>
2295            <li class="contents">
2296              <span class="truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block font-bold text-size-default">Contact</span>
2297            </li>
2298        </ul>
2299    </div>
2300  </nav>
2301        </div>
2302
2303        <main role="main" id="main" class="relative flex-1" >
2304
2305
2306
2307
2308
2309
2310
2311
2312
2313
2314
2315
2316  <section id="e339f263-b990-43d3-b7c0-f5ac6a62ef03" class="contentGridItem--e339f263-b990-43d3-b7c0-f5ac6a62ef03 contentGridItem relative h-full  contentGrid-min-h-e339f263-b990-43d3-b7c0-f5ac6a62ef03 .background--e339f263-b990-43d3-b7c0-f5ac6a62ef03 contentGrid-border-r-e339f263-b99
23160-43d3-b7c0-f5ac6a62ef03 " >
2317
2318
2319
2320
2321
2322
2323
2324            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e339f263-b990-43d3-b7c0-f5ac6a62ef03");'>
2325
2326      <div class="contentGridItem__container relative h-full" dir="ltr">
2327        <style>
2328            .backgroundBlur-e339f263-b990-43d3-b7c0-f5ac6a62ef03 {
2329                backdrop-filter: blur(px);
2330                -webkit-backdrop-filter: blur(px);
2331                background-color: ;
2332                opacity: calc(/100);
2333            }
2334        </style>
2335
2336        <div class="backgroundBlur-e339f263-b990-43d3-b7c0-f5ac6a62ef03 absolute top-0 bottom-0 left-0 right-0"></div>
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358    <div
2359      class="background--e339f263-b990-43d3-b7c0-f5ac6a62ef03 backgroundWrap-e339f263-b990-43d3-b7c0-f5ac6a62ef03  py-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat default  bg-center bg-no-repeat bg-auto "
2360      
2361      
2362    >
2363
2364
2365
2366
2367    
2368
2369    
2370
2371
2372
2373
2374
2375
2376
2377<div class="ContentGrid relative container mx-auto  lg:pt-8 lg:pb-16 md:pt-0 md:pb-0 pt-16 pb-16">
2378
2379
2380        <div class="flex md:flex   lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2381
2382                
2383                
2384
2385
2386                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-full self-auto " >
2387
2388
2389
2390
2391
2392
2393  
2394  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-4 px-0 md:px-8 lg:px-0 items-start self-auto contentSectionItem-border-r-7c1b8d36-0bd2-4847-8643-830b9633826e    bg-transparent" x-data=""  dir="ltr">
2395    
2396
2397
2398
2399
2400
2401
2402
2403
2404
2405
2406
2407  <section id="7c1b8d36-0bd2-4847-8643-830b9633826e" class="contentGridItem--7c1b8d36-0bd2-4847-8643-830b9633826e contentGridItem relative h-full  contentGrid-min-h-7c1b8d36-0bd2-4847-8643-830b9633826e .background--7c1b8d36-0bd2-4847-8643-830b9633826e contentGrid-border-r-7c1b8d36-0bd2-4847-8643-830b9633826e " >
2408
2409
2410
2411
2412
2413
2414
2415            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("7c1b8d36-0bd2-4847-8643-830b9633826e");'>
2416
2417      <div class="contentGridItem__container relative h-full" dir="ltr">
2418        <style>
2419            .backgroundBlur-7c1b8d36-0bd2-4847-8643-830b9633826e {
2420                backdrop-filter: blur(px);
2421                -webkit-backdrop-filter: blur(px);
2422                background-color: ;
2423                opacity: calc(/100);
2424            }
2425        </style>
2426
2427        <div class="backgroundBlur-7c1b8d36-0bd2-4847-8643-830b9633826e absolute top-0 bottom-0 left-0 right-0"></div>
2428
2429
2430
2431
2432
2433
2434
2435
2436
2437
2438
2439
2440
2441
2442
2443
2444
2445
2446
2447
2448
2449    <div
2450      class="background--7c1b8d36-0bd2-4847-8643-830b9633826e backgroundWrap-7c1b8d36-0bd2-4847-8643-830b9633826e  py-4 md:py-8 lg:py-4 px-0 md:px-8 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
2451      
2452      
2453    >
2454
2455
2456
2457
2458    
2459
2460    
2461
2462
2463
2464<div class="ContentGrid relative container mx-auto  ">
2465
2466
2467        <div class="flex md:flex   lg:flex-row flex-wrap justify-start items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2468
2469                
2470                
2471
2472
2473                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-full self-auto " >
2474
2475
2476
2477
2478
2479
2480  
2481  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 items-start self-auto contentSectionItem-border-r-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88    bg-transparent" x-data=""  dir="ltr">
2482    
2483
2484
2485
2486
2487
2488
2489
2490
2491
2492
2493
2494  <section id="0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88" class="contentGridItem--0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 contentGridItem relative h-full  contentGrid-min-h-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 .background--0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 contentGrid-border-r-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 " >
2495
2496
2497
2498
2499
2500
2501
2502            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88");'>
2503
2504      <div class="contentGridItem__container relative h-full" dir="ltr">
2505        <style>
2506            .backgroundBlur-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 {
2507                backdrop-filter: blur(px);
2508                -webkit-backdrop-filter: blur(px);
2509                background-color: ;
2510                opacity: calc(/100);
2511            }
2512        </style>
2513
2514        <div class="backgroundBlur-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 absolute top-0 bottom-0 left-0 right-0"></div>
2515
2516
2517
2518
2519
2520
2521
2522
2523
2524
2525
2526
2527
2528
2529
2530
2531
2532
2533
2534
2535
2536    <div
2537      class="background--0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88 backgroundWrap-0ca52a7f-f8c9-49b6-9bf8-ea133f3e2c88  py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
2538      
2539      
2540    >
2541
2542
2543
2544
2545    
2546
2547    
2548
2549
2550
2551<div class="ContentGrid relative container mx-auto  ">
2552
2553
2554        <div class="flex md:flex   lg:flex-row flex-wrap justify-start items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2555
2556                
2557                
2558
2559
2560                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-full self
2560-auto " >
2561
2562
2563  
2564  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg-   bg-transparent" x-data=""  dir="ltr">
2565    
2566
2567        <div class="flex items-center justify-start md:justify-start lg:justify-start  overrideFonts">
2568
2569            <h1 class="contentBlock__title  text-title-1 font-title text-primary1">Contact us</h1>
2570        </div>
2571
2572        
2573  </div>
2574                    </div>
2575        </div>
2576</div>
2577    </div>
2578    
2579      </div>
2580            </div>
2581
2582  </section>
2583
2584  </div>
2585                    </div>
2586
2587                
2588                
2589
2590
2591                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full  lg:w-6/12 self-auto " >
2592
2593
2594
2595
2596
2597
2598  
2599  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 items-start self-auto contentSectionItem-border-r-70aa5d4e-d384-455c-8c3e-566017fb99d4    bg-transparent" x-data=""  dir="ltr">
2600    
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611
2612  <section id="70aa5d4e-d384-455c-8c3e-566017fb99d4" class="contentGridItem--70aa5d4e-d384-455c-8c3e-566017fb99d4 contentGridItem relative h-full  contentGrid-min-h-70aa5d4e-d384-455c-8c3e-566017fb99d4 .background--70aa5d4e-d384-455c-8c3e-566017fb99d4 contentGrid-border-r-70aa5d4e-d384-455c-8c3e-566017fb99d4 " >
2613
2614
2615
2616
2617
2618
2619
2620            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("70aa5d4e-d384-455c-8c3e-566017fb99d4");'>
2621
2622      <div class="contentGridItem__container relative h-full" dir="ltr">
2623        <style>
2624            .backgroundBlur-70aa5d4e-d384-455c-8c3e-566017fb99d4 {
2625                backdrop-filter: blur(px);
2626                -webkit-backdrop-filter: blur(px);
2627                background-color: ;
2628                opacity: calc(/100);
2629            }
2630        </style>
2631
2632        <div class="backgroundBlur-70aa5d4e-d384-455c-8c3e-566017fb99d4 absolute top-0 bottom-0 left-0 right-0"></div>
2633
2634
2635
2636
2637
2638
2639
2640
2641
2642
2643
2644
2645
2646
2647
2648
2649
2650
2651
2652
2653
2654    <div
2655      class="background--70aa5d4e-d384-455c-8c3e-566017fb99d4 backgroundWrap-70aa5d4e-d384-455c-8c3e-566017fb99d4  py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
2656      
2657      
2658    >
2659
2660
2661
2662
2663    
2664
2665    
2666
2667
2668
2669<div class="ContentGrid relative container mx-auto  ">
2670
2671
2672        <div class="flex md:flex   lg:flex-row flex-wrap justify-center items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2673
2674                
2675                
2676
2677
2678                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
2679
2680
2681  
2682  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-4  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg-   bg-transparent" x-data=""  dir="ltr">
2683    
2684
2685
2686        <div class="rich-text mt-3 text-base font-body overrideFonts">
2687            <p>Have a question or comment about our products? We&#39;d love to hear from you.</p>
2688
2689        </div>
2690        
2691  </div>
2692                    </div>
2693
2694                
2695                
2696
2697
2698                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-1/12  lg:w-1/12 self-auto " >
2699
2700
2701  
2702  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-4  self-auto contentBlock flex flex-col text-right md:text-left lg:text-right text- bg-   bg-transparent" x-data=""  dir="ltr">
2703    
2704
2705
2706        <div class="rich-text mt-3 text-base font-body overrideFonts">
2707            <p><img alt="" src="/dam/jcr:d3a9f933-03d7-4131-9ed8-25cee1cc4ad7/Nasacort_Icon_Check.2025-12-17-16-23-51.webp" style="float:right; height:20px; width:20px" /></p>
2708
2709        </div>
2710        
2711  </div>
2712                    </div>
2713
2714                
2715                
2716
2717
2718                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-11/12  lg:w-11/12 self-auto " >
2719
2720
2721  
2722  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg-   bg-transparent" x-data=""  dir="ltr">
2723    
2724
2725
2726        <div class="rich-text mt-3 text-base font-body overrideFonts">
2727            <p><strong><u>
2727<a href="https://www.opella.com/our-countries/en-us" rel="noopener noreferrer" target="_blank">Submit your question online</a></u></strong></p>
2728
2729        </div>
2730        
2731  </div>
2732                    </div>
2733
2734                
2735                
2736
2737
2738                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-1/12  lg:w-1/12 self-auto " >
2739
2740
2741  
2742  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-0 md:px-8 lg:px-4  self-auto contentBlock flex flex-col text-right md:text-left lg:text-right text- bg-   bg-transparent" x-data=""  dir="ltr">
2743    
2744
2745
2746        <div class="rich-text mt-3 text-base font-body overrideFonts">
2747            <p><img alt="" src="/dam/jcr:d3a9f933-03d7-4131-9ed8-25cee1cc4ad7/Nasacort_Icon_Check.2025-12-17-16-23-51.webp" style="float:right; height:20px; width:20px" /></p>
2748
2749        </div>
2750        
2751  </div>
2752                    </div>
2753
2754                
2755                
2756
2757
2758                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-11/12   self-auto " >
2759
2760
2761  
2762  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg-   bg-transparent" x-data=""  dir="ltr">
2763    
2764
2765
2766        <div class="rich-text mt-3 text-base font-body overrideFonts">
2767            <p>Call <u><strong>1-866-844-2798</strong></u>&nbsp;(M&ndash;F 8 a.m.&ndash;6 p.m.)</p>
2768
2769        </div>
2770        
2771  </div>
2772                    </div>
2773
2774                
2775                
2776
2777
2778                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
2779
2780
2781  
2782  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-0 px-4 md:px-8 lg:px-4  self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-default bg-   bg-transparent" x-data=""  dir="ltr">
2783    
2784
2785
2786        <div class="rich-text mt-3 text-base font-body overrideFonts">
2787            <p>If you prefer to contact us by mail, please send correspondence to:</p>
2788
2789<p><strong>Consumer Affairs Department</strong><br />
2790Chattem, Inc.<br />
2791P.O. Box 2219<br />
2792Chattanooga, TN 37409-0219</p>
2793
2794<p>Can&rsquo;t find our products? Visit our <strong><u><a href="/en-us/where-to-buy">where to buy</a></u></strong> to discover where your favorite&nbsp;Nasacort&reg; products are available.</p>
2795
2796        </div>
2797        
2798  </div>
2799                    </div>
2800        </div>
2801</div>
2802    </div>
2803    
2804      </div>
2805            </div>
2806
2807  </section>
2808
2809  </div>
2810                    </div>
2811        </div>
2812</div>
2813    </div>
2814    
2815      </div>
2816            </div>
2817
2818  </section>
2819
2820  </div>
2821                    </div>
2822        </div>
2823</div>
2824    </div>
2825    
2826      </div>
2827            </div>
2828
2829  </section>
2830
2831
2832
2833
2834
2835
2836
2837              <style>
2838                
2839                
2840                
2841            </style>
2842
2843
2844  
2845
2846  
2847
2848
2849
2850
2851
2852  <section id="031560cf-d922-49d3-8cb6-714343b43c59" class="contentGridItem--031560cf-d922-49d3-8cb6-714343b43c59 contentGridItem relative h-full  contentGrid-min-h-031560cf-d922-49d3-8cb6-714343b43c59 .background--031560cf-d922-49d3-8cb6-714343b43c59 contentGrid-border-r-031560cf-d922-49d3-8cb6-714343b43c59 " >
2853
2854
2855
2856
2857
2858
2859
2860            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("031560cf-d922-49d3-8cb6-714343b43c59");'>
2861
2862      <div class="contentGridItem__container relative h-full" dir="ltr">
2863        <style>
2864            .backgroundBlur-031560cf-d922-49d3-8cb6-714343b43c59 {
2865                backdrop-filter: blur(px);
2866                -webkit-backdrop-filter: blur(px);
2867                background-color: ;
2868                opacity: calc(/100);
2869            }
2870        </style>
2871
2872        <div class="backgroundBlur-031560cf-d922-49d3-8cb6-714343b43c59 absolute top-0 bottom-0 left-0 right-0"></div>
2873
2874
2875
2876
2877
2878
2879
2880
2881
2882
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892
2893
2894    <div
2895      class="background--031560cf-d922-49d3-8cb6-714343b43c59 backgroundWrap-031560cf-d922-49d3-8cb6-714343b43c59  py-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-auto "
2896      
2897      
2898    >
2899
2900
2901
2902
2903    
2904
2905    
2906
2907
2908
2909
2910
2911
2912
2913<div class="ContentGrid relative container mx-auto  lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0">
2914
2915
2916        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
2917
2918                
2919                
2920
2921
2922                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self
2922-auto " >
2923
2924
2925  
2926  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto    secondary4" x-data=""  dir="ltr">
2927    
2928
2929
2930
2931
2932
2933
2934
2935
2936
2937
2938
2939
2940
2941
2942
2943
2944        <div x-data="{ sticky: false }">
2945
2946                <template x-teleport="header">
2947                        <div >
2948
2949
2950            
2951            <a  
2952                x-data='buttonSticky'
2953                class="bottom-10 right-4 fixed z-30 max-w-[90%]  cursor-pointer"
2954                title=""
2955                data-context="other"
2956                    href="/en-us/savings"
2957                    target="_self"
2958            >
2959
2960
2961                <div
2962                    class="buttonSticky buttonSticky--animate buttonSticky--quaternary px-6 py-2 h-20 rounded-t-3xl rounded-bl-3xl transition-all max-w-full"
2963                    x-ref="buttonStickyElem"
2964                    data-state="expanded"
2965                    data-expand-on-scroll-up="none"
2966                    data-scroll="none"
2967                    data-scroll-mobile="none"
2968                    data-delay='30000'
2969                    @mouseleave="mouseLeave"
2970                    @mouseenter="mouseEnter"
2971                    
2972                >
2973                    <div class="h-full flex items-center overflow-hidden">
2974                        <span class="buttonSticky__text text-base leading-5 whitespace-nowrap ml-4 font-body">
2975                             Save $5!
2976                        </span>
2977                    </div>
2978                </div>
2979            </a>
2980        
2981                        </div>
2982                </template>
2983
2984            <div
2985                class='flex w-full justify-center'
2986                x-intersect:enter='sticky = false'
2987                x-intersect:leave='sticky = true'
2988                
2989                >
2990                
2991            </div>
2992        </div>
2993  </div>
2994                    </div>
2995        </div>
2996</div>
2997    </div>
2998    
2999      </div>
3000            </div>
3001
3002  </section>
3003
3004
3005
3006
3007
3008
3009
3010
3011
3012
3013
3014        </main>
3015    <footer role="contentinfo">
3016
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027  <div id="25c225d9-c934-48da-a119-bffd72e5f47a" class="contentGridItem--25c225d9-c934-48da-a119-bffd72e5f47a contentGridItem relative h-full  contentGrid-min-h-25c225d9-c934-48da-a119-bffd72e5f47a .background--25c225d9-c934-48da-a119-bffd72e5f47a contentGrid-border-r-25c225d9-c934-48da-a119-bffd72e5f47a " >
3028
3029
3030
3031
3032
3033
3034
3035            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("25c225d9-c934-48da-a119-bffd72e5f47a");'>
3036
3037      <div class="contentGridItem__container relative h-full" dir="ltr">
3038        <style>
3039            .backgroundBlur-25c225d9-c934-48da-a119-bffd72e5f47a {
3040                backdrop-filter: blur(px);
3041                -webkit-backdrop-filter: blur(px);
3042                background-color: ;
3043                opacity: calc(/100);
3044            }
3045        </style>
3046
3047        <div class="backgroundBlur-25c225d9-c934-48da-a119-bffd72e5f47a absolute top-0 bottom-0 left-0 right-0"></div>
3048
3049
3050
3051
3052
3053
3054
3055
3056
3057
3058
3059
3060
3061
3062
3063
3064
3065
3066
3067
3068
3069    <div
3070      class="background--25c225d9-c934-48da-a119-bffd72e5f47a backgroundWrap-25c225d9-c934-48da-a119-bffd72e5f47a  py-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-auto "
3071      
3072      
3073    >
3074
3075
3076
3077
3078    
3079
3080    
3081
3082
3083
3084
3085
3086
3087
3088<div class="ContentGrid relative container mx-auto  lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0">
3089
3090
3091        <div class="flex md:flex   lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
3092
3093                
3094                
3095
3096
3097                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
3098
3099  
3100  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0  self-auto overrideFonts    " x-data=""  dir="ltr">
3101    
3102    
3103  </div>
3104                    </div>
3105        </div>
3106</div>
3107    </div>
3108    
3109      </div>
3110            </div>
3111
3112  </div>
3113
3114
3115
3116
3117<div
3118    class="footer bg-primary1 text-white"
3119    
3120>
3121    <div class="container mx-auto py-8">
3122        <div class="flex flex-col md:flex-row justify-between px-4 md:px-0 my-6">
3123            <div class="md:flex w-full min-w-full items-start">
3124                <div class="md:w-1/6 flex items-center mt-2 ltr:pr-10 rtl:pl-10" x-data="">
3125                    <a href="/en-us"
3126                        @click="
3127                            $dispatch('track-event', {
3128                                'event': 'cmp_event',
3129                                'event_type': 'navigation',
3130                                'section': 'footer',
3131                                'sub_section': 'logo',
3132                                'element': 'logo'
3133                            })
3134                        "
3135                    >
3136                        <img 
3137                                        width="156" height="75"
3138 
3139                            class="Image h-auto nav__logo max-w-176 md:max-w-full"
3140    src="/dam/jcr:ab94b707-5cd4-4ceb-a67e-bd19294533b9/Nasacort-X-Opella-logo.webp"
3141    decoding="async"
3142                            alt="Nasacort® logo - footer  Opella CHC logo - footer" 
3143                            
3144                        />
3145                    </a>
3146                </div>
3147
3148                        <div class="font-body rich-text overrideFonts text-base font-sans p-2 md:px-0 md:w-2/4 md:my-0 my-8">
3149            <p><span class="text-white">Nasacort&reg; works at the source to give you 24-hour, non-drowsy relief from nasal allergy congestion, sneezing, and runny nose. See for yourself why breathing is believing.&nbsp;</span></p>
3150
3151<p>&nbsp;</p>
3152
3153<div style="display: flex; align-items: center;">
3154<div style="flex-shrink: 0; width: 70px; height: 118px; overflow: hidden;"><a href="https://www.opella.com/en/making-an-impact" target="_blank"><img alt="B Corp Certification Logo" src="/dam/jcr:121b1e0e-5109-4c53-9422-bc4851ee6de9/nasacortbcorpfooter.2023-07-25-18-46-13.png" style="border-width: 0px; border-style: solid; width: 70px; height: 118px;" /> </a></div>
3155
3156<div style="margin-left: 25px;">The makers of Nasacort are now a <a href="https://www.opella.com/en/making-an-impact" target="_blank"><u>Certified B Corp</u></a>.</div>
3157</div>
3158
3159        </div>
3160
3161
3162                <div class="flex ltr:ml-auto rtl:mr-auto">
3163
3164<div class="Area flex flex-col justify-evenly">
3165        <ul class="flex flex-wrap md:flex-nowrap">
3166
3167
3168<div class="footer__social my-2 max-w-30" x-data="">
3169    <div >
3170
3171    
3172        <a
3173           href="https://www.facebook.com/NasacortOTC/"
3174           rel='noopener'
3175           aria-label='Click to go to facebook'
3176                     target="_self"
3177
3178           title=""
3179           data-gtmSection=""
3180           data-gtmSubSection=""
3181           data-gtmElement=""
3182           class="font-title cursor-pointer inline social__item flex h-12.5 w-12.5 mx-1 md:mx-2 items-center hover:bg-white hover:bg-opacity-10  hover:text-default hover:border-default justify-center rounded-full border border-solid border-white  "
3183        >
3184          <span >
3185    <svg class="w-6 h-6 social__icon fill-current"  aria-hidden="true"    role="img">
3186        
3187        <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/sprites/global.svg#facebook"></use>
3188    </svg> 
3189          </span>
3190        </a>
3191
3192
3193    </div>
3194</div>
3195
3196
3197
3198
3199
3200<div class="footer__social my-2 max-w-30" x-data="">
3201    <div >
3202
3203    
3204        <a
3205           href="https://www.youtube.com/user/chattemnasacort"
3206           rel='noopener'
3207           aria-label='Click to go to youtube'
3208                     target="_self"
3209
3210           title=""
3211           data-gtmSection=""
3212           data-gtmSubSection=""
3213           data-gtmElement=""
3214           class="font-title cursor-pointer inline social__item flex h-12.5 w-12.5 mx-1 md:mx-2 items-center hover:bg-white hover:bg-opacity-10  hover:text-default hover:border-default justify-center rounded-full border border-solid border-white  "
3215        >
3216          <span >
3217    <svg class="w-6 h-6 social__icon fill-current"  aria-hidden="true"    role="img">
3218        
3219        <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/sprites/global.svg#youtube"></use>
3220    </svg> 
3221          </span>
3222        </a>
3223
3224
3225    </div>
3226</div>
3227
3228
3229
3230        </ul>
3231</div>                </div>
3232            </div>
3233        </div>
3234    </div>
3235
3236    <div class="footer__bottom bg-primary1 text-white">
3237        <div class="md:flex block container mx-auto items-center py-4">
3238            <div class="md:flex block w-full md:w-2/3">
3239
3240<div class="Area block flex-col justify-evenly">
3241    <ul class="flex flex-wrap flex-col md:flex-row">
3242
3243
3244    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3245
3246    
3247        <a
3248           href="/en-us/contact"
3249           
3250           
3251                     target="_self"
3252
3253           title=""
3254           data-gtmSection=""
3255           data-gtmSubSection=""
3256           data-gtmElement=""
3257           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3258        >
3259          <span >
3260            Contact us
3261          </span>
3262        </a>
3263
3264
3265    </li>
3266
3267
3268    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3269
3270    
3271        <a
3272           href="/en-us/savings"
3273           
3274           
3275                     target="_self"
3276
3277           title=""
3278           data-gtmSection=""
3279           data-gtmSubSection=""
3280           data-gtmElement=""
3281           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3282        >
3283          <span >
3284            Offers
3285          </span>
3286        </a>
3287
3288
3289    </li>
3290
3291
3292    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3293
3294    
3295        <a
3296           href="/en-us/sitemap"
3297           
3298           
3299                     target="_self"
3300
3301           title=""
3302           data-gtmSection=""
3303           data-gtmSubSection=""
3304           data-gtmElement=""
3305           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3306        >
3307          <span >
3308            Sitemap
3309          </span>
3310        </a>
3311
3312
3313    </li>
3314
3315
3316    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3317
3318    
3319        <a
3320           href="https://www.opella.com/en/privacy-center/documents/website-privacy-notice-en-us"
3321           rel='noopener'
3322           
3323                     target="_blank"
3324
3325           title=""
3326           data-gtmSection=""
3327           data-gtmSubSection=""
3328           data-gtmElement=""
3329           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3330        >
3331          <span >
3332            Privacy Notice
3333          </span>
3334        </a>
3335
3336
3337    </li>
3338
3339
3340    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3341
3342    
3343        <a
3344           href="https://www.opella.com/en/privacy-center/documents/chd-privacy-notice-en-us"
3345           rel='noopener'
3346           
3347                     target="_blank"
3348
3349           title=""
3350           data-gtmSection=""
3351           data-gtmSubSection=""
3352           data-gtmElement=""
3353           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3354        >
3355          <span >
3356            Consumer Health Data Privacy​ Notice
3357          </span>
3358        </a>
3359
3360
3361    </li>
3362
3363
3364    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3365
3366    
3367        <a
3368           href="https://hcpportal.hcpordering.com"
3369           rel='noopener'
3370           
3371                     target="_blank"
3372
3373           title="Order Healthcare Professional Samples"
3374           data-gtmSection=""
3375           data-gtmSubSection=""
3376           data-gtmElement=""
3377           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3378        >
3379          <span >
3380            Order Healthcare Professional Samples
3381          </span>
3382        </a>
3383
3384
3385    </li>
3386
3387
3388    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3389
3390    
3391        <a
3392           href="/en-us/where-to-buy"
3393           
3394           
3395                     target="_self"
3396
3397           title=""
3398           data-gtmSection=""
3399           data-gtmSubSection=""
3400           data-gtmElement=""
3401           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3402        >
3403          <span >
3404            Where to buy
3405          </span>
3406        </a>
3407
3408
3409    </li>
3410
3411
3412    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3413
3414    
3415        <a
3416           href="/en-us/cookies"
3417           
3418           
3419                     target="_self"
3420
3421           title=""
3422           data-gtmSection=""
3423           data-gtmSubSection=""
3424           data-gtmElement=""
3425           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3426        >
3427          <span >
3428            Do Not Sell or Share My Personal Information
3429          </span>
3430        </a>
3431
3432
3433    </li>
3434
3435
3436    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3437
3438    
3439        <a
3440           href="https://www.opella.com/en/legal-notice"
3441           rel='noopener'
3442           
3443                     target="_blank"
3444
3445           title=""
3446           data-gtmSection=""
3447           data-gtmSubSection=""
3448           data-gtmElement=""
3449           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3450        >
3451          <span >
3452            Terms &amp; Conditions
3453          </span>
3454        </a>
3455
3456
3457    </li>
3458
3459
3460    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3461
3462    
3463        <a
3464           href="/en-us/community-guidelines"
3465           
3466           
3467                     target="_self"
3468
3469           title=""
3470           data-gtmSection=""
3471           data-gtmSubSection=""
3472           data-gtmElement=""
3473           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3474        >
3475          <span >
3476            Community Guidelines
3477          </span>
3478        </a>
3479
3480
3481    </li>
3482
3483
3484    <li class="md:px-2 lg:px-0 px-4 pt-1 md:pt-0 mr-0 md:ltr:mr-8 md:rtl:ml-8 ltr:last:mr-0 rtl:last:ml-0" x-data="">
3485
3486    
3487        <a
3488           href="https://www.opella.com/en/making-an-impact"
3489           rel='noopener'
3490           
3491                     target="_blank"
3492
3493           title=""
3494           data-gtmSection=""
3495           data-gtmSubSection=""
3496           data-gtmElement=""
3497           class=" cursor-pointer inline font-navigation font-footer-links text-size-default hover:underline  "
3498        >
3499          <span >
3500            Our responsibility
3501          </span>
3502        </a>
3503
3504
3505    </li>
3506    </ul>
3507</div>            </div>
3508
3509            <div class="font-body flex flex-start md:flex-end px-4 md:px-0 ml-auto md:mt-0 mt-12 text-sm w-full md:w-1/3 flex-col rtl:text-left ltr:text-right">
3510
3511                <p><span class="text-body-6"><span class="text-white">&copy; 2025 Opella Healthcare Group SAS. All rights reserved.</span></span></p>
3512
3513<p><span class="text-body-6"><span class="text-white">The content of this site is intended for US audiences only. Use all products only as directed.</span></span></p>
3514
3515
3516            </div>
3517        </div>
3518    </div>
3519</div>
3520
3521
3522    <div class="block" x-data="anchorMenu" x-init="scrollTopBtnObserver()">
3523        <a href="#" class=" fixed bottom-4 right-6 xl:right-16 transform translate-y-8 opacity-0 scrollTopBtn h-12 w-12 border-2 border-default bg-primary1 z-40 p-4 transition-all duration-500 rounded-full"
3524            x-on:click.prevent
3525            @click="scrollTop()">
3526            <i class="icon chevron border-white chevron--up"></i>
3527        </a>
3528    </div>
3529    </footer>
3530
3531
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545
3546
3547
3548
3549
3550
3551
3552    <style>
3553                .modal-chc .modal__parent {
3554        }
3555
3556    </style>
3557    
3558
3559    <div
3560        id=""
3561        class="h-full w-full z-50 hidden modal-chc"
3562        style="backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px);"
3563        :class="{'hidden': !open, 'fixed': open}"
3564        x-data="modal({
3565            uuid: '',
3566            hideScroll: 'overflow-auto',
3567            blurMobile: '0',
3568            blurDesktop: '0',
3569            mobileStatus: true,
3570            desktopStatus: true
3571        })"
3572        x-init="$nextTick(triggerNextTick('')); initFocus(''); initState(false, ''); validateStorage('', 'cookies'); ; timeDelay(20, '');"
3573        x-cloak
3574        border-radius:25px;
3575    >
3576        <div
3577            class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70"
3578            :class="{'hidden': !open, 'fixed': open}"
3579            @open-modal.window="openModal($event.detail.id); $store.chcHeader.modalShow = true"
3580            @close-modal.window="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); $store.chcHeader.modalShow = false"
3581            @click="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); pauseVideo(), $store.chcHeader.modalShow = false"
3582            x-on:keydown.escape.window="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); pauseVideo()"
3583        >
3584        </div>
3585        <div :class="{'hidden': !open, 'fixed': open}" class="z-50 w-full px-2 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" @click="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'); pauseVideo(), $store.chcHeader.modalShow = false">
3586            <div
3587                tabindex="-1"
3588                role="dialog"
3589                id="modal-"
3590                data-id=""
3591                data-gtmContext="other"
3592                aria-modal="true"
3593                class=" bg-white text-black relative overflow-auto h-auto max-h-90vh text-left shadow-xl w-11/12 md:w-4/12 lg:w-4/12  px-4 py-12 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 mx-auto"
3594                style='border-radius:25px;'
3595                @click="stopPropagation"
3596            >
3597                        <button
3598                            @click="closeModal('7154648a-ba34-4324-98cc-ebe746814cdb'), pauseVideo(), clearActiveQuicklinkClass(), $store.chcHeader.modalShow = false"
3599                            @focus="open = true"
3600                            class="close-modal-btn flex absolute top-2 right-3 "
3601                            aria-label="close"
3602                            type="button"
3603                        >
3604                            <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span>
3605                        </button>
3606
3607
3608
3609
3610
3611
3612<div class="ContentGrid relative   ">
3613
3614
3615        <div class="flex md:flex   lg:flex-row flex-wrap  ">
3616
3617                
3618                
3619
3620
3621                    <div class="CHC gridComponent   flex flex-col  w-full   self-auto " >
3622  
3623
3624
3625  
3626
3627
3628
3629
3630  
3631  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-b00ab86c-edb7-4fc0-930c-7cd394575847    bg-transparent" x-data=""  dir="ltr">
3632    
3633
3634
3635
3636
3637
3638
3639
3640
3641
3642
3643
3644  <section id="b00ab86c-edb7-4fc0-930c-7cd394575847" class="contentGridItem--b00ab86c-edb7-4fc0-930c-7cd394575847 contentGridItem relative h-full  contentGrid-min-h-b00ab86c-edb7-4fc0-930c-7cd394575847 .background--b00ab86c-edb7-4fc0-930c-7cd394575847 contentGrid-border-r-b00ab86c-edb7-4fc0-930c-7cd394575847 " >
3645
3646
3647
3648
3649
3650
3651
3652            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("b00ab86c-edb7-4fc0-930c-7cd394575847");'>
3653
3654      <div class="contentGridItem__container relative h-full" dir="ltr">
3655        <style>
3656            .backgroundBlur-b00ab86c-edb7-4fc0-930c-7cd394575847 {
3657                backdrop-filter: blur(px);
3658                -webkit-backdrop-filter: blur(px);
3659                background-color: ;
3660                opacity: calc(/100);
3661            }
3662        </style>
3663
3664        <div class="backgroundBlur-b00ab86c-edb7-4fc0-930c-7cd394575847 absolute top-0 bottom-0 left-0 right-0"></div>
3665
3666
3667
3668
3669
3670
3671
3672
3673
3674
3675
3676
3677
3678
3679
3680
3681
3682
3683
3684
3685
3686    <div
3687      class="background--b00ab86c-edb7-4fc0-930c-7cd394575847 backgroundWrap-b00ab86c-edb7-4fc0-930c-7cd394575847  py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
3688      
3689      
3690    >
3691
3692
3693
3694
3695    
3696
3697    
3698
3699
3700
3701<div class="ContentGrid relative container mx-auto  ">
3702
3703
3704        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
3705
3706                
3707                
3708
3709
3710                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self
3710-auto " >
3711
3712
3713  
3714
3715  
3716
3717
3718  
3719  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0  self-auto imageAttachment default   default" x-data=""  dir="ltr">
3720    
3721   
3722
3723    
3724
3725
3726
3727
3728
3729
3730
3731
3732
3733            <div class="uiImage relative block w-full block image-border-r-68295f7a-12e2-4386-a6cf-a885668d6da4"  data-imageren=false>
3734
3735
3736
3737             
3738 
3739
3740
3741
3742
3743
3744    <picture>
3745      <source
3746  srcset="/dam/jcr:70909644-f6e7-4498-9088-414145d58f27/Image_PopUp_Products_Mobile.webp 0w"
3747        media="(max-width: 767px)"
3748        class=""
3749        
3750        />
3751      <source
3752  srcset="/dam/jcr:c50cc709-bcae-41b3-a16e-8bf60a55061d/Image_PopUp_Products_Desktop.webp 0w"
3753        media="(min-width: 768px)"
3754        class=""
3755        
3756      />
3757      <img
3758        
3759    src="/dam/jcr:70909644-f6e7-4498-9088-414145d58f27/Image_PopUp_Products_Mobile.webp 0w"
3760    loading="lazy"
3761    decoding="async"
3762    data-fade-in="true"
3763        class="w-full block  block lg:hidden"
3764        alt=""
3765        
3766        
3767        
3768      />
3769      <img
3770        
3771    src="/dam/jcr:c50cc709-bcae-41b3-a16e-8bf60a55061d/Image_PopUp_Products_Desktop.webp 0w"
3772    loading="lazy"
3773    decoding="async"
3774    data-fade-in="true"
3775        class="w-full block  hidden lg:block"
3776        alt=""
3777        
3778        
3779        
3780      />
3781    </picture>
3782                    <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div>
3783
3784          </div>
3785
3786
3787
3788
3789  </div>
3790                    </div>
3791
3792                
3793                
3794
3795
3796                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full   self-auto " >
3797  
3798
3799
3800  
3801
3802
3803
3804
3805  
3806  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 items-center self-auto contentSectionItem-border-r-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5    bg-transparent" x-data=""  dir="ltr">
3807    
3808
3809
3810
3811
3812
3813
3814
3815
3816
3817
3818
3819  <section id="94996cc9-e8ee-41ba-9059-c6b5d4c23ed5" class="contentGridItem--94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 contentGridItem relative h-full  contentGrid-min-h-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 .background--94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 contentGrid-border-r-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 " >
3820
3821
3822
3823
3824
3825
3826
3827            <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("94996cc9-e8ee-41ba-9059-c6b5d4c23ed5");'>
3828
3829      <div class="contentGridItem__container relative h-full" dir="ltr">
3830        <style>
3831            .backgroundBlur-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 {
3832                backdrop-filter: blur(px);
3833                -webkit-backdrop-filter: blur(px);
3834                background-color: ;
3835                opacity: calc(/100);
3836            }
3837        </style>
3838
3839        <div class="backgroundBlur-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 absolute top-0 bottom-0 left-0 right-0"></div>
3840
3841
3842
3843
3844
3845
3846
3847
3848
3849
3850
3851
3852
3853
3854
3855
3856
3857
3858
3859
3860
3861    <div
3862      class="background--94996cc9-e8ee-41ba-9059-c6b5d4c23ed5 backgroundWrap-94996cc9-e8ee-41ba-9059-c6b5d4c23ed5  py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 text-primary h-full animateImage md:bg-auto  bg-no-repeat bg-transparent  bg-center bg-no-repeat bg-cover "
3863      
3864      
3865    >
3866
3867
3868
3869
3870    
3871
3872    
3873
3874
3875
3876<div class="ContentGrid relative container mx-auto  ">
3877
3878
3879        <div class="flex md:flex  md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0">
3880
3881                
3882                
3883
3884
3885                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-11/12 md:w-full lg:w-full self-auto " >
3886
3887
3888  
3889  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-0 lg:px-0  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary1 bg-   bg-transparent" x-data=""  dir="ltr">
3890    
3891
3892        <div class="flex items-center justify-center md:justify-center lg:justify-center  overrideFonts">
3893
3894            <h2 class="contentBlock__title  text-title-3 font-title text-"><p>Join the Nasacort<sup class='super'>®</sup> community</p>
3895</h2>
3896        </div>
3897
3898  </div>
3899                    </div>
3900
3901                
3902                
3903
3904
3905                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-10/12 md:w-full lg:w-9/12 self
3905-auto " >
3906
3907
3908  
3909  <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-8 md:px-16 lg:px-16  self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text-primary1 bg-   bg-transparent" x-data=""  dir="ltr">
3910    
3911
3912
3913        <div class="rich-text mt-3 text-base font-body overrideFonts">
3914            <p>Unlock exclusive offers, expert content, news, and more when you join the Nasacort&reg; Community.</p>
3915
3916        </div>
3917  </div>
3918                    </div>
3919
3920                
3921                
3922
3923
3924                    <div class="CHC gridComponent   flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-auto lg:w-auto self-auto " >
3925
3926
3927  
3928  <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-8 md:px-16 lg:px-16  self-auto    bg-transparent" x-data=""  dir="ltr">
3929    
3930
3931
3932
3933
3934
3935
3936
3937
3938
3939
3940
3941
3942        <div  class='w-full flex justify-center'>
3943                <style>
3944                    .button-8224485b-df4c-4bab-be1a-1ee7c3547fdb > div {
3945                        justify-content: center;
3946                        column-gap: 4px;
3947                    }
3948                </style>
3949
3950
3951  
3952  
3953
3954<style>
3955    .button.active,
3956    .button:not(:focus):hover {
3957        background-image: none;
3958    }
3959
3960    .button:not(.button--gradientBorderHover):hover::before {
3961        z-index: -1;
3962    }
3963
3964    .button:not(.button--gradientTextHover):hover > .button__spanGradient {
3965        background: transparent;
3966        -webkit-background-clip: unset;
3967        -webkit-text-fill-color: unset;
3968    }
3969
3970</style>
3971  <a class="group button button--default button--hoverDefault text-center overflow-hidden inline-block border    transition transition-all border rounded-full border-solid w-full  text-center button-8224485b-df4c-4bab-be1a-1ee7c3547fdb   "  
3972        href="/en-us/savings"
3973        target="_self"
3974        data-context="other"
3975  >
3976
3977    
3978
3979    <span class="  ">
3980
3981        <span>
3982                SIGN UP
3983        </span>
3984        
3985    </span>
3986  </a>
3987        </div>
3988  </div>
3989                    </div>
3990        </div>
3991</div>
3992    </div>
3993    
3994      </div>
3995            </div>
3996
3997  </section>
3998
3999  </div>
4000                    </div>
4001        </div>
4002</div>
4003    </div>
4004    
4005      </div>
4006            </div>
4007
4008  </section>
4009
4010  </div>
4011                    </div>
4012        </div>
4013</div>            </div>
4014        </div>
4015    </div>
4016
4017    
4017<script type="text/javascript" async>
4018/* eslint-disable */
4019
4020document.addEventListener("alpine:init", () => {
4021    Alpine.data("modal", (config) => {
4022        const opts = {
4023            focus: false,
4024            open: false,
4025            focusTrap: null,
4026        };
4027
4028        return {
4029            ...opts,
4030            ...config,
4031            stopPropagation() {
4032                this.$event.stopPropagation();
4033            },
4034            initState(state, id) {
4035                if (state) {
4036                    if (id !== this.uuid) return;
4037    
4038                    this.open = state;
4039                    
4040                    if (!this.open) return;
4041    
4042                    this.blurOverlay();
4043                    this.preventScroll(id);
4044    
4045                    window.addEventListener("resize", () => {
4046                        this.blurOverlay();
4047                    });
4048                }
4049            },
4050            openModal(id) {
4051                if (id !== this.uuid) return;
4052                
4053                const windowW = window.innerWidth;
4054
4055                this.open = windowW < 1024? !this.mobileStatus : !this.desktopStatus;
4056
4057                if (!this.open) return;
4058
4059                this.blurOverlay();
4060                this.preventScroll(id);
4061
4062                window.addEventListener("resize", () => {
4063                    this.blurOverlay();
4064                });
4065            },
4066            closeModal(id) {
4067                this.open = false;
4068                this.$trackEvent({
4069                    event: 'click_popup',
4070                    event_type: 'click',
4071                    popup_name: id ?? ''
4072                });
4073                this.blurOverlay();
4074            },
4075            preventScroll(uuid) {
4076                if (this.uuid !== uuid) return;
4077
4078                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
4079
4080                classHide.split(" ").forEach(scrollClass => {
4081                    const bodyEl = document.body;
4082                    if (!bodyEl.classList.contains(scrollClass)) bodyEl.classList.add(scrollClass);
4083                });
4084            },
4085            restoreScroll() {
4086                const classHide = this.hideScroll? this.hideScroll : "overflow-hidden";
4087                document.body.classList.remove(...classHide.split(" "));
4088            },
4089            triggerNextTick(id){
4090                const urlParams = new URLSearchParams(window.location.search);
4091                if (urlParams.size > 0){
4092                    const openModalParam = urlParams.get('openmodal');
4093                    if (openModalParam == id){
4094                        this.openModal(id);
4095                    }   
4096                }
4097            },
4098            timeDelay(seconds, id){
4099                this.setInitModalSession();
4100
4101                if (seconds) {
4102                    const arrModal = JSON.parse(sessionStorage.getItem("modal"));
4103                    if (!arrModal.includes(id)) {
4104                        setTimeout(() => {
4105                            this.openModal(id);
4106                            sessionStorage.setItem("modal", this.sessionModal(id));
4107                        }, seconds * 1000);
4108                    }
4109                }
4110            },
4111            scrollPosition(percentage) {
4112                if (!percentage) return;
4113            
4114                let triggered = false;
4115            
4116                const scrollHandler = () => {
4117                    // Calculate total scrollable height
4118                    const totalHeight = document.documentElement.scrollHeight - window.innerHeight;
4119                    
4120                    // Calculate the scroll position corresponding to the given percentage
4121                    const targetY = totalHeight * (percentage / 100);
4122                    
4123                    if (window.scrollY >= targetY && !triggered) {
4124                        this.open = true;
4125                        triggered = true;
4126            
4127                        // Remove the event listener after the action is triggered
4128                        document.removeEventListener('scroll', scrollHandler);
4129                    }
4130                };
4131            
4132                document.addEventListener('scroll', scrollHandler);
4133            },
4134            clickCount(id, clicks, elements) {
4135                if (!clicks || !elements || elements.length === 0) return;
4136
4137                const elementKey = elements.join("_").toLowerCase();
4138                const triggeredKey = id + '_triggered_' + elementKey;
4139            
4140                // Check if this has already been triggered in this session
4141                if (sessionStorage.getItem(triggeredKey)) {
4142                    return;
4143                }
4144
4145                const triggerKey = id + '_trigger_' + elementKey;
4146
4147                // Trigger modal if count was reached
4148                if (sessionStorage.getItem(triggerKey) == 'true') {
4149                    this.open = true;
4150
4151                    sessionStorage.removeItem(triggerKey);
4152                    sessionStorage.setItem(triggeredKey, 'true');
4153
4154                    return;
4155                }
4156
4157                const countKey = id + '_clickCount_' + elementKey;
4158                let count = parseInt(sessionStorage.getItem(countKey) || "0", 10);
4159            
4160                const clickHandler = (e) => {
4161                    // Check if the clicked element's tag name is included in the provided elements array
4162                    if (elements.map(el => el.toLowerCase()).includes(e.target.tagName.toLowerCase())) {
4163                        count++;
4164                        sessionStorage.setItem(countKey, count.toString());
4165            
4166                        if (count >= clicks) {
4167                            // Note in sessionStorage that this has been triggered
4168                            sessionStorage.setItem(triggerKey, 'true');
4169            
4170                            sessionStorage.removeItem(countKey);
4171                            document.removeEventListener('click', clickHandler); // Remove listener
4172
4173                            setTimeout(() => {
4174                                this.open = true;
4175                                sessionStorage.removeItem(triggerKey);
4176                                sessionStorage.setItem(triggeredKey, 'true');
4177                            }, 2000);
4178                        }
4179                    }
4180                };
4181            
4182                document.addEventListener('click', clickHandler);
4183            },            
4184            initFocus(id) {
4185                const container = document.getElementById("modal-" + id);
4186                let btn = container.querySelector(".close-modal-btn");
4187
4188                if (container) {
4189                    const props = {
4190                        fallbackFocus: container,
4191                        allowOutsideClick: true,
4192                        preventScroll: true,
4193                        onActivate: () => {
4194                            //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :(
4195                            setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50);
4196                        },
4197                    }
4198                    if (btn) {
4199                        props.initialFocus = btn;
4200                    }
4201                    this.focusTrap = this.$createFocusTrap("#modal-" +  id, props);
4202
4203                    this.$watch("open", (value) => {
4204                        if (value === true) {
4205                            this.focusTrap.activate();
4206                        } else {
4207                            this.focusTrap.deactivate();
4208                        }
4209                    });
4210                }
4211            },
4212            // Clear Active class for Quicklink List Item when closing modal
4213            clearActiveQuicklinkClass() {
4214                const quicklinksMenu = document.querySelector('.quicklinks')
4215                if(quicklinksMenu){
4216                    let anchors = quicklinksMenu.querySelectorAll("li.anchorItem");
4217                    anchors.forEach((anchor) => {
4218                        anchor.classList.remove('contentStyleActiveAnchorLink');
4219                    });
4220                }
4221            },
4222            pauseVideo() {
4223                var videos = document.querySelectorAll("iframe, video");
4224                Array.prototype.forEach.call(videos, function (video) {
4225                    if (video.tagName.toLowerCase() === "video") {
4226                        video.pause();
4227                    } else {
4228                        //pause iframe videos without loading/calling the Youtube ifame api
4229                        video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*");
4230                    }
4231                });
4232            },
4233            validateStorage(name, storageType="cookies") {
4234                if(name){
4235                    switch(storageType) {
4236                        case "session":
4237                            this.validateSessionStorage(name);
4238                            break;
4239                        case "local":
4240                            this.validateLocalStorage(name);
4241                            break;
4242                        default:
4243                            this.validateCookie(name);
4244                    }
4245                }
4246            },
4247            validateCookie(name) {
4248                const cookie = this.$getCookie(name);
4249                if (cookie) {
4250                    this.closeModal();
4251                }
4252            },
4253            validateSessionStorage(name) {
4254                const session = window.sessionStorage.getItem(name);
4255                if (session) {
4256                    this.closeModal();
4257                }
4258            },
4259            validateLocalStorage(name) {
4260                const local = window.localStorage.getItem(name);
4261                if (local) {
4262                    this.closeModal();
4263                }
4264            },
4265            removeDisabledAttribute(id) {
4266                let inputElement = document.getElementById(id);
4267                inputElement.removeAttribute("disabled");
4268                inputElement.checked = true;
4269            },
4270            addDisabledAttribute(id) {
4271                let inputElement = document.getElementById(id);
4272                inputElement.setAttribute("disabled", "disabled");
4273                inputElement.checked = false;
4274            },
4275            appendToBody() {
4276                document.body.appendChild(this.$el);
4277            },
4278            setInitModalSession() {
4279                const arrModal = sessionStorage.getItem("modal");
4280                if (!arrModal) sessionStorage.setItem("modal", "[]");
4281            },
4282            sessionModal(id) {
4283                let arrModal = sessionStorage.getItem("modal");
4284
4285                const parsedArr = JSON.parse(arrModal);
4286
4287                if (!parsedArr.includes(id)) {
4288                    parsedArr.push(id);
4289                    return JSON.stringify(parsedArr);
4290                } else {
4291                    return arrModal;
4292                }
4293            },
4294            blurOverlay () {
4295                let boolModalStatus = false;
4296                document.querySelectorAll(".modal-chc").forEach(el => {
4297                    const alpineData = Alpine.$data(el)
4298                    if (alpineData.open) boolModalStatus = true;
4299                });
4300
4301                if (!boolModalStatus) this.restoreScroll();
4302            }
4303        };
4304    });
4305});    </script>
vendor: 1 bytes, line 4305
4305
4306<script src="/.resources/sanofi-lm-chc/themes/chc/dist/common~2026-09-30-08-55-30-000~cache.js" async></script>
vendor: 1 bytes, line 4306
4306
4307<script src="/.resources/sanofi-lm-chc/themes/chc/dist/pages/chcDefaultPage~2026-09-30-08-55-30-000~cache.js" async></script>
4307        <div class="overrideFonts">
4308                <!-- pdp UX --> 
4309<!-- script>
4310if (document.querySelector('[name="algo:pageType"]').content === 'pdp') {
4311	document.querySelector('.hero-wrap').classList.add('m60');
4312	document.body.classList.add('product-detail');
4313}
4314</script -->
4315
4316<script>
4317if (document.querySelector('[property="og:url"]').content.includes('/savings')) {
4318	document.body.classList.add('offers');
4319}
4320</script>
4320
4321
4322<script>
4323if(document.querySelector('#zipCode')) {
4324document.querySelector('#zipCode').onkeydown = (e) => {
4325    if ((e.which >= 48 && e.which <= 57) || e.which == 37 || e.which == 39 || e.which == 8) {
4326        if (e.target.value.length < 5) {
4327            return true;    
4328        } else {
4329            if (e.which == 37 || e.which == 39 || e.which == 8) {
4330                return true;    
4331            } else {
4332                e.preventDefault();
4333            }
4334            
4335        }
4336    } else {
4337        e.preventDefault();
4338    }
4339}
4340}
4341</script>
vendor: 1 bytes, line 4341
4341
4342<script>
4343document.addEventListener('scroll', () => {
4344	const footerTop = document.querySelector('footer').getClientRects();
4345  if (footerTop[0].top <= 0) {
4346		document.body.classList.add('sticky__adjusted');
4347	} else {
4348		document.body.classList.remove('sticky__adjusted');
4349	}
4350});
4351
4352/*
4353const offers = document.querySelector('.nav__desktop .nav__left > div:nth-child(5) > .nav__item > a');
4354const wtb = document.querySelector('.nav__desktop .nav__left > div:nth-child(6) > .nav__item > a');
4355
4356offers.href = 'https://www.nasacort.com/en-us/where-to-buy'; 
4357wtb.href = 'https://www.nasacort.com/en-us/savings';
4358offers.text = "Where to Buy";
4359wtb.text = "Offers"; */
4360</script>
vendor: 1 bytes, line 4360
4360
4361<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
4361
4362<!-- script>
4363document.querySelector('.footer__bottom .font-body > p:first-child .text-white').innerText = '© 2025 Opella Healthcare Group SAS. Sanofi Consumer Healthcare business unit. All rights reserved.'; 
4364</script -->
4365<script>
4366    $("#pollenForecastSearch #formSearch input[type='submit']").on("click", function() {
4367        if ($("#pollenForecastSearch #formSearch input[type='text']").val() != "") {
4368            $("#pollenForecastSearch + .frame-wrapper > iframe").show();
4369        }
4370    });
4371</script>
4371
4372
4373<script>
4374/* ---- disable script ----
4375var liveURL = window.location.hostname === 'www.nasacort.com' ? '/' : '';
4376var pagesUrl =[
4377    `${liveURL}en-us/`,
4378    `${liveURL}en-us/allergy-nasal-spray`,
4379    `${liveURL}en-us/instructions`,
4380    `${liveURL}en-us/about-allergies`,
4381    `${liveURL}en-us/about-allergies/seasonal-allergies`,
4382    `${liveURL}en-us/about-allergies/pet-allergies`,
4383    `${liveURL}en-us/about-allergies/indoor-allergies`,
4384    `${liveURL}en-us/about-allergies/allergy-regimen`,
4385    `${liveURL}en-us/about-allergies/nasal-spray-vs-tablet`,
4386    `${liveURL}en-us/coupons`,
4387    `${liveURL}en-us/where-to-buy`,
4388    `${liveURL}en-us/error`,
4389    `${liveURL}en-us/contact`,
4390    `${liveURL}en-us/sitemap`,
4391    `${liveURL}en-us/community-guidelines`,
4392]; 
4393
4394if(pagesUrl.indexOf(window.location.pathname.replace(/\/nasacort-us\//g,'')) > -1) {
4395    document.body.insertAdjacentHTML('beforeend', `<div data-tf-sidetab="CaZ8HPvT" data-tf-custom-icon="https://images.typeform.com/images/VjJp6jX8qFAD" data-tf-opacity="100" data-tf-iframe-props="title=Nasacort - CRM Form - US" data-tf-transitive-search-params data-tf-button-color="#031652" data-tf-button-text="Sign up & Save" data-tf-medium="snippet" data-tf-hidden="source=popout,utm_source=,utm_medium=,utm_campaign=,utm_term=,utm_content=" style="all:unset;"></div>`);
4396    var script = document.createElement('script');
4397    script.src = '//embed.typeform.com/next/embed.js';
4398    document.body.appendChild(script);       
4399}
4400---- */
4401</script>
4401
4402
4403
4404            
4405        </div>
4406
4407
4408    </body>
4409</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.