.el-clean-water{--el-cw-ink: #102238;position:relative;isolation:isolate;overflow:hidden;padding:var(--el-cw-pt-m, 40px) 16px var(--el-cw-pb-m, 40px);background:linear-gradient(122.16deg,#1c508c 6.39%,#3881d7 101.25%);color:#fff;font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.el-clean-water,.el-clean-water *,.el-clean-water *:before,.el-clean-water *:after{box-sizing:border-box}.el-clean-water :where(h2,h3,p,ol,ul,li){margin:0;padding:0}.el-clean-water :where(ol,ul){list-style:none}.el-clean-water a{border-bottom:0;box-shadow:none;text-decoration:none}.el-clean-water:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.929 0 0 0 0 0.957 0 0 0 0 0.969 0 0 0 0.9 -0.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px;pointer-events:none}.el-clean-water__heading,.el-clean-water__clinical-heading{max-width:300px;color:#fff;font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:32px;line-height:1.15;letter-spacing:-.64px;text-box:trim-both cap alphabetic}.el-clean-water__stages{display:flex;gap:16px;margin:32px -16px 0!important;padding:0 16px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.el-clean-water__stages::-webkit-scrollbar{display:none}.el-clean-water__stage{display:flex;flex:0 0 220px;flex-direction:column;gap:20px;scroll-snap-align:start}.el-clean-water__stage-photo{overflow:hidden;height:250px;border-radius:8px;background:#d9d9d9}.el-clean-water__stage-photo picture{display:contents}.el-clean-water__stage-image{display:block;width:100%;height:100%;object-fit:cover}.el-clean-water__stage-copy{display:flex;flex-direction:column;gap:20px}.el-clean-water__stage-title{color:#fff;font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.15;letter-spacing:-.32px;text-box:trim-both cap alphabetic}.el-clean-water__stage-text{font-weight:300;font-size:15px;line-height:1.4;letter-spacing:.15px;text-box:trim-both cap alphabetic}.el-clean-water__progress{position:relative;height:1px;margin-top:24px;background:#ffffff40}.el-clean-water__progress-thumb{position:absolute;top:0;left:0;width:24.168%;height:1px;background:#fff;transform:translate(calc(var(--el-mv-progress, 0) * 313.77%))}.el-clean-water__benefits{position:relative;margin-top:64px}.el-clean-water__pills{position:relative;display:flex;flex-direction:column;gap:12px;width:calc(100% - 8px)}.el-clean-water__pill{display:flex;align-items:center;gap:10px;padding:12.5px;border-radius:4px;box-shadow:inset 0 0 0 .5px #ffffff40;background:#cacaca26}.el-clean-water__check{display:block;flex:0 0 14px;width:14px;height:14px;color:#fff}.el-clean-water__check svg{display:block;width:100%;height:100%}.el-clean-water__pill-text{max-width:151px;padding-bottom:.5px;font-weight:400;font-size:15px;line-height:1.4;letter-spacing:.15px;text-transform:capitalize;text-box:trim-both cap alphabetic}.el-clean-water__filter{position:absolute;top:-115px;right:-214.5px;z-index:1;display:block;width:370px;height:469px;pointer-events:none}.el-clean-water__filter-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.el-clean-water__clinical{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:64px}.el-clean-water__content{display:flex;flex-direction:column;gap:20px}.el-clean-water__eyebrow{display:flex;align-items:center;gap:3px;font-weight:300;font-size:14px;line-height:1.3;letter-spacing:.14px;text-transform:capitalize;white-space:nowrap}.el-clean-water__laurel{display:block;flex:0 0 9px;width:9px;height:16px}.el-clean-water__badge{display:block;flex:0 0 13.53px;width:13.53px;height:14px}.el-clean-water__shield{display:block;flex:0 0 10px;width:10px;height:12px;color:#fff}.el-clean-water__laurel svg,.el-clean-water__badge svg,.el-clean-water__shield svg{display:block;width:100%;height:100%}.el-clean-water__laurel svg path[fill="#2E79D9"],.el-clean-water__badge svg path[fill="#2E79D9"]{fill:#fff}.el-clean-water__clinical-heading{max-width:306px}.el-clean-water__clinical-text{padding-bottom:.5px;font-weight:300;font-size:15px;line-height:1.4;letter-spacing:.15px;text-box:trim-both cap alphabetic}.el-clean-water__results{display:flex;flex-direction:column;gap:16px}.el-clean-water__result{display:flex;flex-direction:column;gap:20px;padding:20px 16px;border-radius:8px;background:#f6f9fb30}.el-clean-water__result-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.el-clean-water__value{flex:0 0 auto;margin-top:1px;font-weight:400;font-size:40px;line-height:1.15;letter-spacing:-.8px;white-space:nowrap;text-box:trim-both cap alphabetic}.el-clean-water__label{max-width:214px;font-weight:400;font-size:16px;line-height:1.15;letter-spacing:-.32px;text-align:right;text-wrap:balance;text-box:trim-both cap alphabetic}.el-clean-water__bar{position:relative;display:block;height:1px;background:#ffffff40}.el-clean-water__bar-fill{position:absolute;inset:0 auto 0 0;width:var(--el-cw-bar);background:#fff}.el-clean-water__actions{display:flex;flex-direction:column;gap:12px;margin-top:1px}.el-clean-water__button{display:flex;align-items:center;justify-content:center;min-height:59px;padding:19px 45px;border-radius:8px;background:#fff;color:var(--el-cw-ink);font-weight:400;font-size:18px;line-height:1.15;text-align:center;transition:background-color .2s ease}.el-clean-water__button:hover{background:#edf4f7;color:var(--el-cw-ink)}.el-clean-water__button:focus-visible{outline:2px solid #fff;outline-offset:3px}.el-clean-water__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px}.el-clean-water__trust li{display:flex;align-items:center;gap:6px;font-weight:300;font-size:13px;line-height:1.36;letter-spacing:.13px;white-space:nowrap}@media screen and (min-width:1024px){.el-clean-water{padding:var(--el-cw-pt, 60px) clamp(32px,8.3334vw,120px) var(--el-cw-pb, 60px);background:linear-gradient(161.32deg,#1c508c 6.39%,#3881d7 101.25%)}.el-clean-water__inner{max-width:1200px;margin:0 auto}.el-clean-water__heading{max-width:950px;font-size:44px;line-height:52px;letter-spacing:-.88px;text-box:none}.el-clean-water__stages{gap:48px;margin:48px 0 0!important;padding:0!important;overflow:visible}.el-clean-water__stage{flex:1 1 0;min-width:0}.el-clean-water__stage-photo{height:auto;aspect-ratio:368 / 340}.el-clean-water__stage-title,.el-clean-water__stage-text{padding-bottom:.4px;font-size:18px;line-height:26px}.el-clean-water__stage-title{letter-spacing:-.36px}.el-clean-water__stage-text{letter-spacing:.18px}.el-clean-water__progress{display:none}.el-clean-water__benefits{display:flex;align-items:center;gap:40px;height:232px;margin-top:48px;padding:16px 32px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#ffffff17}.el-clean-water__pills{display:grid;flex:0 1 756px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:auto;min-width:0}.el-clean-water__pill{gap:16px;height:80px;padding:12px 24px;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff40}.el-clean-water__check{flex-basis:18px;width:18px;height:18px}.el-clean-water__pill-text{max-width:none;padding-bottom:.4px;font-size:18px;line-height:26px;letter-spacing:.18px}.el-clean-water__filter{position:relative;top:auto;right:auto;flex:0 1 340px;width:340px;min-width:200px;height:288px;margin-right:-2px}.el-clean-water__clinical{grid-template-columns:minmax(0,540px) minmax(0,612px);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". results" "content results" "actions results" ". results";justify-content:space-between;gap:0 48px;margin-top:60px}.el-clean-water__content{grid-area:content;gap:24px}.el-clean-water__results{grid-area:results;justify-content:space-between;gap:20px;min-height:434px}.el-clean-water__actions{grid-area:actions;gap:24px;margin-top:24px}.el-clean-water__eyebrow{height:22px;font-size:16px;line-height:22px;letter-spacing:.16px}.el-clean-water__eyebrow .el-clean-water__badge{flex-basis:14px;width:14px}.el-clean-water__clinical-heading{max-width:none;font-size:44px;line-height:52px;letter-spacing:-.96px;text-box:none}.el-clean-water__clinical-text{padding-bottom:.4px;font-size:18px;line-height:26px;letter-spacing:0}.el-clean-water__result-row{gap:24px}.el-clean-water__value{padding-bottom:.2px;font-size:44px;line-height:52px;letter-spacing:-.88px}.el-clean-water__label{max-width:none;padding-bottom:.4px;font-size:18px;line-height:26px;letter-spacing:-.36px;text-wrap:wrap}.el-clean-water__button{min-height:64px;line-height:26px}.el-clean-water__trust{width:calc(100% + 12px)}.el-clean-water__trust li{font-size:16px;line-height:22px;letter-spacing:.16px}.el-clean-water__trust .el-clean-water__badge{flex-basis:14px;width:14px}}@media screen and (min-width:391px)and (max-width:1365px){.el-clean-water__heading,.el-clean-water__stage-text,.el-clean-water__clinical-text{text-wrap:pretty}.el-clean-water__heading{text-wrap:balance}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/el-section-clean-water.css.map */