PageSourceSearch

https://puffs.com/en-us/contact-us

html puffs.com collected 2026-10-03 21:44:17 UTC 210,771 bytes, 7,042 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no"/>
1<script type="text/javascript" src="//cdn.wayvia.com/1/1766/ps-utid.js" async=""></script>
1<link rel="preload" href="https://images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png?fm=webp&amp;q=75" as="image" data-next-head=""/><title data-next-head=""> Contact Us | Puffs</title><meta name="facebook-domain-verification" content="a0pob6ktinb9fqjylmkarun9nv6q7x" data-next-head=""/><meta name="title" content="Contact Us | Puffs" data-next-head=""/><meta name="description" content="Our customer service team would love to assist you with any questions! Check out our FAQs, or reach out to let us know how we can help you by email or phone." data-next-head=""/><link rel="canonical" href="https://puffs.com/en-us/contact-us" data-next-head=""/><link rel="shortcut icon preload" as="image" href="/static/images/favicon.ico" type="image/x-icon"/><link rel="icon preload" as="image" href="/static/images/favicon.ico" type="image/x-icon"/><link href="https://www.google-analytics.com" rel="preconnect"/><link href="https://www.googletagmanager.com/gtm.js?id=GTM-N6XWT7TZ" rel="preconnect"/><link href="https://www.googletagmanager.com/gtm.js?id=GTM-MFXLXJX" rel="preconnect"/><meta name="robots" content="index, follow"/>
1<script type="text/javascript" defer="" data-next-head="">var PGdataLayer = {"user":{"ID":"","type":"anonymous","ecommID":"","mediaID":""},"session":{"leadkey":"","useragent":""},"page":{"url":"","title":""},"content":{"sub-category":"","category":""},"product":{"gtin":"","name":"","brand":"","category":"","sub-brand":"","segment":""},"event":[{"category":"","action":"","label":"","value":""}],"cd":[{"name":"","id":"","value":""}],"updated":true,"GTM":{"SiteLocale":"en-us","SiteTouchpoint":"46268","SiteCountry":"US","SiteBrand":"Puffs","SiteLanguage":"en","SitePlatform":"ModernWeb","SiteEnvironment":"PROD","SiteHost":"Azure","SiteTechnicalAgency":"MINDTREE","SiteStatus":"Live","SiteLocalContainer":"GTM-MFXLXJX","SitePrivacyProtection":"CCPA","BINPlatform":"","BINPlatformId":"{927605D0-9232-4735-A299-F9D659422447}","GoogleAnalyticsLocal":"UA-2731351-6","GoogleAnalyticsBrand":"","GoogleAnalyticsSiteSpeedSampleRate":"","GoogleAnalyticsAllowLinker":"","GoogleAnalyticsLinkerDomains":"","GoogleAnalyticsEnableOptimizely":"","GoogleAnalyticsOptimizeContainerID":"","GoogleAnalyticsReportingView":"70854509","GhosteryOverlay":"false","GhosteryOverlayID":"","FacebookConnectAppID":"","FacebookConnectLocale":"","FacebookRemarketingID":"","ConsentOverlay":"OneTrust","ConsentOverlayID":"ec399d6b-6151-4c2d-aaa1-ec8a6cdab29f","GoogleAnalyticsConsentRequired":"false","GoogleReCaptcha":"false","Lotame":"false","Iovation":"true","IovationContentType":"write a review","GoogleAnalyticsGA4MeasurementID":"G-NV1SM9D682"}};</script>
1<script>var PGdataLayer = window.PGdataLayer || {}; window.PGdataLayer = PGdataLayer;</script>
1<base href="/"/><style data-href="/static/css/main.css">*, ::before, ::after {
2  --tw-border-spacing-x: 0;
3  --tw-border-spacing-y: 0;
4  --tw-translate-x: 0;
5  --tw-translate-y: 0;
6  --tw-rotate: 0;
7  --tw-skew-x: 0;
8  --tw-skew-y: 0;
9  --tw-scale-x: 1;
10  --tw-scale-y: 1;
11  --tw-pan-x:  ;
12  --tw-pan-y:  ;
13  --tw-pinch-zoom:  ;
14  --tw-scroll-snap-strictness: proximity;
15  --tw-gradient-from-position:  ;
16  --tw-gradient-via-position:  ;
17  --tw-gradient-to-position:  ;
18  --tw-ordinal:  ;
19  --tw-slashed-zero:  ;
20  --tw-numeric-figure:  ;
21  --tw-numeric-spacing:  ;
22  --tw-numeric-fraction:  ;
23  --tw-ring-inset:  ;
24  --tw-ring-offset-width: 0px;
25  --tw-ring-offset-color: #fff;
26  --tw-ring-color: rgb(59 130 246 / 0.5);
27  --tw-ring-offset-shadow: 0 0 #0000;
28  --tw-ring-shadow: 0 0 #0000;
29  --tw-shadow: 0 0 #0000;
30  --tw-shadow-colored: 0 0 #0000;
31  --tw-blur:  ;
32  --tw-brightness:  ;
33  --tw-contrast:  ;
34  --tw-grayscale:  ;
35  --tw-hue-rotate:  ;
36  --tw-invert:  ;
37  --tw-saturate:  ;
38  --tw-sepia:  ;
39  --tw-drop-shadow:  ;
40  --tw-backdrop-blur:  ;
41  --tw-backdrop-brightness:  ;
42  --tw-backdrop-contrast:  ;
43  --tw-backdrop-grayscale:  ;
44  --tw-backdrop-hue-rotate:  ;
45  --tw-backdrop-invert:  ;
46  --tw-backdrop-opacity:  ;
47  --tw-backdrop-saturate:  ;
48  --tw-backdrop-sepia:  ;
49  --tw-contain-size:  ;
50  --tw-contain-layout:  ;
51  --tw-contain-paint:  ;
52  --tw-contain-style:  ;
53}
54
55::backdrop {
56  --tw-border-spacing-x: 0;
57  --tw-border-spacing-y: 0;
58  --tw-translate-x: 0;
59  --tw-translate-y: 0;
60  --tw-rotate: 0;
61  --tw-skew-x: 0;
62  --tw-skew-y: 0;
63  --tw-scale-x: 1;
64  --tw-scale-y: 1;
65  --tw-pan-x:  ;
66  --tw-pan-y:  ;
67  --tw-pinch-zoom:  ;
68  --tw-scroll-snap-strictness: proximity;
69  --tw-gradient-from-position:  ;
70  --tw-gradient-via-position:  ;
71  --tw-gradient-to-position:  ;
72  --tw-ordinal:  ;
73  --tw-slashed-zero:  ;
74  --tw-numeric-figure:  ;
75  --tw-numeric-spacing:  ;
76  --tw-numeric-fraction:  ;
77  --tw-ring-inset:  ;
78  --tw-ring-offset-width: 0px;
79  --tw-ring-offset-color: #fff;
80  --tw-ring-color: rgb(59 130 246 / 0.5);
81  --tw-ring-offset-shadow: 0 0 #0000;
82  --tw-ring-shadow: 0 0 #0000;
83  --tw-shadow: 0 0 #0000;
84  --tw-shadow-colored: 0 0 #0000;
85  --tw-blur:  ;
86  --tw-brightness:  ;
87  --tw-contrast:  ;
88  --tw-grayscale:  ;
89  --tw-hue-rotate:  ;
90  --tw-invert:  ;
91  --tw-saturate:  ;
92  --tw-sepia:  ;
93  --tw-drop-shadow:  ;
94  --tw-backdrop-blur:  ;
95  --tw-backdrop-brightness:  ;
96  --tw-backdrop-contrast:  ;
97  --tw-backdrop-grayscale:  ;
98  --tw-backdrop-hue-rotate:  ;
99  --tw-backdrop-invert:  ;
100  --tw-backdrop-opacity:  ;
101  --tw-backdrop-saturate:  ;
102  --tw-backdrop-sepia:  ;
103  --tw-contain-size:  ;
104  --tw-contain-layout:  ;
105  --tw-contain-paint:  ;
106  --tw-contain-style:  ;
107}/*
108! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
109*//*
1101. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
1112. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112*/
113
114*,
115::before,
116::after {
117  box-sizing: border-box; /* 1 */
118  border-width: 0; /* 2 */
119  border-style: solid; /* 2 */
120  border-color: currentColor; /* 2 */
121}
122
123::before,
124::after {
125  --tw-content: '';
126}
127
128/*
1291. Use a consistent sensible line-height in all browsers.
1302. Prevent adjustments of font size after orientation changes in iOS.
1313. Use a more readable tab size.
1324. Use the user's configured `sans` font-family by default.
1335. Use the user's configured `sans` font-feature-settings by default.
1346. Use the user's configured `sans` font-variation-settings by default.
1357. Disable tap highlights on iOS
136*/
137
138html,
139:host {
140  line-height: 1.5; /* 1 */
141  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
142  tab-size: 4; /* 3 */
143  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
144  font-feature-settings: normal; /* 5 */
145  font-variation-settings: normal; /* 6 */
146  -webkit-tap-highlight-color: transparent; /* 7 */
147}
148
149/*
1501. Remove the margin in all browsers.
1512. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
152*/
153
154body {
155  margin: 0; /* 1 */
156  line-height: inherit; /* 2 */
157}
158
159/*
1601. Add the correct height in Firefox.
1612. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
1623. Ensure horizontal rules are visible by default.
163*/
164
165hr {
166  height: 0; /* 1 */
167  color: inherit; /* 2 */
168  border-top-width: 1px; /* 3 */
169}
170
171/*
172Add the correct text decoration in Chrome, Edge, and Safari.
173*/
174
175/*
176Remove the default font size and weight for headings.
177*/
178
179h1,
180h2,
181h3,
182h4 {
183  font-size: inherit;
184  font-weight: inherit;
185}
186
187/*
188Reset links to optimize for opt-in styling instead of opt-out.
189*/
190
191a {
192  color: inherit;
193  text-decoration: inherit;
194}
195
196/*
197Add the correct font weight in Edge and Safari.
198*/
199
200b,
201strong {
202  font-weight: bolder;
203}
204
205/*
2061. Use the user's configured `mono` font-family by default.
2072. Use the user's configured `mono` font-feature-settings by default.
2083. Use the user's configured `mono` font-variation-settings by default.
2094. Correct the odd `em` font sizing in all browsers.
210*/
211
212code {
213  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
214  font-feature-settings: normal; /* 2 */
215  font-variation-settings: normal; /* 3 */
216  font-size: 1em; /* 4 */
217}
218
219/*
220Add the correct font size in all browsers.
221*/
222
223/*
224Prevent `sub` and `sup` elements from affecting the line height in all browsers.
225*/
226
227
228sup {
229  font-size: 75%;
230  line-height: 0;
231  position: relative;
232  vertical-align: baseline;
233}
234
235sup {
236  top: -0.5em;
237}
238
239/*
2401. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2412. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
2423. Remove gaps between table borders by default.
243*/
244
245table {
246  text-indent: 0; /* 1 */
247  border-color: inherit; /* 2 */
248  border-collapse: collapse; /* 3 */
249}
250
251/*
2521. Change the font styles in all browsers.
2532. Remove the margin in Firefox and Safari.
2543. Remove default padding in all browsers.
255*/
256
257button,
258input,
259select,
260textarea {
261  font-family: inherit; /* 1 */
262  font-feature-settings: inherit; /* 1 */
263  font-variation-settings: inherit; /* 1 */
264  font-size: 100%; /* 1 */
265  font-weight: inherit; /* 1 */
266  line-height: inherit; /* 1 */
267  letter-spacing: inherit; /* 1 */
268  color: inherit; /* 1 */
269  margin: 0; /* 2 */
270  padding: 0; /* 3 */
271}
272
273/*
274Remove the inheritance of text transform in Edge and Firefox.
275*/
276
277button,
278select {
279  text-transform: none;
280}
281
282/*
2831. Correct the inability to style clickable types in iOS and Safari.
2842. Remove default button styles.
285*/
286
287button,
288input:where([type='button']),
289input:where([type='reset']),
290input:where([type='submit']) {
291  -webkit-appearance: button; /* 1 */
292  background-color: transparent; /* 2 */
293  background-image: none; /* 2 */
294}
295
296/*
297Use the modern Firefox focus style for all focusable elements.
298*/
299
300:-moz-focusring {
301  outline: auto;
302}
303
304/*
305Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
306*/
307
308:-moz-ui-invalid {
309  box-shadow: none;
310}
311
312/*
313Add the correct vertical alignment in Chrome and Firefox.
314*/
315
316/*
317Correct the cursor style of increment and decrement buttons in Safari.
318*/
319
320::-webkit-inner-spin-button,
321::-webkit-outer-spin-button {
322  height: auto;
323}
324
325/*
3261. Correct the odd appearance in Chrome and Safari.
3272. Correct the outline style in Safari.
328*/
329
330[type='search'] {
331  -webkit-appearance: textfield; /* 1 */
332  outline-offset: -2px; /* 2 */
333}
334
335/*
336Remove the inner padding in Chrome and Safari on macOS.
337*/
338
339::-webkit-search-decoration {
340  -webkit-appearance: none;
341}
342
343/*
3441. Correct the inability to style clickable types in iOS and Safari.
3452. Change font properties to `inherit` in Safari.
346*/
347
348::-webkit-file-upload-button {
349  -webkit-appearance: button; /* 1 */
350  font: inherit; /* 2 */
351}
352
353/*
354Add the correct display in Chrome and Safari.
355*/
356
357summary {
358  display: list-item;
359}
360
361/*
362Removes the default spacing and border for appropriate elements.
363*/
364
365
366dl,
367h1,
368h2,
369h3,
370h4,
371hr,
372p {
373  margin: 0;
374}
375
376ol,
377ul {
378  list-style: none;
379  margin: 0;
380  padding: 0;
381}
382
383/*
384Reset default styling for dialogs.
385*/
386dialog {
387  padding: 0;
388}
389
390/*
391Prevent resizing textareas horizontally by default.
392*/
393
394textarea {
395  resize: vertical;
396}
397
398/*
3991. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
4002. Set the default placeholder color to the user's configured gray 400 color.
401*/
402
403input::placeholder,
404textarea::placeholder {
405  opacity: 1; /* 1 */
406  color: #9ca3af; /* 2 */
407}
408
409/*
410Set the default cursor for buttons.
411*/
412
413button,
414[role="button"] {
415  cursor: pointer;
416}
417
418/*
419Make sure disabled buttons don't get the pointer cursor.
420*/
421:disabled {
422  cursor: default;
423}
424
425/*
4261. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
4272. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/je
427nsimmons/cssremedy/issues/14#issuecomment-634934210)
428   This can trigger a poorly considered lint error in some tools but is included by design.
429*/
430
431img,
432svg,
433video,
434audio,
435iframe,
436embed,
437object {
438  display: block; /* 1 */
439  vertical-align: middle; /* 2 */
440}
441
442/*
443Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
444*/
445
446img,
447video {
448  max-width: 100%;
449  height: auto;
450}
451
452/* Make elements with the HTML hidden attribute stay hidden by default */
453[hidden]:where(:not([hidden="until-found"])) {
454  display: none;
455}
456.visible {
457  visibility: visible;
458}
459.collapse {
460  visibility: collapse;
461}
462.static {
463  position: static;
464}
465.fixed {
466  position: fixed;
467}
468.absolute {
469  position: absolute;
470}
471.relative {
472  position: relative;
473}
474.inset-0 {
475  inset: 0;
476}
477.-left-25 {
478  left: -25px;
479}
480.-top-15 {
481  top: -15px;
482}
483.bottom-0 {
484  bottom: 0;
485}
486.bottom-10 {
487  bottom: 10px;
488}
489.bottom-15 {
490  bottom: 15px;
491}
492.bottom-m10 {
493  bottom: -10px;
494}
495.left-0 {
496  left: 0;
497}
498.left-20 {
499  left: 20px;
500}
501.left-37p {
502  left: 37%;
503}
504.left-50p {
505  left: 50%;
506}
507.right-0 {
508  right: 0;
509}
510.right-15 {
511  right: 15px;
512}
513.right-20 {
514  right: 20px;
515}
516.right-25 {
517  right: 25px;
518}
519.right-30 {
520  right: 30px;
521}
522.top-0 {
523  top: 0;
524}
525.top-10 {
526  top: 10px;
527}
528.top-100 {
529  top: 100px;
530}
531.top-15 {
532  top: 15px;
533}
534.top-150 {
535  top: 150px;
536}
537.top-2 {
538  top: 2px;
539}
540.top-20 {
541  top: 20px;
542}
543.top-25 {
544  top: 25px;
545}
546.top-30 {
547  top: 30px;
548}
549.top-50 {
550  top: 50px;
551}
552.top-58 {
553  top: 58px;
554}
555.top-73 {
556  top: 73px;
557}
558.top-m8 {
559  top: -8px;
560}
561.z-1 {
562  z-index: 1;
563}
564.z-99 {
565  z-index: 99;
566}
567.z-auto {
568  z-index: auto;
569}
570.float-right {
571  float: right;
572}
573.float-left {
574  float: left;
575}
576.clear-both {
577  clear: both;
578}
579.m-10 {
580  margin: 10px;
581}
582.m-auto {
583  margin: auto;
584}
585.-mx-10 {
586  margin-left: -10px;
587  margin-right: -10px;
588}
589.mx-5 {
590  margin-left: 5px;
591  margin-right: 5px;
592}
593.mx-auto {
594  margin-left: auto;
595  margin-right: auto;
596}
597.mx-m15 {
598  margin-left: -15px;
599  margin-right: -15px;
600}
601.my-0 {
602  margin-top: 0px;
603  margin-bottom: 0px;
604}
605.my-10 {
606  margin-top: 10px;
607  margin-bottom: 10px;
608}
609.my-15 {
610  margin-top: 15px;
611  margin-bottom: 15px;
612}
613.my-20 {
614  margin-top: 20px;
615  margin-bottom: 20px;
616}
617.my-25 {
618  margin-top: 25px;
619  margin-bottom: 25px;
620}
621.my-5 {
622  margin-top: 5px;
623  margin-bottom: 5px;
624}
625.-mb-70 {
626  margin-bottom: -70px;
627}
628.mb-0 {
629  margin-bottom: 0px;
630}
631.mb-10 {
632  margin-bottom: 10px;
633}
634.mb-11 {
635  margin-bottom: 11px;
636}
637.mb-15 {
638  margin-bottom: 15px;
639}
640.mb-20 {
641  margin-bottom: 20px;
642}
643.mb-25 {
644  margin-bottom: 25px;
645}
646.mb-3 {
647  margin-bottom: 3px;
648}
649.mb-30 {
650  margin-bottom: 30px;
651}
652.mb-5 {
653  margin-bottom: 5px;
654}
655.mb-50 {
656  margin-bottom: 50px;
657}
658.mb-7 {
659  margin-bottom: 7px;
660}
661.mb-auto {
662  margin-bottom: auto;
663}
664.ml-0 {
665  margin-left: 0px;
666}
667.ml-10 {
668  margin-left: 10px;
669}
670.ml-20 {
671  margin-left: 20px;
672}
673.ml-3 {
674  margin-left: 3px;
675}
676.ml-4 {
677  margin-left: 4px;
678}
679.ml-60 {
680  margin-left: 60px;
681}
682.ml-auto {
683  margin-left: auto;
684}
685.ml-m10 {
686  margin-left: -10px;
687}
688.ml-m15 {
689  margin-left: -15px;
690}
691.ml-m3p {
692  margin-left: -3%;
693}
694.mr-0 {
695  margin-right: 0px;
696}
697.mr-10 {
698  margin-right: 10px;
699}
700.mr-11 {
701  margin-right: 11px;
702}
703.mr-15 {
704  margin-right: 15px;
705}
706.mr-25 {
707  margin-right: 25px;
708}
709.mr-30 {
710  margin-right: 30px;
711}
712.mr-4 {
713  margin-right: 4px;
714}
715.mr-5 {
716  margin-right: 5px;
717}
718.mr-auto {
719  margin-right: auto;
720}
721.mr-m10 {
722  margin-right: -10px;
723}
724.mr-m15 {
725  margin-right: -15px;
726}
727.mr-m3p {
728  margin-right: -3%;
729}
730.mt-0 {
731  margin-top: 0px;
732}
733.mt-10 {
734  margin-top: 10px;
735}
736.mt-13 {
737  margin-top: 13px;
738}
739.mt-14 {
740  margin-top: 14px;
741}
742.mt-15 {
743  margin-top: 15px;
744}
745.mt-16 {
746  margin-top: 16px;
747}
748.mt-20 {
749  margin-top: 20px;
750}
751.mt-25 {
752  margin-top: 25px;
753}
754.mt-30 {
755  margin-top: 30px;
756}
757.mt-32 {
758  margin-top: 32px;
759}
760.mt-40 {
761  margin-top: 40px;
762}
763.mt-5 {
764  margin-top: 5px;
765}
766.mt-50 {
767  margin-top: 50px;
768}
769.mt-55 {
770  margin-top: 55px;
771}
772.mt-m24 {
773  margin-top: -24px;
774}
775.block {
776  display: block;
777}
778.inline-block {
779  display: inline-block;
780}
781.inline {
782  display: inline;
783}
784.flex {
785  display: flex;
786}
787.inline-flex {
788  display: inline-flex;
789}
790.table {
791  display: table;
792}
793.grid {
794  display: grid;
795}
796.contents {
797  display: contents;
798}
799.hidden {
800  display: none;
801}
802.h-100 {
803  height: 100px;
804}
805.h-120 {
806  height: 120px;
807}
808.h-19 {
809  height: 19px;
810}
811.h-220 {
812  height: 220px;
813}
814.h-28 {
815  height: 28px;
816}
817.h-30 {
818  height: 30px;
819}
820.h-31 {
821  height: 31px;
822}
823.h-40 {
824  height: 40px;
825}
826.h-45 {
827  height: 45px;
828}
829.h-48 {
830  height: 48px;
831}
832.h-60 {
833  height: 60px;
834}
835.h-auto {
836  height: auto;
837}
838.h-unset {
839  height: unset;
840}
841.max-h-0 {
842  max-height: 0;
843}
844.max-h-400 {
845  max-height: 400px;
846}
847.max-h-600 {
848  max-height: 600px;
849}
850.max-h-695 {
851  max-height: 695px;
852}
853.min-h-105 {
854  min-height: 105px;
855}
856.min-h-325 {
857  min-height: 325px;
858}
859.min-h-568 {
860  min-height: 568px;
861}
862.min-h-90 {
863  min-height: 90px;
864}
865.w-100 {
866  width: 100px;
867}
868.w-109 {
869  width: 109px;
870}
871.w-110 {
872  width: 110px;
873}
874.w-117 {
875  width: 117px;
876}
877.w-120 {
878  width: 120px;
879}
880.w-126 {
881  width: 126px;
882}
883.w-136 {
884  width: 136px;
885}
886.w-15 {
887  width: 15px;
888}
889.w-150 {
890  width: 150px;
891}
892.w-152 {
893  width: 152px;
894}
895.w-160 {
896  width: 160px;
897}
898.w-162 {
899  width: 162px;
900}
901.w-166 {
902  width: 166px;
903}
904.w-180 {
905  width: 180px;
906}
907.w-200 {
908  width: 200px;
909}
910.w-210 {
911  width: 210px;
912}
913.w-214 {
914  width: 214px;
915}
916.w-22 {
917  width: 22px;
918}
919.w-222 {
920  width: 222px;
921}
922.w-24p {
923  width: 24%;
924}
925.w-300 {
926  width: 300px;
927}
928.w-320 {
929  width: 320px;
930}
931.w-366 {
932  width: 366px;
933}
934.w-38p {
935  width: 38%;
936}
937.w-40p {
938  width: 40%;
939}
940.w-45 {
941  width: 45px;
942}
943.w-49p {
944  width: 49%;
945}
946.w-50p {
947  width: 50%;
948}
949.w-58p {
950  width: 58%;
951}
952.w-60p {
953  width: 60%;
954}
955.w-65p {
956  width: 65%;
957}
958.w-68 {
959  width: 68px;
960}
961.w-70 {
962  width: 70px;
963}
964.w-846 {
965  width: 846px;
966}
967.w-86 {
968  width: 86px;
969}
970.w-89 {
971  width: 89px;
972}
973.w-95 {
974  width: 95px;
975}
976.w-auto {
977  width: auto;
978}
979.w-full {
980  width: 100%;
981}
982.max-w-full {
983  max-width: 100%;
984}
985.grow {
986  flex-grow: 1;
987}
988.border-separate {
989  border-collapse: separate;
990}
991.-translate-x-50p {
992  --tw-translate-x: -50%;
993  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
994}
995.transform {
996  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
997}
998.cursor-auto {
999  cursor: auto;
1000}
1001.cursor-default {
1002  cursor: default;
1003}
1004.cursor-pointer {
1005  cursor: pointer;
1006}
1007.resize {
1008  resize: both;
1009}
1010.list-none {
1011  list-style-type: none;
1012}
1013.flex-row {
1014  flex-direction: row;
1015}
1016.flex-col {
1017  flex-direction: column;
1018}
1019.flex-col-reverse {
1020  flex-direction: column-reverse;
1021}
1022.flex-wrap {
1023  flex-wrap: wrap;
1024}
1025.items-start {
1026  align-items: flex-start;
1027}
1028.items-end {
1029  align-items: flex-end;
1030}
1031.items-center {
1032  align-items: center;
1033}
1034.items-baseline {
1035  align-items: baseline;
1036}
1037.justify-start {
1038  justify-content: flex-start;
1039}
1040.justify-end {
1041  justify-content: flex-end;
1042}
1043.justify-center {
1044  justify-content: center;
1045}
1046.justify-between {
1047  justify-content: space-between;
1048}
1049.justify-around {
1050  justify-content: space-around;
1051}
1052.justify-evenly {
1053  justify-content: space-evenly;
1054}
1055.gap-4 {
1056  gap: 24px;
1057}
1058.overflow-auto {
1059  overflow: auto;
1060}
1061.overflow-hidden {
1062  overflow: hidden;
1063}
1064.overflow-y-auto {
1065  overflow-y: auto;
1066}
1067.overflow-x-hidden {
1068  overflow-x: hidden;
1069}
1070.overflow-y-scroll {
1071  overflow-y: scroll;
1072}
1073.whitespace-nowrap {
1074  white-space: nowrap;
1075}
1076.break-all {
1077  word-break: break-all;
1078}
1079.rounded-10 {
1080  border-radius: 10px;
1081}
1082.rounded-20 {
1083  border-radius: 20px;
1084}
1085.rounded-4 {
1086  border-radius: 4px;
1087}
1088.rounded-5 {
1089  border-radius: 5px;
1090}
1091.rounded-6 {
1092  border-radius: 6px;
1093}
1094.rounded-t-none {
1095  border-top-left-radius: 0px;
1096  border-top-right-radius: 0px;
1097}
1098.rounded-tl-10 {
1099  border-top-left-radius: 10px;
1100}
1101.rounded-tr-10 {
1102  border-top-right-radius: 10px;
1103}
1104.border-0 {
1105  border-width: 0;
1106}
1107.border-1 {
1108  border-width: 1px;
1109}
1110.border-5 {
1111  border-width: 5px;
1112}
1113.border-b-2 {
1114  border-bottom-width: 2px;
1115}
1116.border-l-2 {
1117  border-left-width: 2px;
1118}
1119.border-t-0 {
1120  border-top-width: 0;
1121}
1122.border-solid {
1123  border-style: solid;
1124}
1125.border-blue-dark {
1126  --tw-border-opacity: 1;
1127  border-color: rgb(0 112 193 / var(--tw-border-opacity, 1));
1128}
1129.border-blue-darker {
1130  --tw-border-opacity: 1;
1131  border-color: rgb(0 105 166 / var(--tw-border-opacity, 1));
1132}
1133.border-blue-link1 {
1134  --tw-border-opacity: 1;
1135  border-color: rgb(0 112 192 / var(--tw-border-opacity, 1));
1136}
1137.border-blue-menu {
1138  --tw-border-opacity: 1;
1139  border-color: rgb(15 89 153 / var(--tw-border-opacity, 1));
1140}
1141.border-gray-darker {
1142  --tw-border-opacity: 1;
1143  border-color: rgb(90 90 90 / var(--tw-border-opacity, 1));
1144}
1145.border-gray-light {
1146  --tw-border-opacity: 1;
1147  border-color: rgb(230 230 230 / var(--tw-border-opacity, 1));
1148}
1149.border-gray-light2 {
1150  --tw-border-opacity: 1;
1151  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
1152}
1153.border-textbox-border {
1154  --tw-border-opacity: 1;
1155  border-color: rgb(213 230 209 / var(--tw-border-opacity, 1));
1156}
1157.border-white {
1158  --tw-border-opacity: 1;
1159  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1160}
1161.bg-blue-dark {
1162  --tw-bg-opacity: 1;
1163  background-color: rgb(0 112 193 / var(--tw-bg-opacity, 1));
1164}
1165.bg-blue-dark-btn {
1166  --tw-bg-opacity: 1;
1167  background-color: rgb(0 81 149 / var(--tw-bg-opacity, 1));
1168}
1169.bg-blue-darker {
1170  --tw-bg-opacity: 1;
1171  background-color: rgb(0 105 166 / var(--tw-bg-opacity, 1));
1172}
1173.bg-blue-light {
1174  --tw-bg-opacity: 1;
1175  background-color: rgb(93 172 239 / var(--tw-bg-opacity, 1));
1176}
1177.bg-blue-lightest {
1178  --tw-bg-opacity: 1;
1179  background-color: rgb(231 247 253 / var(--tw-bg-opacity, 1));
1180}
1181.bg-blue-link2 {
1182  --tw-bg-opacity: 1;
1183  background-color: rgb(0 50 131 / var(--tw-bg-opacity, 1));
1184}
1185.bg-gray-silver {
1186  --tw-bg-opacity: 1;
1187  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
1188}
1189.bg-gray1 {
1190  --tw-bg-opacity: 1;
1191  background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1));
1192}
1193.bg-white {
1194  --tw-bg-opacity: 1;
1195  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1196}
1197.bg-white-light {
1198  --tw-bg-opacity: 1;
1199  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
1200}
1201.bg-buyNow {
1202  background-image: url('https://images.ctfassets.net/peceku0c8uzu/1ncsF5n9b6nqXNBuTqs2LR/e466a22621c9d22dcb3b187cc7752579/Puffs_BIN-Popup_BackgroundplusDividers.jpg?fm=webp');
1203}
1204.bg-no-repeat {
1205  background-repeat: no-repeat;
1206}
1207.p-0 {
1208  padding: 0px;
1209}
1210.p-10 {
1211  padding: 10px;
1212}
1213.p-15 {
1214  padding: 15px;
1215}
1216.p-20 {
1217  padding: 20px;
1218}
1219.p-3p {
1220  padding: 3%;
1221}
1222.px-0 {
1223  padding-left: 0px;
1224  padding-right: 0px;
1225}
1226.px-10 {
1227  padding-left: 10px;
1228  padding-right: 10px;
1229}
1230.px-15 {
1231  padding-left: 15px;
1232  padding-right: 15px;
1233}
1234.px-2 {
1235  padding-left: 2px;
1236  padding-right: 2px;
1237}
1238.px-20 {
1239  padding-left: 20px;
1240  padding-right: 20px;
1241}
1242.px-25 {
1243  padding-left: 25px;
1244  padding-right: 25px;
1245}
1246.px-26 {
1247  padding-left: 26px;
1248  padding-right: 26px;
1249}
1250.px-3 {
1251  padding-left: 3px;
1252  padding-right: 3px;
1253}
1254.px-40 {
1255  padding-left: 40px;
1256  padding-right: 40px;
1257}
1258.px-50 {
1259  padding-left: 50px;
1260  padding-right: 50px;
1261}
1262.px-6 {
1263  padding-left: 6px;
1264  padding-right: 6px;
1265}
1266.px-7 {
1267  padding-left: 7px;
1268  padding-right: 7px;
1269}
1270.px-8 {
1271  padding-left: 8px;
1272  padding-right: 8px;
1273}
1274.px-9 {
1275  padding-left: 9px;
1276  padding-right: 9px;
1277}
1278.py-0 {
1279  padding-top: 0px;
1280  padding-bottom: 0px;
1281}
1282.py-10 {
1283  padding-top: 10px;
1284  padding-bottom: 10px;
1285}
1286.py-11 {
1287  padding-top: 11px;
1288  padding-bottom: 11px;
1289}
1290.py-15 {
1291  padding-top: 15px;
1292  padding-bottom: 15px;
1293}
1294.py-18 {
1295  padding-top: 18px;
1296  padding-bottom: 18px;
1297}
1298.py-2 {
1299  padding-top: 2px;
1300  padding-bottom: 2px;
1301}
1302.py-20 {
1303  padding-top: 20px;
1304  padding-bottom: 20px;
1305}
1306.py-25 {
1307  padding-top: 25px;
1308  padding-bottom: 25px;
1309}
1310.py-3 {
1311  padding-top: 3px;
1312  padding-bottom: 3px;
1313}
1314.py-30 {
1315  padding-top: 30px;
1316  padding-bottom: 30px;
1317}
1318.py-4 {
1319  padding-top: 4px;
1320  padding-bottom: 4px;
1321}
1322.py-40 {
1323  padding-top: 40px;
1324  padding-bottom: 40px;
1325}
1326.py-5 {
1327  padding-top: 5px;
1328  padding-bottom: 5px;
1329}
1330.py-7 {
1331  padding-top: 7px;
1332  padding-bottom: 7px;
1333}
1334.pb-0 {
1335  padding-bottom: 0px;
1336}
1337.pb-10 {
1338  padding-bottom: 10px;
1339}
1340.pb-15 {
1341  padding-bottom: 15px;
1342}
1343.pb-2 {
1344  padding-bottom: 2px;
1345}
1346.pb-20 {
1347  padding-bottom: 20px;
1348}
1349.pb-30 {
1350  padding-bottom: 30px;
1351}
1352.pb-35 {
1353  padding-bottom: 35px;
1354}
1355.pb-4 {
1356  padding-bottom: 4px;
1357}
1358.pb-5 {
1359  padding-bottom: 5px;
1360}
1361.pb-50 {
1362  padding-bottom: 50px;
1363}
1364.pl-0 {
1365  padding-left: 0px;
1366}
1367.pl-10 {
1368  padding-left: 10px;
1369}
1370.pl-15 {
1371  padding-left: 15px;
1372}
1373.pl-2 {
1374  padding-left: 2px;
1375}
1376.pl-20 {
1377  padding-left: 20px;
1378}
1379.pl-30 {
1380  padding-left: 30px;
1381}
1382.pl-4 {
1383  padding-left: 4px;
1384}
1385.pl-40 {
1386  padding-left: 40px;
1387}
1388.pl-5 {
1389  padding-left: 5px;
1390}
1391.pl-60 {
1392  padding-left: 60px;
1393}
1394.pr-0 {
1395  padding-right: 0px;
1396}
1397.pr-10 {
1398  padding-right: 10px;
1399}
1400.pr-15 {
1401  padding-right: 15px;
1402}
1403.pr-2 {
1404  padding-right: 2px;
1405}
1406.pr-20 {
1407  padding-right: 20px;
1408}
1409.pr-30 {
1410  padding-right: 30px;
1411}
1412.pr-5 {
1413  padding-right: 5px;
1414}
1415.pt-0 {
1416  padding-top: 0px;
1417}
1418.pt-10 {
1419  padding-top: 10px;
1420}
1421.pt-12 {
1422  padding-top: 12px;
1423}
1424.pt-14 {
1425  padding-top: 14px;
1426}
1427.pt-15 {
1428  padding-top: 15px;
1429}
1430.pt-18vw {
1431  padding-top: 18vw;
1432}
1433.pt-2 {
1434  padding-top: 2px;
1435}
1436.pt-20 {
1437  padding-top: 20px;
1438}
1439.pt-25 {
1440  padding-top: 25px;
1441}
1442.pt-28 {
1443  padding-top: 28px;
1444}
1445.pt-3 {
1446  padding-top: 3px;
1447}
1448.pt-30 {
1449  padding-top: 30px;
1450}
1451.pt-4 {
1452  padding-top: 4px;
1453}
1454.pt-40 {
1455  padding-top: 40px;
1456}
1457.pt-5 {
1458  padding-top: 5px;
1459}
1460.pt-80 {
1461  padding-top: 80px;
1462}
1463.text-left {
1464  text-align: left;
1465}
1466.text-center {
1467  text-align: center;
1468}
1469.text-right {
1470  text-align: right;
1471}
1472.align-middle {
1473  vertical-align: middle;
1474}
1475.font-WorkSansItalic {
1476  font-family: work-sans-italic;
1477}
1478.font-WorkSansRegular {
1479  font-family: work-sans-regular;
1480}
1481.text-0 {
1482  font-size: 0;
1483}
1484.text-10 {
1485  font-size: 0.625rem;
1486}
1487.text-11 {
1488  font-size: 0.6875rem;
1489}
1490.text-12 {
1491  font-size: 0.75rem;
1492}
1493.text-13 {
1494  font-size: 0.8125rem;
1495}
1496.text-14 {
1497  font-size: 0.875rem;
1498}
1499.text-15 {
1500  font-size: 0.9375rem;
1501}
1502.text-16 {
1503  font-size: 1rem;
1504}
1505.text-17 {
1506  font-size: 1.0625rem;
1507}
1508.text-18 {
1509  font-size: 1.125rem;
1510}
1511.text-19 {
1512  font-size: 1.1875rem;
1513}
1514.text-20 {
1515  font-size: 1.25rem;
1516}
1517.text-21p {
1518  font-size: 21px;
1519}
1520.text-24 {
1521  font-size: 1.5rem;
1522}
1523.text-26 {
1524  font-size: 1.625rem;
1525}
1526.text-2p5vw {
1527  font-size: 2.5vw;
1528}
1529.text-30 {
1530  font-size: 1.875rem;
1531}
1532.text-38 {
1533  font-size: 2.375rem;
1534}
1535.text-4p5vw {
1536  font-size: 4.5vw;
1537}
1538.text-6 {
1539  font-size: 0.375rem;
1540}
1541.text-9 {
1542  font-size: 0.5625rem;
1543}
1544.font-500 {
1545  font-weight: 500;
1546}
1547.font-600 {
1548  font-weight: 600;
1549}
1550.font-bold {
1551  font-weight: 700;
1552}
1553.font-normal {
1554  font-weight: normal;
1555}
1556.uppercase {
1557  text-transform: uppercase;
1558}
1559.capitalize {
1560  text-transform: capitalize;
1561}
1562.italic {
1563  font-style: italic;
1564}
1565.leading-1017 {
1566  line-height: 1.17;
1567}
1568.leading-102 {
1569  line-height: 1.2;
1570}
1571.leading-1029 {
1572  line-height: 1.29;
1573}
1574.leading-103 {
1575  line-height: 1.3;
1576}
1577.leading-1043 {
1578  line-height: 1.43;
1579}
1580.leading-105 {
1581  line-height: 1.5;
1582}
1583.leading-1097 {
1584  line-height: 1.97;
1585}
1586.leading-13 {
1587  line-height: 13px;
1588}
1589.leading-14 {
1590  line-height: 14px;
1591}
1592.leading-17 {
1593  line-height: 17px;
1594}
1595.leading-18 {
1596  line-height: 18px;
1597}
1598.leading-20 {
1599  line-height: 20px;
1600}
1601.leading-26 {
1602  line-height: 26px;
1603}
1604.leading-28 {
1605  line-height: 28.8px;
1606}
1607.leading-30 {
1608  line-height: 30px;
1609}
1610.leading-tight {
1611  line-height: 1.13;
1612}
1613.leading-tighter {
1614  line-height: 1.36;
1615}
1616.tracking-1 {
1617  letter-spacing: 1px;
1618}
1619.tracking-11 {
1620  letter-spacing: -.11px;
1621}
1622.tracking-31 {
1623  letter-spacing: -.31px;
1624}
1625.tracking-34 {
1626  letter-spacing: -.34px;
1627}
1628.tracking-5 {
1629  letter-spacing: .5px;
1630}
1631.tracking-tight {
1632  letter-spacing: -.15px;
1633}
1634.text-backblue {
1635  --tw-text-opacity: 1;
1636  color: rgb(1 91 157 / var(--tw-text-opacity, 1));
1637}
1638.text-black {
1639  --tw-text-opacity: 1;
1640  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1641}
1642.text-blue {
1643  --tw-text-opacity: 1;
1644  color: rgb(0 104 167 / var(--tw-text-opacity, 1));
1645}
1646.text-blue-artcard {
1647  --tw-text-opacity: 1;
1648  color: rgb(13 108 166 / var(--tw-text-opacity, 1));
1649}
1650.text-blue-dark {
1651  --tw-text-opacity: 1;
1652  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
1653}
1654.text-blue-dark2 {
1655  --tw-text-opacity: 1;
1656  color: rgb(0 104 167 / var(--tw-text-opacity, 1));
1657}
1658.text-blue-dark3 {
1659  --tw-text-opacity: 1;
1660  color: rgb(0 107 175 / var(--tw-text-opacity, 1));
1661}
1662.text-blue-darker {
1663  --tw-text-opacity: 1;
1664  color: rgb(0 105 166 / var(--tw-text-opacity, 1));
1665}
1666.text-blue-darkest {
1667  --tw-text-opacity: 1;
1668  color: rgb(4 79 123 / var(--tw-text-opacity, 1));
1669}
1670.text-blue-link {
1671  --tw-text-opacity: 1;
1672  color: rgb(0 107 184 / var(--tw-text-opacity, 1));
1673}
1674.text-blue-link1 {
1675  --tw-text-opacity: 1;
1676  color: rgb(0 112 192 / var(--tw-text-opacity, 1));
1677}
1678.text-blue-link3 {
1679  --tw-text-opacity: 1;
1680  color: rgb(0 107 184 / var(--tw-text-opacity, 1));
1681}
1682.text-blue-menu {
1683  --tw-text-opacity: 1;
1684  color: rgb(15 89 153 / var(--tw-text-opacity, 1));
1685}
1686.text-blue-navy {
1687  --tw-text-opacity: 1;
1688  color: rgb(10 105 165 / var(--tw-text-opacity, 1));
1689}
1690.text-blue-pdp-desc {
1691  --tw-text-opacity: 1;
1692  color: rgb(34 69 129 / var(--tw-text-opacity, 1));
1693}
1694.text-blue1 {
1695  --tw-text-opacity: 1;
1696  color: rgb(35 106 164 / var(--tw-text-opacity, 1));
1697}
1698.text-blue2 {
1699  --tw-text-opacity: 1;
1700  color: rgb(0 112 192 / var(--tw-text-opacity, 1));
1701}
1702.text-blue3 {
1703  --tw-text-opacity: 1;
1704  color: rgb(13 108 166 / var(--tw-text-opacity, 1));
1705}
1706.text-couponsBlue {
1707  --tw-text-opacity: 1;
1708  color: rgb(0 60 165 / var(--tw-text-opacity, 1));
1709}
1710.text-gray {
1711  --tw-text-opacity: 1;
1712  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
1713}
1714.text-gray-dark {
1715  --tw-text-opacity: 1;
1716  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
1717}
1718.text-grey-medium {
1719  --tw-text-opacity: 1;
1720  color: rgb(167 169 172 / var(--tw-text-opacity, 1));
1721}
1722.text-red {
1723  --tw-text-opacity: 1;
1724  color: rgb(235 0 0 / var(--tw-text-opacity, 1));
1725}
1726.text-secondaryDarkBlue {
1727  --tw-text-opacity: 1;
1728  color: rgb(27 50 92 / var(--tw-text-opacity, 1));
1729}
1730.text-white {
1731  --tw-text-opacity: 1;
1732  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1733}
1734.underline {
1735  text-decoration-line: underline;
1736}
1737.no-underline {
1738  text-decoration-line: none;
1739}
1740.shadow-buyNow {
1741  --tw-shadow: 0 3px 7px rgba(0,0,0,.3);
1742  --tw-shadow-colored: 0 3px 7px var(--tw-shadow-color);
1743  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1744}
1745.shadow-card {
1746  --tw-shadow: 0 2px 7px #ccc;
1747  --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
1748  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1749}
1750.shadow-default {
1751  --tw-shadow: 0 1px 10px #ccc;
1752  --tw-shadow-colored: 0 1px 10px var(--tw-shadow-color);
1753  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1754}
1755.shadow-home {
1756  --tw-shadow: -6px 8px 6px #ccc;
1757  --tw-shadow-colored: -6px 8px 6px var(--tw-shadow-color);
1758  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1759}
1760.shadow-home-small {
1761  --tw-shadow: -2px 5px 6px #ccc;
1762  --tw-shadow-colored: -2px 5px 6px var(--tw-shadow-color);
1763  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1764}
1765.shadow-none {
1766  --tw-shadow: 0 0 #0000;
1767  --tw-shadow-colored: 0 0 #0000;
1768  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
1768dow);
1769}
1770.shadow-text-box {
1771  --tw-shadow: inset 0 1px 1px rgba(0,0,0,.075);
1772  --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color);
1773  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1774}
1775.blur {
1776  --tw-blur: blur(8px);
1777  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1778}
1779.drop-shadow-md {
1780  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
1781  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1782}
1783.filter {
1784  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1785}
1786.container {
1787  width: 100%;
1788}
1789@media (min-width: 320px) {
1790
1791  .container {
1792    max-width: 320px;
1793  }
1794}
1795@media (min-width: 768px) {
1796
1797  .container {
1798    max-width: 768px;
1799  }
1800}
1801@media (min-width: 1024px) {
1802
1803  .container {
1804    max-width: 1024px;
1805  }
1806}
1807.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
1808/* Work Sans fonts */
1809@font-face {
1810    font-family: 'work-sans-light';
1811    src:url('https://assets.ctfassets.net/peceku0c8uzu/1Br9gUJZALBAetaPGiSb9g/17a9c1442e37978a70e892a4b8cbe101/WorkSans-Light.woff2'),
1812        url('https://assets.ctfassets.net/peceku0c8uzu/gA2wYoZB5CvU3fn0NtE06/7f49552802e99587a263444a3b852050/WorkSans-Light.woff');
1813    font-weight: normal;
1814    font-style: normal;
1815    font-display: block;
1816}
1817@font-face {
1818    font-family: 'work-sans-regular';
1819    src:url('https://assets.ctfassets.net/peceku0c8uzu/3nle3q6mxGBwjNQ9fxDoq1/f8d5b904d12574ff715e780a4b0866a9/WorkSans-Regular.woff2'),
1820        url('https://assets.ctfassets.net/peceku0c8uzu/2hxmLc4MRPTVb0KEPKKFcN/c4c635db49f6512da1f8fba014d7c3df/WorkSans-Regular.woff');
1821    font-weight: normal;
1822    font-style: normal;
1823    font-display: block;
1824}
1825@font-face {
1826    font-family: 'work-sans-italic';
1827    src:url('https://assets.ctfassets.net/peceku0c8uzu/1UerhU3uxwBCOQQYb2yKwZ/c71b98b8caa6438730a3cf5354e15927/WorkSans-Italic-VariableFont_wght.woff2'),
1828        url('https://assets.ctfassets.net/peceku0c8uzu/5N8Du2gavuT3D0l6FwtgF5/c95627405972fccfc2b04465caa02672/WorkSans-Italic-VariableFont_wght.woff');
1829    font-weight: normal;
1830    font-style: normal;
1831    font-display: block;
1832}
1833@font-face {
1834    font-family: 'work-sans-500';
1835    src:url('https://assets.ctfassets.net/peceku0c8uzu/3dA5lsybE5xKxvTgDvbeQZ/479fcd0351be3e48e012f10593ec3876/WorkSans-Medium.woff2'),
1836        url('https://assets.ctfassets.net/peceku0c8uzu/6rBAbm7o7z6W9oOhOm90K7/d91b238e77d809f7907472ebaea2a290/WorkSans-Medium.woff');
1837    font-weight: normal;
1838    font-style: normal;
1839    font-display: block;
1840
1841}
1842@font-face {
1843    font-family: 'work-sans-500-italic';
1844    src:url('https://assets.ctfassets.net/peceku0c8uzu/F6CGh48rWYgUCsuob2vNm/939df35ad110c9ab626f4dbc5eb34f29/WorkSans-MediumItalic.woff2'),
1845        url('https://assets.ctfassets.net/peceku0c8uzu/5Jqeyhq7uCSgjYkkyqbDe6/12e40d84f3d724ac12a8748ebaa25d48/WorkSans-MediumItalic.woff');
1846    font-weight: normal;
1847    font-style: normal;
1848    font-display: block;
1849}
1850@font-face {
1851    font-family: 'work-sans-600';
1852    src:url('https://assets.ctfassets.net/peceku0c8uzu/7jrf8E8Rolac2cDOtaCqGk/d25f9b8047d871eb861f55fe5946ae93/WorkSans-SemiBold.woff2'),
1853        url('https://assets.ctfassets.net/peceku0c8uzu/2e0ISsjYhYGjNNFUqRlosd/eae48789ba76cae0245af92e36518944/WorkSans-SemiBold.woff');
1854    font-weight: normal;
1855    font-style: normal;
1856    font-display: block;
1857
1858}
1859@font-face {
1860    font-family: 'work-sans-700';
1861    src:url('https://assets.ctfassets.net/peceku0c8uzu/5Ohtld0BIhLMWK92Jgx2ui/be09c615d970bfc152abb4efb84f8c07/WorkSans-Bold.woff2'),
1862        url('https://assets.ctfassets.net/peceku0c8uzu/2Ul8Pf9Ppzbm93uu5jQ4hW/006525d2f795cf3090fba4d18823333a/WorkSans-Bold.woff');
1863    font-weight: normal;
1864    font-style: normal;
1865    font-display: block;
1866
1867}
1868/* CoreRhino fonts */
1869@font-face {
1870    font-family: 'core-rhino-45';
1871    src:url('https://assets.ctfassets.net/peceku0c8uzu/3papGvPR4bUD1Adk5ecLpX/1cc40c8389a86cafad6524b473c990c7/CoreRhino45Regular.woff2'),
1872        url('https://assets.ctfassets.net/peceku0c8uzu/5ysBMslqKyIvCUavLXYji1/79efe27b4eb4a8ea0b9db9f78108fca0/CoreRhino45Regular.woff');
1873    font-weight: normal;
1874    font-style: normal;
1875    font-display: block;
1876}
1877@font-face {
1878    font-family: 'core-rhino-55';
1879    src:url('https://assets.ctfassets.net/peceku0c8uzu/7fFuwYV7OmjtAUyiE6DmHG/8b2f5132c1de88856d00ec4f6df8bd0d/CoreRhino55Medium.woff2'),
1880        url('https://assets.ctfassets.net/peceku0c8uzu/57T2czRQDhy7GXqaL4RITH/4130b9a0f1a856cf8f4ce2f9e240b6cd/CoreRhino55Medium.woff');
1881    font-weight: normal;
1882    font-style: normal;
1883    font-display: block;
1884}
1885@font-face {
1886    font-family: 'core-rhino-65';
1887    src:url('https://assets.ctfassets.net/peceku0c8uzu/2yv9KBrxmyRsoZVtYSiyEK/34a1769f1f78b8941790458fd65df224/CoreRhino65Bold.woff2'),
1888        url('https://assets.ctfassets.net/peceku0c8uzu/e8Z2kYz6209RxBRVWszSO/4e3f5b6494ddc573af7ea8bb40d51cf9/CoreRhino65Bold.woff');
1889    font-weight: normal;
1890    font-style: normal;
1891    font-display: block;
1892}
1893@font-face {
1894    font-family: 'core-rhino-75';
1895    src:url('https://assets.ctfassets.net/peceku0c8uzu/ZvdvCLoHDufGU9z5AxPqH/d503fd937a928b9c1f70416a886a0b4e/CoreRhino75Heavy.woff2'),
1896        url('https://assets.ctfassets.net/peceku0c8uzu/7KEGRFKTQnbsw0D0n1LSpe/a873de69c0e89acc16a33e208b672bc1/CoreRhino75Heavy.woff');
1897    font-weight: normal;
1898    font-style: normal;
1899    font-display: block;
1900}
1901@font-face {
1902    font-family: 'core-rhino-65-italic';
1903    src:url('https://assets.ctfassets.net/peceku0c8uzu/1G3n5LVxRO3r621kNK6w0J/c06961bbd6f5b3af506dc6f9727027b9/CoreRhino65Bold-Italic.woff2'),
1904        url('https://assets.ctfassets.net/peceku0c8uzu/42WYzUUGwgeeBs6y9eKgxr/0e5da85788c030b6523c2db810010577/CoreRhino65Bold-Italic.woff');
1905    font-weight: normal;
1906    font-style: normal;
1907    font-display: block;
1908}
1909
1910@font-face {
1911    font-family: 'Quicksand-Medium';
1912    src: url('https://assets.ctfassets.net/peceku0c8uzu/5dF9mK4WDOx1icRerupK6d/a9e0757e0e50f6cbd8e7bcbdc5111ee7/Quicksand-Medium.woff2')
1913            format('woff2'),
1914        url('https://assets.ctfassets.net/peceku0c8uzu/788XQwo0dTksPtq7m5KHNC/c97f6d1bdb2572300a892f7828f7ca03/Quicksand-Medium.woff')
1915            format('woff');
1916    font-weight: 500;
1917    font-style: normal;
1918    font-display: swap;
1919}
1920@font-face {
1921    font-family: 'nunito-regular';
1922    src: url('https://assets.ctfassets.net/peceku0c8uzu/IulCfC5jJGzF59acnwR4a/62ced89914df5f078fa0db3aab5a69c2/nunito-regular.woff'),
1923        url('https://assets.ctfassets.net/peceku0c8uzu/3zEAjsfHyBPbZc1w23z5wB/d5d431686a8bc42b6130e725422c4adb/nunito-regular.woff2');
1924    font-weight: normal;
1925    font-style: normal;
1926}
1927@font-face {
1928    font-family: 'nunito-900';
1929    src: url('https://assets.ctfassets.net/peceku0c8uzu/7vF2snmymTmQJIiQ2NEwgA/4e1e52cdff3bd36d16e918764ad283e5/nu
1929nito-900.woff'),
1930        url('https://assets.ctfassets.net/peceku0c8uzu/5TSh9TtLiYSm43dRIGQk1w/c95f5bf617aad1f97119f6cb5fa6430e/nunito-900.woff2');
1931    font-weight: normal;
1932    font-style: normal;
1933}
1934@font-face {
1935    font-family: 'nunito-800';
1936    src: url('https://assets.ctfassets.net/peceku0c8uzu/61KqGgH6l6hxubw5RpFEX/c6feb152dd2c9e7a6dfb668fda89a9c2/nunito-800.woff'),
1937        url('https://assets.ctfassets.net/peceku0c8uzu/1C0QPNubqCcTgbspudYRdy/94bfa33f8c4d74238b576c69a1f011cf/nunito-800.woff2');
1938    font-weight: normal;
1939    font-style: normal;
1940}
1941@font-face {
1942    font-family: 'nunito-700';
1943    src: url('https://assets.ctfassets.net/peceku0c8uzu/fKBZG1oecYXYJjKtXxQy3/97ce9a4b63e10f643e5cb2c78cee9037/nunito-700.woff'),
1944        url('https://assets.ctfassets.net/peceku0c8uzu/49rlFm4NyTqv594MRLIClC/21b1d54f88c540ce8a1c32be542f88bf/nunito-700.woff2');
1945    font-weight: normal;
1946    font-style: normal;
1947}
1948@font-face {
1949    font-family: 'nunito-600';
1950    src: url('https://assets.ctfassets.net/peceku0c8uzu/0ApTEDxPrKcj2q6B6pRDJ/706415d0205626162e1f7b8ade7938c8/nunito-600.woff'),
1951        url('https://assets.ctfassets.net/peceku0c8uzu/7ESy0YOOsKDoHgqjFqGyHs/3a7e0d23cbd4b91b3f916f80074ed53f/nunito-600.woff2');
1952    font-weight: normal;
1953    font-style: normal;
1954}
1955
1956@font-face {
1957    font-family: 'nunito-700-italic';
1958    src: url('https://assets.ctfassets.net/peceku0c8uzu/1oZWVx6qxvPtvi5f8uEAnX/49ce7e39cfd37c0a51637a7164de4394/nunito-700italic.woff'),
1959        url('https://assets.ctfassets.net/peceku0c8uzu/2WQwnCNZ08qHgpU6jd58YH/987875360a5beec2db613cb9878ad192/nunito-700italic.woff2');
1960    font-weight: normal;
1961    font-style: normal;
1962}
1963@font-face {
1964    font-family: 'nunito-800-italic';
1965    src: url('https://assets.ctfassets.net/peceku0c8uzu/7F9kvBvaKVYh1Xwae1MVjY/9382846818bfb9387e551b951cae586c/nunito-800italic.woff'),
1966        url('https://assets.ctfassets.net/peceku0c8uzu/7yFHLk3rFEP3hCvlYnelhp/ddebd897625e926dfbae99fb82c999e3/nunito-800italic.woff2');
1967    font-weight: normal;
1968    font-style: normal;
1969}
1970@font-face {
1971    font-family: 'nunito-900-italic';
1972    src: url('https://assets.ctfassets.net/peceku0c8uzu/ac6uQ1HS1Ce7QFUnpVACr/7b0eec8f2b4fef8d458e132331646a1a/nunito-900italic.woff'),
1973        url('https://assets.ctfassets.net/peceku0c8uzu/1hrI8sTRlAdjIXxAx7u1MM/a892a39b598e13797ed3a10cdaa6df0e/nunito-900italic.woff2');
1974    font-weight: normal;
1975    font-style: normal;
1976}
1977
1978body {
1979  background-image: url('https://images.ctfassets.net/peceku0c8uzu/8fh8uabqkRICSnL7Yc9kS/67f7fbabfbf068b7ae7df286fb4f2d22/Header_BG2.png?fm=webp');
1980  background-size: 100% 37%;
1981  background-repeat: no-repeat;
1982  font-family: Quicksand-Medium;
1983  --tw-text-opacity: 1;
1984  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
1985}
1986
1987.skip-link {
1988  position: absolute;
1989  border-radius: 5px;
1990  border-width: 0;
1991  border-style: solid;
1992  --tw-border-opacity: 1;
1993  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
1994  --tw-bg-opacity: 1;
1995  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1996  padding-left: 10px;
1997  padding-right: 10px;
1998  padding-top: 3px;
1999  padding-bottom: 3px;
2000  text-align: center;
2001  font-family: Quicksand-Medium;
2002  font-size: 0.875rem;
2003    z-index: 9999;
2004    transform: translateY(-150%);
2005    left: 10px;
2006    top: 10px;
2007}
2008
2009.skip-link:focus {
2010  position: fixed;
2011  margin-top: 45px;
2012  cursor: pointer;
2013  outline: 2px solid transparent;
2014  outline-offset: 2px;
2015}
2016
2017.pageWrapper {
2018  margin-left: auto;
2019  margin-right: auto;
2020  padding-left: 15px;
2021  padding-right: 15px;
2022}
2023
2024.couponWidgetContainer {
2025  margin-left: auto;
2026  margin-right: auto;
2027  margin-top: 5%;
2028  margin-bottom: 5%;
2029  padding-left: 15px;
2030  padding-right: 15px;
2031}
2032
2033.youtube-icon {
2034    left: calc(50% - 25px);
2035    top: calc(50% - 24px);
2036    border: none;
2037}
2038.linkSection a:nth-of-type(1) img {
2039    height: 22px;
2040}
2041.linkSection a:nth-of-type(2) img {
2042    width: 39px;
2043    height: 28px;
2044}
2045.linkSection a:nth-of-type(3) img {
2046    width: 39px;
2047    height: 28px;
2048}
2049.linkSection a:nth-of-type(4) img {
2050    width: 35px;
2051    height: 25px;
2052}
2053.linkSection a {
2054  display: flex;
2055  height: 14px;
2056  align-items: center;
2057  border-left-width: 0;
2058  --tw-border-opacity: 1;
2059  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
2060  padding-left: 17px;
2061  padding-right: 17px;
2062}
2063@media (max-width: 767px) {
2064    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.linkSection a.justify-center.items-center.uppercase.undefined.event_internal_link{
2065        margin-bottom: -15px;
2066    }
2067    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.linkSection a.uppercase.undefined.event_internal_link{
2068        margin-bottom: -15px;
2069    }
2070}
2071.linkSection a:first-child {
2072  border-left-width: 0;
2073}
2074.bbbLogo a img {
2075    width: 94px;
2076    height: 18px;
2077}
2078@media (min-width: 1024px) {
2079    .bbbLogo a img {
2080        width: 154px;
2081        height: 30px;
2082    }
2083}
2084.relatedBrandWrapper .list .listItemIcons:last-child {
2085  border-width: 0;
2086}
2087.relatedBrandWrapper .list .listItemIcons .link a img {
2088  width: 60px;
2089}
2090@media (min-width: 1024px) {
2091    .imgWrap img {
2092    border-radius: 20px;
2093  }
2094
2095@media (max-width: 767px) {
2096    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.imgWrap img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2097        margin-bottom: -15px;
2098    }
2099}
2100}
2101
2102#sustainabilityPage  .imgWrap img {
2103  border-radius: 20px;
2104}
2105
2106@media (max-width: 767px) {
2107    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover#sustainabilityPage  .imgWrap img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2108        margin-bottom: -15px;
2109    }
2110}
2111
2112.FeatureBanner .textWrapper,
2113#offerPage .textWrapper {
2114  padding-top: 30px;
2115  padding-left: 15px;
2116}
2117
2118.tableContainer {
2119    border-spacing: 0;
2120}
2121.tableContainer tr:last-child td.tableTd:first-child {
2122  border-bottom-left-radius: 10px;
2123}
2124.tableContainer tr:last-child td.tableTd:last-child {
2125  border-bottom-right-radius: 10px;
2126}
2127
2128.imageWrap > button > div {
2129  margin-top: 0px;
2130  margin-bottom: 0px;
2131  margin-left: auto;
2132  margin-right: auto;
2133}
2134.imageWrap > button > div > div {
2135  z-index: 99;
2136}
2137@media (min-width: 1024px) {
2138    .imageWrap > button > div > img {
2139        max-width: none !important;
2140        width: 318px !important;
2141    }
2142}
2143.mediaWrapper > img {
2144    width: 350px !important;
2145    max-width: none !important;
2146    margin-top: 0px;
2147    margin-bottom: 0px;
2148    margin-left: auto;
2149    margin-right: auto;
2150}
2151@media (min-width: 1024px) {
2152    .mediaWrapper > img {
2153        width: 303px !important;
2154        margin: 0px;
2155    }
2156}
2157.imageWrap > img {
2158    max-width: none !important;
2159    bottom: 20px;
2160    position: relative;
2161    margin-top: 0px;
2162    margin-bottom: 0px;
2163    margin-left: auto;
2164    margin-right: auto;
2165}
2166.imageset {
2167  margin-top: 0px;
2168  margin-bottom: 0px;
2169  margin-left: auto;
2170  margin-right: auto;
2171  width: 100%;
2172  border-radius: 20px;
2173}
2174@media (max-width: 767px) {
2175    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.imageset.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2176        margin-bottom: -15px;
2177    }
2178}
2179.imageset img {
2180  margin-top: 0px;
2181  margin-bottom: 0px;
2182  margin-left: auto;
2183  margin-right: auto;
2184  border-radius: 20px;
2185}
2186@media (max-width: 767px) {
2187    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.imageset img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2188        margin-bottom: -15px;
2189    }
2190}
2191@media (min-width: 1024px) {
2192    .imageset {
2193    width: 846px;
2194    --tw-shadow: -6px 8px 6px #ccc;
2195    --tw-shadow-colored: -6px 8px 6px var(--tw-shadow-color);
2196    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2197  }
2198}
2199.productDetailWrapper .socialFbbtn button:first-child {
2200  margin-right: 7px;
2201}
2202.shareSection .dialogWrapper,
2203.socialShare .dialogWrapper {
2204  width: 640px;
2205}
2206.shareSection .white-gradient {
2207    background: linear-gradient(180deg, #1e5799 0, #fff 0, #fff 53%, #f2f2f2) repeat scroll 0 0 transparent;
2208    border-top-left-radius: 20px;
2209    border-top-right-radius: 20px;
2210}
2211.image-dialog > div {
2212    background: linear-gradient(180deg, #1e5799 0, #fff 0, #fff 53%, #f2f2f2) repeat scroll 0 0 transparent;
2213    border-top-left-radius: 20px;
2214    border-top-right-radius: 20px;
2215    padding-left: 20px;
2216    padding-bottom: 15px;
2217    padding-top: 12px;
2218    padding-right: 0px;
2219    font-size: 1.25rem;
2220    font-weight: 700;
2221    line-height: 30px;
2222    --tw-text-opacity: 1;
2223    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
2224}
2225@media (max-width: 767px) {
2226    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.image-dialog > div.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2227        margin-bottom: -15px;
2228    }
2229}
2230.close-dialog {
2231  position: absolute;
2232  right: 0;
2233  top: 0;
2234  width: 100%;
2235  padding-left: 10px;
2236  padding-right: 30px;
2237  text-align: right;
2238}
2239.close-icon {
2240    right: -25px;
2241    top: -22px;
2242    position: absolute;
2243    height: 45px;
2244    width: 45px;
2245    font-size: 0;
2246}
2247@media (min-width: 1024px) {
2248    .productDetailWrapper .relatedProductWrapper {
2249    width: 846px;
2250  }
2251}
2252.productListStyles .quickViewCardWrap {
2253  width: 190px;
2254}
2255.productListStyles .quickViewCardWrap img,
2256.pdpRecentlViewWrapper .quickViewCardWrap img {
2257    max-height: 245px;
2258    margin: auto;
2259}
2260.productListStyles .relatedProductName {
2261  padding-top: 10px;
2262  text-align: center;
2263  font-size: 1rem;
2264  --tw-text-opacity: 1;
2265  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
2266}
2267.productListStyles .QuickViewButton {
2268  width: 190px;
2269}
2270.pdpRecentlViewWrapper .quickViewContentWrapper {
2271  text-align: center;
2272}
2273.modal-backdrop {
2274    position: fixed;
2275    inset: 0;
2276    top: 0;
2277    z-index: 60;
2278    height: 100vh;
2279    width: 100%;
2280    background-color: rgba(0, 112, 192, 0.8);
2281    animation: slide-up 1s ease;
2282}
2283.productDetailWrapper .introWrap .accordianWrapper .panelHeader {
2284  border-width: 0;
2285}
2286.productDetailWrapper .introWrap .accordianWrapper span.icon {
2287  display: none;
2288}
2289.productDetailWrapper .introWrap .accordianWrapper .MobMenuCatDropdown_animate {
2290  display: flex;
2291  flex-wrap: wrap;
2292  border-width: 2px;
2293  --tw-border-opacity: 1;
2294  border-color: rgb(0 112 193 / var(--tw-border-opacity, 1));
2295  padding: 10px;
2296}
2297@media (max-width: 767px) {
2298    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.productDetailWrapper .introWrap .accordianWrapper .MobMenuCatDropdown_animate.justify-center.items-center.uppercase.undefined.event_internal_link{
2299        margin-bottom: -15px;
2300    }
2301}
2302.productDetailWrapper .introWrap .accordianWrapper .MobMenuCatDropdown_animate .linkContainer {
2303  width: 50%;
2304  padding: 10px;
2305}
2306/* .articleListContentWrapper .articleContentWrapper:nth-of-type(2) {
2307    @apply border-t border-gray-light2;
2308} */
2309@media (min-width: 1024px) {
2310    /* .articleListContentWrapper .articleContentWrapper:nth-of-type(2) {
2311        @apply border-t-0;
2312    } */
2313}
2314.articleListContentWrapper .articleContentWrapper:last-child {
2315  border-width: 0;
2316}
2317
2318.rightContentPanel .relatedProductName {
2319  font-size: 0.8125rem;
2320  --tw-text-opacity: 1;
2321  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
2322}
2323.rightContentPanel .quickViewContentWrapper > p {
2324  min-width: 140px;
2325  font-size: 0.5625rem;
2326  --tw-text-opacity: 1;
2327  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
2328}
2329
2330.rightContentPanel .cardWrapper {
2331  padding-left: 0px;
2332  padding-right: 0px;
2333}
2334
2335.rightContentPanel .contentWrapper.shadow-home-small {
2336  --tw-shadow: 0 2px 7px #ccc;
2337  --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
2338  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2339}
2340
2341@media (max-width: 1023px) {
2342
2343    #articleDetailPage .rightContentPanel .contentWrapper.shadow-home-small {
2344    border-bottom-width: 2px;
2345    --tw-border-opacity: 1;
2346    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
2347    --tw-shadow: 0 0 #0000;
2348    --tw-shadow-colored: 0 0 #0000;
2349    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2350  }
2351}
2352.rightContentPanel .imgWrap > img {
2353  --tw-shadow: 0 2px 7px #ccc;
2354  --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
2355  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2356}
2357@media (max-width: 1023px) {
2358
2359    #articleDetailPage .rightContentPanel .imgWrap > img {
2360    border-bottom-width: 2px;
2361    --tw-border-opacity: 1;
2362    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
2363    --tw-shadow: 0 0 #0000;
2364    --tw-shadow-colored: 0 0 #0000;
2365    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
2365dow);
2366  }
2367}
2368.rightContentPanel .contentWrapper .textWrapper > h1 {
2369  font-weight: 700;
2370  --tw-text-opacity: 1;
2371  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2372}
2373@media (max-width: 767px) {
2374    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.rightContentPanel .contentWrapper .textWrapper > h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2375        margin-bottom: -15px;
2376    }
2377    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.rightContentPanel .contentWrapper .textWrapper > h1.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2378        margin-bottom: -15px;
2379    }
2380}
2381.rightContentPanel .contentWrapper .textWrapper > div {
2382  width: 230px;
2383}
2384.productViewTypes .grid-view {
2385  margin-right: 15px;
2386}
2387.productViewPanel .contentWrapper {
2388  border-radius: 0px;
2389  --tw-shadow: 0 0 #0000;
2390  --tw-shadow-colored: 0 0 #0000;
2391  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
2391dow);
2392}
2393.productDetailWrapper .sectionWrap .descSection > p:first-child {
2394  padding-bottom: 15px;
2395}
2396.productViewPanel .productView .quickViewCardWrap {
2397  float: none;
2398  display: flex;
2399  width: 100%;
2400  border-bottom-width: 0;
2401  --tw-border-opacity: 1;
2402  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
2403  padding: 15px;
2404}
2405@media (max-width: 767px) {
2406    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.productViewPanel .productView .quickViewCardWrap.justify-center.items-center.uppercase.undefined.event_internal_link{
2407        margin-bottom: -15px;
2408    }
2409}
2410.productViewPanel .textWrapper {
2411  padding-left: 15px;
2412  padding-top: 20px;
2413}
2414.list.productViewPanel .productView .quickViewCardWrap {
2415  padding-top: 40px;
2416}
2417.grid.productViewPanel .productView .quickViewCardWrap .quickViewContentWrapper {
2418  height: 230px;
2419  justify-content: space-around;
2420}
2421.list.productViewPanel .productView .quickViewCardWrap:not(:last-child) {
2422  border-bottom-width: 1px;
2423}
2424.productViewPanel.grid .productView .quickViewCardWrap {
2425  float: left;
2426  margin-right: 0px;
2427  display: block;
2428  height: 505px;
2429  width: 50%;
2430}
2431.productViewPanel .productView .quickViewMediaWrapper {
2432  margin-right: 20px;
2433}
2434.productViewPanel .productView .quickViewMediaWrapper .lazyload-wrapper {
2435  width: 166px;
2436}
2437
2438.productViewPanel .productView .quickViewMediaWrapper {
2439  width: 166px;
2440}
2441.productViewPanel .productView .quickViewContentWrapper h1 p {
2442  margin-bottom: 15px;
2443  min-height: auto;
2444  font-size: 0.9375rem;
2445  text-transform: uppercase;
2446  line-height: 22px;
2447  --tw-text-opacity: 1;
2448  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
2449}
2450@media (max-width: 767px) {
2451    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.productViewPanel .productView .quickViewContentWrapper h1 p.undefined.event_internal_link{
2452        margin-bottom: -15px;
2453    }
2454}
2455.productViewPanel .productView .quickViewContentWrapper p {
2456  font-size: 0.75rem;
2457  line-height: 20px;
2458  --tw-text-opacity: 1;
2459  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
2460}
2461@media (max-width: 767px) {
2462    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.productViewPanel .productView .quickViewContentWrapper p.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2463        margin-bottom: -15px;
2464    }
2465}
2466.QAWrapper a {
2467  --tw-text-opacity: 1;
2468  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
2469}
2470.productViewPanel .textWrapper > h1 {
2471  padding-top: 30px;
2472  font-weight: 700;
2473  --tw-text-opacity: 1;
2474  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2475}
2476@media (max-width: 767px) {
2477    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.productViewPanel .textWrapper > h1.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2478        margin-bottom: -15px;
2479    }
2480    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.productViewPanel .textWrapper > h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2481        margin-bottom: -15px;
2482    }
2483}
2484.productViewPanel .textWrapper > div {
2485  width: 140px;
2486  font-size: 0.8125rem;
2487  font-weight: 700;
2488  line-height: 1.36;
2489  --tw-text-opacity: 1;
2490  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2491}
2492@media (max-width: 767px) {
2493    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.productViewPanel .textWrapper > div.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2494        margin-bottom: -15px;
2495    }
2496    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.productViewPanel .textWrapper > div.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2497        margin-bottom: -15px;
2498    }
2499}
2500.productViewPanel .textWrapper > div.markSimpleDesc {
2501  width: 80px;
2502  font-size: 0.6875rem;
2503  font-weight: normal;
2504  line-height: 1.36;
2505}
2506.productViewPanel + .modal-dialog .modal {
2507  top: 75px;
2508  width: 275px;
2509  border-radius: 6px;
2510  --tw-shadow: 0 3px 7px rgba(0,0,0,.3);
2511  --tw-shadow-colored: 0 3px 7px var(--tw-shadow-color);
2512  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2513}
2514.productViewPanel + .modal-dialog .modal .title {
2515  border-top-left-radius: 10px;
2516  border-top-right-radius: 10px;
2517  padding-top: 10px;
2518  padding-bottom: 10px;
2519  font-size: 0.9375rem;
2520  font-weight: 700;
2521  text-transform: capitalize;
2522  --tw-text-opacity: 1;
2523  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
2524}
2525@media (max-width: 767px) {
2526    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.productViewPanel + .modal-dialog .modal .title.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2527        margin-bottom: -15px;
2528    }
2529}
2530.productViewPanel + .modal-dialog .modal .title {
2531    background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
2532        rgba(0, 0, 0, 0);
2533}
2534.HeroBanner .contentWrapper {
2535  margin-top: 40px;
2536}
2537
2538/* menu start */
2539@media (min-width: 1024px) {
2540    main {
2541        position: relative;
2542        top: -10px;
2543    }
2544    .primaryMenuWrapper {
2545    position: relative;
2546        max-width: 846px;
2547        margin: 40px auto 30px;
2548        padding: 5.5px 0;
2549  }
2550    .primaryMenuWrapper > a {
2551    position: absolute;
2552        top: -28px;
2553        left: -20px;
2554  }
2555    .wrapperDiv {
2556    display: flex;
2557    height: 50px;
2558    flex-direction: row;
2559    align-items: center;
2560    justify-content: center;
2561    border-radius: 20px;
2562    --tw-bg-opacity: 1;
2563    background-color: rgb(15 89 153 / var(--tw-bg-opacity, 1));
2564  }
2565
2566@media (max-width: 767px) {
2567    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.wrapperDiv.justify-center.items-center.uppercase.undefined.event_internal_link{
2568        margin-bottom: -15px;
2569    }
2570    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.wrapperDiv.items-center.uppercase.undefined.event_internal_link{
2571        margin-bottom: -15px;
2572    }
2573    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.wrapperDiv.uppercase.undefined.event_internal_link{
2574        margin-bottom: -15px;
2575    }
2576    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.wrapperDiv.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2577        margin-bottom: -15px;
2578    }
2579}
2580    .primaryMenuWrapper .mainMenuItem {
2581    text-align: center;
2582    font-weight: 700;
2583    line-height: 50px;
2584  }
2585
2586@media (max-width: 767px) {
2587    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.primaryMenuWrapper .mainMenuItem.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2588        margin-bottom: -15px;
2589    }
2590}
2591    .primaryMenuWrapper .mainMenuItem {
2592        flex: 1 1 auto;
2593    }
2594    .primaryMenuWrapper .megaButton {
2595    font-size: 0.8125rem;
2596    --tw-text-opacity: 1;
2597    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2598  }
2599
2600@media (max-width: 767px) {
2601    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.primaryMenuWrapper .megaButton.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2602        margin-bottom: -15px;
2603    }
2604}
2605    .primaryMenuWrapper .mainMenuItem:nth-child(1) {
2606    padding-left: 73px;
2607  }
2608    .primaryMenuWrapper .mainMenuItem:nth-child(2) {
2609    position: relative;
2610  }
2611    .primaryMenuWrapper .mainMenuItem:nth-child(2)::before {
2612    position: absolute;
2613    height: 40px;
2614    width: 1px;
2615    --tw-bg-opacity: 1;
2616    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2617        content: '';
2618        left: 0;
2619        top: 5px;
2620  }
2621    .primaryMenuWrapper .mainMenuItem:nth-child(2)::after {
2622    position: absolute;
2623    height: 40px;
2624    width: 1px;
2625    --tw-bg-opacity: 1;
2626    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2627        content: '';
2628        right: 0;
2629        top: 5px;
2630  }
2631
2632    .primaryMenuWrapper .slotsWrap-1 {
2633    position: absolute;
2634    z-index: 1;
2635    height: 165px;
2636    width: 586px;
2637    flex-direction: row;
2638    align-items: flex-start;
2639    justify-content: center;
2640    --tw-bg-opacity: 1;
2641    background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
2642  }
2643
2644@media (max-width: 767px) {
2645    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.primaryMenuWrapper .slotsWrap-1.items-center.uppercase.undefined.event_internal_link{
2646        margin-bottom: -15px;
2647    }
2648}
2649
2650    .primaryMenuWrapper .slotsWrap-1 {
2651        left: -158px;
2652        top: 50px;
2653        border-radius: 0 0 10px 10px;
2654        box-shadow: 0 0 6px #ccc;
2655    }
2656
2657    .primaryMenuWrapper .slotsWrap-1 li {
2658    float: left;
2659    width: 24%;
2660    text-align: center;
2661    font-size: 0.75rem;
2662    --tw-text-opacity: 1;
2663    color: rgb(0 112 193 / var(--tw-text-opacity, 1));
2664  }
2665
2666@media (max-width: 767px) {
2667    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.primaryMenuWrapper .slotsWrap-1 li.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2668        margin-bottom: -15px;
2669    }
2670}
2671    .primaryMenuWrapper .slotsWrap-1 li:first-child {
2672    display: none;
2673  }
2674    .primaryMenuWrapper .slotsWrap-2 li:first-child {
2675    display: none;
2676  }
2677    .primaryMenuWrapper .slotsWrap-1 li img {
2678        margin: 13% auto 0;
2679        max-width: 51px;
2680    }
2681
2682    .primaryMenuWrapper .slotsWrap-1 li .titleSection {
2683    margin-left: auto;
2684    margin-right: auto;
2685    margin-top: 5px;
2686    line-height: 15px;
2687  }
2688
2689@media (max-width: 767px) {
2690    a.historycardButton.primaryMenuWrapper .slotsWrap-1 li .titleSection.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2691        margin-bottom: -15px;
2692    }
2693}
2694
2695    .primaryMenuWrapper .slotsWrap-1 li .titleSection {
2696        max-width: 107px;
2697    }
2698
2699    .primaryMenuWrapper .slotsWrap-2 {
2700    position: absolute;
2701    z-index: 1;
2702    width: 275px;
2703    flex-direction: column;
2704    text-align: center;
2705        height: 365px;
2706        top: 54px;
2707        right: 6px;
2708        background: linear-gradient(to bottom, #1e5799 0%, #eef5fb 0%, #fff 50%, #fff 100%);
2709        border-radius: 0 0 10px 10px;
2710        box-shadow: 0 0 6px #ccc;
2711  }
2712    .primaryMenuWrapper .slotsWrap-2 li {
2713    font-size: 0.875rem;
2714    --tw-text-opacity: 1;
2715    color: rgb(0 112 193 / var(--tw-text-opacity, 1));
2716        border-bottom: 1px solid #ccc;
2717        padding: 10px 0 11px 11px;
2718        line-height: 2.14;
2719        letter-spacing: -0.15px;
2720  }
2721    .primaryMenuWrapper .slotsWrap-2 li:last-child {
2722    border-bottom-width: 0;
2723  }
2724    .quickCarouselWrapper .slick-arrow {
2725    display: block;
2726  }
2727    .carousalContainer .slick-arrow div {
2728    position: absolute;
2729    height: 46px;
2730    width: 30px;
2731        opacity: 0.5;
2732        background: url('https://images.ctfassets.net/peceku0c8uzu/6VhfwvGkyPzNnLsMo3binr/0adccd176fbca0e522ac8676dffebb69/sprite.png');
2733  }
2734    .carousalContainer .slick-arrow div:hover {
2735        opacity: 0.9;
2736    }
2737    .labelZero {
2738        opacity: 0;
2739    }
2740    .carousalContainer .slick-arrow.slick-prev {
2741        left: 13px;
2742    }
2743    .carousalContainer .slick-arrow.slick-prev div {
2744        background-position: 0px 0px;
2745    }
2746    .carousalContainer .slick-arrow.slick-next {
2747        right: 13px;
2748    }
2749    .carousalContainer .slick-arrow.slick-next div {
2750        background-position: -54px 0px;
2751    }
2752    /* adp */
2753
2754        #articleDetailPage .articlerichtext h1 {
2755    font-size: 1.5rem;
2756    font-weight: 700;
2757    --tw-text-opacity: 1;
2758    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
2759  }
2760
2761@media (max-width: 767px) {
2762    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2763        margin-bottom: -15px;
2764    }
2765}
2766    #articleDetailPage .articlerichtext h2 {
2767    font-size: 1.3125rem;
2768    font-weight: 700;
2769    --tw-text-opacity: 1;
2770    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
2771  }
2772
2773@media (max-width: 767px) {
2774    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h2.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2775        margin-bottom: -15px;
2776    }
2777}
2778    #articleDetailPage .articlerichtext h3 {
2779    font-size: 1.125rem;
2780    font-weight: 700;
2781    --tw-text-opacity: 1;
2782    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
2783  }
2784
2785@media (max-width: 767px) {
2786    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2787        margin-bottom: -15px;
2788    }
2789}
2790    #articleDetailPage .articlerichtext h4 {
2791    font-size: 1rem;
2792    font-weight: 700;
2793    --tw-text-opacity: 1;
2794    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
2795  }
2796
2797@media (max-width: 767px) {
2798    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h4.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2799        margin-bottom: -15px;
2800    }
2801}
2802        #articleDetailPage .articlerichtext p {
2803    padding-bottom: 3px;
2804  }
2805    /* Accessibility fix */
2806    #articleDetailPage .articlerichtext a {
2807    font-size: 0.875rem;
2808    --tw-text-opacity: 1;
2809    color: rgb(0 112 192 / var(--tw-text-opacity, 1));
2810    text-decoration-line: underline;
2811  }
2812    /* Table styles */
2813    #articleDetailPage .articlerichtext table {
2814    margin-bottom: 20px;
2815    width: 100%;
2816    border-collapse: collapse;
2817    font-size: 0.875rem;
2818    line-height: 20px;
2819  }
2820    #articleDetailPage .articlerichtext table tbody tr:nth-child(even) {
2821    --tw-bg-opacity: 1;
2822    background-color: rgb(231 247 253 / var(--tw-bg-opacity, 1));
2823  }
2824    #articleDetailPage .articlerichtext table tbody tr:nth-child(odd) {
2825    --tw-bg-opacity: 1;
2826    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2827  }
2828    #articleDetailPage .articlerichtext table tbody tr:hover {
2829    background-color: rgb(93 172 239 / var(--tw-bg-opacity, 1));
2830    --tw-bg-opacity: 0.2;
2831  }
2832    #articleDetailPage .articlerichtext table td {
2833    padding-left: 15px;
2834    padding-right: 15px;
2835    padding-top: 10px;
2836    padding-bottom: 10px;
2837    vertical-align: top;
2838    --tw-text-opacity: 1;
2839    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2840  }
2841    #articleDetailPage .articlerichtext table td,
2842    #articleDetailPage .articlerichtext table th {
2843        border: 1px solid #c8dff0;
2844    }
2845    #articleDetailPage #breadcrumb .breadcrumb {
2846    position: relative;
2847    margin-top: 15px;
2848    margin-bottom: 15px;
2849    margin-left: 10px;
2850  }
2851    .relatedProductName + p {
2852    margin-top: 10px;
2853    font-size: 0.875rem;
2854    line-height: 20px;
2855    --tw-text-opacity: 1;
2856    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
2857  }
2858    /* alp */
2859    #articleListPage #breadcrumb .breadcrumb {
2860    position: relative;
2861    margin-top: 15px;
2862    margin-bottom: 25px;
2863    margin-left: 10px;
2864    padding-top: 7px;
2865  }
2866}
2867
2868@media (max-width: 374px) {
2869    .img-h-120 {
2870    height: 120px;
2871  }
2872}
2873
2874@media (max-width: 1023px) {
2875    body {
2876        background-size: 100% 20%;
2877    }
2878    .primaryMenuWrapper {
2879    position: relative;
2880    margin-top: 32px;
2881    padding-left: 20px;
2882  }
2883    .primaryMenuWrapper > a > img {
2884    position: absolute !important;
2885    float: left !important;
2886    height: 86px !important;
2887    width: 85px !important;
2888        top: -15px;
2889        left: 5px;
2890  }
2891    .primaryMenuWrapper button {
2892    margin-left: auto;
2893    margin-right: auto;
2894    display: block;
2895    height: 42px;
2896    border-radius: 32px;
2897    --tw-bg-opacity: 1;
2898    background-color: rgb(15 89 153 / var(--tw-bg-opacity, 1));
2899        width: calc(100% - 30px);
2900  }
2901    .primaryMenuWrapper .menu-icon {
2902    position: relative;
2903    float: right;
2904    margin-right: 15px;
2905    height: 40px;
2906    width: 30px;
2907        top: unset;
2908  }
2909    .primaryMenuWrapper .menu-icon.closeclass {
2910    height: 14px;
2911    width: 14px;
2912  }
2913    main {
2914    clear: both;
2915    margin-top: 25px;
2916  }
2917    #__next {
2918    position: relative;
2919        right: 0;
2920  }
2921    #__next,
2922    #mobile-nav {
2923        transition: all 0.5s ease;
2924    }
2925
2926    #mobile-nav {
2927    position: fixed;
2928    z-index: 60;
2929    max-height: 100%;
2930    width: 70%;
2931    overflow-y: auto;
2932        right: -70%;
2933        top: 0px;
2934  }
2935    #mobile-nav .wrapperMobile .menu-accordion,
2936    #mobile-nav .wrapperMobile > a {
2937    position: relative;
2938    display: block;
2939    --tw-bg-opacity: 1;
2940    background-color: rgb(15 89 153 / var(--tw-bg-opacity, 1));
2941    text-align: center;
2942    font-size: 1.125rem;
2943    line-height: 55px;
2944    --tw-text-opacity: 1;
2945    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2946  }
2947
2948@media (max-width: 767px) {
2949    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20#mobile-nav .wrapperMobile .menu-accordion.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20
2950    #mobile-nav .wrapperMobile > a.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
2951        margin-bottom: -15px;
2952    }
2953}
2954    #mobile-nav .wrapperMobile > a {
2955    padding: 20px;
2956    font-size: 1.25rem;
2957    line-height: 26px;
2958  }
2959    #mobile-nav .wrapperMobile .menu-accordion {
2960    border-top-width: 0;
2961    border-bottom-width: 1px;
2962    --tw-border-opacity: 1;
2963    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
2964    border-bottom-color: rgba(256, 256, 256, .4);
2965  }
2966    .down-icon,
2967    .up-icon {
2968    position: absolute;
2969    height: unset;
2970    width: unset;
2971        top: 32px;
2972        right: 56px;
2973  }
2974    .youtube-icon {
2975    }
2976    #mobile-nav .wrapperMobile .menu-accordion ul {
2977    --tw-bg-opacity: 1;
2978    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2979    --tw-text-opacity: 1;
2980    color: rgb(15 89 153 / var(--tw-text-opacity, 1));
2981  }
2982    #mobile-nav .wrapperMobile .menu-accordion ul li {
2983        border-bottom: 1px solid #0f5999;
2984        padding: 20px;
2985        font-size: 1.25rem;
2986        font-weight: 500;
2987        line-height: 26px;
2988        --tw-text-opacity: 1;
2989        color: rgb(0 107 175 / var(--tw-text-opacity, 1));
2990    }
2991    #mobile-nav .wrapperMobile .menu-accordion ul li:last-child {
2992    border-bottom-width: 0;
2993  }
2994    .page-pals {
2995        box-shadow: -6px 5px 6px #ccc;
2996    }
2997    .carousalContainer .slick-arrow.slick-prev div {
2998        background: url('https://images.ctfassets.net/peceku0c8uzu/5BwDONR3FRQTCemylAmRAX/4677a11d20266d8e4e0e9dfe1c4a96b8/left.png')
2999            no-repeat;
3000        background-size: 50%;
3001        width: 18px;
3002        height: 24px;
3003        opacity: 0.5;
3004        left: 5px;
3005    }
3006    .carousalContainer .slick-arrow.slick-next div {
3007        background: url('https://images.ctfassets.net/peceku0c8uzu/2j0JyPWmiMZ5WeglAQUKH0/1f0286376cf266c8e53bde7576de591b/right.png')
3008            no-repeat;
3009        background-size: 50%;
3010        width: 24px;
3011        height: 18px;
3012        background-position: unset;
3013        opacity: 0.5;
3014    }
3015    .carousalContainer .slick-arrow.slick-next {
3016        right: 0;
3017    }
3018    .slick-slide img {
3019    width: 100%;
3020  }
3021    /* adp */
3022    #articleDetailPage #breadcrumb .breadcrumb {
3023    margin-top: 0px;
3024    margin-bottom: 0px;
3025    --tw-bg-opacity: 1;
3026    background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
3027    padding-left: 10px;
3028    padding-top: 10px;
3029    font-weight: 700;
3030    --tw-text-opacity: 1;
3031    color: rgb(0 112 193 / var(--tw-text-opacity, 1));
3032  }
3033
3034@media (max-width: 767px) {
3035    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage #breadcrumb .breadcrumb.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3036        margin-bottom: -15px;
3037    }
3038}
3039    #articleDetailPage .container {
3040        max-width: 100%;
3041    }
3042    #articleDetailPage hr {
3043    margin-top: 25px;
3044    margin-bottom: 15px;
3045    --tw-border-opacity: 1;
3046    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
3047  }
3048    #articleDetailPage .articlerichtext h1 {
3049    margin-bottom: 15px;
3050    font-size: 1.25rem;
3051    font-weight: 700;
3052    line-height: 20px;
3053    --tw-text-opacity: 1;
3054    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
3055  }
3056
3057@media (max-width: 767px) {
3058    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3059        margin-bottom: -15px;
3060    }
3061}
3062    #articleDetailPage .articlerichtext h2 {
3063    margin-bottom: 15px;
3064    font-size: 1.125rem;
3065    font-weight: 700;
3066    line-height: 20px;
3067    --tw-text-opacity: 1;
3068    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
3069  }
3070
3071@media (max-width: 767px) {
3072    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h2.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3073        margin-bottom: -15px;
3074    }
3075}
3076    #articleDetailPage .articlerichtext h3 {
3077    margin-bottom: 10px;
3078    font-size: 1rem;
3079    font-weight: 700;
3080    line-height: 20px;
3081    --tw-text-opacity: 1;
3082    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
3083  }
3084
3085@media (max-width: 767px) {
3086    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3087        margin-bottom: -15px;
3088    }
3089}
3090    #articleDetailPage .articlerichtext h4 {
3091    margin-bottom: 8px;
3092    font-size: 0.875rem;
3093    font-weight: 700;
3094    line-height: 18px;
3095    --tw-text-opacity: 1;
3096    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
3097  }
3098
3099@media (max-width: 767px) {
3100    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h4.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3101        margin-bottom: -15px;
3102    }
3103}
3104        #articleDetailPage .articlerichtext p {
3105    padding-bottom: 3px;
3106  }
3107    /* Accessibility fix */
3108    #articleDetailPage .articlerichtext a {
3109    font-size: 0.75rem;
3110    --tw-text-opacity: 1;
3111    color: rgb(0 112 192 / var(--tw-text-opacity, 1));
3112    text-decoration-line: underline;
3113  }
3114
3115@media (max-width: 767px) {
3116    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white#articleDetailPage .articlerichtext a.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3117        margin-bottom: -15px;
3118    }
3119}
3120    /* Table styles */
3121    #articleDetailPage .articlerichtext table {
3122    margin-bottom: 15px;
3123    width: 100%;
3124    border-collapse: collapse;
3125    font-size: 0.75rem;
3126    line-height: 18px;
3127  }
3128
3129@media (max-width: 767px) {
3130    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white#articleDetailPage .articlerichtext table.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3131        margin-bottom: -15px;
3132    }
3133}
3134    #articleDetailPage .articlerichtext table tbody tr:nth-child(even) {
3135    --tw-bg-opacity: 1;
3136    background-color: rgb(231 247 253 / var(--tw-bg-opacity, 1));
3137  }
3138    #articleDetailPage .articlerichtext table tbody tr:nth-child(odd) {
3139    --tw-bg-opacity: 1;
3140    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3141  }
3142    #articleDetailPage .articlerichtext table td {
3143    padding-left: 10px;
3144    padding-right: 10px;
3145    padding-top: 8px;
3146    padding-bottom: 8px;
3147    vertical-align: top;
3148    --tw-text-opacity: 1;
3149    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3150  }
3151    #articleDetailPage .articlerichtext table td,
3152    #articleDetailPage .articlerichtext table th {
3153        border: 1px solid #c8dff0;
3154    }
3155
3156    #articleDetailPage .shadow-card {
3157    border-bottom-width: 2px;
3158    --tw-border-opacity: 1;
3159    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
3160    --tw-shadow: 0 0 #0000;
3161    --tw-shadow-colored: 0 0 #0000;
3162    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
3162dow);
3163  }
3164    #articleDetailPage .articlerichtext {
3165    padding-left: 10px;
3166    padding-right: 10px;
3167  }
3168    .articleContainer img {
3169    padding-left: 10px;
3170    padding-right: 10px;
3171  }
3172}
3173/* end menu */
3174.carousalContainer {
3175  margin-top: 25px;
3176  margin-bottom: 45px;
3177}
3178.carousalContainer ul {
3179  position: absolute;
3180  margin-top: 8px;
3181  margin-left: 10px;
3182  display: inline-block;
3183  width: 100%;
3184  text-align: center;
3185}
3186.rating-wrapper.carousalContainer ul {
3187    width: auto;
3188}
3189.carousalContainer ul {
3190    /* bottom: -8px; */
3191}
3192.carousalContainer ul li {
3193  margin-left: 0px;
3194  margin-right: 10px;
3195  display: inline-block;
3196  height: 12px;
3197  width: 12px;
3198}
3199.rating-wrapper.carousalContainer ul li {
3200    width: auto;
3201}
3202
3203.carousalContainer ul li.slick-active {
3204    background-position: -43px 13px;
3205}
3206.carousalContainer ul li.slick-active button {
3207    background-position: -44px 12px;
3208}
3209.carousalContainer ul li button {
3210    background: url('https://images.ctfassets.net/peceku0c8uzu/6VhfwvGkyPzNnLsMo3binr/0adccd176fbca0e522ac8676dffebb69/sprite.png');
3211    background-position: -31px 13px;
3212    width: 10px;
3213    height: 10px;
3214    text-indent: -9999px;
3215}
3216.carousalContainer .slick-list {
3217  position: relative;
3218}
3219.carousalContainer .slick-arrow {
3220  position: absolute;
3221  z-index: 99;
3222  width: 30px;
3223    top: 42%;
3224}
3225
3226/* ADP */
3227#articleDetailPage .socialShare {
3228  float: left;
3229  font-weight: 700;
3230  --tw-text-opacity: 1;
3231  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
3232}
3233@media (max-width: 767px) {
3234    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .socialShare.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3235        margin-bottom: -15px;
3236    }
3237}
3238#articleDetailPage .socialShare button:last-child {
3239  margin-left: 10px;
3240}
3241
3242#articleDetailPage #RECOMMENDED {
3243  display: inline;
3244}
3245#articleDetailPage .articlerichtext ul {
3246  margin-left: 20px;
3247  list-style-type: disc;
3248  --tw-text-opacity: 1;
3249  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
3250}
3251#articleDetailPage .articlerichtext ul + p {
3252  margin-top: 5px;
3253  margin-bottom: 5px;
3254  --tw-text-opacity: 1;
3255  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
3256}
3257@media (max-width: 767px) {
3258    a.historycardButton#articleDetailPage .articlerichtext ul + p.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3259        margin-bottom: -15px;
3260    }
3261}
3262#articleDetailPage .articlerichtext ol {
3263  margin-top: 0px;
3264  list-style-type: decimal;
3265  padding-left: 14px;
3266  padding-right: 20px;
3267  --tw-text-opacity: 1;
3268  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
3269}
3270
3271#articleDetailPage .articlerichtext .anchorLinks {
3272  display: block;
3273  font-size: 0.75rem;
3274  --tw-text-opacity: 1;
3275  color: rgb(0 112 192 / var(--tw-text-opacity, 1));
3276}
3277
3278@media (max-width: 767px) {
3279    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white#articleDetailPage .articlerichtext .anchorLinks.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3280        margin-bottom: -15px;
3281    }
3282}
3283#articleDetailPage .relatedArticlesWrapper #readMore {
3284  padding-left: 20px;
3285  font-size: 0.875rem;
3286  font-weight: 700;
3287  text-transform: uppercase;
3288  --tw-text-opacity: 1;
3289  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3290}
3291@media (max-width: 767px) {
3292    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .relatedArticlesWrapper #readMore.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3293        margin-bottom: -15px;
3294    }
3295    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center#articleDetailPage .relatedArticlesWrapper #readMore.undefined.event_internal_link{
3296        margin-bottom: -15px;
3297    }
3298}
3299.quickCarouselWrapper .slick-dots li {
3300  float: left;
3301  margin: 3px;
3302  height: 38px;
3303  width: 40px;
3304  cursor: pointer;
3305  overflow: hidden;
3306}
3307.quickCarouselWrapper .slick-dots li.slick-active {
3308  border-width: 0;
3309  --tw-border-opacity: 1;
3310  border-color: rgb(0 112 193 / var(--tw-border-opacity, 1));
3311}
3312.quickCarouselWrapper .slick-dots {
3313  margin-left: 5px;
3314}
3315.closespan {
3316    background: url(https://images.ctfassets.net/peceku0c8uzu/ymoRXOFDetmRZqxSPZkLs/54e86b53866b800c85606c5533889712/overlay_close_circle.png)
3317        no-repeat;
3318    right: -25px;
3319    top: -22px;
3320}
3321.socialShare .white-gradient {
3322    background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3323        rgba(0, 0, 0, 0);
3324    border-top-left-radius: 20px;
3325    border-top-right-radius: 20px;
3326}
3327.socialdes p {
3328  margin-bottom: 12px;
3329}
3330#articleDetailPage .space {
3331  margin-top: 20px;
3332}
3333.QuickViewButton {
3334    background-color: rgba(0, 170, 234, 0.5);
3335    top: 50%;
3336    max-width: 220px;
3337    position: absolute;
3338    width: 100%;
3339    padding-top: 5px;
3340    padding-bottom: 5px;
3341    font-size: 1rem;
3342    text-transform: uppercase;
3343    line-height: 30px;
3344    --tw-text-opacity: 1;
3345    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3346}
3347@media (max-width: 767px) {
3348    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.QuickViewButton.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3349        margin-bottom: -15px;
3350    }
3351    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.QuickViewButton.undefined.event_internal_link{
3352        margin-bottom: -15px;
3353    }
3354}
3355.relatedProductsTitle {
3356  margin-left: 10px;
3357  --tw-border-opacity: 1;
3358  border-color: rgb(0 112 192 / var(--tw-border-opacity, 1));
3359  padding-bottom: 15px;
3360  padding-top: 24px;
3361  font-size: 1.25rem;
3362  font-weight: 700;
3363  --tw-text-opacity: 1;
3364  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
3365}
3366@media (max-width: 767px) {
3367    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.relatedProductsTitle.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3368        margin-bottom: -15px;
3369    }
3370}
3371.productDetailWrapper .relatedProductsTitle {
3372  font-size: 1.125rem;
3373}
3374.relatedProductWrapper .dialogWrapper {
3375    width: 760px;
3376    margin-left: 10px;
3377    --tw-border-opacity: 1;
3378    border-color: rgb(0 112 192 / var(--tw-border-opacity, 1));
3379    padding-bottom: 15px;
3380    padding-top: 24px;
3381    font-size: 1.25rem;
3382}
3383.dialogWrapper {
3384  float: left;
3385  width: 760px;
3386}
3387.productDetailWrapper .dialogWrapper {
3388  width: 740px;
3389}
3390.quickviewParent {
3391    position: relative;
3392}
3393.quickviewParent .dialogWrapper {
3394  float: none;
3395    width: 740px;
3396    max-width: calc(100vw - 32px);
3397    margin: 0 auto;
3398}
3399.quickviewDialogBackdrop {
3400    background-color: rgba(0, 112, 192, 0.45);
3401    min-height: 100vh;
3402    padding: 48px 16px;
3403}
3404body.quickview-open #__next > *:not(.quickview-blur-exclude) {
3405    filter: none;
3406    transition: none;
3407    pointer-events: none;
3408}
3409body.quickview-open .quickview-blur-exclude,
3410body.quickview-open .quickview-blur-exclude * {
3411    filter: none !important;
3412    pointer-events: auto;
3413}
3414.dialogCarouselWrapper {
3415  float: left;
3416  margin-top: 0px;
3417  margin-right: 5%;
3418  margin-left: 5px;
3419  width: 375px;
3420  padding-left: 35px;
3421  padding-bottom: 10px;
3422}
3423.dialogCarouselWrapper .prodDescSection {
3424  padding-top: 10px;
3425  padding-bottom: 10px;
3426  font-size: 0.875rem;
3427  line-height: 20px;
3428  --tw-text-opacity: 1;
3429  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
3430}
3431.dialogProductDescWrapper .prodDescSection {
3432  margin-top: 15px;
3433  padding-bottom: 8px;
3434  font-size: 1.875rem;
3435  font-weight: 700;
3436  --tw-text-opacity: 1;
3437  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
3438}
3439@media (max-width: 767px) {
3440    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.dialogProductDescWrapper .prodDescSection.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3441        margin-bottom: -15px;
3442    }
3443}
3444#articleListPage .articleContentWrapper .imageWrap img {
3445  border-radius: 10px;
3446}
3447@media (min-width: 1024px) {
3448    #articleListPage .articleContentWrapper .imageWrap img {
3449    border-radius: 20px;
3450  }
3451
3452@media (max-width: 767px) {
3453    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover#articleListPage .articleContentWrapper .imageWrap img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3454        margin-bottom: -15px;
3455    }
3456}
3457    .brand-logo {
3458        max-width: 130px;
3459    }
3460}
3461.bg-position-2 {
3462    background-position: 5px;
3463}
3464.left-m15 {
3465    left: -15px;
3466}
3467.right-15 {
3468    right: 15px;
3469}
3470.top-135 {
3471    top: 135px;
3472}
3473/* History page */
3474.max-w-full {
3475    max-width: 100%;
3476}
3477.history-content-Wrapper img {
3478  margin-left: auto;
3479  margin-right: auto;
3480}
3481.history-head,
3482.history-head {
3483  font-size: 1.125rem;
3484  font-weight: 700;
3485  --tw-text-opacity: 1;
3486  color: rgb(0 105 166 / var(--tw-text-opacity, 1));
3487}
3488@media (max-width: 767px) {
3489    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-head.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12
3490.history-head.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3491        margin-bottom: -15px;
3492    }
3493}
3494.history-subhead {
3495  font-size: 0.75rem;
3496  font-weight: 700;
3497  --tw-text-opacity: 1;
3498  color: rgb(0 105 166 / var(--tw-text-opacity, 1));
3499}
3500@media (max-width: 767px) {
3501    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.history-subhead.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3502        margin-bottom: -15px;
3503    }
3504    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-subhead.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3505        margin-bottom: -15px;
3506    }
3507}
3508.history-para {
3509  font-size: 0.875rem;
3510  --tw-text-opacity: 1;
3511  color: rgb(0 105 166 / var(--tw-text-opacity, 1));
3512}
3513.history-para a {
3514  text-decoration-line: underline;
3515}
3516.history-image {
3517  margin-top: 20px;
3518  margin-bottom: 30px;
3519  width: 38%;
3520}
3521.history-image-2 img,
3522.history-image-3 img,
3523.history-image-4 img,
3524.history-image-5 img,
3525.history-image-7 img {
3526  width: 100%;
3527}
3528.history-image-6 img {
3529  margin-bottom: 20px;
3530  width: 90%;
3531}
3532
3533.history-content-Wrapper .Video iframe {
3534  margin-left: auto;
3535  margin-right: auto;
3536  height: 100%;
3537  border-radius: 0px;
3538}
3539.history-content-Wrapper .Video .videoContainer {
3540  height: unset;
3541  width: unset;
3542  padding-left: 25px;
3543  padding-right: 25px;
3544  padding-top: 20px;
3545}
3546@media (min-width: 1024px) {
3547    .history-banner .space {
3548    margin-top: 18px;
3549  }
3550
3551    .history-banner .title {
3552        letter-spacing: -1px;
3553    }
3554    .history-head h2,
3555    .history-head {
3556    font-size: 1.9375rem;
3557    font-weight: 700;
3558    --tw-text-opacity: 1;
3559    color: rgb(0 105 166 / var(--tw-text-opacity, 1));
3560  }
3561
3562@media (max-width: 767px) {
3563    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-head h2.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12
3564    .history-head.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3565        margin-bottom: -15px;
3566    }
3567}
3568    .history-subhead {
3569    font-size: 0.875rem;
3570    font-weight: 700;
3571    --tw-text-opacity: 1;
3572    color: rgb(0 105 166 / var(--tw-text-opacity, 1));
3573  }
3574
3575@media (max-width: 767px) {
3576    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-subhead.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3577        margin-bottom: -15px;
3578    }
3579}
3580    .history-para {
3581    font-size: 0.875rem;
3582    --tw-text-opacity: 1;
3583    color: rgb(0 105 166 / var(--tw-text-opacity, 1));
3584  }
3585    .history-para a {
3586    text-decoration-line: underline;
3587  }
3588    .history-image {
3589    width: 204px;
3590  }
3591    .history-image-2 img {
3592    width: 341px;
3593  }
3594    .history-image-3 img {
3595    width: 405px;
3596  }
3597    .history-image-4 img {
3598    width: 394px;
3599  }
3600    .history-image-5 img {
3601    width: 420px;
3602  }
3603    .history-image-6 img {
3604    width: 618px;
3605  }
3606    .history-image-7 img {
3607    width: 754px;
3608  }
3609    .history-image-2,
3610    .history-image-3,
3611    .history-image-4,
3612    .history-image-5,
3613    .history-image-6,
3614    .history-image-7 {
3615        background: url(https://images.ctfassets.net/peceku0c8uzu/6nM4ZtJO6V0e3Cm3AgJR9o/96c55d5ea2a
36155868b413707243e292cc6/line.png)
3616            no-repeat scroll right center rgba(0, 0, 0, 0);
3617    }
3618    .history-content-Wrapper .Video iframe {
3619    margin-left: auto;
3620    margin-right: auto;
3621    height: 320px;
3622    width: 570px;
3623    border-radius: 0px;
3624  }
3625    .history-content-Wrapper .Video .videoContainer {
3626        background: url(https://images.ctfassets.net/peceku0c8uzu/6nM4ZtJO6V0e3Cm3AgJR9o/96c55d5ea2a5868b413707243e292cc6/line.png)
3627            no-repeat scroll right center rgba(0, 0, 0, 0);
3628    }
3629}
3630.sustainabilityContent h3 {
3631  margin-bottom: 10px;
3632  font-size: 1.125rem;
3633  font-weight: 700;
3634  --tw-text-opacity: 1;
3635  color: rgb(0 112 193 / var(--tw-text-opacity, 1));
3636}
3637@media (max-width: 767px) {
3638    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.sustainabilityContent h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3639        margin-bottom: -15px;
3640    }
3641}
3642.sustainabilityContent h3 a {
3643  font-size: 1.125rem;
3644  text-decoration-line: underline;
3645    color: #0070c1;
3646}
3647.sustainabilityContent ul {
3648  margin-left: 35px;
3649  list-style-type: disc;
3650}
3651
3652/* leave a review */
3653
3654.searchInputField::placeholder {
3655  --tw-text-opacity: 1;
3656  color: rgb(13 108 166 / var(--tw-text-opacity, 1));
3657}
3658.searchIcons {
3659    right: 5px;
3660    top: 8px;
3661}
3662.letter-mp2 {
3663    letter-spacing: -0.2px;
3664}
3665.not-found .cardTitle {
3666    background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3667        rgba(0, 0, 0, 0);
3668}
3669#ratings-reviews-wrapper {
3670  padding-top: 55px;
3671}
3672
3673.m-w {
3674    max-width: none;
3675}
3676#ratings-reviews-wrapper .readReviewTitle,
3677#ratings-reviews-wrapper .textReview {
3678  font-size: 1.9375rem;
3679  font-weight: 700;
3680  --tw-text-opacity: 1;
3681  color: rgb(23 115 174 / var(--tw-text-opacity, 1));
3682}
3683@media (max-width: 767px) {
3684    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#ratings-reviews-wrapper .readReviewTitle.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12
3685#ratings-reviews-wrapper .textReview.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3686        margin-bottom: -15px;
3687    }
3688}
3689.submit-feedbackNo,
3690.submit-feedback {
3691  padding-left: 3px;
3692  padding-right: 3px;
3693  font-size: 0.875rem;
3694}
3695.primaryImage,
3696.rating-secondary-image {
3697  width: 108px;
3698    min-height: 17px;
3699}
3700.rating-wrapper.inline-block {
3701    width: auto !important;
3702}
3703.shadow-ratings {
3704    box-shadow: -6px 8px 6px #ccc;
3705}
3706.gradient-select {
3707    background: linear-gradient(to bottom, #fff 1%, #fdfdfd 40%, #f1f1f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
3708}
3709.sitemapCardTitle {
3710    background: linear-gradient(to bottom, #d6d6d6 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3711        rgba(0, 0, 0, 0);
3712}
3713@media (min-width: 1024px) {
3714    .sitemapCardTitle {
3715        background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3716            rgba(0, 0, 0, 0);
3717    }
3718}
3719.reviewGuidelineTitle {
3720    background: linear-gradient(to bottom, #d6d6d6 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3721        rgba(0, 0, 0, 0);
3722}
3723@media (min-width: 1024px) {
3724    .reviewGuidelineTitle {
3725        background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3726            rgba(0, 0, 0, 0);
3727    }
3728}
3729
3730.sitemapSection {
3731  display: flex;
3732  flex-direction: column;
3733}
3734
3735@media (max-width: 767px) {
3736    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.sitemapSection.justify-center.items-center.uppercase.undefined.event_internal_link{
3737        margin-bottom: -15px;
3738    }
3739}
3740
3741.RatingSortlabel select,
3742.RatingShowlabel select,
3743.select-style {
3744    appearance: none;
3745    -webkit-appearance: none;
3746    -moz-appearance: none;
3747    -ms-appearance: none;
3748    background: url('https://images.ctfassets.net/peceku0c8uzu/5NUlw2FL6hJTR7wloHbomv/91e2f23bcd03c68945db4bfa5c52cf59/arrowdown.gif')
3749            no-repeat scroll 96% 51%,
3750        linear-gradient(to bottom, #fff 1%, #fdfdfd 40%, #f1f1f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
3751}
3752/* .dropdownArrow {
3753    content: "";
3754    position: absolute;
3755    right: 5px;
3756    top: 5px;
3757  } */
3758
3759.star-rating radiogroup > label {
3760    width: 22px;
3761    height: 17px;
3762    background: url('https://images.ctfassets.net/peceku0c8uzu/3NU2mfwm385eeZ68xToMqN/f151a419daabdfee80e0526e960b9405/RatingStars.png')
3763        no-repeat 0 0;
3764    float: right;
3765    display: block;
3766}
3767.star-rating radiogroup > input {
3768  margin-left: 5px;
3769  margin-right: 5px;
3770  opacity: 0;
3771}
3772
3773.primary-radio:checked ~ label,
3774.star-rating:hover label:hover,
3775.star-rating:hover label:hover ~ label {
3776    background: url('https://images.ctfassets.net/peceku0c8uzu/7ysdeOoGIyXNz8yqDRehGP/07ef5de53d5cac44536463559f466975/RatingStars-on.png')
3777        no-repeat 0 0;
3778}
3779
3780.star-rating radiogroup > label:last-child {
3781  position: absolute;
3782  top: 0;
3783  left: 0;
3784}
3785.star-rating radiogroup > label:nth-child(8) {
3786  position: absolute;
3787  top: 0;
3788  left: 25px;
3789}
3790.star-rating radiogroup > label:nth-child(6) {
3791  position: absolute;
3792  top: 0;
3793  left: 50px;
3794}
3795.star-rating radiogroup > label:nth-child(4) {
3796  position: absolute;
3797  top: 0;
3798  left: 75px;
3799}
3800.star-rating radiogroup > label:nth-child(2) {
3801  position: absolute;
3802  top: 0;
3803  left: 100px;
3804}
3805
3806.hyphen-rating radiogroup > label {
3807    width: 30px;
3808    height: 5px;
3809    background: url('https://images.ctfassets.net/peceku0c8uzu/73OsAejzsrFjrhaGHesrF3/6f8dfb1582deb6127354cfdcf68094f4/rating-blocks.png')
3810        no-repeat 6px 0;
3811    float: right;
3812    display: block;
3813}
3814
3815.hyphen-rating radiogroup > input {
3816  margin-left: 5px;
3817  margin-right: 5px;
3818  opacity: 0;
3819}
3820
3821.secondary-radio:checked ~ label,
3822.hyphen-rating:hover label:hover,
3823.hyphen-rating:hover label:hover ~ label {
3824    background: url('https://images.ctfassets.net/peceku0c8uzu/5AO4n5KCNvMn32kVrD46lK/a0305cd9091534a6898bc9113d210130/rating-blocks-on.png')
3825        no-repeat 6px 0;
3826}
3827
3828.hyphen-rating radiogroup > label:last-child {
3829  position: absolute;
3830  top: 8px;
3831  left: -5px;
3832}
3833.hyphen-rating radiogroup > label:nth-child(8) {
3834  position: absolute;
3835  top: 8px;
3836  left: 25px;
3837}
3838.hyphen-rating radiogroup > label:nth-child(6) {
3839  position: absolute;
3840  top: 8px;
3841  left: 55px;
3842}
3843.hyphen-rating radiogroup > label:nth-child(4) {
3844  position: absolute;
3845  top: 8px;
3846  left: 85px;
3847}
3848.hyphen-rating radiogroup > label:nth-child(2) {
3849  position: absolute;
3850  top: 8px;
3851  left: 115px;
3852}
3853
3854.hideIcon {
3855    display: none !important;
3856}
3857
3858.write-review-card .pageHeading {
3859    background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3860        rgba(0, 0, 0, 0);
3861}
3862.formWrapperDiv .white-gradient {
3863    background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0
3864        rgba(0, 0, 0, 0);
3865    border-top-left-radius: 20px;
3866    border-top-right-radius: 20px;
3867}
3868.reviewContentBody h3 {
3869  font-weight: 700;
3870}
3871@media (max-width: 767px) {
3872    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.reviewContentBody h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3873        margin-bottom: -15px;
3874    }
3875}
3876.reviewContentBody ul li {
3877  margin-left: 20px;
3878  list-style-type: none;
3879  font-weight: 700;
3880  line-height: 23px;
3881}
3882@media (max-width: 767px) {
3883    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.reviewContentBody ul li.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
3884        margin-bottom: -15px;
3885    }
3886}
3887.reviewContentBody div {
3888  padding-bottom: 5px;
3889}
3890
3891.animateMenu {
3892    transition: height 0.75s ease-in-out;
3893}
3894@media (min-width: 320px) {
3895    .productCardButton > div > img {
3896        margin-left: auto;
3897        margin-right: auto;
3898        width: 126px;
3899    }
3900    .ratingAndDesc {
3901        width: 126px;
3902        margin: auto;
3903    }
3904    .articleListBanner .textWrapper {
3905    display: none;
3906  }
3907}
3908/* IE11 - Fix: Removed :lg classes and added in lg screen */
3909@media (min-width: 1024px) {
3910    body {
3911    background-size: 100% 1126px;
3912  }
3913    .pageWrapper {
3914    width: 846px;
3915    padding-left: 0px;
3916    padding-right: 0px;
3917  }
3918
3919    .couponWidgetContainer {
3920    width: 90%;
3921    padding-left: 0px;
3922    padding-right: 0px;
3923  }
3924    .articleListBanner .textWrapper {
3925    display: block;
3926  }
3927    div#sustainabilityPage.pageWrapper {
3928        width: auto;
3929    }
3930    .FeatureBanner .textWrapper {
3931    padding-top: 25px;
3932    padding-left: 0px;
3933  }
3934    #offerPage .textWrapper {
3935    padding-top: 25px;
3936    padding-left: 0px;
3937  }
3938    .rightContentPanel .quickViewCardWrap {
3939    margin-right: 0px;
3940    height: 272px;
3941    min-height: 134px;
3942    width: 20%;
3943  }
3944    .rightContentPanel .relatedProductName {
3945    min-width: 140px;
3946    line-height: 1.15;
3947    letter-spacing: -.14px;
3948  }
3949    .rightContentPanel .quickViewContentWrapper > p {
3950    line-height: 11px;
3951  }
3952    .savePuffsButton > a > img {
3953    width: 181px;
3954  }
3955    .rightContentPanel .cardWrapper {
3956    padding-bottom: 65px;
3957  }
3958    .rightContentPanel .quickViewContentWrapper {
3959    margin-left: 17%;
3960    margin-right: 17%;
3961    width: 111px;
3962  }
3963    .rightContentPanel .lazyload-wrapper > div > img {
3964    margin-left: auto;
3965    margin-right: auto;
3966    width: 120px;
3967  }
3968    .rightContentPanel .contentWrapper .textWrapper > h1 {
3969    padding-top: 80px;
3970  }
3971    .productViewPanel .productView .quickViewContentWrapper p {
3972    margin-bottom: 0px;
3973  }
3974    .carousalContainer {
3975    margin-top: 40px;
3976  }
3977    .carousalContainer ul {
3978    position: relative;
3979  }
3980    .carousalContainer ul li {
3981    margin-right: 30px;
3982    margin-left: 4px;
3983  }
3984    #articleDetailPage .articlerichtext ul {
3985    margin-left: 35px;
3986  }
3987    #articleDetailPage .articlerichtext hr {
3988    margin-top: 25px;
3989    margin-bottom: 15px;
3990    --tw-border-opacity: 1;
3991    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
3992  }
3993    #articleDetailPage .articlerichtext .anchorLinks {
3994    font-size: 0.875rem;
3995  }
3996    .relatedProductsTitle {
3997    margin-bottom: 19px;
3998    margin-top: 35px;
3999    border-bottom-width: 0;
4000    padding-bottom: 17px;
4001    padding-top: 0px;
4002    font-size: 1.5rem;
4003    --tw-text-opacity: 1;
4004    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
4005  }
4006    .productDetailWrapper .relatedProductsTitle {
4007    font-size: 1.25rem;
4008  }
4009    .relatedProductWrapper .dialogWrapper {
4010    margin-bottom: 19px;
4011    margin-top: 35px;
4012    border-bottom-width: 0;
4013    padding-bottom: 17px;
4014    padding-top: 0px;
4015    font-size: 1.5rem;
4016    --tw-text-opacity: 1;
4017    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
4018  }
4019    .sustainabilityContent h3 {
4020    margin-bottom: 0px;
4021  }
4022
4023    .productCardButton .lazyload-wrapper > div > img {
4024        margin-left: auto;
4025        margin-right: auto;
4026        width: 120px;
4027    }
4028    .ratingAndDesc {
4029        width: 120px;
4030        margin: auto;
4031        padding-bottom: 30px;
4032    }
4033    #ratings-reviews-wrapper {
4034    clear: both;
4035    margin-left: auto;
4036    margin-right: auto;
4037    width: 846px;
4038  }
4039    .sitemapSection {
4040    flex-direction: row;
4041  }
4042    .sitemapLeftSection {
4043    width: 30%;
4044  }
4045    .sitemapRightSection {
4046    margin-bottom: 10px;
4047    width: 70%;
4048  }
4049    .formWrapperDiv .modal-dialog {
4050    top: -450px;
4051  }
4052    .reviewContentBody ul li {
4053    list-style-type: disc;
4054  }
4055    .formWrapperDiv .modal-dialog {
4056    top: -450px;
4057  }
4058    .footerLink > .list > .listItem a {
4059    display: inline;
4060  }
4061    .thumbnailWrapper > .lazyload-wrapper img {
4062    border-radius: 20px;
4063  }
4064
4065@media (max-width: 767px) {
4066    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.thumbnailWrapper > .lazyload-wrapper img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
4067        margin-bottom: -15px;
4068    }
4069}
4070}
4071/*Defect Fix for Andriod*/
4072@media only screen and (max-width: 767px) {
4073    .m-text-wrapper {
4074    display: flex;
4075    height: 87vw;
4076    flex-direction: column;
4077  }
4078
4079@media (max-width: 767px) {
4080    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.m-text-wrapper.justify-center.items-center.uppercase.undefined.event_internal_link{
4081        margin-bottom: -15px;
4082    }
4083}
4084    .FeatureBanner {
4085    margin-top: 20px;
4086    margin-bottom: 20px;
4087  }
4088    img.mobileProductImage {
4089        margin-left: auto;
4090        margin-right: auto;
4091        max-height: none;
4092        width: 120px;
4093    }
4094    .HeroBanner .textWrapper {
4095    display: flex;
4096    flex-direction: column;
4097  }
4098
4099@media (max-width: 767px) {
4100    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.HeroBanner .textWrapper.justify-center.items-center.uppercase.undefined.event_internal_link{
4101        margin-bottom: -15px;
4102    }
4103}
4104    .HeroBanner .textWrapper {
4105        height: 100%;
4106    }
4107}
4108.articleContainer img {
4109  width: 100%;
4110    padding-bottom: 16px;
4111}
4112.customClass {
4113  width: 19.2%;
4114  font-size: 0.875rem;
4115}
4116
4117.customClass .QuickViewButton {
4118  width: 162px;
4119}
4120.customClass .relatedProductName {
4121  font-size: 1rem;
4122}
4123
4124.sortSelectDiv {
4125    text-indent: 20px;
4126}
4127.rating-variants.barRating {
4128  margin: 0px;
4129}
4130.footerLink > .list > .listItem a {
4131  display: flex;
4132}
4133@media (max-width: 767px) {
4134    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.footerLink > .list > .listItem a.justify-center.items-center.uppercase.undefined.event_internal_link{
4135        margin-bottom: -15px;
4136    }
4137}
4138
4139/* Safari 7.1+ */
4140_::-webkit-full-page-media,
4141_:future,
4142:root .safari_only {
4143    font-weight: 400;
4144}
4145
4146@keyframes slide-up {
4147    0% {
4148        opacity: 0;
4149        transform: translateY(20px);
4150    }
4151    100% {
4152        opacity: 1;
4153        transform: translateY(0);
4154    }
4155}
4156.quickViewBuyNow {
4157    background: url('https://images.ctfassets.net/peceku0c8uzu/4ewCVQE55y7iBSeLgMS4Z/debf6c234f8821cf317d98fdcfc870ae/Quick_View_Container_01.png');
4158}
4159@media (max-width: 1023px) {
4160    .primaryImage,
4161    .rating-secondary-image {
4162    width: 98px;
4163  }
4164}
4165@media only screen and (min-width: 767px) and (max-width: 1024px) {
4166    .cardDesc {
4167        padding-top: 10px;
4168    }
4169}
4170@media only screen and (min-width: 640px) and (orientation: landscape) {
4171    .cardTitle {
4172    padding-top: 10px;
4173    padding-left: 10px;
4174  }
4175    .cardDesc {
4176    width: 175px;
4177    padding-top: 10px;
4178    padding-left: 30px;
4179  }
4180    .cardButton {
4181    margin-left: 30px;
4182    margin-top: 20px;
4183  }
4184    .productViewPanel .textWrapper > div.cardDesc {
4185    width: 175px;
4186  }
4187    .historyBannerDesc {
4188    font-size: 0.6875rem;
4189  }
4190    .historycardButton {
4191    margin-top: 20px;
4192  }
4193    .faqBannerWrapper,
4194    .sustBannerWrapper,
4195    .articlesBannerWrapper {
4196    padding-left: 30px;
4197    padding-top: 50px;
4198  }
4199    .faqDescription,
4200    .sustDescription,
4201    .articlesDescription {
4202    font-size: 0.6875rem;
4203  }
4204    .reviewBannerWrapper {
4205    padding-left: 30px;
4206  }
4207}
4208
4209.showOnLeft .title {
4210  left: 30px;
4211  width: 19%;
4212  text-align: left;
4213}
4214.showOnRight .title {
4215  left: 0;
4216  width: 58%;
4217  text-align: right;
4218}
4219.showOnLeft .contentSection {
4220  left: 28%;
4221}
4222
4223.contentSection strong {
4224  display: block;
4225}
4226.contentSection p {
4227  margin-bottom: 9px;
4228  font-size: 0.875rem;
4229  line-height: 19px;
4230}
4231@media only screen and (max-width: 767px) {
4232    .showOnLeft .title {
4233    left: 7%;
4234    top: 4vw;
4235    width: 100%;
4236    font-size: 4.5vw;
4237  }
4238    .showOnLeft .contentSection {
4239    left: 7%;
4240    top: 13vw;
4241    width: 60%;
4242  }
4243    .showOnRight .title {
4244    right: 0;
4245    top: 4vw;
4246    width: 52%;
4247    text-align: left;
4248    font-size: 4.5vw;
4249        left: unset;
4250  }
4251    .showOnRight .contentSection {
4252    top: 13vw;
4253    width: 51%;
4254  }
4255    .contentSection p {
4256    font-size: 2.4vw;
4257    line-height: 3.2vw;
4258  }
4259    .contentSection strong {
4260    font-size: 2.5vw;
4261  }
4262}
4263
4264.mainTextContainer {
4265    position: absolute;
4266    width: 873px;
4267    left: 50%;
4268    transform: translateX(-50%);
4269    top: 0;
4270    padding-top: 270px;
4271}
4272.goBeyondTitle {
4273  font-family: work-sans-700;
4274    font-size: 100px;
4275    text-align: center;
4276    color: #374d9a;
4277    line-height: 130px;
4278}
4279.goBeyondSubTitle {
4280    color: #374d9a;
4281    font-family: work-sans-700;
4282    text-align: center;
4283    font-size: 40px;
4284    text-transform: capitalize;
4285}
4286.goBeyondText {
4287    color: #374e9f;
4288    padding: 0 85px;
4289    text-align: center;
4290    margin-top: 50px;
4291    font-size: 20px;
4292}
4293.forestsTitle {
4294    margin-top: 14px;
4295    font-size: 85px;
4296    text-align: center;
4297    color: #63abe2;
4298    font-family: 'Quicksand-Medium';
4299    font-weight: bold;
4300}
4301.forestsSubTitle {
4302    width: 60%;
4303    font-size: 38px;
4304    margin: 0 auto;
4305    color: #3d669b;
4306    font-family: 'work-sans-regular';
4307    line-height: 42px;
4308    margin-top: 15px;
4309}
4310
4311.forestsSection {
4312    margin-top: 312px;
4313}
4314
4315.forestsSection li {
4316    width: 200px;
4317    float: left;
4318    margin-left: 68px;
4319    text-align: center;
4320}
4321
4322.forestsSection li h2 {
4323    font-size: 20px;
4324    color: #63abe2;
4325    font-family: 'Quicksand-Medium';
4326    font-weight: bold;
4327    margin-top: 8px;
4328}
4329.forestsSection li p {
4330    color: #000000;
4331    font-size: 14px;
4332    font-family: 'work-sans-regular';
4333}
4334.familyTitle {
4335    clear: both;
4336    padding-top: 245px;
4337    font-size: 85px;
4338    text-align: center;
4339    color: #63abe2;
4340    font-family: 'Quicksand-Medium';
4341    font-weight: bold;
4342}
4343.familySubTitle {
4344    width: 98%;
4345    text-align: center;
4346    font-size: 38px;
4347    margin: 0 auto;
4348    color: #3d669b;
4349    font-family: 'work-sans-regular';
4350    line-height: 42px;
4351    margin-top: 20px;
4352}
4353.familySection {
4354    margin-top: 315px;
4355}
4356.familySection li {
4357    width: 200px;
4358    float: left;
4359    margin-left: 68px;
4360    text-align: center;
4361}
4362
4363.familySection li h2 {
4364    margin-bottom: 10px;
4365    min-height: 50px;
4366    font-family: 'work-sans-500';
4367    font-size: 20px;
4368    color: #63abe2;
4369    line-height: 24px;
4370    margin-top: 20px;
4371}
4372.familySection li p {
4373    color: #000000;
4374    font-size: 14px;
4375    font-family: 'work-sans-regular';
4376}
4377.greaterTitle {
4378    clear: both;
4379    padding-top: 125px;
4380    margin-top: 15px;
4381    font-size: 85px;
4382    text-align: center;
4383    color: #63abe2;
4384    font-family: 'Quicksand-Medium';
4385    font-weight: bold;
4386}
4387.greaterSubTitle {
4388    width: 98%;
4389    text-align: center;
4390    font-size: 38px;
4391    margin: 0 auto;
4392    color: #3d669b;
4393    font-family: 'work-sans-regular';
4394    line-height: 42px;
4395    margin-top: 2.5rem;
4396}
4397.greaterWorldSection {
4398    margin-top: 330px;
4399}
4400.greaterWorldSection li {
4401    width: 200px;
4402    float: left;
4403    margin-left: 68px;
4404    text-align: center;
4405}
4406.greaterWorldSection li h2 {
4407    min-height: 72px;
4408    margin-bottom: 10px;
4409    font-family: 'work-sans-500';
4410    font-size: 20px;
4411    line-height: 22px;
4412    margin-top: 12px;
4413    color: #374d9a;
4414}
4415.greaterWorldSection li p {
4416    margin-bottom: 6px;
4417    font-size: 14px;
4418    font-family: 'work-sans-regular';
4419    color: #000000;
4420}
4421.greaterWorldSection li p strong {
4422    font-weight: 500;
4423}
4424.learnHowToTitle {
4425    clear: both;
4426    color: #ffffff;
4427    font-size: 60px;
4428    padding-top: 345px;
4429    line-height: 60px;
4430    font-weight: bold;
4431    font-family: 'Quicksand-Medium';
4432    text-align: center;
4433}
4434.learnHowToSubTitle {
4435    font-size: 100px;
4436    line-height: 100px;
4437    font-family: work-sans-700;
4438    text-align: center;
4439    font-weight: bold;
4440    color: #f3c438;
4441}
4442.learnHowToText {
4443  text-align: center;
4444    color: white;
4445    font-size: 24px;
4446    padding-top: 30px;
4447    font-family: 'work-sans-500';
4448}
4449.sustainabilityPageContent {
4450    width: 873px;
4451    margin: 0 auto;
4452    padding: 0 10px;
4453    font-family: 'Quicksand-Medium';
4454}
4455.sustainabilityPageContent h3 {
4456    font-size: 18px;
4457    color: #0070c1;
4458}
4459.sustainabilityPageContent p a {
4460    color: #0070c1;
4461    font-weight: bold;
4462    text-decoration: underline;
4463}
4464.sustainabilityPageContent p strong {
4465    color: #000;
4466}
4467
4468.saveBanner .textWrapper .cardButton {
4469    width: 140px;
4470    padding: 10px;
4471}
4472
4473
4474
4475@media (min-width: 768px) and (max-width: 900px) {
4476    #sustainabilityPage {
4477        font-family: work-sans-regular;
4478        color: #646464;
4479    }
4480    .mainTextContainer {
4481        width: 100%;
4482        padding-left: 30px;
4483        padding-right: 30px;
4484    }
4485    .sustainabilityPageContent {
4486        width: 100%;
4487    }
4488    .mainTextContainer {
4489        padding-top: 190px;
4490    }
4491    .goBeyondSubTitle {
4492        font-size: 34px;
4493    }
4494    .goBeyondText {
4495        margin-top: 28px;
4496        font-size: 15px;
4497    }
4498    .forestsSubTitle {
4499        width: 65%;
4500        font-size: 30px;
4501        font-family: work-sans-regular;
4502        line-height: 34px;
4503        margin: 10px auto 0;
4504        text-align: center;
4505    }
4506    .forestsSection li:nth-of-type(1) {
4507        padding-left: 3px;
4508    }
4509    .forestsSection li {
4510        width: 167px;
4511        margin-left: 51px;
4512    }
4513    .forestsSection {
4514        margin-top: 232px;
4515    }
4516    .forestsSection li h2 {
4517        margin-top: 14px;
4518    }
4519    .forestsSection li p {
4520        font-size: 12px;
4521        line-height: 17px;
4522    }
4523    .familyTitle {
4524        padding-top: 215px;
4525        font-size: 60px;
4526    }
4527    .familySubTitle {
4528        width: 82%;
4529        text-align: center;
4530        font-size: 30px;
4531        font-family: work-sans-regular;
4532        line-height: 34px;
4533        margin: 20px auto 0;
4534    }
4535    .familySection li {
4536        width: 167px;
4537        margin-left: 50px;
4538    }
4539    .familySection li h2 {
4540        margin-bottom: 0;
4541        font-size: 17px;
4542        min-height: 40px;
4543        line-height: 18px;
4544        margin-top: 15px;
4545    }
4546    .familySection {
4547        margin-top: 235px;
4548    }
4549    .familySection li p {
4550        font-size: 12px;
4551        line-height: 17px;
4552    }
4553    .greaterTitle {
4554        padding-top: 132px;
4555        font-size: 48px;
4556    }
4557    .greaterSubTitle {
4558        width: 82%;
4559        text-align: center;
4560        font-size: 30px;
4561        font-family: work-sans-regular;
4562        line-height: 34px;
4563        margin: 1.5rem auto 0;
4564    }
4565    .greaterWorldSection {
4566        margin-top: 235px;
4567    }
4568    .greaterWorldSection li {
4569        width: 167px;
4570        margin-left: 50px;
4571    }
4572    .greaterWorldSection li h2 {
4573        min-height: 58px;
4574        font-size: 17px;
4575        line-height: 18px;
4576        margin-top: 33px;
4577    }
4578    .greaterWorldSection li p {
4579        font-size: 12px;
4580        line-height: 16px;
4581    }
4582    .learnHowToTitle {
4583        padding-top: 255px;
4584        font-size: 45px;
4585    }
4586    .learnHowToSubTitle {
4587        font-size: 90px;
4588        line-height: 95px;
4589    }
4590    .learnHowToText {
4591        font-size: 20px;
4592        padding-top: 14px;
4593    }
4594}
4595@media (min-width: 360px) and (max-width: 767px) {
4596    .sustainabilityWrapper {
4597        width: 360px !important;
4598        padding: 0 !important;
4599        margin-left: auto;
4600        margin-right: auto;
4601    }
4602    .sustainabilityContent h3 a {
4603        font-size: 12px;
4604    }
4605    /* #sustainabilityPage .bannerContainer img {
4606        min-width: 360px;
4607        width: 360px;
4608    } */
4609    #sustainabilityPage {
4610        font-family: work-sans-regular;
4611        color: #646464;
4612    }
4613    .mainTextContainer,
4614    .forestsSubTitle,
4615    .familySubTitle,
4616    .sustainabilityPageContent,
4617    .greaterSubTitle {
4618        width: 360px;
4619    }
4620    div#sustainabilityPage.pageWrapper {
4621        width: auto;
4622        max-width: 100%;
4623        padding-left: 15px;
4624        padding-right: 15px;
4625    }
4626    .sustainabilityPageContent {
4627        padding: 0 10px;
4628    }
4629    .mainTextContainer {
4630        padding-top: 8.5rem;
4631    }
4632    .goBeyondTitle {
4633        font-size: 41px;
4634        line-height: 47px;
4635    }
4636    .goBeyondSubTitle {
4637        font-size: 17px;
4638    }
4639    .goBeyondText {
4640        padding: 0 16px;
4641        margin-top: 6px;
4642        font-size: 9.5px;
4643    }
4644    .forestsTitle {
4645        font-size: 34px;
4646        margin-top: 0;
4647    }
4648    .forestsSubTitle {
4649        font-size: 12px;
4650        text-align: center;
4651        padding-top: 0;
4652        width: 50%;
4653        margin: 0 auto;
4654        margin-top: 8px;
4655        line-height: 14px;
4656    }
4657    .forestsSection {
4658        margin-top: 120px;
4659    }
4660    .forestsSection li {
4661        width: 26%;
4662        padding: 0 5px;
4663        margin-left: 5.3%;
4664    }
4665    .forestsSection li:nth-of-type(1) {
4666        padding-left: 9px;
4667    }
4668    .forestsSection li h2 {
4669        margin-bottom: 0;
4670        font-size: 10px;
4671        margin-top: 12px;
4672    }
4673    .forestsSection li p {
4674        font-size: 6.5px;
4675        line-height: 8px;
4676        padding-left: 1px;
4677    }
4678    .familyTitle {
4679        padding-top: 105px;
4680        font-size: 34px;
4681    }
4682    .familySubTitle {
4683        font-size: 16px;
4684        padding: 0 30px;
4685        line-height: 20px;
4686        margin: 10px auto 0;
4687    }
4688    .familySection {
4689        margin-top: 112px;
4690    }
4691    .familySection li {
4692        width: 26%;
4693        margin-left: 5%;
4694        padding: 0 3px;
4695    }
4696    .familySection li h2 {
4697        margin-bottom: 3px;
4698        font-size: 9px;
4699        line-height: 10px;
4700        min-height: 20px;
4701        width: 100%;
4702    }
4703    .familySection li p {
4704        font-size: 6px;
4705        line-height: 8px;
4706    }
4707    .greaterTitle {
4708        font-size: 30px;
4709        padding-top: 52px;
4710    }
4711    .greaterSubTitle {
4712        padding: 0 30px;
4713        font-size: 15px;
4714        line-height: 18px;
4715        margin: 13px auto 0;
4716    }
4717    .greaterWorldSection {
4718        margin-top: 125px;
4719    }
4720    .greaterWorldSection li {
4721        width: 26%;
4722        margin-left: 5%;
4723        padding: 0 5px;
4724    }
4725    .greaterWorldSection li:nth-of-type(1) {
4726        padding-left: 7px;
4727        width: 26.9%;
4728    }
4729    .greaterWorldSection li h2 {
4730        margin-bottom: 5px;
4731        font-size: 9px;
4732        line-height: 11px;
4733        min-height: 33px;
4734    }
4735    .greaterWorldSection li p {
4736        font-size: 7px;
4737        margin-bottom: 0px;
4738        line-height: 8px;
4739    }
4740    .learnHowToTitle {
4741        font-size: 20px;
4742        padding-top: 140px;
4743        line-height: 26px;
4744    }
4745    .learnHowToSubTitle {
4746        font-size: 35px;
4747        line-height: 34px;
4748    }
4749    .learnHowToText {
4750        font-size: 12px;
4751        padding-top: 10px;
4752    }
4753    .sustainabilityContent a {
4754        font-size: 0.875rem;
4755    }
4756    .sustainabilityPageContent h3,
4757    .sustainabilityPageContent h3 a {
4758        font-size: 18px;
4759    }
4760}
4761@media (min-width: 768px) {
4762    .history-banner .space {
4763    margin-top: 18px;
4764  }
4765    .showOnLeft .contentSection.jordan {
4766    left: 28%;
4767  }
4768}
4769
4770/* CLS fixes */
4771@media (min-width: 320px) {
4772    .articlerichtext + div.minHeightCLS {
4773    min-height: 250px;
4774  }
4775}
4776@media (min-width: 1024px) {
4777    .articlerichtext + div.minHeightCLS {
4778    min-height: 400px;
4779  }
4780    .ratings-reviews .textWrapper {
4781        top: 40px;
4782    }
4783    .ratings-reviews .textWrapper h2,
4784    .ratings-reviews .textWrapper div {
4785        color: #ffffff;
4786    }
4787}
4788
4789@media (max-width: 767px) {
4790    .contentWrapper .textWrapper {
4791        left: 16px;
4792        top: 15px;
4793    }
4794    .imgWrap img {
4795        width: 100%;
4796        border-radius: 20px;
4797    }
4798}
4799
4800/* Responsiveness CSS */
4801@media (min-width: 641px) and (max-width: 767px) {
4802    .HeroBanner .cardTitle,
4803    .FeatureBanner .cardTitle,
4804    .savePuffTitle .cardTitle,
4805    .saveWithPuffTitle {
4806        padding-left: 10px !important;
4807    }
4808}
4809@media (min-width: 320px) and (max-width: 500px) {
4810    .FeatureBanner .textWrapper {
4811        padding-top: 8px !important;
4812        padding-left: 10px !important;
4813    }
4814    .cardDesc {
4815        width: 130px !important;
4816    }
4817    .contentWrapper .textWrapper {
4818        top: 10px !important;
4819    }
4820    #offerPage .textWrapper {
4821    padding-top: 30px;
4822    padding-left: 15px;
4823  }
4824    .productViewPanel .textWrapper {
4825    padding-left: 15px;
4826    padding-top: 10px;
4827  }
4828    .productViewPanel .cardButton {
4829        margin-left: 6px;
4830        margin-top: 6px;
4831    }
4832}
4833@media only screen and (max-width: 767px) {
4834    .cardButton {
4835    margin-left: 10px;
4836    margin-top: 20px;
4837  }
4838    .cardDesc {
4839    width: 175px;
4840    padding-top: 10px;
4841    padding-left: 10px;
4842  }
4843    .contentWrapper .textWrapper {
4844        left: 10px !important;
4845    }
4846    .FeatureBanner .textWrapper {
4847    padding-top: 30px;
4848    padding-left: 20px;
4849  }
4850
4851    #articleDetailPage .articleContainer .articlerichtext + div {
4852        min-height: auto;
4853    }
4854}
4855.dark-page-hero-image {
4856    margin-top: 50px;
4857}
4858@media (min-width: 1024px) and (max-width: 1060px) {
4859    .tab-mx-50 {
4860        margin: 0 50px;
4861    }
4862}
4863@media (max-width: 1024px) {
4864    .imageset img,
4865    .relatedProductsWrapper {
4866        padding: 0 20px;
4867    }
4868    .history-content-Wrapper .Video iframe {
4869    height: 320px;
4870  }
4871}
4872@media (min-width: 320px) and (max-width: 400px) {
4873    .bannerContainer {
4874        padding: 0px;
4875    }
4876    .video-px-sp {
4877        padding: 0 8px !important;
4878    }
4879    .meetPalsDesc {
4880        width: 90% !important;
4881    }
4882    .meetPalsTitle {
4883        margin-top: -5px !important;
4884        width: 90% !important;
4885    }
4886    .FeatureBanner .textWrapper {
4887    padding-top: 16px;
4888    padding-left: 5px;
4889  }
4890    #offerPage .textWrapper {
4891    padding-top: 10px;
4892    padding-left: 0px;
4893  }
4894    .saveWithPuffTitle {
4895        font-size: 12px !important;
4896        line-height: 12px !important;
4897        margin-top: 5px;
4898    }
4899    .saveWithPuffDesc {
4900        font-size: 10px !important;
4901        line-height: 12px !important;
4902        margin-top: -5px;
4903    }
4904    .saveWithPuffBtn {
4905        font-size: 8px !important;
4906        line-height: 12px !important;
4907        margin-top: 5px;
4908        height: 20px !important;
4909    }
4910    .saveWithPuffWrapper {
4911        padding-left: 10px !important;
4912    }
4913}
4914@media (min-width: 320px) and (max-width: 360px) {
4915    .bannerContainer img {
4916        padding: 0 10px;
4917    }
4918
4919    #sustainabilityPage .bannerContainer img {
4920        padding: 0;
4921    }
4922
4923    #sustainabilityPage .sustainabilityProtectBanner .textWrapper{
4924        width: 68% !important;
4925    }
4926
4927    #sustainabilityPage .sustainabilityGrowBanner .textWrap {
4928        width: 41% !important;
4929    }
4930
4931    #sustainabilityPage .textWrapper p{
4932        line-height: 12px;
4933        font-size: 12px;
4934    }
4935
4936    #sustainabilityPage .textWrapper >div{
4937        padding-top: 3px !important;
4938    }
4939}
4940
4941@media (min-width: 320px) and (max-width: 575px) {
4942    .history-content-Wrapper .Video iframe {
4943        height: 160px !important;
4944    }
4945    .meetPalsDesc {
4946        margin-bottom: -3px !important;
4947        width: 100% !important;
4948    }
4949    .meetPalsTitle {
4950        margin-top: 0px !important;
4951        width: 100% !important;
4952    }
4953}
4954@media (min-width: 576px) and (max-width: 766px) {
4955    .meetPalsDesc {
4956        margin-bottom: 28px;
4957    }
4958    .meetPalsTitle {
4959        margin-top: 40px;
4960    }
4961}
4962
4963@media (min-width: 767px) and (max-width: 1023px) {
4964
4965    .app-cart-container {
4966        height: 100vh;
4967        display: flex;
4968        justify-content: center;
4969        align-items: center;
4970    }
4971}
4972
4973@media (max-width: 767px) {
4974    .meetPalsDesc {
4975        margin-bottom: 10px;
4976    }
4977    .meetPalsTitle {
4978        margin-top: 0px;
4979    }
4980    .video-px-sp {
4981        padding: 0 20px;
4982    }
4983    .imgWrap img {
4984        width: 100%;
4985    }
4986    .textWrapper {
4987        left: 5px;
4988        top: 5px;
4989    }
4990    .contentWrapper .textWrapper {
4991        left: 16px;
4992        top: 20px;
4993    }
4994    .youtube-icon {
4995        width: 50px !important;
4996    }
4997}
4998@media (min-width: 1024px) {
4999    .meetPalsTitle {
5000        margin-top: 5px;
5001    }
5002    .meetPalsDesc {
5003        bottom: 0;
5004    }
5005
5006    .desktop-shopper-choice-wrapper[_ngcontent-c3] {
5007        height: 100% !important;
5008    }
5009}
5010@media (min-width: 768px) and (max-width: 1024px) {
5011    .productViewPanel .productView .quickViewCardWrap {
5012        padding: 15px 15px 15px 50px !important;
5013    }
5014}
5015@media (min-width: 320px) and (max-width: 400px) {
5016    .reviewBannerWrapper {
5017        left: 0 !important;
5018    }
5019    .reviewBannerWrapper h2 {
5020        font-size: 15px !important;
5021    }
5022    .contentWrapper .textWrapper {
5023        top: 0 !important;
5024    }
5025    .textWrapper h1 {
5026        font-size: 14px;
5027        line-height: 18px;
5028    }
5029    .textWrapper .cardDesc {
5030        font-size: 9px;
5031        line-height: 13px;
5032    }
5033
5034    .textWrapper .cardButton {
5035        font-size: 12px;
5036        height: 28px;
5037        margin-top: 10px;
5038    }
5039    .mediaWrapper > img {
5040        width: 100% !important;
5041    }
5042    .articlerichtext + div {
5043    min-height: 231px;
5044  }
5045}
5046
5047@media (min-width: 320px) and (max-width: 596px) {
5048    .saveBanner .textWrapper .cardButton {
5049        font-size: 12px;
5050        margin-top: 10px;
5051        text-align: center;
5052        width: 119px;
5053    }
5054}
5055
5056@media (min-width: 320px) and (max-width: 360px) {
5057    .articlerichtext + div {
5058    min-height: 105px !important;
5059  }
5060
5061    #articleDetailPage .articleContainer .articlerichtext + div {
5062        min-height: auto !important;
5063    }
5064}
5065
5066@media only screen and (max-width: 767px) {
5067    #homePage .thumbnailWrapper > .lazyload-wrapper img {
5068    border-radius: 10px;
5069  }
5070}
5071
5072@media (min-width: 767px) and (max-width: 1023px) {
5073    #homePage .thumbnailWrapper > .lazyload-wrapper img {
5074    border-radius: 20px;
5075  }
5076
5077@media (max-width: 767px) {
5078    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover#homePage .thumbnailWrapper > .lazyload-wrapper img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
5079        margin-bottom: -15px;
5080    }
5081}
5082}
5083
5084@media (min-width: 1024px) and (max-width: 1030px) {
5085    .FooterContainer .mainWrapper li:last-of-type {
5086        width: 100%;
5087        text-align: center;
5088    }
5089
5090    .FooterContainer .mainWrapper {
5091        padding-bottom: 60px !important;
5092        margin-left: 60px;
5093    }
5094    .primaryMenuWrapper .slotsWrap-1 li .titleSection {
5095        max-width: 130px;
5096    }
5097}
5098
5099/* sustainability */
5100
5101@media (min-width: 320px) and (max-width: 575px) {
5102    .sustainabilityGrowBanner .contentWrapper .textWrap{
5103        right: 45px;
5104    }
5105}
5106
5107@media (min-width: 767px) {
5108    .bannerContainer .contentWrapper .grow {
5109        right: 130px !important;
5110    }
5111}
5112
5113@media (min-width: 767px) and (max-width: 1023px) {
5114    .bannerContainer .contentWrapper .grow {
5115        right: 80px !important;
5116    }
5117}
5118
5119    /* @media (min-width:1024px) and (max-width: 1030px) {
5120
5121.puffs-sustainability-title {
5122    color: #236AA4;
5123    font-size: 60px;
5124    font-weight: 700;
5125    line-height: 40px;
5126}
5127
5128.puffs-sustainability-sub-title {
5129    font-size: 31px ;
5130    color: #0070C0;
5131    font-weight: 600;
5132    line-height: 40px;
5133    margin-top: 10px;
5134}
5135
5136    } */
5137
5138    @media (min-width: 1025px) {
5139        .FooterContainer {
5140            width: 83% !important;
5141        }
5142     
5143        .FooterContainer .mainWrapper {
5144           padding-bottom: 0px !important;
5145           padding-top: 0px !important;
5146        }
5147     
5148        .FooterContainer .mainWrapper ul {
5149            display: flex;
5150            flex-wrap: wrap;
5151            justify-content: center;
5152            padding-top: 30px;
5153        }
5154     
5155        .FooterContainer .mainWrapper ul li {
5156            padding-right: 17px !important;
5157            margin-bottom: 12px !important;
5158        }
5159     
5160        .FooterContainer .subWrapper {
5161            display: flex;
5162            justify-content: center;
5163            align-items: center;
5164        }
5165    }
5166
5167    @media (min-width: 1023px) and (max-width: 1025px) {
5168        .FooterContainer {
5169            width: 90% !important;
5170        }
5171     
5172        .FooterContainer .mainWrapper {
5173           padding-bottom: 0px !important;
5174           padding-top: 0 !important;
5175        }
5176     
5177        .FooterContainer .mainWrapper ul {
5178            display: flex;
5179            flex-wrap: wrap;
5180            justify-content: center;
5181            padding-top: 14px;
5182        }
5183     
5184        .FooterContainer .mainWrapper ul li {
5185            padding-right: 12px !important;
5186            padding-bottom: 3px !important;
5187        }
5188     
5189        .FooterContainer .subWrapper {
5190            display: flex;
5191            justify-content: center;
5192            align-items: center;
5193        }
5194
5195    }
5196
5197    @media (min-width: 1025px) and (max-width: 1497px) {
5198        .FooterContainer {
5199            width: 86% !important;
5200        }
5201    }
5202
5203    @media (min-width: 768px) and (max-width: 998px) {
5204        .FooterContainer .mainWrapper ul {
5205            display: flex;
5206            flex-wrap: wrap;
5207            justify-content: center;
5208            padding-top: 14px;
5209        }
5210
5211        .FooterContainer .mainWrapper ul li {
5212            padding-bottom: 5px !important;
5213        }
5214    }
5215
5216    .FooterContainer .mainWrapper ul li:nth-last-child(1) {
5217        font-weight: normal;
5218      } 
5219
5220/* pagesspeed */
5221
5222@media (min-width: 1024px) {
5223    #homePage .HeroBanner .contentWrapper,  #homePage .FeatureBanner .contentWrapper {
5224        min-height: 360px;
5225    }
5226
5227    #homePage .Video .thumbnailWrapper {
5228        min-height: 475px;
5229    }
5230    
5231    .mainNav .primaryMenuWrapper {
5232        min-height: 61px;
5233    }
5234
5235    /* //footer */
5236
5237    .FooterContainer .subWrapper {
5238        min-height: 30px;
5239    } 
5240
5241    .product-list-page .cardWrapper {
5242        min-height: 433px;
5243    }
5244
5245    .product-list-page .cardWrapper .productListView .quickViewCardWrap{
5246        min-height: 304px;
5247        min-width: 169px;
5248    }
5249
5250    .product-list-page .cardWrapper .productListView .quickViewCardWrap .quickViewMediaWrapper {
5251        min-height: 305px;
5252    }
5253
5254    .product-list-page .cardWrapper .productListView .quickViewCardWrap .quickViewContentWrapper {
5255        min-height: 100px;
5256    }
5257
5258    .product-list-page .quickViewCardWrap .quickViewContentWrapper .rating-variants {
5259        min-height: 17px;
5260    }
5261
5262    #sustainabilityPage .bannerContainer .sustainabilityProtectBanner, 
5263    #sustainabilityPage .bannerContainer .sustainabilityGrowBanner,
5264    #sustainabilityPage .bannerContainer .sustainabilityRestoreBanner {
5265        min-height: 318px;
5266    }
5267
5268    .leaveReviewWrapper .bannerContainer {
5269        min-height: 311px;
5270    }
5271
5272    .leaveReviewWrapper .cardWrapper .productListView .productCard .lazyload-wrapper {
5273        min-height: 216px;
5274    }
5275
5276    .leaveReviewWrapper .cardWrapper .productListView .productCard .ratingWrapper .rating-wrapper  {
5277        min-height: 17px;
5278    }
5279
5280    .product-list-page .bannerContainer {
5281        min-height: 323px;
5282    }
5283
5284    .productDetailWrapper .sectionWrap, .productDetailWrapper .sectionWrap .imageWrap {
5285        min-height: 351px;
5286    }
5287
5288    .productDetailWrapper .sectionWrap .imageWrap {
5289        min-width: 346px;
5290    }
5291
5292    .productDetailWrapper .sectionWrap .imageWrap button {
5293        min-height: 318px;
5294        min-width: 318px;
5295    }
5296
5297    .productDetailWrapper .sectionWrap .introWrap {
5298        min-width: 410px;
5299        min-height: 328;
5300    }
5301
5302    .productDetailWrapper .Horizontal .card{
5303        min-height: 332px;
5304    }
5305
5306    .productDetailWrapper .Horizontal .mediaWrapper{
5307        min-height: 272px;
5308        min-width: 303px;
5309    }
5310
5311    .productDetailWrapper .Horizontal .contentWrapper{
5312        min-height: 272px;
5313        min-width: 453px;
5314    }
5315
5316    .productDetailWrapper .imageset .LazyLoad {
5317        min-height: 311px;
5318    }
5319
5320    .productDetailWrapper .relatedProductsWrapper .productListStyles {
5321        min-height: 319px;
5322    }
5323
5324    .productDetailWrapper .relatedProductsWrapper .productListStyles .quickViewCardWrap {
5325        min-height: 279px;
5326        min-width: 190px;
5327    } 
5328
5329    .pageWrapper .write-review-card .image-wrap {
5330        min-height: 523px;
5331    }
5332
5333    #faqPage .QAWrapper table:first-of-type tr td {
5334        min-height: 51px;
5335    }
5336
5337    .FooterContainer {
5338        min-height: 222px;
5339    }
5340
5341    .mainNav .linkSection {
5342        min-height: 30px;
5343        min-width: 846px;
5344    }
5345
5346    .mainNav .linkSection a {
5347        min-height: 14px;
5348    }
5349
5350    .mainNav .linkSection a:first-child {
5351        min-width: auto;
5352    }
5353
5354    .mainNav .linkSection a:nth-child(2), a:nth-child(3) {
5355        min-width: 73px;
5356    }
5357
5358    .mainNav .linkSection a:nth-child(4) {
5359        min-width: 69px;
5360    }
5361
5362    #articleDetailPage div:has(> picture) {
5363        min-height: 424px !important;
5364    }
5365
5366    /* .articleContentContainer .cardWrapper .contentWrapper div:first-child {
5367        min-height: 24px ;
5368    } */
5369
5370    .articleContainer .articlerichtext {
5371        min-height: 70px;
5372    }
5373
5374    #offerPage .bannerSection .contentWrapper > div:nth-child(2){
5375        min-height: 360px;
5376    }
5377
5378    footer {
5379        min-height: 222px;
5380    }
5381
5382    .primaryMenuWrapper > a {
5383        min-height: 130px;
5384        min-width: 130px;
5385    }
5386
5387    footer .FooterContainer .mainWrapper ul li:nth-child(5) {
5388        min-width: 297px;
5389        min-height: 39px;
5390    }
5391
5392    .FooterContainer .footerLink ul li .privacy-choice {
5393        min-width: 31px;
5394        min-height: 14px;
5395    }
5396
5397    .history-banner-Wrapper .history-banner {
5398        min-height: 349px;
5399        min-width: 846px;
5400    }
5401
5402    .history-image-2 {
5403        min-height: 279px;
5404    }
5405
5406    .history-image-3{
5407        min-height: 282px;
5408    }
5409    .history-image-4 {
5410        min-height: 340px;
5411    }
5412
5413    .history-image-5 {
5414        min-height: 287px;
5415    }
5416
5417    .history-image-6 {
5418        min-height: 264px;
5419    }
5420
5421    .history-image-7 {
5422        min-height: 248px;
5423    }
5424
5425    .history-content-Wrapper .Video {
5426        min-height: 340px;
5427    }
5428
5429    .history-content-Wrapper .text-Wrapper .container .history-head{
5430        min-height: 46px;
5431    }
5432
5433    .history-content-Wrapper .history-line-break {
5434        min-height: 119px;
5435    }
5436
5437    .sustainability h1{
5438        min-height: 40px;
5439    }
5440
5441    .sustainability .text-blue2 {
5442        min-height: 80px;
5443    }
5444
5445    .productDetailWrapper .sectionWrap .imageWrap img:nth-child(2){
5446        min-height: 28px;
5447        min-width: 28px;
5448    }
5449
5450    .productDetailWrapper .productrating .rating-variants {
5451        min-width: 108px;
5452        min-height: 24px;
5453    }
5454
5455    .productDetailWrapper .introWrap {
5456        min-width: 410px;
5457        min-height: 328px;
5458    }
5459
5460    .productDetailWrapper .introWrap .productrating {
5461        min-height: 44px;
5462    }
5463
5464    .productrating .ratingWrapper {
5465        min-height: 44px;
5466    }
5467
5468    .productDetailWrapper .introWrap .writeSection {
5469        min-height: 21px;
5470    }
5471
5472    #meetPalsPage .bannerContainer {
5473        min-height: 450px;
5474    }
5475
5476    #meetPalsPage .carousalContainer {
5477        min-height: 506px;
5478    }
5479
5480    .dark-page-section .dark-page-hero-image{
5481        min-height: 529px;
5482    }
5483
5484    .FooterContainer .mainWrapperSocial {
5485        min-width: 270px;
5486        min-height: 24px;
5487    }
5488
5489    .guidelineSection {
5490        min-height: 528px;
5491    }
5492
5493    #faqPage .cardWrapper {
5494        min-height: 931px;
5495    }
5496    .sitemapSection {
5497        min-height: 548px;
5498    } 
5499
5500    .productDetailWrapper .sectionWrap, .productDetailWrapper .sectionWrap .imageWrap {
5501        min-height: 328px;
5502    }
5503
5504    .productDetailWrapper .sectionWrap .imageWrap {
5505        min-width: 346px;
5506    }
5507
5508    .productDetailWrapper .sectionWrap .imageWrap button {
5509        min-height: 318px;
5510        min-width: 318px;
5511    }
5512
5513    .productDetailWrapper .sectionWrap .introWrap {
5514        min-width: 410px;
5515        min-height: 328;
5516    }
5517
5518    .productDetailWrapper .Horizontal .card{
5519        min-height: 332px;
5520    }
5521
5522    .productDetailWrapper .Horizontal .mediaWrapper{
5523        min-height: 272px;
5524        min-width: 303px;
5525    }
5526
5527    .productDetailWrapper .Horizontal .contentWrapper{
5528        min-height: 272px;
5529        min-width: 453px;
5530    }
5531
5532    .productDetailWrapper .imageset .LazyLoad {
5533        min-height: 311px;
5534    }
5535
5536    .productDetailWrapper .relatedProductsWrapper .productListStyles {
5537        min-height: 319px;
5538    }
5539
5540    .productDetailWrapper .relatedProductsWrapper .productListStyles .quickViewCardWrap {
5541        min-height: 279px;
5542        min-width: 190px;
5543    } 
5544
5545    .pageWrapper .write-review-card .image-wrap {
5546        min-height: 522px;
5547    }
5548
5549    #faqPage .QAWrapper table:first-of-type tr td {
5550        min-height: 51px;
5551    }
5552
5553    .FooterContainer {
5554        min-height: 222px;
5555    }
5556
5557    .mainNav .linkSection a {
5558        min-height: 14px;
5559    }
5560
5561    .mainNav .linkSection a:first-child {
5562        min-width: auto;
5563    }
5564
5565    .mainNav .linkSection a:nth-child(2), a:nth-child(3) {
5566        min-width: 73px;
5567    }
5568
5569    .mainNav .linkSection a:nth-child(4) {
5570        min-width: 69px;
5571    }
5572
5573    #articleDetailPage div:has(> picture) {
5574        min-height: 414px !important;
5575    }
5576
5577    .articleContentContainer .cardWrapper .contentWrapper div:first-child {
5578        min-height: 24px ;
5579    }
5580}
5581
5582@media (max-width: 767px) {
5583    #homePage .Video .thumbnailWrapper {
5584        min-height: 194px;
5585    }
5586    
5587    .product-list-page .quickViewCardWrap {
5588        min-height: 277px;
5589    }
5590
5591    .product-list-page .quickViewCardWrap .quickViewMediaWrapper {
5592        min-height: 216px;
5593    }
5594    
5595    .product-list-page .quickViewCardWrap .quickViewContentWrapper {
5596        min-height: 222px;
5597    }
5598
5599    .product-list-page .quickViewCardWrap .quickViewContentWrapper .rating-variants {
5600        min-height: 24px;
5601    }
5602
5603    .product-list-page .bannerContainer {
5604        min-height: 172px;
5605    }
5606
5607    #sustainabilityPage .bannerContainer .sustainabilityProtectBanner, 
5608    #sustainabilityPage .bannerContainer .sustainabilityGrowBanner,
5609    #sustainabilityPage .bannerContainer .sustainabilityRestoreBanner {
5610        min-height: 177px;
5611    }
5612
5613    .leaveReviewWrapper .cardWrapper .productListView .productCard .lazyload-wrapper {
5614        min-height: 226px;
5615    }
5616
5617    .leaveReviewWrapper .bannerContainer {
5618        min-height: 236px;
5619    }
5620
5621    
5622    .leaveReviewWrapper .cardWrapper {
5623        min-height: 886px;
5624    }
5625
5626    .FooterContainer .subWrapper .wrapperTxt {
5627        min-width: 36px;
5628    }
5629
5630    .footerLink > .list > .listItem .privacyLinkButton   {
5631        display: flex;
5632    }
5633    .FooterContainer .footerLink ul li:nth-child(4) {
5634        min-width: 159px;
5635    }
5636
5637    .FooterContainer .footerLink ul li .adChoiceIcon {
5638        min-width: 31px;
5639        min-height: 14px;
5640    }
5641
5642    .FooterContainer .footerLink ul li .privacy-choice {
5643        min-width: 31px;
5644        min-height: 14px;
5645    }
5646
5647    .FooterContainer .socialIcons li{
5648        min-width: 44px;
5649    }
5650
5651
5652    .leaveReviewWrapper .cardWrapper .productListView .productCard{
5653        min-height: 325px;
5654    }
5655
5656    .leaveReviewWrapper .cardWrapper .productListView {
5657        min-height: 650px;
5658    }
5659
5660    .product-list-page .pageContainer .productViewPanel .productView .quickViewCardWrap {
5661        min-height: 277px;
5662    }
5663
5664    .product-list-page .pageContainer .productViewPanel .productView  {
5665        min-height: 558px;
5666    }
5667
5668    .product-list-page .pageContainer .headerSection {
5669        min-height: 38px;
5670    }
5671
5672    .product-list-page .pageContainer .productViewPanel .productView .quickViewContentWrapper .w-100 {
5673        min-height: 81px;
5674    }
5675
5676    .product-list-page .pageContainer .subHeaderSection .productViewTypes {
5677        min-height: 31px;
5678    }
5679
5680    .articleListWrapper .articleListBanner div.contentWrapper div {
5681        min-height: 229px;
5682    }
5683
5684    .articleListWrapper .cardWrapper  {
5685        min-height: 1009px;
5686    }
5687
5688    .articleDetailpageWrapper .articleContentContainer .section-row .LazyLoad > .LazyLoad {
5689        min-height: 231px;
5690    }
5691
5692    
5693
5694    .articleListWrapper .cardWrapper .articleListContentWrapper {
5695        min-height: 1000px;
5696    }
5697
5698    .articleListContentWrapper .articleContentWrapper {
5699        min-height: 160px;
5700    }
5701
5702    .articleListContentWrapper .articleContentWrapper .imageWrap  {
5703        min-width: 186px;
5704    }
5705
5706    #articleDetailPage div:has(> picture) {
5707        min-height: 231px !important;
5708    }
5709
5710    #meetPalsPage .bannerContainer {
5711        min-height: 239px;
5712    }
5713
5714    #meetPalsPage .carousalContainer {
5715        min-height: 287px;
5716    }
5717
5718    .FooterContainer {
5719        min-height: 432px;
5720    }
5721
5722    .dark-page-section .dark-page-hero-image{
5723        min-height: 130px;
5724    }
5725}
5726
5727.app-cart-container {
5728    padding-top: 15px !important;
5729}
5730
5731@media (max-width: 767px) {
5732    a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{
5733        margin-bottom: -15px;
5734    }
5735}
5736.ps-widget {
5737    padding: 10px 30px !important;
5738    border-radius: 30px !important;
5739}
5740.hover\:no-underline:hover {
5741  text-decoration-line: none;
5742}
5743
5744.focus\:border-textbox-focus:focus {
5745  border-color: rgba(82,168,236,.8);
5746}
5747
5748.focus\:shadow-text-box-focus:focus {
5749  --tw-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
5750  --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), 0 0 8px var(--tw-shadow-color);
5751  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
5752}
5753
5754.focus\:outline-none:focus {
5755  outline: 2px solid transparent;
5756  outline-offset: 2px;
5757}
5758
5759@media (min-width: 320px) {
5760
5761  .sm\:bottom-140 {
5762    bottom: 140px;
5763  }
5764
5765  .sm\:float-left {
5766    float: left;
5767  }
5768
5769  .sm\:mx-10 {
5770    margin-left: 10px;
5771    margin-right: 10px;
5772  }
5773
5774  .sm\:mx-auto {
5775    margin-left: auto;
5776    margin-right: auto;
5777  }
5778
5779  .sm\:my-10 {
5780    margin-top: 10px;
5781    margin-bottom: 10px;
5782  }
5783
5784  .sm\:mb-10 {
5785    margin-bottom: 10px;
5786  }
5787
5788  .sm\:ml-10 {
5789    margin-left: 10px;
5790  }
5791
5792  .sm\:mr-15 {
5793    margin-right: 15px;
5794  }
5795
5796  .sm\:mt-20 {
5797    margin-top: 20px;
5798  }
5799
5800  .sm\:mt-24 {
5801    margin-top: 24px;
5802  }
5803
5804  .sm\:mt-m30 {
5805    margin-top: -30px;
5806  }
5807
5808  .sm\:block {
5809    display: block;
5810  }
5811
5812  .sm\:flex {
5813    display: flex;
5814  }
5815
5816  .sm\:hidden {
5817    display: none;
5818  }
5819
5820  .sm\:h-500 {
5821    height: 500px;
5822  }
5823
5824  .sm\:min-h-130 {
5825    min-height: 130px;
5826  }
5827
5828  .sm\:min-h-320 {
5829    min-height: 320px;
5830  }
5831
5832  .sm\:min-h-400 {
5833    min-height: 400px;
5834  }
5835
5836  .sm\:min-h-42 {
5837    min-height: 42px;
5838  }
5839
5840  .sm\:min-h-700 {
5841    min-height: 700px;
5842  }
5843
5844  .sm\:w-370 {
5845    width: 370px;
5846  }
5847
5848  .sm\:w-41p {
5849    width: 41%;
5850  }
5851
5852  .sm\:w-full {
5853    width: 100%;
5854  }
5855
5856  .sm\:flex-col {
5857    flex-direction: column;
5858  }
5859
5860  .sm\:bg-gray-silver {
5861    --tw-bg-opacity: 1;
5862    background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
5863  }
5864
5865  .sm\:px-10 {
5866    padding-left: 10px;
5867    padding-right: 10px;
5868  }
5869
5870  .sm\:px-15 {
5871    padding-left: 15px;
5872    padding-right: 15px;
5873  }
5874
5875  .sm\:py-20 {
5876    padding-top: 20px;
5877    padding-bottom: 20px;
5878  }
5879
5880  .sm\:pb-0 {
5881    padding-bottom: 0px;
5882  }
5883
5884  .sm\:pb-15 {
5885    padding-bottom: 15px;
5886  }
5887
5888  .sm\:pb-20 {
5889    padding-bottom: 20px;
5890  }
5891
5892  .sm\:pb-25 {
5893    padding-bottom: 25px;
5894  }
5895
5896  .sm\:pr-0 {
5897    padding-right: 0px;
5898  }
5899
5900  .sm\:pt-20 {
5901    padding-top: 20px;
5902  }
5903
5904  .sm\:pt-24 {
5905    padding-top: 24px;
5906  }
5907
5908  .sm\:pt-25 {
5909    padding-top: 25px;
5910  }
5911
5912  .sm\:pt-3 {
5913    padding-top: 3px;
5914  }
5915
5916  .sm\:pt-5 {
5917    padding-top: 5px;
5918  }
5919
5920  .sm\:text-12 {
5921    font-size: 0.75rem;
5922  }
5923
5924  .sm\:text-13 {
5925    font-size: 0.8125rem;
5926  }
5927
5928  .sm\:text-gray-dark {
5929    --tw-text-opacity: 1;
5930    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
5931  }
5932}
5933
5934@media (min-width: 768px) {
5935
5936  .md\:bottom-20 {
5937    bottom: 20px;
5938  }
5939
5940  .md\:bottom-60 {
5941    bottom: 60px;
5942  }
5943
5944  .md\:left-0 {
5945    left: 0;
5946  }
5947
5948  .md\:left-150 {
5949    left: 150px;
5950  }
5951
5952  .md\:top-0 {
5953    top: 0;
5954  }
5955
5956  .md\:float-right {
5957    float: right;
5958  }
5959
5960  .md\:-mx-15 {
5961    margin-left: -15px;
5962    margin-right: -15px;
5963  }
5964
5965  .md\:mx-0 {
5966    margin-left: 0px;
5967    margin-right: 0px;
5968  }
5969
5970  .md\:my-20 {
5971    margin-top: 20px;
5972    margin-bottom: 20px;
5973  }
5974
5975  .md\:mb-10 {
5976    margin-bottom: 10px;
5977  }
5978
5979  .md\:mb-15 {
5980    margin-bottom: 15px;
5981  }
5982
5983  .md\:mb-20 {
5984    margin-bottom: 20px;
5985  }
5986
5987  .md\:ml-35 {
5988    margin-left: 35px;
5989  }
5990
5991  .md\:ml-50 {
5992    margin-left: 50px;
5993  }
5994
5995  .md\:ml-60 {
5996    margin-left: 60px;
5997  }
5998
5999  .md\:mr-15 {
6000    margin-right: 15px;
6001  }
6002
6003  .md\:mr-20 {
6004    margin-right: 20px;
6005  }
6006
6007  .md\:mt-0 {
6008    margin-top: 0px;
6009  }
6010
6011  .md\:mt-10 {
6012    margin-top: 10px;
6013  }
6014
6015  .md\:mt-20 {
6016    margin-top: 20px;
6017  }
6018
6019  .md\:mt-25 {
6020    margin-top: 25px;
6021  }
6022
6023  .md\:mt-30 {
6024    margin-top: 30px;
6025  }
6026
6027  .md\:mt-40 {
6028    margin-top: 40px;
6029  }
6030
6031  .md\:mt-50 {
6032    margin-top: 50px;
6033  }
6034
6035  .md\:block {
6036    display: block;
6037  }
6038
6039  .md\:inline-block {
6040    display: inline-block;
6041  }
6042
6043  .md\:flex {
6044    display: flex;
6045  }
6046
6047  .md\:inline-flex {
6048    display: inline-flex;
6049  }
6050
6051  .md\:hidden {
6052    display: none;
6053  }
6054
6055  .md\:h-350 {
6056    height: 350px;
6057  }
6058
6059  .md\:h-424 {
6060    height: 424px;
6061  }
6062
6063  .md\:h-auto {
6064    height: auto;
6065  }
6066
6067  .md\:max-h-600 {
6068    max-height: 600px;
6069  }
6070
6071  .md\:min-h-auto {
6072    min-height: auto;
6073  }
6074
6075  .md\:w-28p {
6076    width: 28%;
6077  }
6078
6079  .md\:w-30p {
6080    width: 30%;
6081  }
6082
6083  .md\:w-380 {
6084    width: 380px;
6085  }
6086
6087  .md\:w-46p {
6088    width: 46%;
6089  }
6090
6091  .md\:w-62p {
6092    width: 62%;
6093  }
6094
6095  .md\:w-641 {
6096    width: 641px;
6097  }
6098
6099  .md\:w-80p {
6100    width: 80%;
6101  }
6102
6103  .md\:w-auto {
6104    width: auto;
6105  }
6106
6107  .md\:transform-none {
6108    transform: none;
6109  }
6110
6111  .md\:flex-row {
6112    flex-direction: row;
6113  }
6114
6115  .md\:justify-center {
6116    justify-content: center;
6117  }
6118
6119  .md\:border-none {
6120    border-style: none;
6121  }
6122
6123  .md\:px-30 {
6124    padding-left: 30px;
6125    padding-right: 30px;
6126  }
6127
6128  .md\:py-40 {
6129    padding-top: 40px;
6130    padding-bottom: 40px;
6131  }
6132
6133  .md\:pb-0 {
6134    padding-bottom: 0px;
6135  }
6136
6137  .md\:pb-10 {
6138    padding-bottom: 10px;
6139  }
6140
6141  .md\:pl-15 {
6142    padding-left: 15px;
6143  }
6144
6145  .md\:pl-20 {
6146    padding-left: 20px;
6147  }
6148
6149  .md\:pl-35 {
6150    padding-left: 35px;
6151  }
6152
6153  .md\:pl-50 {
6154    padding-left: 50px;
6155  }
6156
6157  .md\:pt-0 {
6158    padding-top: 0px;
6159  }
6160
6161  .md\:pt-10 {
6162    padding-top: 10px;
6163  }
6164
6165  .md\:pt-100 {
6166    padding-top: 100px;
6167  }
6168
6169  .md\:pt-115 {
6170    padding-top: 115px;
6171  }
6172
6173  .md\:pt-30 {
6174    padding-top: 30px;
6175  }
6176
6177  .md\:text-left {
6178    text-align: left;
6179  }
6180
6181  .md\:text-right {
6182    text-align: right;
6183  }
6184
6185  .md\:text-11 {
6186    font-size: 0.6875rem;
6187  }
6188
6189  .md\:text-15 {
6190    font-size: 0.9375rem;
6191  }
6192
6193  .md\:text-17 {
6194    font-size: 1.0625rem;
6195  }
6196
6197  .md\:text-18 {
6198    font-size: 1.125rem;
6199  }
6200
6201  .md\:text-32 {
6202    font-size: 2rem;
6203  }
6204
6205  .md\:text-40p {
6206    font-size: 40px;
6207  }
6208
6209  .md\:leading-12 {
6210    line-height: 12px;
6211  }
6212
6213  .md\:leading-17 {
6214    line-height: 17px;
6215  }
6216
6217  .md\:leading-20 {
6218    line-height: 20px;
6219  }
6220
6221  .md\:leading-40 {
6222    line-height: 40px;
6223  }
6224}
6225
6226@media (min-width: 1024px) {
6227
6228  .lg\:absolute {
6229    position: absolute;
6230  }
6231
6232  .lg\:float-right {
6233    float: right;
6234  }
6235
6236  .lg\:float-left {
6237    float: left;
6238  }
6239
6240  .lg\:float-none {
6241    float: none;
6242  }
6243
6244  .lg\:clear-both {
6245    clear: both;
6246  }
6247
6248  .lg\:m-0 {
6249    margin: 0px;
6250  }
6251
6252  .lg\:mx-0 {
6253    margin-left: 0px;
6254    margin-right: 0px;
6255  }
6256
6257  .lg\:mx-auto {
6258    margin-left: auto;
6259    margin-right: auto;
6260  }
6261
6262  .lg\:my-15 {
6263    margin-top: 15px;
6264    margin-bottom: 15px;
6265  }
6266
6267  .lg\:my-5 {
6268    margin-top: 5px;
6269    margin-bottom: 5px;
6270  }
6271
6272  .lg\:-mt-20 {
6273    margin-top: -20px;
6274  }
6275
6276  .lg\:mb-0 {
6277    margin-bottom: 0px;
6278  }
6279
6280  .lg\:mb-15 {
6281    margin-bottom: 15px;
6282  }
6283
6284  .lg\:mb-19 {
6285    margin-bottom: 19px;
6286  }
6287
6288  .lg\:mb-20 {
6289    margin-bottom: 20px;
6290  }
6291
6292  .lg\:mb-25 {
6293    margin-bottom: 25px;
6294  }
6295
6296  .lg\:mb-50 {
6297    margin-bottom: 50px;
6298  }
6299
6300  .lg\:mb-60 {
6301    margin-bottom: 60px;
6302  }
6303
6304  .lg\:ml-0 {
6305    margin-left: 0px;
6306  }
6307
6308  .lg\:ml-20 {
6309    margin-left: 20px;
6310  }
6311
6312  .lg\:ml-24 {
6313    margin-left: 24px;
6314  }
6315
6316  .lg\:ml-45 {
6317    margin-left: 45px;
6318  }
6319
6320  .lg\:ml-55 {
6321    margin-left: 55px;
6322  }
6323
6324  .lg\:mr-10 {
6325    margin-right: 10px;
6326  }
6327
6328  .lg\:mr-15 {
6329    margin-right: 15px;
6330  }
6331
6332  .lg\:mr-20 {
6333    margin-right: 20px;
6334  }
6335
6336  .lg\:mr-30 {
6337    margin-right: 30px;
6338  }
6339
6340  .lg\:mr-70 {
6341    margin-right: 70px;
6342  }
6343
6344  .lg\:mt-0 {
6345    margin-top: 0px;
6346  }
6347
6348  .lg\:mt-10 {
6349    margin-top: 10px;
6350  }
6351
6352  .lg\:mt-20 {
6353    margin-top: 20px;
6354  }
6355
6356  .lg\:mt-25 {
6357    margin-top: 25px;
6358  }
6359
6360  .lg\:mt-30 {
6361    margin-top: 30px;
6362  }
6363
6364  .lg\:mt-35 {
6365    margin-top: 35px;
6366  }
6367
6368  .lg\:mt-40 {
6369    margin-top: 40px;
6370  }
6371
6372  .lg\:mt-45 {
6373    margin-top: 45px;
6374  }
6375
6376  .lg\:mt-50 {
6377    margin-top: 50px;
6378  }
6379
6380  .lg\:mt-60 {
6381    margin-top: 60px;
6382  }
6383
6384  .lg\:mt-70 {
6385    margin-top: 70px;
6386  }
6387
6388  .lg\:mt-80 {
6389    margin-top: 80px;
6390  }
6391
6392  .lg\:mt-8d5p {
6393    margin-top: 8.5%;
6394  }
6395
6396  .lg\:block {
6397    display: block;
6398  }
6399
6400  .lg\:inline-block {
6401    display: inline-block;
6402  }
6403
6404  .lg\:inline {
6405    display: inline;
6406  }
6407
6408  .lg\:flex {
6409    display: flex;
6410  }
6411
6412  .lg\:hidden {
6413    display: none;
6414  }
6415
6416  .lg\:h-18 {
6417    height: 18px;
6418  }
6419
6420  .lg\:h-20 {
6421    height: 20px;
6422  }
6423
6424  .lg\:h-230 {
6425    height: 230px;
6426  }
6427
6428  .lg\:h-235 {
6429    height: 235px;
6430  }
6431
6432  .lg\:h-33 {
6433    height: 33px;
6434  }
6435
6436  .lg\:h-40 {
6437    height: 40px;
6438  }
6439
6440  .lg\:h-476 {
6441    height: 476px;
6442  }
6443
6444  .lg\:h-51 {
6445    height: 51px;
6446  }
6447
6448  .lg\:h-60 {
6449    height: 60px;
6450  }
6451
6452  .lg\:min-h-119 {
6453    min-height: 119px;
6454  }
6455
6456  .lg\:min-h-230 {
6457    min-height: 230px;
6458  }
6459
6460  .lg\:min-h-271 {
6461    min-height: 271px;
6462  }
6463
6464  .lg\:min-h-320 {
6465    min-height: 320px;
6466  }
6467
6468  .lg\:min-h-360 {
6469    min-height: 360px;
6470  }
6471
6472  .lg\:w-101 {
6473    width: 101px;
6474  }
6475
6476  .lg\:w-104 {
6477    width: 104px;
6478  }
6479
6480  .lg\:w-111 {
6481    width: 111px;
6482  }
6483
6484  .lg\:w-114 {
6485    width: 114px;
6486  }
6487
6488  .lg\:w-120 {
6489    width: 120px;
6490  }
6491
6492  .lg\:w-124 {
6493    width: 124px;
6494  }
6495
6496  .lg\:w-140 {
6497    width: 140px;
6498  }
6499
6500  .lg\:w-173 {
6501    width: 173px;
6502  }
6503
6504  .lg\:w-20 {
6505    width: 20px;
6506  }
6507
6508  .lg\:w-208 {
6509    width: 208px;
6510  }
6511
6512  .lg\:w-21p {
6513    width: 21%;
6514  }
6515
6516  .lg\:w-23p {
6517    width: 23%;
6518  }
6519
6520  .lg\:w-255 {
6521    width: 255px;
6522  }
6523
6524  .lg\:w-25p {
6525    width: 25%;
6526  }
6527
6528  .lg\:w-320 {
6529    width: 320px;
6530  }
6531
6532  .lg\:w-333 {
6533    width: 333px;
6534  }
6535
6536  .lg\:w-380 {
6537    width: 380px;
6538  }
6539
6540  .lg\:w-40p {
6541    width: 40%;
6542  }
6543
6544  .lg\:w-60p {
6545    width: 60%;
6546  }
6547
6548  .lg\:w-75p {
6549    width: 75%;
6550  }
6551
6552  .lg\:w-76p {
6553    width: 76%;
6554  }
6555
6556  .lg\:w-77p {
6557    width: 77%;
6558  }
6559
6560  .lg\:w-80 {
6561    width: 80px;
6562  }
6563
6564  .lg\:w-80p {
6565    width: 80%;
6566  }
6567
6568  .lg\:w-845 {
6569    width: 845px;
6570  }
6571
6572  .lg\:w-846 {
6573    width: 846px;
6574  }
6575
6576  .lg\:w-849 {
6577    width: 849px;
6578  }
6579
6580  .lg\:w-90 {
6581    width: 90px;
6582  }
6583
6584  .lg\:w-92 {
6585    width: 92px;
6586  }
6587
6588  .lg\:w-940 {
6589    width: 940px;
6590  }
6591
6592  .lg\:w-960 {
6593    width: 960px;
6594  }
6595
6596  .lg\:w-auto {
6597    width: auto;
6598  }
6599
6600  .lg\:w-full {
6601    width: 100%;
6602  }
6603
6604  .lg\:flex-row {
6605    flex-direction: row;
6606  }
6607
6608  .lg\:flex-col {
6609    flex-direction: column;
6610  }
6611
6612  .lg\:flex-wrap {
6613    flex-wrap: wrap;
6614  }
6615
6616  .lg\:items-center {
6617    align-items: center;
6618  }
6619
6620  .lg\:items-baseline {
6621    align-items: baseline;
6622  }
6623
6624  .lg\:justify-start {
6625    justify-content: flex-start;
6626  }
6627
6628  .lg\:gap-4 {
6629    gap: 24px;
6630  }
6631
6632  .lg\:rounded-15 {
6633    border-radius: 15px;
6634  }
6635
6636  .lg\:rounded-20 {
6637    border-radius: 20px;
6638  }
6639
6640  .lg\:rounded-t-20 {
6641    border-top-left-radius: 20px;
6642    border-top-right-radius: 20px;
6643  }
6644
6645  .lg\:border-0 {
6646    border-width: 0;
6647  }
6648
6649  .lg\:border-r-2 {
6650    border-right-width: 2px;
6651  }
6652
6653  .lg\:border-gray-light2 {
6654    --tw-border-opacity: 1;
6655    border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
6656  }
6657
6658  .lg\:bg-transparent {
6659    background-color: transparent;
6660  }
6661
6662  .lg\:bg-white {
6663    --tw-bg-opacity: 1;
6664    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
6665  }
6666
6667  .lg\:bg-footer {
6668    background-image: url('https://images.ctfassets.net/peceku0c8uzu/5n0O8oDZ7iOV2X5JSFyhA4/782f26d201e4999972a26ea73e75a014/Footer_BG.png?fm=webp');
6669  }
6670
6671  .lg\:bg-footer-size {
6672    background-size: 100% 349px;
6673  }
6674
6675  .lg\:bg-footer-position {
6676    background-position: 0 -117px;
6677  }
6678
6679  .lg\:bg-no-repeat {
6680    background-repeat: no-repeat;
6681  }
6682
6683  .lg\:p-0 {
6684    padding: 0px;
6685  }
6686
6687  .lg\:p-20 {
6688    padding: 20px;
6689  }
6690
6691  .lg\:px-0 {
6692    padding-left: 0px;
6693    padding-right: 0px;
6694  }
6695
6696  .lg\:px-15 {
6697    padding-left: 15px;
6698    padding-right: 15px;
6699  }
6700
6701  .lg\:px-20 {
6702    padding-left: 20px;
6703    padding-right: 20px;
6704  }
6705
6706  .lg\:px-35 {
6707    padding-left: 35px;
6708    padding-right: 35px;
6709  }
6710
6711  .lg\:py-0 {
6712    padding-top: 0px;
6713    padding-bottom: 0px;
6714  }
6715
6716  .lg\:py-10 {
6717    padding-top: 10px;
6718    padding-bottom: 10px;
6719  }
6720
6721  .lg\:py-15 {
6722    padding-top: 15px;
6723    padding-bottom: 15px;
6724  }
6725
6726  .lg\:py-20 {
6727    padding-top: 20px;
6728    padding-bottom: 20px;
6729  }
6730
6731  .lg\:py-30 {
6732    padding-top: 30px;
6733    padding-bottom: 30px;
6734  }
6735
6736  .lg\:py-40 {
6737    padding-top: 40px;
6738    padding-bottom: 40px;
6739  }
6740
6741  .lg\:py-6 {
6742    padding-top: 6px;
6743    padding-bottom: 6px;
6744  }
6745
6746  .lg\:pb-0 {
6747    padding-bottom: 0px;
6748  }
6749
6750  .lg\:pb-10 {
6751    padding-bottom: 10px;
6752  }
6753
6754  .lg\:pb-15 {
6755    padding-bottom: 15px;
6756  }
6757
6758  .lg\:pb-17 {
6759    padding-bottom: 17px;
6760  }
6761
6762  .lg\:pb-20 {
6763    padding-bottom: 20px;
6764  }
6765
6766  .lg\:pb-25 {
6767    padding-bottom: 25px;
6768  }
6769
6770  .lg\:pb-30 {
6771    padding-bottom: 30px;
6772  }
6773
6774  .lg\:pb-35 {
6775    padding-bottom: 35px;
6776  }
6777
6778  .lg\:pb-50 {
6779    padding-bottom: 50px;
6780  }
6781
6782  .lg\:pb-60 {
6783    padding-bottom: 60px;
6784  }
6785
6786  .lg\:pl-0 {
6787    padding-left: 0px;
6788  }
6789
6790  .lg\:pl-14 {
6791    padding-left: 14px;
6792  }
6793
6794  .lg\:pl-186 {
6795    padding-left: 186px;
6796  }
6797
6798  .lg\:pl-20 {
6799    padding-left: 20px;
6800  }
6801
6802  .lg\:pl-30 {
6803    padding-left: 30px;
6804  }
6805
6806  .lg\:pl-40 {
6807    padding-left: 40px;
6808  }
6809
6810  .lg\:pl-55 {
6811    padding-left: 55px;
6812  }
6813
6814  .lg\:pl-60 {
6815    padding-left: 60px;
6816  }
6817
6818  .lg\:pr-15 {
6819    padding-right: 15px;
6820  }
6821
6822  .lg\:pr-16 {
6823    padding-right: 16px;
6824  }
6825
6826  .lg\:pr-20 {
6827    padding-right: 20px;
6828  }
6829
6830  .lg\:pt-0 {
6831    padding-top: 0px;
6832  }
6833
6834  .lg\:pt-10 {
6835    padding-top: 10px;
6836  }
6837
6838  .lg\:pt-13 {
6839    padding-top: 13px;
6840  }
6841
6842  .lg\:pt-15 {
6843    padding-top: 15px;
6844  }
6845
6846  .lg\:pt-20 {
6847    padding-top: 20px;
6848  }
6849
6850  .lg\:pt-30 {
6851    padding-top: 30px;
6852  }
6853
6854  .lg\:pt-40 {
6855    padding-top: 40px;
6856  }
6857
6858  .lg\:pt-5 {
6859    padding-top: 5px;
6860  }
6861
6862  .lg\:pt-50 {
6863    padding-top: 50px;
6864  }
6865
6866  .lg\:pt-74 {
6867    padding-top: 74px;
6868  }
6869
6870  .lg\:pt-80 {
6871    padding-top: 80px;
6872  }
6873
6874  .lg\:text-left {
6875    text-align: left;
6876  }
6877
6878  .lg\:text-right {
6879    text-align: right;
6880  }
6881
6882  .lg\:text-11 {
6883    font-size: 0.6875rem;
6884  }
6885
6886  .lg\:text-12 {
6887    font-size: 0.75rem;
6888  }
6889
6890  .lg\:text-13 {
6891    font-size: 0.8125rem;
6892  }
6893
6894  .lg\:text-14 {
6895    font-size: 0.875rem;
6896  }
6897
6898  .lg\:text-16 {
6899    font-size: 1rem;
6900  }
6901
6902  .lg\:text-17 {
6903    font-size: 1.0625rem;
6904  }
6905
6906  .lg\:text-19 {
6907    font-size: 1.1875rem;
6908  }
6909
6910  .lg\:text-20 {
6911    font-size: 1.25rem;
6912  }
6913
6914  .lg\:text-21 {
6915    font-size: 1.3125rem;
6916  }
6917
6918  .lg\:text-24 {
6919    font-size: 1.5rem;
6920  }
6921
6922  .lg\:text-30 {
6923    font-size: 1.875rem;
6924  }
6925
6926  .lg\:text-31 {
6927    font-size: 1.9375rem;
6928  }
6929
6930  .lg\:text-40p {
6931    font-size: 40px;
6932  }
6933
6934  .lg\:text-60p {
6935    font-size: 3.75rem;
6936  }
6937
6938  .lg\:text-9 {
6939    font-size: 0.5625rem;
6940  }
6941
6942  .lg\:font-normal {
6943    font-weight: normal;
6944  }
6945
6946  .lg\:leading-1037 {
6947    line-height: 1.37;
6948  }
6949
6950  .lg\:leading-1043 {
6951    line-height: 1.43;
6952  }
6953
6954  .lg\:leading-1065 {
6955    line-height: 1.65;
6956  }
6957
6958  .lg\:leading-1079 {
6959    line-height: 1.79;
6960  }
6961
6962  .lg\:leading-12 {
6963    line-height: 12px;
6964  }
6965
6966  .lg\:leading-20 {
6967    line-height: 20px;
6968  }
6969
6970  .lg\:leading-26 {
6971    line-height: 26px;
6972  }
6973
6974  .lg\:leading-28 {
6975    line-height: 28.8px;
6976  }
6977
6978  .lg\:leading-40 {
6979    line-height: 40px;
6980  }
6981
6982  .lg\:leading-tight {
6983    line-height: 1.13;
6984  }
6985
6986  .lg\:leading-tighter {
6987    line-height: 1.36;
6988  }
6989
6990  .lg\:tracking-18 {
6991    letter-spacing: -.18px;
6992  }
6993
6994  .lg\:tracking-19 {
6995    letter-spacing: -.19px;
6996  }
6997
6998  .lg\:tracking-34 {
6999    letter-spacing: -.34px;
7000  }
7001
7002  .lg\:tracking-tight {
7003    letter-spacing: -.15px;
7004  }
7005
7006  .lg\:tracking-tighter {
7007    letter-spacing: -.33px;
7008  }
7009
7010  .lg\:text-black {
7011    --tw-text-opacity: 1;
7012    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
7013  }
7014
7015  .lg\:text-blue-link {
7016    --tw-text-opacity: 1;
7017    color: rgb(0 107 184 / var(--tw-text-opacity, 1));
7018  }
7019
7020  .lg\:text-gray-darkest {
7021    --tw-text-opacity: 1;
7022    color: rgb(64 64 64 / var(--tw-text-opacity, 1));
7023  }
7024
7025  .lg\:shadow-card {
7026    --tw-shadow: 0 2px 7px #ccc;
7027    --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color);
7028    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
7028dow);
7029  }
7030
7031  .lg\:shadow-home {
7032    --tw-shadow: -6px 8px 6px #ccc;
7033    --tw-shadow-colored: -6px 8px 6px var(--tw-shadow-color);
7034    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
7035  }
7036
7037  .lg\:hover\:bg-btn-hover:hover {
7038    --tw-bg-opacity: 1;
7039    background-color: rgb(68 200 245 / var(--tw-bg-opacity, 1));
7040  }
7041}</style><noscript data-n-css=""></noscript>
7041<script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
7041<script defer="" src="/_next/static/chunks/88.394a0e6efe492ad3.js"></script>
7041<script defer="" src="/_next/static/chunks/466.dbb26cdfa4a651a6.js"></script>
7041<script defer="" src="/_next/static/chunks/261.113ca80240a6bb9a.js"></script>
7041<script src="/_next/static/chunks/webpack-9806077654f6ab9a.js" defer=""></script>
7041<script src="/_next/static/chunks/framework-b33a25620ea1bb40.js" defer=""></script>
7041<script src="/_next/static/chunks/main-f60c5a01fba178f4.js" defer=""></script>
7041<script src="/_next/static/chunks/pages/_app-0e7f62b0225bb933.js" defer=""></script>
7041<script src="/_next/static/chunks/da2bf6c4-81dedfbed64e6ed7.js" defer=""></script>
7041<script src="/_next/static/chunks/552-d698fa5cf2964822.js" defer=""></script>
7041<script src="/_next/static/chunks/214-10980adb469f6608.js" defer=""></script>
7041<script src="/_next/static/chunks/177-b72e0c60c891ccff.js" defer=""></script>
7041<script src="/_next/static/chunks/402-bac4d37e461c01be.js" defer=""></script>
7041<script src="/_next/static/chunks/pages/%5Blang%5D/%5Bparent%5D-f2e5e474b68ca131.js" defer=""></script>
7041<script src="/_next/static/w67h6m4zv4l_CaNRwA4rH/_buildManifest.js" defer=""></script>
7041<script src="/_next/static/w67h6m4zv4l_CaNRwA4rH/_ssgManifest.js" defer=""></script>
7041</head><body class="custom_class">
vendor: 67 bytes, line 7041
7041<noscript><iframe src='https://www.googletagmanager.com/ns.html?id=
7041GTM-N6XWT7TZ
vendor: 114 bytes, lines 7041-7042
7041'
7042                                height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
7042<link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/3PSJfu1ccOYGTlvzdHzmL/a7ec84455abb7a4184e17d3ea7724975/HeaderLogoVertical.png?fm=webp&amp;q=20"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/3ez0frxJG5knPyVjktwW8q/868a717c5bd8152231c1ee42190ea003/Charmin_Logo.png?fm=webp&amp;q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/79ajuJKcWKECDOqfwmTLU/e5daabc103a5d94cab93d2176d5f6cbe/Bounty_Logo.png?fm=webp&amp;q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/1r9da4lNuLCHa4oEEEPYmT/70bde606f830e8ce9cc75a12ce0502bd/Vicks_Logo.png?fm=webp&amp;q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png?fm=webp&amp;q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/49XaAzOjdBARsD4GNJoZQX/ecb2a7600a57f640e01f83016d076eef/Plus_Lotion.png?fm=webp&amp;q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/7qYMx1XFMy0zrH52mWSiFQ/8f896c07c6c5bb6cbaf5aa6cfb68ecbb/PUFFS_24_US_Cube_LV_Beauty_1__2_.png?fm=webp&amp;q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/6P6eH5E8ROEbTndZsKIB5R/bb903fc3ee84e45e974a56f4fbec38de/Vicks__1_.png?fm=webp&amp;q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/4kqKMBAVGIvUFvuUPkz5Q7/9474333359d5c80b3af3cc935d20c603/privacyoptions29x14.png?fm=webp&amp;q=75"/><div id="__next"><a class="sm:mt-m30 lg:mt-0 skip-link mx-auto" href="#main">Skip to content</a><nav class="mainNav" id="nav" aria-label="navigation-header" role="navigation"><div class="hidden lg:flex header_related_brand bg-blue-light w-full rounded-20 rounded-t-none h-30 shadow-default"><div class="linkSection my-0 mx-auto flex py-7 w-846"><a class="undefined undefined event_outbound_link" data-action-detail="Get rewards and coupons at P&amp;G Everyday" target="" title="P&amp;G BrandSaver" aria-label="Get rewards and coupons at P&amp;G Everyday" href="https://www.pgbrandsaver.com" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/3PSJfu1ccOYGTlvzdHzmL/a7ec84455abb7a4184e17d3ea7724975/HeaderLogoVertical.png?fm=webp&amp;q=20" title="Get rewards and coupons at P&amp;G Everyday" alt="Get rewards and coupons at P&amp;G Everyday" loading="eager" class=""/></a><a class="undefined undefined event_outbound_link" data-action-detail="Visit the Charmin site" target="" title="Charmin" aria-label="Visit the Charmin site" href="https://www.charmin.com/en-us" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/3ez0frxJG5knPyVjktwW8q/868a717c5bd8152231c1ee42190ea003/Charmin_Logo.png?fm=webp&amp;q=75" title="Visit the Charmin site" alt="Visit the Charmin site" loading="eager" class=""/></a><a class="undefined undefined event_outbound_link" data-action-detail="Visit the Bounty site" target="" title="Bounty" aria-label="Visit the Bounty site" href="https://bountytowels.com/en-us" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/79ajuJKcWKECDOqfwmTLU/e5daabc103a5d94cab93d2176d5f6cbe/Bounty_Logo.png?fm=webp&amp;q=75" title="Visit the Bounty site" alt="Visit the Bounty site" loading="eager" class=""/></a><a class="undefined undefined event_outbound_link" data-action-detail="Visit the Vicks site" target="" title="Vicks" aria-label="Visit the Vicks site" href="https://vicks.com/en-us" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/1r9da4lNuLCHa4oEEEPYmT/70bde606f830e8ce9cc75a12ce0502bd/Vicks_Logo.png?fm=webp&amp;q=75" title="Visit the Vicks site" alt="Visit the Vicks site" loading="eager" class=""/></a></div></div><div class="primaryMenuWrapper sm:min-h-42 md:min-h-auto"><a href="/en-us" aria-label="Puffs home" class="event_image_click" tabindex="0" data-action-detail="header:Puffs home"><img alt="Puffs home" title="Puffs home" width="86" height="86" decoding="async" data-nimg="1" class="brand-logo" style="color:transparent;width:auto;height:auto;max-width:130px;max-height:130px" src="https://images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png?fm=webp&amp;q=75"/></a><div class="hidden lg:block"><ul class="wrapperDiv "><li class="mainMenuItem"><a class="megaButton event_menu_click " data-action-detail="SAVE" target="" aria-label="SAVE" href="/en-us/offer-main-section/offers-and-promotions" tabindex="0"><p class="">SAVE</p></a></li><li class="mainMenuItem"><a class="megaButton event_menu_click " data-action-detail="BUY" target="" aria-label="BUY" href="/en-us/shop-products" tabindex="0"><p class="">BUY</p><ul class="slotsWrap-1 lg:hidden"><li class="undefined mobile_enabled"><a class="menuButton event_menu_click " data-action-detail="Shop All" target="" aria-label="Puffs-header-buy-mobileslot-1" href="/en-us/shop-products" tabindex="0"><p class="titleSection">Shop All</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Plus L
7042otion" target="" aria-label="Explore Plus Lotion" href="/en-us/shop-products/lotion-tissue/puffs-plus-lotion" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/49XaAzOjdBARsD4GNJoZQX/ecb2a7600a57f640e01f83016d076eef/Plus_Lotion.png?fm=webp&amp;q=75" alt="Explore Plus Lotion"/><p class="titleSection">Plus Lotion</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Ultra Soft" target="" aria-label="Explore Ultra Soft" href="/en-us/shop-products/non-lotion-tissue/puffs-ultra-soft" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/7qYMx1XFMy0zrH52mWSiFQ/8f896c07c6c5bb6cbaf5aa6cfb68ecbb/PUFFS_24_US_Cube_LV_Beauty_1__2_.png?fm=webp&amp;q=75" alt="Explore Ultra Soft"/><p class="titleSection">Ultra Soft</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Plus Lotion with the Scent of Vicks®" target="" aria-label="Plus Lotion with the Scent of Vicks®" href="/en-us/shop-products/lotion-tissue/puffs-plus-lotion-with-the-scent-of-vicks" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/6P6eH5E8ROEbTndZsKIB5R/bb903fc3ee84e45e974a56f4fbec38de/Vicks__1_.png?fm=webp&amp;q=75" alt="Plus Lotion with the Scent of Vicks®"/><p class="titleSection">Plus Lotion with the Scent of Vicks®</p></a></li></ul></a></li><li class="mainMenuItem"><a class="megaButton event_menu_click " data-action-detail="DISCOVER" target="" aria-label="DISCOVER" href="/en-us/about-puffs" tabindex="0"><p class="">DISCOVER</p><ul class="slotsWrap-2 lg:hidden"><li class="undefined mobile_enabled"><a class="menuButton event_menu_click " data-action-detail="Explore All" target="" aria-label="Mobile-Explore All" href="/en-us/about-puffs" tabindex="0"><p class="titleSection">Explore All</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="History" target="" aria-label="History" href="/en-us/about-puffs/puffs-history" tabindex="0"><p class="titleSection">History</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Ingredients" target="" aria-label="Ingredients" href="/en-us/about-puffs/ingredients" tabindex="0"><p class="titleSection">Ingredients</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="FAQs" target="" aria-label="FAQs" href="/en-us/about-puffs/frequently-asked-questions" tabindex="0"><p class="titleSection">FAQs</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Sustainability" target="" aria-label="Sustainability" href="/en-us/experience-main-section/sustainability" tabindex="0"><p class="titleSection">Sustainability</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Leave a Review" target="" aria-label="Leave a Review" href="/en-us/facial-tissue-ratings-reviews" tabindex="0"><p class="titleSection">Leave a Review</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Tips &amp; Articles" target="" aria-label="Tips &amp; Articles" href="/en-us/tips-and-articles" tabindex="0"><p class="titleSection">Tips &amp; Articles</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Meet the Pals" target="" aria-label="Meet the Pals" href="/en-us/about-puffs/meet-puffs-pals" tabindex="0"><p class="titleSection">Meet the Pals</p></a></li></ul></a></li></ul></div><div id="mobile-nav"></div></div></nav><main id="main" role="main" tabindex="-1" class="mainContainer min-h-600"><div class="ContactUsWrapper lg:w-960 mx-auto px-10"><div class="iframeWrapper  "><iframe title="Contact Us" src="https://consumersupport.pg.com/carehub?brand=Puffs&amp;amp;language=en&amp;amp;country=us&amp;amp;GTIN=undefined&amp;amp;username=undefined?brand=Puffs&amp;amp;language=en&amp;amp;country=us&amp;amp;GTIN=undefined&amp;amp;username=undefined" allowFullScreen="" class="w-full min-h-568"></iframe></div></div></main><footer role="contentinfo" class="bg-blue-lightest lg:bg-transparent lg:bg-footer lg:bg-footer-size lg:bg-no-repeat lg:bg-footer-position mt-30 lg:mt-80 clear-both"><div class="FooterContainer text-blue-menu my-0 mx-auto pt-25 lg:pt-80 lg:w-80p"><div class="subWrapper flex flex-col lg:flex-row items-center justify-between tab-mx-50"><div class="mainWrapperSocial flex flex-col lg:flex-row items-center w-full lg:w-auto pb-20 lg:pb-0 border-b border-gray-light lg:border-0"><p class="wrapperTxt font-bold pb-15 lg:pb-0 lg:pr-16 text-14 lg:text-16" tabindex="0">Connect with us</p><ul class="socialIcons flex"><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Facebook" target="_blank" aria-label="Visit our Facebook page" href="https://www.facebook.com/Puffs/" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/uCXtUWRB3mid9dpE2qH42/ae8b2407c7f27d91ae8d0c123b860fc2/fb.svg" title="Visit our Facebook page" alt="Visit our Facebook page" loading="lazy" class=""/></div></a></li><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Twitter" target="_blank" aria-label="Visit our Twitter feed" href="https://twitter.com/puffs" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/oBqSbFl084PXiKvpA7zvL/4ff9cf3221bd5993bed800a6c79fc064/twitter.svg" title="Visit our Twitter feed" alt="Visit our Twitter feed" loading="lazy" class=""/></div></a></li><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Youtube" target="_blank" aria-label="Visit our Youtube channel" href="https://www.youtube.com/user/PGPuffsTissues" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/1zk1eXRdzF1YXpgSe1WMaL/8bb553dc4fbdd6143cc4d9d2933bc91b/youtube.svg" title="Visit our Youtube channel" alt="Visit our Youtube channel" loading="lazy" class=""/></div></a></li><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Instagram" target="_blank" aria-label="Visit our Instagram page" href="http://instagram.com/puffstissues/?hl=en" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/1OOWKTI7mg0MKs26ReuOEs/9a11f9fff34e97f6d980863874c20c8c/insta.svg" title="Visit our Instagram page" alt="Visit our Instagram page" loading="lazy" class=""/></div></a></li></ul></div><div class="relatedBrandWrapper flex justify-center py-15 lg:py-0  border-b border-gray-light lg:border-0 w-full lg:w-auto"><ul class="list flex items-center"><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://www.pgbrandsaver.com" target="_blank" title="P&amp;G BrandSaver" href="https://www.pgbrandsaver.com" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Get rewards and coupons at P&amp;G BrandSaver" target="" aria-label="Get rewards and coupons at P&amp;G BrandSaver" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/6lYV52kjplVM6e3P8Pyf4l/ed6bc744e4c0493e4802350614b80376/brandSaver_Logo_Vert_Circle__3_.png?fm=webp&amp;q=75" title="Get rewards and coupons at P&amp;G BrandSaver" alt="Get rewards and coupons at P&amp;G BrandSaver" loading="lazy" class=""/></div></button></a></li><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://www.charmin.com/en-us" target="_blank" title="Charmin" href="https://www.charmin.com/en-us" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Visit the Charmin site" target="" aria-label="Visit the Charmin site" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/54d95DSTnNdu5p1XkHTjzD/75b41a7669bf5db76209a1d523ef1e92/Charmin_Logo.png?fm=webp&amp;q=75" title="Visit the Charmin site" alt="Visit the Charmin site" loading="lazy" class=""/></div></button></a></li><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://bountytowels.com/en-us" target="_blank" title="Bounty" href="https://bountytowels.com/en-us" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Visit the Bounty site" target="" aria-label="Visit the Bounty site" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/6SkVNMVqJVEVRUWcuaLM3w/2490b235485d3d9bae32d19cce41e9e2/Bounty_Logo.png?fm=webp&amp;q=75" title="Visit the Bounty site" alt="Visit the Bounty site" loading="lazy" class=""/></div></button></a></li><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://vicks.com/en-us" target="_blank" title="Vicks" href="https://vicks.com/en-us" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Visit the Vicks site" target="" aria-label="Visit the Vicks site" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/4z5DGqY7uHHod8TNRXCr0L/e86fda1945c2413188f28e1824968802/Vicks_Logo.png?fm=webp&amp;q=75" title="Visit the Vicks site" alt="Visit the Vicks site" loading="lazy" class=""/></div></button></a></li></ul></div><div class="bbbLogo pt-15 lg:pt-0"><a class="undefined undefined event_outbound_link" data-action-detail="Puffs is a trusted brand accredited by the Better Business Bureau" target="_blank" aria-label="Puffs is a trusted brand accredited by the Better Business Bureau" href="https://www.bbb.org/cincinnati/business-reviews/detergent/the-procter-gamble-company-in-cincinnati-oh-3036" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/3bnR4jAAssfN7RlYcpv9jT/1a93bccc4e43fc1b3333f7588ba18980/PandG_BBB_Footer.png?fm=webp&amp;q=75" title="Puffs is a trusted brand accredited by the Better Business Bureau" alt="Puffs is a trusted brand accredited by the Better Business Bureau" loading="lazy" class=""/></div></a></div></div><div class="mainWrapper footerLink pt-25 pb-15 lg:pt-40 lg:pb-60"><ul class="list block text-center px-10 lg:px-0">
7042<li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://accessibility.pg.com/en-US" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap" title="Accessibility Statement" data-action-detail="Accessibility Statement" tabindex="0">Accessibility Statement</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://termsandconditions.pg.com/en-us/" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Terms and Conditions" data-action-detail="Terms and Conditions" tabindex="0">Terms and Conditions</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://privacypolicy.pg.com/en-US#statePrivacyNotice" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Privacy" data-action-detail="Privacy" tabindex="0">Privacy</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://privacypolicy.pg.com/CHD-en" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Consumer Health Data Privacy Policy" data-action-detail="Consumer Health Data Privacy Policy" tabindex="0">Consumer Health Data Privacy Policy</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://preferencecenter.pg.com/" target="_blank" rel="noreferrer" class="privacyLinkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Your Privacy Choices" data-action-detail="Your Privacy Choices" tabindex="0">Your Privacy Choices<div class="privacy-choice"><img src="https://images.ctfassets.net/peceku0c8uzu/4kqKMBAVGIvUFvuUPkz5Q7/9474333359d5c80b3af3cc935d20c603/privacyoptions29x14.png?fm=webp&amp;q=75" class="adChoiceIcon inline-block pl-2 w-28" alt="Your Privacy Choices Icon"/></div></a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a class="linkButton font-bold safari_only whitespace-nowrap event_internal_link undefined event_outbound_link" data-action-detail="Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising" target="_self" title="Do Not Sell or Share My Personal Information / &lt;br/&gt; Opt-Out of Targeted Advertising" href="javascript:throw new Error(&#x27;React has blocked a javascript: URL as a security precaution.&#x27;)" tabindex="0"><div class="" tabindex="0"><p>Do Not Sell or Share My Personal Information / <br/> Opt-Out of Targeted Advertising</p></div></a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap" title="NOTICE: We may sell your sensitive personal data." tabindex="0">NOTICE: We may sell your sensitive personal data.</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="/en-us/contact-us" target="_self" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_internal_link" title="Contact Us" data-action-detail="Contact Us" tabindex="0">Contact Us</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="/en-us/sitemap" target="_self" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_internal_link" title="Site Map" data-action-detail="Site Map" tabindex="0">Site Map</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap" tabindex="0"><span>© <!-- -->2026<!-- --> Procter &amp; Gamble</span></li></ul></div></div></footer><div id="modal-root" class="quickview-blur-exclude"></div></div>
7042<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"data":{"articleListPageCollection":{"items":[]},"leaveReviewCollection":{"items":[]},"sitemapCollection":{"items":[],"__typename":"SitemapSitemapSectionCollection"},"contactUsCollection":{"items":[{"sys":{"id":"2A3UhC1q7SpFSW0OxAqMUh","__typename":"Sys"},"subTitle":null,"__typename":"ContactUs","name":"Contact Us Page","slug":"contact-us","pageMetaData":{"sys":{"id":"y68u5BV9KwyWUaimxfjHj","__typename":"Sys"},"pageTitle":" Contact Us | Puffs","metaTitle":"Contact Us | Puffs","metaDescription":"Our customer service team would love to assist you with any questions! Check out our FAQs, or reach out to let us know how we can help you by email or phone.","canonicalUrl":"/en-us/contact-us","metaKeywords":null,"openGraphDescription":null,"openGraphImage":null,"openGraphPageTitle":null},"iFrameUrl":"https://consumersupport.pg.com/carehub?brand=Puffs\u0026amp;language=en\u0026amp;country=us\u0026amp;GTIN=undefined\u0026amp;username=undefined?brand=Puffs\u0026amp;language=en\u0026amp;country=us\u0026amp;GTIN=undefined\u0026amp;username=undefined","breadcrumbTitle":"Contact Us","title":"PUFFS"}],"__typename":"ContactUsCollection"},"reviewGuidelinesCollection":{"items":[]}},"isPreview":false,"locale":"en-us"},"header":{"items":[{"primaryNavCollection":{"items":[{"menuSlotsCollection":{"items":[]},"menuText":"SAVE","menuLink":"/en-us/offer-main-section/offers-and-promotions"},{"menuSlotsCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"2PCmxCA26g47ZmASIaYI74","type":"Entry","createdAt":"2020-12-28T12:14:48.302Z","updatedAt":"2020-12-28T12:14:48.302Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":6,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products","name":"Puffs-header-buy-mobileslot-1","slotTitle":"Shop All","styles":"mobile_enabled","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6806Nwv1sXrgJyr505VnL8","type":"Entry","createdAt":"2020-12-28T02:41:47.798Z","updatedAt":"2023-09-27T10:04:33.174Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products/lotion-tissue/puffs-plus-lotion","name":"Explore Plus Lotion","slotTitle":"Plus Lotion","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"49XaAzOjdBARsD4GNJoZQX","type":"Asset","createdAt":"2023-09-27T10:04:26.608Z","updatedAt":"2023-10-12T07:58:25.895Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":21,"revision":2,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/49XaAzOjdBARsD4GNJoZQX/ecb2a7600a57f640e01f83016d076eef/Plus_Lotion.png","title":"Plus Lotion"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"13K8Bfoyc0fjioKhJoDj5e","type":"Entry","createdAt":"2020-12-28T02:44:57.293Z","updatedAt":"2024-06-13T05:34:03.484Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":14,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products/non-lotion-tissue/puffs-ultra-soft","name":"Explore Ultra Soft","slotTitle":"Ultra Soft","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7qYMx1XFMy0zrH52mWSiFQ","type":"Asset","createdAt":"2024-06-13T05:34:55.785Z","updatedAt":"2024-06-13T05:34:55.785Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/7qYMx1XFMy0zrH52mWSiFQ/8f896c07c6c5bb6cbaf5aa6cfb68ecbb/PUFFS_24_US_Cube_LV_Beauty_1__2_.png","title":"Ultra Soft"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"44jLLYSqYocYmBxDPi4O9H","type":"Entry","createdAt":"2020-12-28T12:06:44.405Z","updatedAt":"2023-09-27T10:01:36.029Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":13,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products/lotion-tissue/puffs-plus-lotion-with-the-scent-of-vicks","name":"Plus L
7042otion with the Scent of Vicks®","slotTitle":"Plus Lotion with the Scent of Vicks®","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6P6eH5E8ROEbTndZsKIB5R","type":"Asset","createdAt":"2023-09-27T10:01:30.752Z","updatedAt":"2023-10-12T07:58:25.889Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/6P6eH5E8ROEbTndZsKIB5R/bb903fc3ee84e45e974a56f4fbec38de/Vicks__1_.png","title":"Vicks"}}]},"menuText":"BUY","menuLink":"/en-us/shop-products"},{"menuSlotsCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"plS8jo8yCGC5egYXJcLFA","type":"Entry","createdAt":"2020-12-28T12:23:00.592Z","updatedAt":"2020-12-28T12:23:34.229Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs","name":"Mobile-Explore All","slotTitle":"Explore All","styles":"mobile_enabled","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6tfbnUIVYk92ZIbtcXcZDZ","type":"Entry","createdAt":"2020-12-28T03:31:55.469Z","updatedAt":"2020-12-28T03:31:55.469Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/puffs-history","name":"History","slotTitle":"History","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7CEkgSoFUlz2BqM29C5Dxg","type":"Entry","createdAt":"2022-08-05T10:07:56.499Z","updatedAt":"2022-08-05T10:25:14.202Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/ingredients","name":"Ingredients","slotTitle":"Ingredients","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"28N7Y2bvUMd99CT30QlIEp","type":"Entry","createdAt":"2020-12-28T12:16:27.109Z","updatedAt":"2020-12-28T12:16:27.109Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/frequently-asked-questions","name":"FAQs","slotTitle":"FAQs","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"59M1v8xJQYdcUJKfFCZWNp","type":"Entry","createdAt":"2020-12-28T12:18:01.785Z","updatedAt":"2020-12-28T12:18:01.785Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":6,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/experience-main-section/sustainability","name":"Sustainability","slotTitle":"Sustainability","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7EEKCNj7FJJak7qW4msBpQ","type":"Entry","createdAt":"2020-12-28T12:19:13.347Z","updatedAt":"2020-12-28T12:19:13.347Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/facial-tissue-ratings-reviews","name":"Leave a Review","slotTitle":"Leave a Review","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3kd0lLMm9IjZ99UydT9E4O","type":"Entry","createdAt":"2020-12-28T12:20:05.948Z","updatedAt":"2020-12-28T12:20:05.948Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"}
7042,"link":"/en-us/tips-and-articles","name":"Tips \u0026 Articles","slotTitle":"Tips \u0026 Articles","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6WuXwoqiAKs21WOJ7BjMHB","type":"Entry","createdAt":"2020-12-28T12:21:04.571Z","updatedAt":"2020-12-28T12:21:04.571Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/meet-puffs-pals","name":"Meet the Pals","slotTitle":"Meet the Pals","image":null}]},"menuText":"DISCOVER","menuLink":"/en-us/about-puffs"}]},"name":"PG-Puffs-SiteHeader","relatedBrand":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"YgaObtXtmNSVqGE1Hd8Ts","type":"Entry","createdAt":"2020-12-24T11:53:31.003Z","updatedAt":"2020-12-24T13:30:45.982Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkContainer"}},"locale":"en-US"},"name":"Header- related brands - link container","styles":"header_related_brand","linksCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"5rcsg4CGvDlv4IvpQC1F4e","type":"Entry","createdAt":"2020-12-24T11:52:17.970Z","updatedAt":"2025-09-12T10:58:58.088Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":24,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Get rewards and coupons at P\u0026G Everyday","link":"https://www.pgbrandsaver.com","name":"Header- related brands - link container - pgge","tooltip":"P\u0026G BrandSaver","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3PSJfu1ccOYGTlvzdHzmL","type":"Asset","createdAt":"2025-09-12T10:58:19.404Z","updatedAt":"2025-09-12T10:58:19.404Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":3,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/3PSJfu1ccOYGTlvzdHzmL/a7ec84455abb7a4184e17d3ea7724975/HeaderLogoVertical.png"},"__typename":"ImageButton"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"17axgDI30KH4O2jVuWiu2c","type":"Entry","createdAt":"2020-12-24T13:23:44.817Z","updatedAt":"2023-06-30T12:02:01.968Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":16,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Charmin site","link":"https://www.charmin.com/en-us","name":"Header- related brands - link container - charmin","tooltip":"Charmin","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3ez0frxJG5knPyVjktwW8q","type":"Asset","createdAt":"2020-12-24T13:22:44.831Z","updatedAt":"2020-12-24T13:22:44.831Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/3ez0frxJG5knPyVjktwW8q/868a717c5bd8152231c1ee42190ea003/Charmin_Logo.png"},"__typename":"ImageButton"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"4fgRlVCe2dC7mrQ1hfnsh5","type":"Entry","createdAt":"2020-12-24T13:26:03.077Z","updatedAt":"2023-06-30T12:02:01.937Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Bounty site","link":"https://bountytowels.com/en-us","name":"Header- related brands - link container - Bounty","tooltip":"Bounty","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"79ajuJKcWKECDOqfwmTLU","type":"Asset","createdAt":"2020-12-24T13:25:07.497Z","updatedAt":"2020-12-24T13:25:07.497Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/79ajuJKcWKECDOqfwmTLU/e5daabc103a5d94cab93d2176d5f6cbe/Bounty_Logo.png"},"__typename":"ImageButton"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"62lVElbppkb5l9uPzBfwGj","type":"Entry","createdAt":"2020-12-24T13:27:59.534Z","updatedAt":"2023-06-30T12:02:01.902Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":13,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Vicks site","link":"https://vicks.com/en-us","name":"Header- related brands - link container - vicks","tooltip":"Vicks","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"1r9da4lNuLCHa4oEEEPYmT","type":"Asset","createdAt":"2020-12-24T13:27:23.256Z","updatedAt":"2020-12-24T13:27:23.256Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/1r9da4lNuLCHa4oEEEPYmT/70bde606f830e8ce9cc75a12ce0502bd/Vicks_Logo.png"},"__typename":"ImageButton"}
7042]}},"brandLogo":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"2Nz2UxGWhOW4zFXbQrbkI2","type":"Entry","createdAt":"2020-12-23T04:44:31.414Z","updatedAt":"2023-10-12T07:57:28.621Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":17,"revision":6,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"image"}},"locale":"en-US"},"image":{"url":"//images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png"},"name":"Puffs-logo","tooltip":"Puffs","altText":"Puffs home"}}]},"footer":{"items":[{"footerLinksCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3jT2JAye95B4ZBThCkZt19","type":"Entry","createdAt":"2020-12-28T11:59:51.196Z","updatedAt":"2022-06-06T09:58:17.058Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Terms and Conditions","linkText":"Terms and Conditions","link":"https://termsandconditions.pg.com/en-us/","gaEventClass":"event_outbound_link","gaEventLabel":"Terms and Conditions"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"55rDEbE1SGyqQyR3dlVk1F","type":"Entry","createdAt":"2020-12-28T11:59:51.124Z","updatedAt":"2024-03-12T10:35:05.802Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":13,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Privacy","linkText":"Privacy","gaEventClass":"event_outbound_link","gaEventLabel":"Privacy","appendix":"statePrivacyNotice"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7MYwUsBTMQwyKUKzDU6gBH","type":"Entry","createdAt":"2024-03-12T10:34:34.364Z","updatedAt":"2024-03-12T10:34:47.065Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Consumer Health Data Privacy Policy","linkText":"Consumer Health Data Privacy Policy","mobileLinkText":"Consumer Health Data Privacy Policy","gaEventClass":"event_outbound_link","gaEventLabel":"Consumer Health Data Privacy Policy"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"5Vy6x2HNBJxN36krOKICbY","type":"Entry","createdAt":"2022-11-25T05:19:14.471Z","updatedAt":"2022-11-25T05:19:14.471Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Your Privacy Choices","linkText":"Your Privacy Choices","link":"https://preferencecenter.pg.com/","gaEventClass":"event_outbound_link","gaEventLabel":"Your Privacy Choices"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"54N5bgXBZjKM7l8OREkSSn","type":"Entry","createdAt":"2023-07-10T07:27:08.246Z","updatedAt":"2023-07-10T07:27:08.246Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Do Not Sell or Share (Do not Change)","linkText":"Do Not Sell or Share My Personal Information / \u003cbr/\u003e Opt-Out of Targeted Advertising","link":"javascript:void(0)","tooltip":"Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising","target":"_self","gaEventClass":"event_internal_link","gaEventLabel":"Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"1FJASxJ03Rkc937Ol3yBoJ","type":"Entry","createdAt":"2024-06-27T10:48:35.512Z","updatedAt":"2024-06-27T10:48:35.512Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":2,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"NOTICE: We may sell your sensitive personal data.","linkText":"NOTICE: We may sell your sensitive personal data."},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"LsGIr57FrL4olgYYhWjMb","type":"Entry","createdAt":"2020-12-28T11:59:50.915Z","updatedAt":"2021-02-15T08:00:25.656Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Contact Us","linkText":"Contact Us","link":"/en-us/contact-us","target":"_self","gaEventClass":"event_internal_link","gaEventLabel":"Contact Us"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"4ImHap42WriiNcfzn3jpWX","type":"Entry","createdAt":"2020-12-28T11:59:50.949Z","updatedAt":"2021-02-15T07:59:43.081Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Site Map","linkText":"Site Map","link":"/en-us/sitemap","target":"_self","gaEventClass":"event_internal_link","gaEventLabel":"Site Map"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"jszfRBS50Cy7oVdULnhOa","type":"Entry","createdAt":"2020-12-29T04:32:33.885Z","updatedAt":"2021-02-08T02:31:46.657Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Copyrights","linkText":" © 2021 Procter \u0026 Gamble"}]}
7042,"socialConnect":{"linksCollection":{"items":[{"name":"Facebook_Icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/uCXtUWRB3mid9dpE2qH42/ae8b2407c7f27d91ae8d0c123b860fc2/fb.svg","title":"Facebook"},"altText":"Visit our Facebook page","link":"https://www.facebook.com/Puffs/","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Facebook","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3NZLCtbxN66aIA7ttwSutY","type":"Entry","createdAt":"2020-12-28T11:59:51.474Z","updatedAt":"2023-06-30T12:02:01.868Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}},{"name":"Twitter_Icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/oBqSbFl084PXiKvpA7zvL/4ff9cf3221bd5993bed800a6c79fc064/twitter.svg","title":"Twitter"},"altText":"Visit our Twitter feed","link":"https://twitter.com/puffs","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Twitter","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"5DLR6im8EyArT5iAHA3Q6h","type":"Entry","createdAt":"2020-12-28T11:59:51.450Z","updatedAt":"2023-06-30T12:02:01.835Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}},{"name":"Youtube_Icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/1zk1eXRdzF1YXpgSe1WMaL/8bb553dc4fbdd6143cc4d9d2933bc91b/youtube.svg","title":"Youtube"},"altText":"Visit our Youtube channel","link":"https://www.youtube.com/user/PGPuffsTissues","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Youtube","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6ziGHSlMsNur24RwywNFrh","type":"Entry","createdAt":"2020-12-28T11:59:51.211Z","updatedAt":"2023-06-30T12:02:01.798Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}},{"name":"Instagram_icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/1OOWKTI7mg0MKs26ReuOEs/9a11f9fff34e97f6d980863874c20c8c/insta.svg","title":"puff_Instagram_icon"},"altText":"Visit our Instagram page","link":"http://instagram.com/puffstissues/?hl=en","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Instagram","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"2heL8DKOQ2cs4xCy0pQMwt","type":"Entry","createdAt":"2020-12-28T11:59:51.622Z","updatedAt":"2023-06-30T12:02:01.762Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}}]},"text":"Connect with us","name":"Footer- social connect"},"relatedBrandCollection":{"items":[{"linksCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"4Wl78h9aczzyQUmAh0nolA","type":"Entry","createdAt":"2020-12-28T11:59:54.196Z","updatedAt":"2025-09-18T12:50:49.258Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":30,"revision":7,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Get rewards and coupons at P\u0026G BrandSaver","link":"https://www.pgbrandsaver.com","linkText":"P\u0026G BrandSaver","name":"Footer-related-brands-pgge","image":{"url":"//images.ctfassets.net/peceku0c8uzu/6lYV52kjplVM6e3P8Pyf4l/ed6bc744e4c0493e4802350614b80376/brandSaver_Logo_Vert_Circle__3_.png","title":"brandSaver Logo Vert Circle (3)"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"dhUPbPVe5R7j3WqpWdEyo","type":"Entry","createdAt":"2020-12-28T11:59:50.894Z","updatedAt":"2023-06-30T12:02:01.692Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Charmin site","link":"https://www.charmin.com/en-us","linkText":"Charmin","name":"Footer-related-brands-Charmin","image":{"url":"//images.ctfassets.net/peceku0c8uzu/54d95DSTnNdu5p1XkHTjzD/75b41a7669bf5db76209a1d523ef1e92/Charmin_Logo.png","t
7042itle":"Footer- related brands - link container - Charmin -image"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"60CCiF52kYZJd1niAeDrFj","type":"Entry","createdAt":"2020-12-28T11:57:56.120Z","updatedAt":"2023-06-30T12:02:01.654Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":11,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Bounty site","link":"https://bountytowels.com/en-us","linkText":"Bounty","name":"Footer-related-brands-Bounty","image":{"url":"//images.ctfassets.net/peceku0c8uzu/6SkVNMVqJVEVRUWcuaLM3w/2490b235485d3d9bae32d19cce41e9e2/Bounty_Logo.png","title":"Footer-related-brands-bounty-image"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3ti04M7ghDIDUWGlH2u1LU","type":"Entry","createdAt":"2020-12-28T11:59:11.975Z","updatedAt":"2023-06-30T12:02:01.599Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Vicks site","link":"https://vicks.com/en-us","linkText":"Vicks","name":"Footer-related-brands-Vicks","image":{"url":"//images.ctfassets.net/peceku0c8uzu/4z5DGqY7uHHod8TNRXCr0L/e86fda1945c2413188f28e1824968802/Vicks_Logo.png","title":"Footer-relatedbrands-vicks-image"}}]},"name":"Footer-related-brands"}]},"name":"PG-Puffs-SiteFooter","badgeSection":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"eR9i7LivVCG0bGTYEvaMj","type":"Entry","createdAt":"2020-12-29T05:21:21.720Z","updatedAt":"2023-06-30T12:02:01.022Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Puffs is a trusted brand accredited by the Better Business Bureau","link":"https://www.bbb.org/cincinnati/business-reviews/detergent/the-procter-gamble-company-in-cincinnati-oh-3036","linkText":"Puffs is a trusted brand accredited by the Better Business Bureau","name":"Badge_Section","target":"_blank","image":{"title":"BBB_Logo","url":"//images.ctfassets.net/peceku0c8uzu/3bnR4jAAssfN7RlYcpv9jT/1a93bccc4e43fc1b3333f7588ba18980/PandG_BBB_Footer.png"}},"copyright":"© 2020 Procter \u0026 Gamble"}]},"privacyLink":{"link":"https://privacypolicy.pg.com/en-US#statePrivacyNotice","text":"Privacy"},"CHDPrivacyLink":{"link":"https://privacypolicy.pg.com/CHD-en","text":"Consumer Health Data Privacy Policy"},"__N_SSG":true},"page":"/[lang]/[parent]","query":{"lang":"en-us","parent":"contact-us"},"buildId":"w67h6m4zv4l_CaNRwA4rH","isFallback":false,"dynamicIds":[4949,3830,6526,8075,2369],"gsp":true,"appGip":true,"scriptLoader":[]}</script>
7042</body></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.