.nav-container-wrapper .nav-contanier{cursor:pointer}@media screen and (min-width:1200px){.nav-container-wrapper .nav-contanier{height:217px}}.nav-container-wrapper .nav-contanier:active{border:1px solid #0a1a5c}@media screen and (min-width:1200px){.BlogsLandingPage .nav-contanier{min-height:285px}.BlogsLandingPage .nav-contanier .color-shark.nav-title{min-height:115px}.BlogsLandingPage .nav-contanier p{min-height:105px}.help-center-route .nav-container-wrapper p{padding-right:50px!important}}@media only screen and (min-width:1023px) and (max-width:1400px){.help-center-route .nav-title{font-size:22px!important}}
.rr .ProCleanPage .copy{color:#42474e}.rr .image-style{object-fit:contain}.rr .FiltrationWaterLandingPage .image-style{width:auto;height:auto}.rr .FiltrationWaterLandingPage .header2 a{color:#0078b7;font-size:16px;font-weight:700;text-decoration:none}.rr .FiltrationWaterLandingPage .header2 sup{border-bottom:.5px solid #0078b7}@media screen and (max-width:992px){.rr .FiltrationWaterLandingPage .FiltrationFeatureCollectionComponent{padding-left:0}}
.how-it-works-list .steps-heading{text-align:left;margin:10px 0 15px}.how-it-works-list .stepNumber{color:#fff;text-align:center;float:left;background-color:#0a1a5c;border-radius:25px;width:32px;height:32px;margin-right:32px;font-size:16px;font-weight:600;line-height:2}.how-it-works-list .steps-heading h3.stepHeadingTitle{padding-top:0}.how-it-works-list .step-content,.how-it-works-list .step-message{text-align:left;border-left:2px dashed #707070;margin-left:15px;padding-left:48px}.how-it-works-list .step-content.step-3{border-left:none}.trusted-brands{width:100%!important}.brands-available{flex-wrap:wrap;align-items:center;display:flex}.brandcard{float:left;text-align:center;padding:2rem}.partner-img{width:100%}.trust-icon{text-align:center;color:#0078b7;width:200px;margin-left:0;padding-top:5px;padding-left:0;text-decoration:underline}.trust-icon :after{content:url(../media/arrow-right-blue-product.89e94199.svg);line-height:inherit;padding-left:.8rem;position:relative;top:.2rem}@media screen and (max-width:1200px){.how-it-works{flex-direction:column}.how-it-works .how-it-image{object-fit:contain;width:100%}}
.background-banner{position:relative}.brand-bg-img{background-color:#effaff;max-width:100%;height:19rem}@media screen and (max-width:1200px){.brand-bg-img{height:23rem}}.brand-fg-img{width:13.93rem;height:17rem;position:absolute;top:1rem;right:10%}@media screen and (max-width:1200px){.brand-fg-img{object-fit:contain;width:70%;left:50px;right:16%}}.brand-banner-content{margin-left:4rem;position:absolute;top:50px}@media screen and (max-width:1200px){.brand-banner-content{position:unset;margin-top:0;margin-left:0;top:0}}.brand-banner-content-heading,.brand-banner-content-description{color:#fff}@media screen and (max-width:1200px){.brand-banner-content-heading,.brand-banner-content-description{color:#000}}.brand-banner-content .brand-banner-content-description .first-content{color:#000;letter-spacing:.015em;font-size:18px;font-weight:700;line-height:28px}@media screen and (max-width:1200px){.brand-banner-content .brand-banner-content-description .first-content{letter-spacing:.015em;text-align:left;font-size:22px;font-weight:700;line-height:28px}}.brand-banner-content .brand-banner-content-description .banner-sub-text{color:#000;letter-spacing:.5px;width:70%;font-size:16px;font-weight:400;line-height:20px}@media screen and (max-width:1200px){.brand-banner-content .brand-banner-content-description .banner-sub-text{letter-spacing:.5px;text-align:left;width:100%;font-size:16px;font-weight:400;line-height:20px}.brand-banner-content .brand-banner-content-heading{letter-spacing:0;text-align:left;font-size:30px;font-weight:400;line-height:36px}}.brand-hero-banner-btn{background-color:#0a1a5c!important}@media screen and (max-width:1200px){.brand-hero-banner-btn{justify-content:center;width:100%;margin-bottom:10px}}.brand-hero-banner-btn :after{content:url(../media/arrow-tailed-right-white.98f94f8b.svg);line-height:inherit;color:#fff;padding-left:.8rem;position:relative;top:.2rem}.rr .shop-water-btn{color:#0a1a5c!important;background-color:#fff!important}@media screen and (max-width:1200px){.rr .shop-water-btn{justify-content:center;width:100%;margin-bottom:10px}}.rr .shop-water-btn:after{content:url(../media/arrow-tailed-blue.c7c701f0.svg);line-height:inherit;padding-left:.8rem;position:relative;top:.2rem}.barnd-wrapper{background:linear-gradient(291.38deg,#0a1a5c .16%,#0078b7 76.26%);min-height:1072px;position:relative}@media screen and (max-width:1200px){.barnd-wrapper{min-height:800px}}.brand-bg-img-second{z-index:99;object-fit:contain;width:424px;max-width:100%;height:1072px;position:absolute;top:-2rem}@media screen and (min-width:768px) and (max-width:1200px){.brand-bg-img-second{width:100%;height:340px}}@media screen and (max-width:767px){.brand-bg-img-second{width:100%;height:318px}}.brand-fg-img-second{width:100%;position:absolute;top:0;left:0;right:15%}.brand-figcaption-textleft-second{float:right;width:60%}@media screen and (max-width:1200px){.brand-figcaption-textleft-second{float:unset;width:100%}}.brand-disheading{color:#fff;max-width:456px;margin-top:200px;margin-bottom:24px}@media screen and (max-width:1200px){.brand-disheading{margin-top:0}}.banner-content-second{margin-top:8%;margin-left:4rem;position:absolute;top:250px}@media screen and (max-width:1200px){.banner-content-second{margin:15px;top:280px}}.banner-hero-text{color:#fff}@media screen and (max-width:1200px){.banner-hero-text .dispensercontent ul{padding-left:35px}}.brand-hero-banner-secondar-btn:after{content:url(../media/arrow-tailed-blue.c7c701f0.svg);line-height:inherit;padding-left:.8rem;position:relative;top:.2rem}@media screen and (min-width:1200px){.brand-hero-banner-secondar-btn{margin-left:1rem}}@media screen and (max-width:1200px){.brand-hero-banner-secondar-btn{justify-content:center;width:100%;margin-bottom:15px}}
.planblock-container-list:after{content:url(/svg/icons/noun-plus.svg);margin-right:15px}.planblock-container-list:last-child:after{content:""}.planblock-container-para{margin:0 15px!important}@media screen and (max-width:767px){.planblock-container{display:none!important}}
.headerclass-container .mem-orange-badge{color:#000;background-color:#faa21b;border-radius:5px;width:fit-content;padding:5px 10px}.headerclass-container .mem-blue-badge{background-color:#0078b7;border-radius:5px;width:fit-content;padding:5px 10px}.headerclass-container .original-price{font-size:36px}.headerclass-container .original-price:before{content:"$"}.headerclass-container .original-price .strike-price{color:#cdd7e2;font-size:24px;text-decoration:line-through}.headerclass-container .original-price .strike-price:before{content:"$"}@media screen and (max-width:767px){.headerclass-container .membership-button{width:100%!important;padding:8px 22px!important}}@media screen and (max-width:375px){.headerclass-container .membership-button{padding:8px 0!important}}@media screen and (min-width:768px) and (max-width:992px){.headerclass-container .membership-button{padding:8px 20px!important}}@media screen and (min-width:768px){.mobile-data{display:none}}@media screen and (max-width:767px){.table-body{flex-direction:column;display:flex}}
.tableheadingclass{background-color:#0a1a5c}@media screen and (max-width:767px){.tableheadingclass{z-index:100000;-webkit-backdrop-filter:blur(.9rem);backdrop-filter:blur(.9rem);position:sticky;top:0}}.membership-heading{border-top-left-radius:10px;width:20%}@media screen and (max-width:767px){.membership-heading{display:none}}.superheroclass{width:40%}@media screen and (max-width:767px){.superheroclass{border-top-left-radius:10px;padding:13px!important}}.heroclass{border-top-right-radius:10px;width:40%}@media screen and (max-width:767px){.heroclass{padding:10px!important}}.card-class{border:1px solid #0a1a5c}
@media screen and (min-width:1200px){.bundle-container{margin:0 120px}}.bundle-container .badge-design3-orange{color:#fff;background-color:#cd4c1c;border:2px solid #fff;border-radius:50%;width:fit-content;padding:15px 10px;font-size:14px;position:absolute;top:8px;left:70%;box-shadow:0 0 0 3px #cd4c1c}@media screen and (min-width:768px) and (max-width:992px){.bundle-container .badge-design3-orange{left:61%!important}}@media screen and (min-width:576px) and (max-width:768px){.bundle-container .badge-design3-orange{left:60%!important}}.bundle-container .badge-design3-orange p{font-size:28px;font-weight:700}@media screen and (min-width:767px) and (max-width:992px){.bundle-container .bundle-image{width:50%!important;height:50%!important;margin-left:12rem!important}}@media screen and (min-width:576px) and (max-width:768px){.bundle-container .bundle-image{width:50%!important;height:50%!important;margin-left:7rem!important}}.bundle-container .bundle-plan{font-weight:400}.bundle-container .bundle-plan:before{content:"$"}
.rr .faq-accordion-item>div:first-of-type{height:auto!important}.rr .faq-accordion .accordion-button:focus{outline:2px solid!important}.rr .faq-accordion .accordion-header{margin-bottom:0!important}.rr .faq-accordion .accordion-button:not(.collapsed){box-shadow:unset}.rr .faq-accordion .accordion-item{border:none!important}@media screen and (max-width:767px){.rr .faq-accordion .accordion-button{align-items:flex-start}}
.sustainability-banner{border-radius:1.4rem}.sustainability-banner .banner-content{text-align:left;margin-bottom:1rem;padding:1rem 2.4rem}.sustainability-banner .img-container-left{text-align:center;padding:1rem 4rem}.sustainability-banner .sustainability-banner-component{margin:0}.sustainability-banner .sustainability-banner-component-content{margin:0;padding:1rem 0}.sustainability-banner .banner-sub-text{padding:2rem 0 2.6rem!important}.sustainability-banner .button-tertiary{background:0 0;border-color:#fff;margin-bottom:1rem;padding:1.2rem 3.2rem}.sustainability-banner .button-tertiary:hover{text-decoration:underline;color:#fff!important}.sustainability-banner .esa-banner-btn{background-color:#0000;color:#fff!important;border-color:#fff!important}.sustainability-banner .image-wrapper{align-items:center;display:flex}.sustainability-banner-image{max-width:72px!important;max-height:72px!important}@media screen and (max-width:767px){.sustainability-banner-image{width:44px!important;height:44px!important}}@media only screen and (max-width:376px){.sustainability-banner-image-container{padding-right:1.5rem!important}}@media only screen and (max-width:992px){.sustainability-banner .sustainability-banner-component{font-size:24px!important}.sustainability-banner .img-container-left{padding:4rem}.sustainability-banner .banner-sub-text{padding:2rem 0 4.6rem}.sustainability-banner .image-wrapper{text-align:center;margin-bottom:2rem;display:block}}
@media screen and (min-width:1200px){.promobanner-container{padding:30px;margin-top:20px!important}}@media screen and (max-width:767px){.promobanner-container{padding:30px}.promobanner-container-button{text-align:center;margin-top:20px}}@media screen and (min-width:1200px){.homepage-promobanner-container{padding:10px;margin-top:5px!important}.rd-enrolled{padding:15px;margin-top:0!important}}@media screen and (max-width:767px){.rd-enrolled{padding:15px}}
@media only screen and (min-width:992px){.cohort-landing-page-route .CohortHowItWorksProcessExtended{font-weight:700!important}}.cohort-landing-page-route .container-image{max-width:72px;max-height:72px}.cohort-landing-page-route .product-container-image{max-width:200px;max-height:200px}@media screen and (max-width:767px){.cohort-landing-page-route .product-container-image{max-width:140px;max-height:140px}}.microsite-cms-layout .howItWorksWrapper-generic-how-it-works-wrapper{padding:48px;margin:48px 0!important}@media screen and (max-width:767px){.microsite-cms-layout .howItWorksWrapper-generic-how-it-works-wrapper{padding:48px 0;margin:24px 0!important}}.microsite-cms-layout .howItWorksImage-generic-how-it-works-image{max-width:144px;max-height:135px}.smallheadercms p{width:80%!important;padding:10px!important}@media screen and (max-width:767px){.smallheadercms p{width:100%!important}}.smallheadercms div{background-color:#0078b7!important;border-color:#0078b7!important;border-radius:4px!important}.new-home-page .how-it-works-wrapper{padding:48px 24px 24px;margin:96px auto!important}@media screen and (max-width:767px){.new-home-page .how-it-works-wrapper{padding:36px 12px 12px;margin:48px auto!important}}.new-home-page .how-it-works-image{width:72px;height:72px}@media screen and (max-width:767px){.new-home-page .how-it-works-image{width:44px;height:44px}}.new-home-page .how-it-works-text{text-align:center!important}