/** Shopify CDN: Minification failed

Line 3703:8 Expected ":"

**/
/** Shopify CDN: Minification failed

Line 6:108258 Expected ":"

**/
*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,:after {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,ul,menu {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,:before,:after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 750px) {
    h1,h2,h3,h4,h5,.h0,.h1,.h2,.h3,.h4,.h5 {
        letter-spacing:0.1px !important;
        line-height: 50pt !important;
    }

    .container {
        max-width: 750px
    }
}

@media (min-width: 990px) {
    .container {
        max-width:990px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

@media (min-width: 1600px) {
    .container {
        max-width:1600px
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.top-\[37px\] {
    top: 37px
}

.left-\[65px\] {
    left: 65px
}

.isolate {
    isolation: isolate
}

.order-1 {
    order: 1
}

.order-3 {
    order: 3
}

.order-2 {
    order: 2
}

.col-span-7 {
    grid-column: span 7 / span 7
}

.col-span-5 {
    grid-column: span 5 / span 5
}

.col-span-3 {
    grid-column: span 3 / span 3
}

.col-span-4 {
    grid-column: span 4 / span 4
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-6 {
    grid-column-start: 6
}

.col-start-7 {
    grid-column-start: 7
}

.col-start-5 {
    grid-column-start: 5
}

.col-end-7 {
    grid-column-end: 7
}

.col-end-13 {
    grid-column-end: 13
}

.col-end-4 {
    grid-column-end: 4
}

.row-span-2 {
    grid-row: span 2 / span 2
}

.row-span-3 {
    grid-row: span 3 / span 3
}

.row-span-5 {
    grid-row: span 5 / span 5
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.m-auto {
    margin: auto
}

.my-\[90px\] {
    margin-top: 90px;
    margin-bottom: 90px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-\[70px\] {
    margin-top: 70px;
    margin-bottom: 70px
}

.my-\[36px\] {
    margin-top: 36px;
    margin-bottom: 36px
}

.my-\[50px\] {
    margin-top: 50px;
    margin-bottom: 50px
}

.my-\[40px\] {
    margin-top: 40px;
    margin-bottom: 40px
}

.mt-\[64px\] {
    margin-top: 64px
}

.mb-\[36px\] {
    margin-bottom: 36px
}

.mb-\[50px\] {
    margin-bottom: 50px
}

.mt-auto {
    margin-top: auto
}

.ml-12 {
    margin-left: 3rem
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mt-\[15px\] {
    margin-top: 15px
}

.mt-\[40px\] {
    margin-top: 40px
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.mb-\[60px\] {
    margin-bottom: 60px
}

.mb-\[90px\] {
    margin-bottom: 90px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-\[140px\] {
    margin-top: 140px
}

.mb-\[200px\] {
    margin-bottom: 200px
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[70px\] {
    margin-bottom: 70px
}

.mb-\[96px\] {
    margin-bottom: 96px
}

.mt-\[30px\] {
    margin-top: 30px
}

.mb-auto {
    margin-bottom: auto
}

.mt-\[36px\] {
    margin-top: 36px
}

.mt-\[70px\] {
    margin-top: 70px
}

.mb-\[55px\] {
    margin-bottom: 55px
}

.ml-auto {
    margin-left: auto
}

.block {
    display: block
}

.flex {
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.w-full {
    width: 100%
}

.w-1\/2 {
    width: 50%
}

.w-2\/3 {
    width: 66.666667%
}

.max-w-\[740px\] {
    max-width: 740px
}

.max-w-\[700px\] {
    max-width: 700px
}

.max-w-\[1000px\] {
    max-width: 1000px
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-\[337px\] {
    max-width: 337px
}

.max-w-\[1400px\] {
    max-width: 1400px
}

.max-w-\[928px\] {
    max-width: 928px
}

.max-w-\[900px\] {
    max-width: 900px
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-\[574px\] {
    max-width: 574px
}

.max-w-\[338px\] {
    max-width: 338px
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-rows-3 {
    grid-template-rows: repeat(3,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-\[134px\] {
    gap: 134px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[30px\] {
    gap: 30px
}

.gap-\[130px\] {
    gap: 130px
}

.overflow-hidden {
    overflow: hidden
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.border {
    border-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-primary {
    border-color: var(--primary)
}

.bg-light {
    background-color: var(--theme-light)
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.p-\[30px\] {
    padding: 30px
}

.p-6 {
    padding: 1.5rem
}

.px-\[36px\] {
    padding-left: 36px;
    padding-right: 36px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.px-\[100px\] {
    padding-left: 100px;
    padding-right: 100px
}

.py-\[200px\] {
    padding-top: 200px;
    padding-bottom: 200px
}

.py-\[70px\] {
    padding-top: 70px;
    padding-bottom: 70px
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px
}

.pr-\[100px\] {
    padding-right: 100px
}

.pr-\[200px\] {
    padding-right: 200px
}

.pl-\[130px\] {
    padding-left: 130px
}

.text-center {
    text-align: center
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[48px\] {
    font-size: 48px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[20px\] {
    font-size: 20px
}

.font-bold {
    font-weight: 700
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.text-primary {
    color: var(--primary)
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.filter {
    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)
}

:root {
    --theme-primary: #08274D;
    --theme-light: #EBECF0;
    --primary: #1a335e;
    --filterWidth: 170px;
    --filterHeight: 638px;
    --primary: black
}

:root,.color-background-1 {
    --color-foreground: var(--color-base-text);
    --color-background: var(--color-base-background-1);
    --gradient-background: var(--gradient-base-background-1)
}

.color-background-2 {
    --color-foreground: var(--color-base-text);
    --color-background: var(--color-base-background-2);
    --gradient-background: var(--gradient-base-background-2)
}

.color-inverse {
    --color-foreground: var(--color-base-background-1);
    --color-background: var(--color-base-text);
    --gradient-background: rgb(var(--color-base-text))
}

.color-accent-1 {
    --color-foreground: var(--color-base-solid-button-labels);
    --color-background: var(--color-base-accent-1);
    --gradient-background: var(--gradient-base-accent-1)
}

.color-accent-2 {
    --color-foreground: var(--color-base-solid-button-labels);
    --color-background: var(--color-base-accent-2);
    --gradient-background: var(--gradient-base-accent-2)
}

.color-foreground-outline-button {
    --color-foreground: var(--color-base-outline-button-labels)
}

.color-foreground-accent-1 {
    --color-foreground: var(--color-base-accent-1)
}

.color-foreground-accent-2 {
    --color-foreground: var(--color-base-accent-2)
}

:root,.color-background-1 {
    --color-link: var(--color-base-outline-button-labels);
    --alpha-link: .85
}

.color-background-2,.color-inverse,.color-accent-1,.color-accent-2 {
    --color-link: var(--color-foreground);
    --alpha-link: .7
}

:root,.color-background-1 {
    --color-button: var(--color-base-accent-1);
    --color-button-text: var(--color-base-solid-button-labels);
    --alpha-button-background: 1;
    --alpha-button-border: 1
}

.color-background-2,.color-inverse,.color-accent-1,.color-accent-2 {
    --color-button: var(--color-foreground);
    --color-button-text: var(--color-background)
}

@-webkit-keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.04)
    }

    to {
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.04)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes pulse-bg {
    0% {
        background-size: cover
    }

    50% {
        background-size: 120%
    }

    to {
        background-size: cover
    }
}

@keyframes pulse-bg {
    0% {
        background-size: cover
    }

    50% {
        background-size: 120%
    }

    to {
        background-size: cover
    }
}

@font-face {
    font-family: Basel Classic;
    src: url(./Basel-Classic-Regular.woff2) format("woff2"),url(./Basel-Classic-Regular.woff) format("woff"),url(./Basel-Classic-Regular.otf) format("otf");
    font-weight: 430;
    font-style: normal
}

@font-face {
    font-family: Basel Grotesk;
    src: url(./Basel-Grotesk-Regular.woff2) format("woff2"),url(./Basel-Grotesk-Regular.woff) format("woff"),url(./Basel-Grotesk-Regular.otf) format("otf");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Basel Grotesk;
    src: url(./Basel-Grotesk-Medium.woff2) format("woff2"),url(./Basel-Grotesk-Medium.woff) format("woff"),url(./Basel-Grotesk-Medium.otf) format("otf");
    font-weight: 500;
    font-style: normal
}

h1,h2,h3,h4,h5,.h0,.h1,.h2,.h3,.h4,.h5 {
    text-transform: capitalize;
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(var(--font-heading-scale) * .06rem);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + .3/max(1,var(--font-heading-scale)));
    word-break: break-word
}

.h0 {
    font-size: calc(var(--font-heading-scale) * 4rem)
}

h1,.h1 {
    font-size: 36px;
    line-height: 1
}

@media (min-width: 990px) {
    h1,.h1 {
        font-size:42px
    }
}

h2,.h2 {
    font-size: 24px
}

@media (min-width: 990px) {
    h2,.h2 {
        font-size:36px
    }
}

h3,.h3 {
    font-size: 18px
}

@media (min-width: 990px) {
    h3,.h3 {
        font-size:27px
    }
}

h4,.h4 {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-size: calc(var(--font-heading-scale) * 1.5rem)
}

h5,.h5 {
    font-size: calc(var(--font-heading-scale) * 1.2rem)
}

h6,.h6 {
    color: rgba(var(--color-foreground),.75);
    margin-block-start:1.67em;margin-block-end:1.67em}

p {
    font-size: 14px;
    line-height: 1.4;
}

details-disclosure>details {
    position: relative
}


.js-tabs {
    max-width: 100%
}


.js-tabs__title {
    display: block;
    cursor: pointer;
    border-width: 1px;
    border-bottom-width: 0px;
    border-color: var(--primary);
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity));
    padding: 1rem 1.5rem;
    transition: all .25s
}

.js-tabs__title:hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.js-tabs__title-active {
    --tw-bg-opacity: 1;
    background-color: rgb(244 255 253 / var(--tw-bg-opacity))
}

.js-tabs__content {
    border-width: 1px;
    border-color: var(--primary);
    padding: 30px;
    line-height: 1.5
}

.accordion {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    /* max-width: 900px; */
    padding-left: 30px;
    padding-right: 30px
}

.accordion summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-right: 45px
}

.accordion summary .icon-caret {
    height: 1rem;
    transition: .5s
}

.accordion details[open] .icon-caret {
    transform: rotate(180deg)
}

.page-page .accordion h2 {
    margin-bottom: 0;
    font-size: 18px
}

@media (min-width: 750px) {
    .page-page .accordion h2 {
        font-size:24px
    }
}

@media (min-width: 990px) {
    .page-page .accordion h2 {
        font-size:36px
    }
}

.accordion__content {
    border-width: 2px;
    border-color: var(--primary);
    padding: 3rem;
    font-size: 18px
}



@media only screen and (max-width: 990px) {
    .list-menu {
        --tw-text-opacity: 1;
    }

    .list-menu li,.list-menu li:hover {
        --tw-text-opacity: 1 !important;
    }

    .list-menu__item {
        --tw-text-opacity: 1 !important;
    }

    .list-menu__item,.list-menu__item:hover {
        --tw-text-opacity: 1;
    }


    .menu-drawer__account {
        --tw-text-opacity: 1 !important;
    }

}

.slider-wrapper {
    position: relative
}

.slider-wrapper .slider-bg {
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: none;
    height: 100vh;
    width: 100%;
    background-size: cover
}

.section-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    padding-bottom: 25vh
}

@media (min-width: 990px) {
    .section-slider {
        height:100vh
    }

    .section-slider {
        height: auto
    }

    .section-slider {
        width: 100%
    }

    .section-slider {
        padding-top: 600px
    }

    .section-slider {
        background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-1-bg.jpg?v=1648230688);
        background-attachment: fixed
    }

    .section-slider,.section-slider:before,.section-slider:after {
        transition: opacity .4s,transform 1s
    }
}

.section-slider:before,.section-slider:after {
    position: fixed;
    inset: 0 50% 0 0;
    z-index: 0;
    display: none;
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width: 990px) {
    .section-slider:before,.section-slider:after {
        display:block
    }
}

.section-slider:before,.section-slider:after {
    content: "";
    opacity: 0;
    background-position: left;
    transform: translate(-100%)
}

@media (min-width: 990px) {
    body.slide-active-0 .section-slider:after,body.slide-pre-active-0 .section-slider:after {
        top:200px
    }

    body.slide-active-0 .section-slider:after,body.slide-pre-active-0 .section-slider:after {
        z-index: 50
    }

    body.slide-active-0 .section-slider:after,body.slide-pre-active-0 .section-slider:after {
        background-size: contain
    }

    body.slide-active-0 .section-slider:after,body.slide-pre-active-0 .section-slider:after {
        opacity: 1;
        transform: translate(0);
        background-position: center bottom;
        background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-bg-1a.png?v=1648230778)
    }

    body.slide-active-1:not(.slide-active-0) .section-slider:before,body.slide-pre-active-1:not(.slide-active-0) .section-slider:before {
        z-index: 50
    }

    body.slide-active-1:not(.slide-active-0) .section-slider:before,body.slide-pre-active-1:not(.slide-active-0) .section-slider:before {
        background-size: contain
    }

    body.slide-active-1:not(.slide-active-0) .section-slider:before,body.slide-pre-active-1:not(.slide-active-0) .section-slider:before {
        opacity: 1;
        transform: translate(0);
        background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-bg-2a.png?v=1648230778);
        background-position: left bottom
    }

    body.slide-active-2:not(.slide-active-1) .section-slider:after,body.slide-last-active:not(.slide-active-1) .section-slider:after,body.slide-pre-active-2:not(.slide-active-1) .section-slider:after {
        top: -6px
    }

    body.slide-active-2:not(.slide-active-1) .section-slider:after,body.slide-last-active:not(.slide-active-1) .section-slider:after,body.slide-pre-active-2:not(.slide-active-1) .section-slider:after {
        bottom: 0
    }

    body.slide-active-2:not(.slide-active-1) .section-slider:after,body.slide-last-active:not(.slide-active-1) .section-slider:after,body.slide-pre-active-2:not(.slide-active-1) .section-slider:after {
        z-index: 50
    }

    body.slide-active-2:not(.slide-active-1) .section-slider:after,body.slide-last-active:not(.slide-active-1) .section-slider:after,body.slide-pre-active-2:not(.slide-active-1) .section-slider:after {
        background-position: left
    }

    body.slide-active-2:not(.slide-active-1) .section-slider:after,body.slide-last-active:not(.slide-active-1) .section-slider:after,body.slide-pre-active-2:not(.slide-active-1) .section-slider:after {
        opacity: 1;
        transform: translate(0);
        background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-bg-3a.png?v=1648230778);
        background-size: calc(100vh + 12px)
    }
}

.section-slide {
    position: relative;
    z-index: 10;
    display: flex;
    height: 100vh;
    width: 100%;
    align-items: flex-start;
    overflow: hidden
}

@media (min-width: 990px) {
    .section-slide {
        margin-top:-300px
    }

    .section-slide {
        display: block
    }

    .section-slide {
        height: 200vh
    }

    .section-slide {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .section-slide {
        padding-bottom: 200px
    }
}

.section-slide {
    will-change: transform
}

.section-slide .slide-content {
    width: 100%
}

@media (min-width: 750px) {
    .section-slide .slide-content {
        max-width:750px
    }
}

@media (min-width: 990px) {
    .section-slide .slide-content {
        max-width:990px
    }
}

@media (min-width: 1200px) {
    .section-slide .slide-content {
        max-width:1200px
    }
}

@media (min-width: 1600px) {
    .section-slide .slide-content {
        max-width:1600px
    }
}

.section-slide .slide-content {
    position: relative;
    z-index: 10;
    display: flex;
    height: 100vh;
    width: 100vw;
    flex-direction: column-reverse;
    justify-content: space-between;
    overflow: hidden
}

@media (min-width: 990px) {
    .section-slide .slide-content {
        top:0
    }

    .section-slide .slide-content {
        left: 0
    }

    .section-slide .slide-content {
        margin-left: auto;
        margin-right: auto
    }

    .section-slide .slide-content {
        display: grid
    }

    .section-slide .slide-content {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .section-slide .slide-content {
        align-items: center
    }

    .section-slide .slide-content {
        justify-content: center
    }

    .section-slide .slide-content {
        gap: 134px
    }
}

.section-slide .slide-content {
    max-width: 100%!important
}

.section-slide svg {
    margin-right: 9px;
    display: inline-block;
    height: 16px;
    width: 14px
}

.section-slide .left {
    height: 100%;
    height: 574px;
    width: 100%;
    background-size: contain;
    background-position: right;
    background-position: bottom;
    background-repeat: no-repeat
}

@media (min-width: 990px) {
    .section-slide .left {
        background:none!important
    }
}

.section-slide .left,.section-slide .left+div {
    transition: transform .7s
}

.section-slide .left+* {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 90px
}

@media (min-width: 750px) {
    .section-slide .left+* {
        padding-top:120px
    }
}

@media (min-width: 990px) {
    .section-slide .left+* {
        padding-left:0;
        padding-right: 0
    }

    .section-slide .left+* {
        padding-top: 0
    }
}

.section-slide.section-slide-0 {
    background-size: cover
}

@media (min-width: 990px) {
    .section-slide.section-slide-0 {
        background-image:none
    }
}

.section-slide.section-slide-0 .left {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-bg-1a.png?v=1648230778)
}

@media (min-width: 990px) {
    .section-slide.section-slide-0 .left {
        background-image:none
    }
}

.section-slide.section-slide-1 {
    background-size: cover
}

@media (min-width: 990px) {
    .section-slide.section-slide-1 {
        background-image:none
    }
}

.section-slide.section-slide-1 .left {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-bg-2a.png?v=1648230778)
}

@media (min-width: 990px) {
    .section-slide.section-slide-1 .left {
        background-image:none
    }
}

.section-slide.section-slide-2 {
    background-size: cover;
    padding-top: 0
}

@media (min-width: 990px) {
    .section-slide.section-slide-2 {
        background-image:none
    }
}

.section-slide.section-slide-2:after {
    position: absolute;
    inset: 0;
    z-index: 0;
    height: 100%;
    background-size: cover;
    background-position: right top
}

@media (min-width: 990px) {
    .section-slide.section-slide-2:after {
        position:static
    }

    .section-slide.section-slide-2:after {
        height: auto
    }

    .section-slide.section-slide-2:after {
        background-position: left
    }
}

.section-slide.section-slide-2:after {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-bg-3a.png?v=1648230778);
    content: ""
}

@media (min-width: 990px) {
    .section-slide.section-slide-2 {
        background-image:none
    }

    .section-slide.section-slide-2 .left+div {
        background: none
    }
}

.section-slide.section-slide-2 .left {
    visibility: hidden
}

.section-slide.section-slide-2 .left+div {
    z-index: 20;
    padding-bottom: 120px
}

@media (min-width: 990px) {
    .section-slide.section-slide-2 .left+div {
        padding-bottom:0
    }
}

.section-slide.section-slide-2 .left+div {
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,.68) 75%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)
}

@media (min-width: 990px) {
    .section-slide.section-slide-2 .left+div {
        background:none
    }
}

.section-slide.section-slide-4 {
    padding-bottom: 25vh
}

.section-slide.section-slide-4 .left {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide5.png?v=1647468582)
}

.section-slide p {
    margin-bottom: 32px;
    font-size: 18px
}

@media (min-width: 750px) {
    .section-slide p {
        font-size:22px
    }
}

.section-slide a {
    padding-bottom: 2px;
    font-size: 16px
}

@media (min-width: 750px) {
    .section-slide a {
        font-size:18px
    }
}

.section-slide a {
    border-bottom: 1px solid currentColor
}

.slide-title {
    margin-bottom: 32px;
    font-size: 24px
}

@media (min-width: 750px) {
    .slide-title {
        font-size:36px
    }
}

.slider-right {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.slider-nav {
    font-size: 48px
}

@media only screen and (max-width: 990px) {
    .section-slider {
        height:400vh
    }

    .section-slider {
        overflow-y: scroll;
        scroll-snap-type: y mandatory
    }

    .section-slide {
        width: 100vw!important
    }

    .section-slide {
        overflow: visible!important
    }

    .section-slide {
        background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/h-slide-1-bg.jpg?v=1648230688);
        scroll-snap-align: start
    }

    .section-slide:not(.section-slide-0) .slide-content {
        opacity: 0
    }

    .section-slide .slide-content {
        transition: opacity .3s!important
    }

    .section-slide .slide-content .left+div {
        z-index: 20
    }

    .section-slide .slide-content .left+div {
        padding-bottom: 120px
    }

    .section-slide .slide-content .left+div {
        background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,.68) 75%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)
    }

    @media (min-width: 990px) {
        .section-slide .slide-content .left+div {
            background:none
        }
    }

    body.m-slide-0-active .section-slide.section-slide-0 .slide-content,body.m-slide-1-active .section-slide.section-slide-1 .slide-content {
        opacity: 1
    }

    body.m-slide-1-active .section-slide.section-slide-1 .slide-content {
        transform: translate(0)!important
    }

    body.m-slide-2-active .section-slide.section-slide-2 .slide-content {
        transform: translateY(0)!important
    }

    body.m-slide-2-active .section-slide.section-slide-2 .slide-content,.section-slide-1 .slide-content {
        opacity: 1
    }

    .section-slide-1 .slide-content {
        transform: translate(100%)!important
    }

    .section-slide-2 .slide-content {
        transform: translateY(-100%)!important
    }

    .section-slide-1 .slide-content,.section-slide-2 .slide-content {
        transition-delay: .5s!important;
        transition: all .5s!important
    }

    body.m-slide-0-active .section-slide-1,body.m-slide-0-active .section-slide-2,body.m-slide-1-active .section-slide-0,body.m-slide-1-active .section-slide-2,body.m-slide-2-active .section-slide-0,body.m-slide-2-active .section-slide-1 {
        opacity: 0
    }
}

.section-grid {
    position: relative;
    z-index: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 100px;
    padding-bottom: 100px
}

.section-grid>div {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    gap: 14px;
    padding-left: 36px;
    padding-right: 36px
}

@media (min-width: 990px) {
    .section-grid>div {
        display:grid
    }

    .section-grid>div {
        grid-auto-flow: column
    }

    .section-grid>div {
        grid-template-rows: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1600px) {
    .section-grid>div {
        max-width:1752px
    }
}

.section-grid>div a {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: flex;
    max-width: 318px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    overflow: hidden;
    background-size: cover;
    background-position: bottom
}

@media (min-width: 750px) {
    .section-grid>div a {
        margin-bottom:0
    }

    .section-grid>div a {
        max-width: 100%
    }

    .section-grid>div a {
        background-image: none
    }
}

@media (min-width: 990px) {
    .section-grid>div a {
        margin-left:0;
        margin-right: 0
    }
}

.section-grid>div a:first-child {
    height: 436px
}

@media (min-width: 750px) {
    .section-grid>div a:first-child {
        height:auto
    }

    .section-grid>div a:first-child {
        max-width: 740px
    }
}

@media (min-width: 990px) {
    .section-grid>div a:first-child {
        grid-column:span 7 / span 7
    }

    .section-grid>div a:first-child {
        grid-row: span 2 / span 2
    }

    .section-grid>div a:first-child {
        max-width: 998px
    }
}

.section-grid>div a:first-child img {
    height: 436px;
    width: auto;
    max-width: 2000px
}

@media (min-width: 750px) {
    .section-grid>div a:first-child img {
        margin-left:-14%
    }

    .section-grid>div a:first-child img {
        height: auto
    }

    .section-grid>div a:first-child img {
        height: 100%
    }

    .section-grid>div a:first-child img {
        max-width: 100%
    }

    .section-grid>div a:first-child img {
        max-width: 998px
    }
}

@media (min-width: 990px) {
    .section-grid>div a:first-child img {
        margin-left:-28%
    }
}

@media (min-width: 1600px) {
    .section-grid>div a:first-child img {
        margin-left:0
    }
}

.section-grid>div a:first-child img {
    transform: translateY(30%)
}

@media (min-width: 750px) {
    .section-grid>div a:first-child img {
        transform:none
    }
}

.section-grid>div a:first-child>div {
    top: 20px;
    left: 20px;
    bottom: auto
}

@media (min-width: 750px) {
    .section-grid>div a:first-child>div {
        top:50%
    }

    .section-grid>div a:first-child>div {
        left: 50px
    }
}

@media (min-width: 990px) {
    .section-grid>div a:first-child>div {
        transform:translateY(-50%)
    }
}

.section-grid>div a:first-child {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/grid-l-bg-m.jpg?v=1648699085)
}

@media (min-width: 750px) {
    .section-grid>div a:first-child {
        background-image:none
    }
}

.section-grid>div a:nth-child(2),.section-grid>div a:last-child {
    height: 342px
}

@media (min-width: 750px) {
    .section-grid>div a:nth-child(2),.section-grid>div a:last-child {
        height:auto
    }
}

@media (min-width: 990px) {
    .section-grid>div a:nth-child(2) img {
        margin-left:-24%
    }
}

@media (min-width: 1600px) {
    .section-grid>div a:nth-child(2) img {
        margin-left:0
    }
}

.section-grid>div a:nth-child(2) {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/grid-tr-bg-m.jpg?v=1648699085)
}

@media (min-width: 990px) {
    .section-grid>div a:last-child img {
        margin-left:-30%
    }
}

@media (min-width: 1600px) {
    .section-grid>div a:last-child img {
        margin-left:0
    }
}

.section-grid>div a:last-child {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/grid-br-bg-m.jpg?v=1648699085)
}

.section-grid>div a:not(:first-child) {
    grid-column: span 5 / span 5
}

@media (min-width: 750px) {
    .section-grid>div a:not(:first-child) {
        max-width:740px
    }
}

.section-grid>div a:not(:first-child) img {
    height: 342px;
    width: auto;
    max-width: 2000px
}

@media (min-width: 750px) {
    .section-grid>div a:not(:first-child) img {
        height:auto
    }

    .section-grid>div a:not(:first-child) img {
        max-width: 100%
    }

    .section-grid>div a:not(:first-child) img {
        max-width: 740px
    }
}

.section-grid>div a:not(:first-child) img {
    transform: scale(1)
}

.section-grid>div a>div {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 10
}

@media (min-width: 750px) {
    .section-grid>div a>div {
        bottom:36px
    }

    .section-grid>div a>div {
        left: 36px
    }
}

@media (min-width: 990px) {
    .section-grid>div a>div {
        top:auto
    }

    .section-grid>div a:hover img {
        transition: transform .5s;
        transform: scale(1.08)
    }
}

.section-grid>div a:last-child,.section-grid>div a:last-child h3 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.section-grid>div a:not(:last-child) span {
    border-color: var(--primary)
}

.section-grid>div img {
    display: none
}

@media (min-width: 750px) {
    .section-grid>div img {
        display:block
    }
}

.section-grid>div img {
    transition: transform 1.5s;
    transform: scale(1)
}

.section-grid>div h3 {
    font-size: 24px
}

.section-grid>div p {
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 240px;
    font-size: 18px
}

.section-grid>div span {
    border-bottom-width: 1px;
    font-size: 14px
}

.full-video {
    position: relative;
    display: flex;
    flex-direction: column
}

@media (min-width: 990px) {
    .full-video {
        display:block
    }

    .full-video:after {
        position: absolute
    }

    .full-video:after {
        top: 0
    }

    .full-video:after {
        bottom: 0
    }

    .full-video:after {
        left: 0
    }

    .full-video:after {
        right: 0
    }

    .full-video:after {
        z-index: 0
    }

    .full-video:after {
        content: "";
        background-color: #00000024
    }
}

.h-full-video {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.h-full-video video:first-child {
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (min-width: 990px) {
    .h-full-video video:first-child {
        display:none
    }
}

.h-full-video video:last-child {
    display: none
}

@media (min-width: 990px) {
    .h-full-video video:last-child {
        display:block
    }

    .h-full-video:after {
        display: none
    }
}

.video-content {
    width: 100%
}

@media (min-width: 750px) {
    .video-content {
        max-width:750px
    }
}

@media (min-width: 990px) {
    .video-content {
        max-width:990px
    }
}

@media (min-width: 1200px) {
    .video-content {
        max-width:1200px
    }
}

@media (min-width: 1600px) {
    .video-content {
        max-width:1600px
    }
}

.video-content {
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    align-items: center;
    justify-content: flex-end;
    padding: 50px 36px
}

@media (min-width: 990px) {
    .video-content {
        position:absolute
    }

    .video-content {
        display: flex
    }

    .video-content {
        padding: 0
    }

    .video-content {
        transform: translate(-50%)
    }

    .video-content>div {
        max-width: 460px
    }

    .video-content,.video-content h2 {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }
}

.video-content p {
    margin-bottom: 36px;
    font-size: 24px
}

@media (min-width: 990px) {
    .video-content p {
        margin-bottom:128px
    }

    .video-content p {
        padding-right: 50px
    }
}

.video-content a {
    padding-bottom: 2px;
    font-size: 16px;
    border-bottom: 1px solid currentColor
}

.section-v-exp {
    position: relative;
    background-color: var(--primary)
}

.hero {
    height: 60vh;
    background-size: cover
}

@media (min-width: 750px) {
    .hero {
        height:100vh
    }
}

.hero-content {
    width: 100%
}

@media (min-width: 750px) {
    .hero-content {
        max-width:750px
    }
}

@media (min-width: 990px) {
    .hero-content {
        max-width:990px
    }
}

@media (min-width: 1200px) {
    .hero-content {
        max-width:1200px
    }
}

@media (min-width: 1600px) {
    .hero-content {
        max-width:1600px
    }
}

.hero-content {
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    padding-left: 36px;
    padding-right: 36px
}

.hero-content>div {
    max-width: 480px
}

.hero-content h1,.hero-content p {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.hero-content h1 {
    margin-bottom: 40px;
    font-size: 48px;
    line-height: 1
}

@media (min-width: 990px) {
    .hero-content h1 {
        font-size:72px
    }
}

.hero-content p {
    font-size: 18px
}

.about-hero {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center
}

.about-hero>div {
    max-width: 700px;
    text-align: center
}

.about-hero h1 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 72px;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.about-hero p {
    font-size: 24px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.pfas-map {
    background-color: var(--primary);
    padding: 100px 36px
}

@media (min-width: 990px) {
    .pfas-map {
        padding-top:215px;
        padding-bottom: 215px
    }
}

@media (min-width: 1200px) {
    .pfas-map {
        padding-left:0;
        padding-right: 0
    }
}

.pfas-map>div>img {
    grid-column: span 8 / span 8;
    padding-left: 100px
}

.pfas-map,.pfas-map h2 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.pfas-map h2 {
    font-size: 36px
}

.pfas-map h2+p {
    margin-top: 28px;
    margin-bottom: 28px;
    font-size: 24px
}

.pfas-map p {
    margin-bottom: 90px;
    font-size: 18px
}

.pfas-map ul li {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1
}

.pfas-map ul li:before {
    margin-right: 18px;
    display: inline-block;
    height: 22px;
    width: 22px;
    border-radius: 9999px;
    content: ""
}

.pfas-map ul li:first-child:before {
    background-color: #276fcd
}

.pfas-map ul li:nth-child(2):before {
    background-color: #50e6ca
}

.pfas-map ul li:last-child:before {
    background-color: #f0d55c
}

.pfas-map ul li:not(:last-child) {
    margin-bottom: 22px
}

body.full-spectrum-filtration-page #shopify-section-header {
    z-index: 11
}

@media (max-width: 989px) {
    body.full-spectrum-filtration-page #MainContent {
        background-color:rgb(8, 39, 77)
    }
}

@media (min-width: 990px) {
    body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header {
        z-index:11
    }

    body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .shopify-section-header-sticky .header__menu-item,body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .shopify-section-header-sticky .header__menu-item:hover {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity))!important
    }

    body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary {
        background-color: transparent
    }

    body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__inline-menu>.list-menu>li>.header__menu-item,body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__inline-menu>.list-menu>li>.header__active-menu-item,body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__inline-menu>.list-menu .header__menu-item>a {
        color: #fff!important
    }

    body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__iconsvg path,body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__menu-item .icon-caret path,body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__icon .icon path {
        fill: var(--primary)!important
    }

    body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__heading-link {
        backgr-ound-image: url("data:ima_ge/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123.954' height='33.756' viewBox='0 0 123.954 33.756'%3E%3Cg id='Group_238' data-name='Group 238' transform='translate(0 0)'%3E%3Cg id='Group_237' data-name='Group 237' transform='translate(0 0)'%3E%3Cpath id='Path_16_851' data-name='Path 16851' d='M27.8,56.357l.7-.7a3.5,3.5,0,0,0-4.937,0l.7.7a2.482,2.482,0,0,1,.815-.543,1.024,1.024,0,1,0,1.9,0,2.482,2.482,0,0,1,.815.543' transform='translate(-15.286 -35.432)' fill='%2308274c'/%3E%3Cpath id='Path_16852' data-name='Path 16852' d='M41.709,82.019l-.239.054-.241.044-.242.039-.244.03a7.948,7.948,0,0,1-.981.048,8.731,8.731,0,0,1-.982-.059l-.244-.03-.243-.037-.243-.041-.242-.048a.045.045,0,0,0-.027,0,.034.034,0,0,0-.018.049l.018.032a1.689,1.689,0,0,0,.4.461,2.559,2.559,0,0,0,.235.166c.04.026.082.047.123.07s.084.046.127.064a2.721,2.721,0,0,0,1.09.235,2.67,2.67,0,0,0,1.1-.222,1.376,1.376,0,0,0,.129-.064c.043-.023.085-.044.126-.07a2.368,2.368,0,0,0,.238-.169,1.56,1.56,0,0,0,.391-.473l.016-.032a.032.032,0,0,0,0-.024.042.042,0,0,0-.05-.026' transform='translate(-24.489 -53.194)' fill='%2308274c'/%3E%3Cpath id='Path_16853' data-name='Path 16853' d='M53.991,55.652a3.5,3.5,0,0,0-4.937,0l.7.7a2.482,2.482,0,0,1,.815-.543,1.024,1.024,0,1,0,1.9,0,2.486,2.486,0,0,1,.815.543Z' transform='translate(-31.815 -35.432)' fill='%2308274c'/%3E%3Cpath id='Path_16854' data-name='Path 16854' d='M40.335,76.248l-.025,0a7.461,7.461,0,0,1-.779.168,1.708,1.708,0,0,1-.581-.12,1.643,1.643,0,0,0-.781-.3c-.2,0-.674.164-.89.174h-.147c-.216-.009-.691-.176-.89-.174a1.643,1.643,0,0,0-.781.3,1.708,1.708,0,0,1-.581.12,7.461,7.461,0,0,1-.779-.168l-.025,0a.251.251,0,0,0-.234.112.246.246,0,0,0,.082.331,5.783,5.783,0,0,0,.823.416,2.515,2.515,0,0,0,.636.1c.114,0,.509-.131.732-.131a10.679,10.679,0,0,1,1.09.2,10.708,10.708,0,0,1,1.09-.2c.224,0,.618.131.732.131a2.515,2.515,0,0,0,.636-.1,5.784,5.784,0,0,0,.823-.416.246.246,0,0,0,.082-.331.251.251,0,0,0-.234-.112' transform='translate(-21.926 -49.289)' fill='%2308274c'/%3E%3Cpath id='Path_16855' data-name='Path 16855' d='M29.582,17.543l.012-.031a2.476,2.476,0,0,1,.263-.5c1.648-2.461.092-4.079-1.158-5.379a10.753,10.753,0,0,1-.985-1.118,1.047,1.047,0,0,1-.179-.851c.525-2.2-1.36-3.234-2.737-3.99a8.617,8.617,0,0,1-1.692-1.1.576.576,0,0,1-.177-.481c.183-1.858-1.45-2.434-2.53-2.815A10.272,10.272,0,0,1,19.43.9L19.407.884A7,7,0,0,0,16.64,0a1.963,1.963,0,0,0-1.067.289L15.3.46a.077.077,0,0,1-.024,0,.068.068,0,0,1-.025,0l-.268-.17A1.963,1.963,0,0,0,13.918,0,7,7,0,0,0,11.15.884L11.127.9a10.3,10.3,0,0,1-.967.377c-1.081.381-2.714.956-2.531,2.815a.576.576,0,0,1-.177.481,8.617,8.617,0,0,1-1.692,1.1C4.383,6.427,2.5,7.463,3.022,9.661a1.045,1.045,0,0,1-.179.851,10.753,10.753,0,0,1-.985,1.118c-1.217,1.265-2.882,3-1.034,5.556a3.148,3.148,0,0,1,.152.36,4.851,4.851,0,0,1-.144,3.481c-.594,1.814-.808,3.256,1.875,5.286a4.3,4.3,0,0,1,2.1,3.409A3.334,3.334,0,0,0,6.38,32.5a4.018,4.018,0,0,0,2.337.517l.387,0,.433,0a13.38,13.38,0,0,1,2.532.212c.27.05.843.178.955.2a7.993,7.993,0,0,0,4.513,0c.128-.028.685-.152.952-.2a13.376,13.376,0,0,1,2.531-.212l.431,0,.39,0a4.018,4.018,0,0,0,2.337-.517,3.334,3.334,0,0,0,1.573-2.783,4.3,4.3,0,0,1,2.1-3.409c2.682-2.03,2.469-3.471,1.875-5.286a4.852,4.852,0,0,1-.144-3.483M21.461,31.827c-.281,0-.587,0-.918,0a10.079,10.079,0,0,0,4.314-6.057q.081-.326.139-.655a12.4,12.4,0,0,1,.959-3.131,14.405,14.405,0,0,1,2.181-3.3,6.849,6.849,0,0,0,.457,2.713c.452,1.379.75,2.291-1.461,3.964a5.413,5.413,0,0,0-2.564,4.21,2.179,2.179,0,0,1-1.046,1.937,3.625,3.625,0,0,1-2.061.318m-4.222.449-.019,0a8.929,8.929,0,0,1-3.883,0l-.019,0c-.045-.013-.091-.026-.136-.041a9.41,9.41,0,0,1-6.513-6.7c-.037-.15-.069-.3-.1-.451h0c-.026-.192-.058-.38-.093-.566a9.334,9.334,0,0,1,.769-5.089,4.071,4.071,0,0,1,1.537-1.773,2.37,2.37,0,0,1,.21-.118,4.4,4.4,0,0,1,2.78-.364c.118.022.234.05.35.082s.24.069.359.108c.239.078.477.166.712.263h0a.5.5,0,0,0,.686-.369.51.51,0,0,0-.3-.563c-.252-.109-.508-.209-.77-.3-.134-.045-.265-.089-.4-.128s-.283-.077-.426-.105a5.5,5.5,0,0,0-1.754-.079c-.182.022-.363.053-.542.093l5.6-6,5.765,6.17q-.106-.031-.217-.059a4.818,4.818,0,0,0-1.8-.1,4.718,4.718,0,0,0-1.722.587,4.879,4.879,0,0,0-1.378,1.188,4.978,4.978,0,0,0-.854,1.6,5.267,5.267,0,0,0-.226,1.795,5.576,5.576,0,0,0,.113.9,5.82,5.82,0,0,0,.255.861c.1.277.4.878.427.921l-1.669.161a.395.395,0,0,0,.048.787h.006l2.391-.023a.524.524,0,0,0,.211-.047.514.514,0,0,0,.251-.683l-.027-.059a11.78,11.78,0,0,1-.687-1.413,4.548,4.548,0,0,1-.305-1.441,4.184,4.184,0,0,1,.844-2.746,3.823,3.823,0,0,1,2.453-1.46,4.024,4.024,0,0,1,1.469.054c.024.005.058.015.1.028a4.154,4.154,0,0,1,2.59,2.241,9.332,9.332,0,0,1,.765,5.075c-.035.187-.068.376-.094.569h0c-.029.151-.062.3-.1.451a9.411,9.411,0,0,1-6.513,6.7l-.137.041M9.1,31.827a3.625,3.625,0,0,1-2.061-.318A2.179,2.179,0,0,1,5.99,29.572a5.413,5.413,0,0,0-2.564-4.21C1.214,23.688,1.513,22.777,1.964,21.4a6.842,6.842,0,0,0,.457-2.713,14.41,14.41,0,0,1,2.182,3.3,12.4,12.4,0,0,1,.959,3.129q.059.329.139.656a10.078,10.078,0,0,0,4.314,6.056c-.331-.007-.637,0-.919,0M3.84,11.166c.327.65.664,1.2.973,1.7,1.128,1.828,1.943,3.15,1.017,7.489,0,0-.216.843-.287,1.274a15.138,15.138,0,0,0-2.987-4.256c-2.334-2.317-1.232-3.463.163-4.914a11.39,11.39,0,0,0,1.122-1.29M8.2,5.5c.23.657.507,1.308.779,1.943,1.232,2.881,2.4,5.6-.685,8.721l0,0c-.371.378-1.047,1.243-1.064,1.259a7.972,7.972,0,0,0-1.564-5.091A16.3,16.3,0,0,1,4.335,9.852c-.653-1.586.285-2.2,2-3.137A9.945,9.945,0,0,0,8.2,5.5M10.555,2.4a11.07,11.07,0,0,0,1.084-.425l.023-.011c.849-.4,2.133-1.015,2.687-.665.356.225.431.89.432,1.411v.6c0,6.236-.076,6.314-2.525,8.815l-1.147,1.171c.5-2.23-.391-4.319-1.212-6.24A20.394,20.394,0,0,1,8.89,4.373c-.326-1.218.274-1.486,1.665-1.976m8.363-.425A11.07,11.07,0,0,0,20,2.4c1.391.49,1.992.758,1.665,1.976a20.443,20.443,0,0,1-1.005,2.681c-.821,1.921-1.714,4.01-1.212,6.24L18.3,12.119c-2.446-2.5-2.52-2.579-2.522-8.811v-.6c0-.521.076-1.187.432-1.411.554-.35,1.837.26,2.686.665Zm7.3,7.88A16.3,16.3,0,0,1,24.9,12.339a7.97,7.97,0,0,0-1.562,5.123,9.9,9.9,0,0,0-1.065-1.291l0-.005c-3.08-3.118-1.917-5.84-.685-8.721.272-.636.549-1.287.779-1.943a9.948,9.948,0,0,0,1.867,1.212c1.713.941,2.651,1.552,2,3.137M28,17.369a15.14,15.14,0,0,0-2.987,4.256c-.071-.43-.287-1.274-.287-1.274-.926-4.339-.111-5.66,1.017-7.489.309-.5.646-1.047.973-1.7a11.351,11.351,0,0,0,1.122,1.29c1.395,1.451,2.5,2.6.163,4.914' transform='translate(0 0)' fill='%2308274c'/%3E%3C/g%3E%3Cpath id='Path_16870' data-name='Path 16870' d='M116.176,61.217h-2.555L109.8,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253H121.98L119.1,51.543h-.025Z' transform='translate(-73.056 -31.788)' fill='%2308274c'/%3E%3Crect id='Rectangle_332' data-name='Rectangle 332' width='2.431' height='12.253' transform='translate(56.638 17.175)' fill='%2308274c'/%3E%3Cpath id='Path_16871' data-name='Path 16871' d='M185.515,59.775a4.326,4.326,0,0,1-1.687-3.225l2.406-.372a2.967,2.967,0,0,0,.992,2.133,3.343,3.343,0,0,0,2.207.719,3.4,3.4,0,0,0,1.972-.509,1.615,1.615,0,0,0,.732-1.4,1.215,1.215,0,0,0-.57-1.1,6.932,6.932,0,0,0-1.984-.682l-1.836-.422a5.8,5.8,0,0,1-2.53-1.141,2.665,2.665,0,0,1-.893-2.133,2.94,2.94,0,0,1,.645-1.848,4.173,4.173,0,0,1,1.773-1.29,6.629,6.629,0,0,1,2.518-.459,5.565,5.565,0,0,1,3.373.98,3.8,3.8,0,0,1,1.563,2.691l-2.406.422a2.472,2.472,0,0,0-.806-1.637,2.639,2.639,0,0,0-1.8-.6,2.939,2.939,0,0,0-1.736.459,1.391,1.391,0,0,0-.645,1.178,1.047,1.047,0,0,0,.5.955,5.862,5.862,0,0,0,1.662.583l1.836.422a7.162,7.162,0,0,1,2.877,1.191,2.676,2.676,0,0,1,.918,2.208,3.349,3.349,0,0,1-.695,2.1,4.478,4.478,0,0,1-1.9,1.4,6.931,6.931,0,0,1-2.666.5,6.2,6.2,0,0,1-3.82-1.116' transform='translate(-123.172 -31.165)' fill='%2308274c'/%3E%3Cpath id='Path_16872' data-name='Path 16872' d='M231.585,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.247,5.247,0,0,1-2.047-2.208,7.437,7.437,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257A5.731,5.731,0,0,1,226,48.042a5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-147.763 -31.164)' fill='%2308274c'/%3E%3Cpath id='Path_16873' data-name='Path 16873' d='M263.078,61.217h-2.555L256.7,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253h-2.555L266,51.543h-.025Z' transform='translate(-172.509 -31.788)' fill='%2308274c'/%3E%3Cpath id='Path_16874' data-name='Path 16874' d='M326.962,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.248,5.248,0,0,1-2.047-2.208,7.438,7.438,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257,5.731,5.731,0,0,1,2.977-.794,5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-212.334 -31.164)' fill='%2308274c'/%3E%3Crect id='Rectangle_333' data-name='Rectangle 333' width='2.431' height='17.065' transform='translate(116.488 12.363)' fill='%2308274c'/%3E%3Crect id='Rectangle_334' data-name='Rectangle 334' width='2.431' height='17.065' transform='translate(121.523 12.363)' fill='%2308274c'/%3E%3C/g%3E%3C/svg%3E%0A")
    }

    body.full-spectrum-filtration-page #MainContent {
        background-color: rgb(8, 39, 77)
    }

    body.full-spectrum-filtration-page:not(.filtering-down) .header-wrapper:not(.header-transparent) #shopify-section-header .header-wrapper .header__menu-item,body.full-spectrum-filtration-page:not(.filtering-down) .header-wrapper:not(.header-transparent) #shopify-section-header .header-wrapper .header__active-menu-item {
        color: var(--primary)
    }

    body.full-spectrum-filtration-page:not(.filtering-down) .header-wrapper:not(.header-transparent) .header__icon svg path,body.full-spectrum-filtration-page:not(.filtering-down) .header-wrapper:not(.header-transparent) .list-menu svg path {
        fill: var(--primary)
    }
}

body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__icon  svg {
    color: #fff;
}


.filter-hero {
    position: relative;
    z-index: 0;
    display: flex;
    height: 60vh;
    max-height: 1000px;
    align-items: center;
    background-size: cover;
    padding-left: 2.5rem
}

@media (min-width: 990px) {
    .filter-hero {
        height:100vh
    }
}

@media (min-width: 1200px) {
    .filter-hero {
        padding-left:1.5rem
    }
}

.filter-hero {
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/filter-hero.jpg?v=1647023724)
}

.filter-hero h1 {
    margin-bottom: 40px
}

.filter-hero p {
    font-size: 18px
}

@media (min-width: 990px) {
    .filter-hero p {
        font-size:24px
    }
}

.filters {
    position: relative;
    z-index: 10;
    height: 620vh;
    background-color: rgb(8, 39, 77);
    background-position: center;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (min-width: 990px) {
    .filters {
        height:auto
    }
}

.filters {
    transition: background-color .5s
}

@media (min-width: 990px) {
    .filters:before,.filters:after {
        position:absolute
    }

    .filters:before,.filters:after {
        top: 0
    }

    .filters:before,.filters:after {
        bottom: 0
    }

    .filters:before,.filters:after {
        left: 0
    }

    .filters:before,.filters:after {
        right: 40%
    }

    .filters:before,.filters:after {
        z-index: -1
    }

    .filters:before,.filters:after {
        background-repeat: no-repeat
    }

    .filters:before,.filters:after {
        content: "";
        opacity: 0;
        transition: opacity 1s;
        transition-delay: .5s;
        visibility: hidden;
        background-size: 67%;
        background-attachment: fixed;
        background-position: left
    }
}

.filters-inner {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr))
}


@media (min-width: 990px) {
    .filters-inner {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .filters-inner {
        padding-top: 400px
    }
}

.all-filters {
    margin-top: -210px;
    height: 50vh;
    overflow: hidden
}

@media (min-width: 990px) {
    .all-filters {
        margin-top:-740px
    }

    .all-filters {
        height: auto
    }
}

@media (max-height: 800px) and (min-width: 990px) {
    .all-filters {
        margin-top:-640px
    }
}

.all-filters>div {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.all-filters>div img {
    height: auto;
    width: 80px
}

@media (min-width: 750px) {
    .all-filters>div img {
        width:100px
    }
}

@media (min-width: 990px) {
    .all-filters>div img {
        height:var(--filterHeight)
    }

    .all-filters>div img {
        width: var(--filterWidth)
    }
}

@media (max-height: 800px) and (min-width: 990px) {
    .all-filters>div img {
        margin-top:10vh!important
    }

    .all-filters>div img {
        max-height: 70vh!important
    }

    .all-filters>div img {
        width: auto!important
    }
}

.filter-1 {
    z-index: 40!important;
    height: 100%!important;
    max-width: var(--filterWidth)!important;
    margin-left: -41px;
    transition: .5s
}

@media (min-width: 750px) {
    .filter-1 {
        margin-left:-52px
    }
}

@media (min-width: 990px) {
    .filter-1 {
        transition:left 0s;
        margin-left: -85px
    }
}

@media (max-height: 800px) and (min-width: 990px) {
    .filter-1 {
        margin-left:-61px
    }
}

.filter-1 .filter-1-inner>div {
    position: relative
}

.filter-1 .filter-1-inner img {
    position: absolute;
    width: 80px
}

@media (min-width: 750px) {
    .filter-1 .filter-1-inner img {
        width:100px
    }
}

@media (min-width: 990px) {
    .filter-1 .filter-1-inner img {
        height:var(--filterHeight)
    }

    .filter-1 .filter-1-inner img {
        width: var(--filterWidth)
    }
}

.filtering-down .filter-1 {
    transform: none!important
}

.filter-2,.filter-3 {
    transition: .5s
}

@media (min-width: 990px) {
    .filter-2,.filter-3 {
        transition:none
    }
}

.filter-2 img,.filter-3 img {
    transition: .5s
}

@media (min-width: 990px) {
    .filter-2 img,.filter-3 img {
        transition:none
    }
}

.filters-down {
    z-index: 50;
    transition: 1s
}

.filters-down img,.filters-down .filter-7 {
    height: var(--filterHeight);
    width: var(--filterWidth);
    left: 0;
    top: 0
}

.filtering-down-imgs .filters-down {
    width: 1200px
}

.filtering-down:not(.filter-7-pinned) .filters-down {
    margin-top: calc(((100vh - var(--filterHeight)) / 2) - 100px)!important;
    transition: 1s
}

.filters-down-imgs {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    height: 600px!important;
    max-height: 100%!important;
    min-width: 100px!important
}

@media (min-width: 990px) {
    .filters-down-imgs {
        min-width:461px!important
    }
}

.filters-down-imgs {
    transform: none!important
}

.filters-down-imgs img {
    position: absolute
}

.filters-down-content {
    z-index: 10;
    width: 100%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    .filters-down-content {
        position:relative
    }

    .filters-down-content {
        display: grid
    }

    .filters-down-content {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.filters-down-content {
    transition: .5s
}

body.filtering-down-imgs .filters-down-content,body.filtering-down-imgs.filter-4-pinned .filters-down-content {
    opacity: 1
}

body.filtering-down .filter-1a {
    display: none
}

.filter-content {
    position: absolute;
    inset: 0;
    margin-top: 140px;
    display: flex;
    height: 30vh;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 36px;
    padding-right: 36px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 0
}

@media (min-width: 750px) {
    .filter-content {
        margin-top:220px
    }
}

@media (min-width: 990px) {
    .filter-content {
        position:static
    }

    .filter-content {
        margin-left: auto
    }

    .filter-content {
        margin-top: 0
    }

    .filter-content {
        display: block
    }

    .filter-content {
        height: auto
    }

    .filter-content {
        max-width: 600px
    }

    .filter-content {
        padding-left: 0;
        padding-right: 0
    }

    .filter-content {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .filter-content {
        padding-right: 36px
    }

    .filter-content {
        opacity: 1
    }
}

@media (min-width: 1200px) {
    .filter-content {
        padding-right:0
    }
}

.filter-content h2 {
    margin-bottom: 24px;
    font-size: 24px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    .filter-content h2 {
        font-size:36px
    }
}

.filter-content p {
    margin-bottom: 20px;
    font-size: 16px
}

@media (min-width: 990px) {
    .filter-content p {
        margin-bottom:45px
    }

    .filter-content p {
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .filter-content p {
        font-size:24px
    }
}

.filter-content a {
    border-bottom-width: 2px;
    font-size: 14px
}

@media (min-width: 990px) {
    .filter-content a {
        font-size:16px
    }
}

.filter-4-content {
    opacity: 1
}

body.filter-4-pinned .filter-4-content,body.filter-5-pinned .filter-5-content,body.filter-6-pinned .filter-6-content,body.filter-7-pinned .filter-7-content {
    opacity: 1;
    visibility: visible
}

body.filter-4-pinned .filter-content:not(.filter-4-content),body.filter-4-pre-pinned .filter-content:not(.filter-4-content) {
    opacity: .2;
    visibility: visible
}

body.filter-4-pinned .filters:before,body.filter-4-pre-pinned .filters:before {
    opacity: 1;
    transition: 1s;
    visibility: visible;
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/filter-bg1.jpg?v=1646332211)
}

body.filter-5-pinned .filter-5,.filter-5-pre-pinned:not(.filter-4-pinned) .filter-5 {
    opacity: 1
}

body.filter-5-pinned .filter-content:not(.filter-5-content),.filter-5-pre-pinned:not(.filter-4-pinned) .filter-content:not(.filter-5-content) {
    opacity: .2;
    visibility: visible
}

body.filter-5-pinned .filters:before,.filter-5-pre-pinned:not(.filter-4-pinned) .filters:before {
    opacity: 1;
    transition: 1s;
    visibility: visible;
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/mineral.jpg?v=1647867817)
}

body.filter-6-pinned .filter-content:not(.filter-6-content),.filter-6-pre-pinned:not(.filter-5-pinned) .filter-content:not(.filter-6-content) {
    opacity: .2;
    visibility: visible
}

body.filter-6-pinned .filters:after,.filter-6-pre-pinned:not(.filter-5-pinned) .filters:after {
    opacity: 1;
    visibility: visible;
    transition: 1s;
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/filter-bg2.jpg?v=1646332211)
}

body.filter-7-pinned .filter-content:not(.filter-7-content),.filter-7-pre-pinned:not(.filter-6-pinned) .filter-content:not(.filter-7-content) {
    opacity: .2;
    visibility: visible
}

body.filter-7-pinned .filter-4,body.filter-7-pinned .filter-5,body.filter-7-pinned .filter-6,.filter-7-pre-pinned:not(.filter-6-pinned) .filter-4,.filter-7-pre-pinned:not(.filter-6-pinned) .filter-5,.filter-7-pre-pinned:not(.filter-6-pinned) .filter-6 {
    display: none
}

body.filter-7-pinned .filters:before,.filter-7-pre-pinned:not(.filter-6-pinned) .filters:before {
    bottom: 0;
    top: 0;
    width: 100%;
    background-size: cover;
    opacity: 1;
    visibility: visible;
    background-image: url(https://cdn.shopify.com/s/files/1/0627/0641/7895/files/filter-last-bg.gif?v=1646277967)
}

body.filter-5-pinned .filter-4,body.filter-6-pinned .filter-4,body.filter-7-pinned .filter-4 {
    opacity: 0;
    visibility: hidden
}

body.filter-4-pinned .filter-4,body.filter-5-pinned .filter-5,body.filter-6-pinned .filter-6,.filter-4,.filter-5,.filter-6 {
    transition: .6s
}

.filter-2 {
    z-index: 2
}

.filter-3 {
    z-index: 1
}

.filter-4 {
    z-index: 30
}

body.filter-4-pinned .filter-4 {
    display: block
}

.filter-5,.filter-6,.filter-7 {
    opacity: 0;
    display: none!important
}

@media (min-width: 990px) {
    .filter-5,.filter-6,.filter-7 {
        display:block!important
    }
}

body.filter-5-pinned .filter-5,body.filter-5-pre-pinned .filter-5,body.filter-6-pinned .filter-6,body.filter-6-pre-pinned .filter-6 {
    z-index: 50;
    display: block;
    opacity: 1;
    visibility: visible
}

.filter-7 {
    margin-left: -140px!important;
    display: block!important;
    height: 461px!important;
    width: 461px!important;
    margin-top: calc((100vh - 461px)/2 - 100px)!important;
    transition: none
}

@media (max-height: 800px) and (min-width: 990px) {
    .filter-7.filter-7 {
        margin-top:-3vh!important
    }
}

body.filter-7-pinned .filter-7,body.filter-7-pre-pinned:not(.filter-6-pinned) .filter-7 {
    opacity: 1!important;
    visibility: visible
}

body.m-filtering-content-down .filter-4-content {
    display: block;
    opacity: 1
}

body.m-filtering-content-down .filter-content:not(.filter-4-content) {
    display: none;
    opacity: 0
}

body.m-filtering-content-down.m-filter-4-pinned .filter-4-content {
    display: block;
    opacity: 1
}

body.m-filtering-content-down.m-filter-4-pinned .filter-content:not(.filter-4-content) {
    display: none;
    opacity: 0
}

body.m-filtering-content-down.m-filter-5-pinned .filter-5-content {
    display: block;
    opacity: 1
}

body.m-filtering-content-down.m-filter-5-pinned .filter-content:not(.filter-5-content) {
    display: none;
    opacity: 0
}

body.m-filtering-content-down.m-filter-6-pinned .filter-6-content {
    display: block;
    opacity: 1
}

body.m-filtering-content-down.m-filter-6-pinned .filter-content:not(.filter-6-content) {
    display: none;
    opacity: 0
}

body.m-filtering-content-down.m-filter-7-pinned .filter-7-content {
    display: block;
    opacity: 1
}

body.m-filtering-content-down.m-filter-7-pinned .filter-content:not(.filter-7-content) {
    display: none;
    opacity: 0
}

body.m-filter-4-pinned .filter-1 {
    left: calc(50% + 98px)
}

@media (min-width: 750px) {
    body.m-filter-4-pinned .filter-1 {
        left:calc(50% + 101px)
    }
}

body.m-filter-4-pinned .filter-1 img {
    transform: scale(1.3)
}

body.m-filter-4-pinned .filter-2 {
    left: calc(50% - 103px)
}

body.m-filter-5-pinned .filter-2 img {
    transform: scale(1.3)
}

body.m-filter-6-pinned .filter-2 {
    left: calc(50% + 98px)
}

body.m-filter-6-pinned .filter-3 {
    left: calc(50% - 101px)
}

body.m-filter-6-pinned .filter-3 img {
    transform: scale(1.3)
}

.filter-uv {
    display: flex;
    height: 320px;
    width: 320px;
    align-items: center;
    opacity: 0;
    left: 50%;
    transform: translate(-50%)
}

.filter-uv img {
    margin-left: auto!important;
    margin-right: auto!important;
    display: block!important;
    height: 320px!important;
    width: 320px!important;
    transform: scale(0);
    transition: 1s;
    transform-origin: center
}

body:not(.m-filter-7-pinned) .filter-uv {
    opacity: 0
}

body:not(.m-filter-7-pinned) .filter-uv img {
    transform: scale(0)
}

body.m-filter-7-pinned .filter-uv {
    opacity: 1
}

body.m-filter-7-pinned .filter-uv img {
    transform: scale(1)
}

body.m-filter-7-pinned .filter-1,body.m-filter-7-pinned .filter-2,body.m-filter-7-pinned .filter-3 {
    display: none!important;
    opacity: 0!important
}

body.m-filter-7-pinned .filter-7-content {
    display: block;
    opacity: 1
}

body.m-filter-7-pinned .filter-content:not(.filter-7-content) {
    display: none;
    opacity: 0
}

body.reverse-osmosis-filter-page h2,body.mineral-filter-page h2,body.carbon-filter-page h2 {
    margin-bottom: 46px;
    font-size: 36px
}

body.reverse-osmosis-filter-page h3,body.mineral-filter-page h3,body.carbon-filter-page h3 {
    margin-bottom: 36px;
    font-size: 24px
}

.i-filter-hero {
    position: relative;
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-light)
}

.i-filter-hero h1 {
    font-size: 36px
}

@media (min-width: 750px) {
    .i-filter-hero h1 {
        font-size:48px
    }
}

@media (min-width: 990px) {
    .i-filter-hero h1 {
        margin-bottom:37px
    }

    .i-filter-hero h1 {
        font-size: 72px
    }
}

.i-filter-hero img {
    order: 2;
    margin: 15px auto;
    max-height: 40vh;
    max-width: 153px
}

@media (min-width: 750px) {
    .i-filter-hero img {
        margin-top:50px;
        margin-bottom: 50px
    }

    .i-filter-hero img {
        max-height: 50vh
    }
}

@media (min-width: 990px) {
    .i-filter-hero img {
        order:1
    }

    .i-filter-hero img {
        grid-column-start: 1
    }

    .i-filter-hero img {
        grid-column-end: 4
    }

    .i-filter-hero img {
        grid-row: span 6 / span 6
    }

    .i-filter-hero img {
        margin-top: 0;
        margin-bottom: 0
    }

    .i-filter-hero img {
        max-height: 80vh
    }
}

.i-filter-hero:before {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -15px;
    height: 40px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: cubic-bezier(.28,.84,.42,1);
    animation-timing-function: cubic-bezier(.28,.84,.42,1);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.369' height='27.115' viewBox='0 0 23.369 27.115'%3E%3Cpath id='Path_17938' data-name='Path 17938' d='M19.6,11.227,13.614,5.24a2.022,2.022,0,0,0-2.859,0L4.768,11.227a10.92,10.92,0,0,0-.311,15.258,10.75,10.75,0,0,0,15.456,0A10.92,10.92,0,0,0,19.6,11.227Z' transform='translate(-0.5 -3.648)' fill='none' stroke='%2308274c' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.i-filter-hero+* p {
    font-size: 18px
}

.i-filter-hero p {
    font-size: 14px
}

@media (min-width: 750px) {
    .i-filter-hero p {
        font-size:18px
    }
}

@-webkit-keyframes bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.1,.9) translateY(0)
    }

    30% {
        transform: scale(.9,1.1) translateY(-20px)
    }

    50% {
        transform: scale(1.05,.95) translateY(0)
    }

    57% {
        transform: scale(1) translateY(-5px)
    }

    60% {
        transform: scale(1) translateY(-3px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.1,.9) translateY(0)
    }

    30% {
        transform: scale(.9,1.1) translateY(-20px)
    }

    50% {
        transform: scale(1.05,.95) translateY(0)
    }

    57% {
        transform: scale(1) translateY(-5px)
    }

    60% {
        transform: scale(1) translateY(-3px)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

.i-filter-specs {
    background-color: var(--theme-light);
    padding: 36px
}

@media (min-width: 990px) {
    .i-filter-specs {
        padding-top:120px;
        padding-bottom: 120px
    }

    .i-filter-specs {
        padding-left: 0;
        padding-right: 0
    }
}

.i-filter-specs table {
    width: 100%;
    font-size: 16px
}

@media (min-width: 990px) {
    .i-filter-specs table {
        font-size:18px
    }
}

.i-filter-specs table {
    border: none!important
}

.i-filter-specs table:not([class]) {
    box-shadow: none
}

.i-filter-specs table:not([class]) td {
    text-align: center;
    border-right: none!important;
    border: unset;
}

.i-filter-specs table:not([class]) th {
    text-align: left;
    border-left: none!important;
    border: unset;
}

.i-filter-specs h2,.i-filter-specs .page-page h2 {
    margin-bottom: 36px;
    font-size: 24px
}

@media (min-width: 990px) {
    .i-filter-specs h2,.i-filter-specs .page-page h2 {
        margin-bottom:46px
    }

    .i-filter-specs h2,.i-filter-specs .page-page h2 {
        font-size: 36px
    }
}

.i-filter-specs th {
    border-left: 0!important
}

.filter-legend {
    margin-top: 125px;
    margin-bottom: 125px;
    flex-direction: column;
    align-items: center;
    padding-left: 36px;
    padding-right: 36px;
    text-align: center
}

@media (min-width: 990px) {
    .filter-legend {
        display:flex
    }
}

@media (min-width: 1200px) {
    .filter-legend {
        padding-left:0;
        padding-right: 0
    }
}

.filter-legend img {
    display: inline-block;
    width: 100%;
    max-width: 181px
}

@media (min-width: 750px) {
    .filter-legend img {
        max-width:1166px
    }
}

.filter-legend img:first-child {
    margin-bottom: 50px
}

@media (min-width: 990px) {
    .filter-legend img:first-child {
        max-width:1400px
    }
}

.filter-legend h2 {
    text-align: center;
    font-family: Basel Grotesk;
    font-size: 36px
}

.filter-legend p {
    margin-top: 40px;
    font-size: 14px
}

.pagination {
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    display: flex;
    max-width: 1400px;
    justify-content: space-between;
    font-size: 24px
}

.faq-hero {
    margin-bottom: 50px;
    display: flex;
    height: 284px;
    max-height: 50vh;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 84px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    .faq-hero {
        height:384px
    }
}

.faq-hero,.faq-hero h1 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.about-hero {
    position: relative;
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    background-size: cover;
    padding-left: 36px;
    padding-right: 36px
}

.about-hero h1 {
    font-size: 48px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    .about-hero h1 {
        font-size:72px
    }
}

.about-hero p {
    font-size: 18px
}

@media (min-width: 990px) {
    .about-hero p {
        font-size:24px
    }
}

.about-hero:before {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -15px;
    height: 40px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: cubic-bezier(.28,.84,.42,1);
    animation-timing-function: cubic-bezier(.28,.84,.42,1);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.369' height='27.115' viewBox='0 0 23.369 27.115'%3E%3Cpath id='Path_17938' data-name='Path 17938' d='M19.6,11.227,13.614,5.24a2.022,2.022,0,0,0-2.859,0L4.768,11.227a10.92,10.92,0,0,0-.311,15.258,10.75,10.75,0,0,0,15.456,0A10.92,10.92,0,0,0,19.6,11.227Z' transform='translate(-0.5 -3.648)' fill='none' stroke='%2308274c' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A")
}

.theGrid {
    grid-auto-flow: row dense;
    grid-template-areas: "tg4" "tg1" "tg5" "tg2" "tg3"
}

@media (min-width: 990px) {
    .theGrid {
        grid-template-areas:"tg4 tg4" "tg5 tg5" "tg1 tg2" "tg1 tg3"
    }
}

@media (min-width: 1200px) {
    .theGrid {
        grid-template-columns:minmax(auto,339px) 1fr minmax(auto,480px);
        grid-template-areas: "tg1 tg2 tg4" "tg1 tg2 tg4" "tg1 tg3 tg5" "tg1 tg3 tg5"
    }

    .tg-4,.tg-5 {
        padding-left: 80px
    }
}

.tg-1 {
    grid-area: tg1
}

.tg-2 {
    grid-area: tg2
}

.tg-3 {
    grid-area: tg3
}

.tg-4 {
    grid-area: tg4
}

@media (min-width: 1200px) {
    .tg-5 {
        margin-top:auto
    }
}

.tg-5 {
    grid-area: tg5
}

.forever-hero {
    background-position: -160% bottom
}

@media (min-width: 750px) {
    .forever-hero {
        background-position:-130% bottom
    }
}

@media (min-width: 990px) {
    .forever-hero {
        background-position:center
    }
}

.forever-hero p {
    font-size: 18px
}

@media (min-width: 990px) {
    .forever-hero p {
        font-size:24px
    }
}

body.cart-page #MainContent {
    padding-top: 8rem;
    padding-bottom: 8rem
}

body.cart-page .header-wrapper {
    background-color: var(--primary)
}

.page-hero {
    display: flex;
    height: 284px;
    max-height: 50vh;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 84px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    .page-hero {
        height:384px
    }
}

.page-hero,.page-hero h1 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.main-page {
    width: 100%
}

@media (min-width: 750px) {
    .main-page {
        max-width:750px
    }
}

@media (min-width: 990px) {
    .main-page {
        max-width:990px
    }
}

@media (min-width: 1200px) {
    .main-page {
        max-width:1200px
    }
}

@media (min-width: 1600px) {
    .main-page {
        max-width:1600px
    }
}

.main-page {
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    padding-bottom: 70px
}

.main-page h2:first-child {
    margin-top: 0
}

.main-page h2,.main-page h3,.main-page h4 {
    margin-top: 36px;
    margin-bottom: 24px
}

.main-page p:not(:last-child) {
    margin-bottom: 20px
}

.main-page ul {
    list-style: circle
}

.main-page li {
    padding-left: 10px
}

.main-page li:not(:last-child) {
    marg in-bottom: 15px
}

@media (min-width: 990px) {
    body.product-page:not(.menu-open) #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper:not(.header-active) .header__menu-item,body.product-page:not(.menu-open) #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper:not(.header-active) .header__active-menu-item {
        color:#fff!important
    }

    body.product-page:not(.menu-open) #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper:not(.header-active) .header__icon svg path {
        fill: #fff!important
    }
}

.product {
    margin-left: auto;
    margin-right: auto;
    margin-top: 54px;
    display: flex;
    max-width: 1400px;
    grid-auto-flow: column;
    flex-direction: column;
    justify-content: center
}

@media (min-width: 750px) {
    .product {
        margin-top:100px
    }
}

@media (min-width: 990px) {
    .product {
        margin-top:150px
    }

    .product {
        display: grid
    }
}

@media (min-width: 1200px) {
    .product {
        gap:60px
    }
}

.product .global-media-settings {
    background: none;
    border: 0
}

.product--no-media {
    max-width: 57rem;
    margin: 0 auto
}

.product__media-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 100%;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 50px
}

@media (min-width: 750px) {
    .product__media-wrapper {
        width:450px
    }
}

@media (min-width: 990px) {
    .product__media-wrapper {
        margin-bottom:0
    }

    .product__media-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .product__media-wrapper {
        padding-left: 0
    }

    .product__media-wrapper {
        padding-top: 0;
        padding-right: 30px
    }
}

@media (min-width: 1200px) {
    .product__media-wrapper {
        width:550px
    }
}

.product__info-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0
}

@media (min-width: 990px) {
    .product__info-wrapper {
        padding-left:0;
        padding-right: 0
    }

    .product__info-wrapper {
        padding-left: 0
    }
}

.price__regular .price-item--regular {
    font-size: 32px;
    line-height: 1
}

.price-per {
    font-size: 60%
}

.price .price__sale .price-item.price-item--sale {
    font-size: 36px;
    line-height: 1
}

.price .price__sale .price-item.price-item--regular {
    font-size: 24px;
    line-height: 1
}

.product-form {
    display: block
}

.product-form__error-message-wrapper:not([hidden]) {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    margin-bottom: 1.5rem
}

.product-form__error-message-wrapper svg {
    flex-shrink: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .7rem;
    margin-top: .5rem
}

.product-form__input {
    flex: 0 0 100%;
    padding: 0;
    margin: 0 0 1.2rem;
    max-width: 37rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    border: none
}

.product-form__input--dropdown {
    margin-bottom: 1.6rem
}

.product-form__input .form__label {
    padding-left: 0
}

fieldset.product-form__input .form__label {
    margin-bottom: .2rem
}

.product-form__input input[type=radio] {
    clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px
}

.product-form__input input[type=radio]+label {
    border: var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));
    background-color: rgb(var(--color-background));
    color: rgba(var(--color-foreground));
    border-radius: var(--variant-pills-radius);
    color: rgb(var(--color-foreground));
    display: inline-block;
    margin: .7rem .5rem .2rem 0;
    padding: 1rem 2rem;
    font-size: 1.4rem;
    letter-spacing: .1rem;
    line-height: 1;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    position: relative
}

.product-form__input input[type=radio]+label:before {
    content: "";
    position: absolute;
    inset: calc(var(--variant-pills-border-width) * -1);
    z-index: -1;
    border-radius: var(--variant-pills-radius);
    box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))
}

.product-form__input input[type=radio]+label:hover {
    border-color: rgb(var(--color-foreground))
}

.product-form__input input[type=radio]:disabled+label {
    border-color: rgba(var(--color-foreground),.1);
    color: rgba(var(--color-foreground),.4);
    text-decoration: line-through
}

.product-form__input input[type=radio]:focus-visible+label {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)
}

.product-form__input input[type=radio].focused+label,.no-js .shopify-payment-button__button [role=button]:focus+label {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)
}

.no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label {
    box-shadow: none
}

.product-form__input .select {
    max-width: 25rem
}

.product-form__submit.button.button--primary {
    margin-bottom: 1rem;
    margin-bottom: 0;
    display: none;
    border-width: 0px;
    background-color: var(--primary);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.no-js .product-form__submit.button--secondary {
    --color-button: var(--color-base-accent-1);
    --color-button-text: var(--color-base-solid-button-labels);
    --alpha-button-background: 1
}

.product-form__submit[aria-disabled=true]+.shopify-payment-button,.product-form__submit[disabled]+.shopify-payment-button {
    display: none
}

@media screen and (forced-colors: active) {
    .product-form__submit[aria-disabled=true] {
        color: Window
    }
}

variant-radios,variant-selects {
    display: block
}

.variants .product-form__input input[type=radio]+label {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    background: 0!important;
    border: 0!important
}

.variants .product-form__input input[type=radio]+label:before {
    display: none!important
}

.variants .product-form__input input[type=radio]+label>span {
    position: relative!important;
    margin-top: 0!important;
    margin-right: 1.5rem!important;
    display: block!important;
    height: 30px!important;
    width: 30px!important;
    border-radius: 9999px!important;
    border-width: 1px!important;
    border-color: var(--primary)!important;
    padding: 0!important
}

.variants .product-form__input input[type=radio]+label>span>span {
    position: absolute!important;
    top: -6px!important;
    left: -6px!important;
    height: 40px!important;
    width: 40px!important;
    border-radius: 9999px!important;
    border-width: 1px!important;
    border-color: transparent!important
}

.variants .product-form__input input[type=radio]:checked+label>span>span {
    border-width: 1px!important;
    border-color: var(--primary)!important
}

.variants input[type=radio]:checked+label>span>span {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.variants input[type=radio][value=Black]:checked+label>span>span {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.variants input[type=radio][value=Black]+label>span, .variants input[type=radio][value=أسود]+label>span {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.variants input[type=radio][value=White]+label>span {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.shopify-payment-button__button {
    font-family: inherit;
    min-height: 4.6rem
}

.shopify-payment-button__button [role=button].focused,.no-js .shopify-payment-button__button [role=button]:focus {
    outline: .2rem solid rgba(var(--color-foreground),.5)!important;
    outline-offset: .3rem;
    box-shadow: 0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)!important
}

.shopify-payment-button__button [role=button]:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none!important
}

.shopify-payment-button__button [role=button]:focus-visible {
    outline: .2rem solid rgba(var(--color-foreground),.5)!important;
    box-shadow: 0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)!important
}

.shopify-payment-button__button--unbranded {
    background-color: rgba(var(--color-button),var(--alpha-button-background));
    color: rgb(var(--color-button-text));
    font-size: 1.4rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    letter-spacing: .07rem
}

.shopify-payment-button__button--unbranded::selection {
    background-color: rgba(var(--color-button-text),.3)
}

.shopify-payment-button__button--unbranded:hover,.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: rgba(var(--color-button),var(--alpha-button-background))
}

.shopify-payment-button__more-options {
    margin: 1.6rem 0 1rem;
    font-size: 1.2rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    letter-spacing: .05rem;
    text-decoration: underline;
    text-underline-offset: .3rem
}

.shopify-payment-button__button--hidden {
    display: none
}

.shopify-payment-button__more-options {
    color: rgb(var(--color-foreground))
}

.shopify-payment-button__button {
    font-size: 1.5rem;
    letter-spacing: .1rem
}

.design-pre-order-template-wrapper [data-editable=pre-order-button],.design-pre-order-template-wrapper [data-editable=pre-order-button-hover],.design-pre-order-template-wrapper [data-editable=notify-me-button],.design-pre-order-template-wrapper [data-editable=notify-me-button-hover] {
    margin-bottom: 1rem;
    border-radius: 0!important;
    min-width: calc(12rem + var(--buttons-border-width) * 2)!important;
    min-height: calc(4.5rem + var(--buttons-border-width) * 2)!important;
    margin-bottom: 0!important;
    border-width: 0px!important;
    background-color: var(--primary)!important;
    font-weight: 700!important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity))!important
}

.spurit-po-wrapper .design-pre-order-template-wrapper.hover-visible.true-style {
    margin-right: 30px!important;
    margin-left: 0!important
}

.spurit-po-wrapper .design-t_and_c-template-wrapper .t_and_c_accordion {
    margin-top: 10px!important;
    padding-left: 0!important;
    padding-right: 0!important;
    text-align: left!important
}

.spurit-po-wrapper .design-t_and_c-template-wrapper {
    border-bottom-width: 0px!important
}

.spurit-po-wrapper .t_and_c_accordion svg {
    margin-left: 10px!important
}

.spurit-po-wrapper .t_and_c_panel p:not(:last-child):not(:empty) {
    margin-bottom: 12px
}

.spurit-po-wrapper .t_and_c_panel ul {
    margin-top: 12px;
    margin-bottom: 12px
}

@media (min-width: 750px) {
    .spurit-po-wrapper .t_and_c_panel ul {
        padding-left:30px
    }
}

.spurit-po-wrapper .t_and_c_panel ul {
    list-style: circle
}

.spurit-po-wrapper .t_and_c_panel li {
    padding-left: 10px
}

.spurit-po-wrapper .t_and_c_panel li:not(:last-child) {
    margin-bottom: 15px
}

.spurit-notify-me-wrapper {
    margin-top: 30px!important
}

.spurit-notify-me-wrapper .design-pre-order-template-wrapper [data-editable=pre-order-button],.spurit-notify-me-wrapper .design-pre-order-template-wrapper [data-editable=pre-order-button-hover],.spurit-notify-me-wrapper .design-pre-order-template-wrapper [data-editable=notify-me-button],.spurit-notify-me-wrapper .design-pre-order-template-wrapper [data-editable=notify-me-button-hover] {
    font-weight: 400!important
}

.product__info-container>*+* {
    margin: 1.5rem 0
}

.product__info-container .product-form,.product__info-container .product__description {
    margin-top: 2.5rem
}

a.product__text {
    display: block;
    text-decoration: none;
    color: rgba(var(--color-foreground),.75)
}

.product__text.caption-with-letter-spacing {
    text-transform: uppercase
}

.product__title {
    margin-bottom: 30px;
    font-family: Basel Classic;
    line-height: 1;
    word-break: break-word
}

.product__title+* {
    margin-top: 0
}

.product__title+.product__text.caption-with-letter-spacing {
    margin-top: -1.5rem
}

.product__text.caption-with-letter-spacing+.product__title {
    margin-top: 0
}

.product__accordion .accordion__content {
    padding: 0 1rem
}

.product .price .badge,.product .price__container {
    margin-bottom: .5rem
}

.product .price dl {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.product .price--sold-out .price__badge-sold-out {
    background: transparent;
    color: rgb(var(--color-base-text));
    border-color: transparent
}

.product .price--sold-out .price__badge-sale {
    display: none
}

.product__description {
    font-size: 14px
}

.product__description h2 {
    margin-bottom: 26px;
    font-size: 16px
}

.product__description ul {
    list-style: circle
}

.product__description li {
    padding-left: 10px
}

.product__description li:not(:last-child) {
    margin-bottom: 15px
}

.product__description-title {
    font-weight: 600
}

.product--no-media .product__title,.product--no-media .product__text,.product--no-media noscript .product-form__input,.product--no-media .product__tax {
    text-align: center
}

.product--no-media .product__media-wrapper {
    padding: 0
}

.product__tax {
    margin-top: -1.4rem
}

.product--no-media noscript .product-form__input,.product--no-media .share-button {
    max-width: 100%
}

.product--no-media fieldset.product-form__input,.product--no-media .product-form__quantity,.product--no-media .product-form__input--dropdown,.product--no-media .share-button,.product--no-media .product__view-details,.product--no-media .product__pickup-availabilities,.product--no-media .product-form {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.product--no-media .product-form {
    flex-direction: column
}

.product--no-media .product-form>.form {
    max-width: 30rem;
    width: 100%
}

.product--no-media .product-form__quantity,.product--no-media .product-form__input--dropdown {
    flex-direction: column;
    max-width: 100%
}

.product-form__quantity .form__label {
    margin-bottom: .6rem
}

.product-form__quantity-top .form__label {
    margin-bottom: 1.2rem
}

.product--no-media fieldset.product-form__input {
    flex-wrap: wrap;
    margin: 0 auto 1.2rem
}

.product-form__buttons .loading-overlay__spinner {
    display: none
}

.product--no-media .product__info-container>modal-opener {
    display: block;
    text-align: center
}

.product--no-media .product-popup-modal__button {
    padding-right: 0
}

.product--no-media .price {
    text-align: center
}

.product--no-media .product__info-wrapper {
    padding-left: 0
}

.product__media-list video {
    border-radius: calc(var(--media-radius) - var(--media-border-width))
}

@media screen and (max-width: 749px) {
    h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
        text-transform: none !important
    }

    .product__media-list {
        margin-left: -2.5rem;
        padding-bottom: 2rem;
        margin-bottom: 3rem;
        width: calc(100% + 4rem)
    }

    .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .slider.product__media-list::-webkit-scrollbar {
        height: .2rem;
        width: .2rem
    }

    .product__media-list::-webkit-scrollbar-thumb {
        background-color: rgb(var(--color-foreground))
    }

    .product__media-list::-webkit-scrollbar-track {
        background-color: rgba(var(--color-foreground),.2)
    }

    .product__media-list .product__media-item {
        width: calc(100% - 3rem)
    }

    .slider.product__media-list .product__media-item:first-of-type {
        padding-left: 1.5rem
    }
}

@media screen and (min-width: 750px) {
    .product--thumbnail .product__media-list,.product--thumbnail_slider .product__media-list {
        padding-bottom:var(--media-shadow-vertical-offset)
    }

    .product__media-list {
        padding-right: var(--media-shadow-horizontal-offset)
    }

    .product__media-item:first-child {
        width: 100%
    }

    .product--thumbnail .product__media-item:not(.is-active),.product--thumbnail_slider .product__media-item:not(.is-active) {
        display: none
    }

    .product-media-modal__content>.product__media-item--variant.product__media-item--variant {
        display: none
    }

    .product-media-modal__content>.product__media-item--variant:first-child {
        display: block
    }
}

.product__media-item.product__media-item--variant {
    display: none
}

.product__media-item--variant:first-child {
    display: block
}

@media screen and (max-width: 749px) {
    .product__media-item--variant:first-child {
        padding-right:1.5rem
    }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
    .product__media-list .product__media-item:first-child {
        padding-left:0
    }

    .product--thumbnail_slider .product__media-list {
        margin-left: 0
    }

    .product__media-list .product__media-item {
        padding: 0 0 .5rem;
        width: 100%
    }
}

.product__media-icon .icon {
    width: 1.2rem;
    height: 1.4rem
}

.product__media-icon,.thumbnail__badge {
    background-color: rgb(var(--color-background));
    border-radius: 50%;
    border: .1rem solid rgba(var(--color-foreground),.1);
    color: rgb(var(--color-foreground));
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    position: absolute;
    left: calc(.4rem + var(--media-border-width));
    top: calc(.4rem + var(--media-border-width));
    z-index: 1;
    transition: color var(--duration-short) ease,opacity var(--duration-short) ease
}

.product__media-video .product__media-icon {
    opacity: 1
}

.product__modal-opener--image .product__media-toggle:hover {
    cursor: zoom-in
}

.product__modal-opener:hover .product__media-icon {
    border: .1rem solid rgba(var(--color-foreground),.1)
}

@media screen and (min-width: 750px) {
    .grid__item.product__media-item--full {
        width:100%
    }
}

@media screen and (min-width: 990px) {
    .product__modal-opener .product__media-icon {
        opacity:0
    }

    .product__modal-opener:hover .product__media-icon,.product__modal-opener:focus .product__media-icon {
        opacity: 1
    }
}

.product__media-item>* {
    display: block;
    position: relative
}

.product__media-toggle {
    display: flex;
    border: none;
    background-color: transparent;
    color: currentColor;
    padding: 0
}

.product__media-toggle:after {
    content: "";
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%
}

.product__media-toggle:focus-visible {
    outline: 0;
    box-shadow: none
}

.product__media-toggle.focused {
    outline: 0;
    box-shadow: none
}

.product__media-toggle:focus-visible:after {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5);
    border-radius: var(--media-radius) - var(--media-border-width)
}

.product__media-toggle.focused:after {
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5);
    border-radius: var(--media-radius)
}

.product__media-toggle:focus-visible:after {
    border-radius: var(--media-radius)
}

.product-media-modal {
    background-color: rgb(var(--color-background));
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

.product-media-modal[open] {
    visibility: visible;
    opacity: 1;
    z-index: 101
}

.product-media-modal__dialog {
    display: flex;
    align-items: center;
    height: 100vh
}

.product-media-modal__content {
    max-height: 100vh;
    width: 100%;
    overflow: auto
}

.product-media-modal__content>*:not(.active),.product__media-list .deferred-media {
    display: none
}

@media screen and (min-width: 750px) {
    .product-media-modal__content {
        padding-bottom:2rem
    }

    .product-media-modal__content>*:not(.active) {
        display: block
    }

    .product__modal-opener:not(.product__modal-opener--image) {
        display: none
    }

    .product__media-list .deferred-media {
        display: block
    }
}

@media screen and (max-width: 749px) {
    .product--thumbnail .is-active>.product__modal-opener:not(.product__modal-opener--image),.product--thumbnail_slider .is-active>.product__modal-opener:not(.product__modal-opener--image) {
        display:none
    }

    .product--thumbnail .is-active .deferred-media,.product--thumbnail_slider .is-active .deferred-media {
        display: block;
        width: 100%
    }
}

.product-media-modal__content>* {
    display: block;
    height: auto;
    margin: auto
}

.product-media-modal__content .media {
    background: none
}

.product-media-modal__model {
    width: 100%
}

.product-media-modal__toggle {
    background-color: rgb(var(--color-background));
    border: .1rem solid rgba(var(--color-foreground),.1);
    border-radius: 50%;
    color: rgba(var(--color-foreground),.55);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    right: 2rem;
    padding: 1.2rem;
    position: fixed;
    z-index: 2;
    top: 2rem;
    width: 4rem
}

.product-media-modal__content .deferred-media {
    width: 100%
}

@media screen and (min-width: 750px) {
    .product-media-modal__content {
        padding:2rem 11rem
    }

    .product-media-modal__content>* {
        width: 100%
    }

    .product-media-modal__content>*+* {
        margin-top: 2rem
    }

    .product-media-modal__toggle {
        right: 5rem;
        top: 2.2rem
    }
}

@media screen and (min-width: 990px) {
    .product-media-modal__content {
        padding:2rem 11rem
    }

    .product-media-modal__content>*+* {
        margin-top: 1.5rem
    }

    .product-media-modal__content {
        padding-bottom: 1.5rem
    }

    .product-media-modal__toggle {
        right: 5rem
    }
}

.product-media-modal__toggle:hover {
    color: rgba(var(--color-foreground),.75)
}

.product-media-modal__toggle .icon {
    height: auto;
    margin: 0;
    width: 2.2rem
}

.product__image-slider {
    width: 100%
}

.product__image-slider .carousel-cell {
    width: 100%;
    height: auto;
    margin: 0 5px
}

.product__image-slider .carousel-cell img {
    width: 100%;
    height: 100%
}

.grid__item .product__image-slider {
    margin-bottom: 2rem
}

.product__image-slider .flickity-viewport {
    transition: height .2s
}

.flickity-button:disabled {
    display: none
}

.product__image-thumbnail .carousel-cell {
    border-width: 2px;
    border-color: transparent;
    width: 20%
}

.product__image-thumbnail .carousel-cell.is-nav-selected {
    border-color: var(--primary)
}

.product__image-thumbnail .carousel-cell:not(:last-child) {
    margin-right: 10px
}

.product__image-thumbnail .carousel-cell img {
    width: 100%;
    height: 100%
}

body.product-page.filter-subscription .flickity-page-dots {
    display: none
}

.section-product-desc.section {
    margin-top: 70px
}

@media (min-width: 990px) {
    .section-product-desc.section {
        margin-top:150px
    }
}

.section-product-desc h2 {
    margin-bottom: 46px
}

.section-product-desc h3 {
    margin-bottom: 36px;
    font-size: 24px
}

.pd-grid {
    margin: 50px auto;
    display: grid;
    max-width: 900px;
    justify-content: space-between;
    gap: 100px;
    padding-left: 36px;
    padding-right: 36px
}

@media (min-width: 990px) {
    .pd-grid {
        margin-top:70px;
        margin-bottom: 70px
    }

    .pd-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1600px) {
    .pd-grid {
        max-width:1080px
    }
}

@media (min-width: 990px) {
    .pd-grid>div {
        max-width:456px
    }
}

.pd-grid h3 {
    margin-top: 36px;
    margin-bottom: 20px;
    font-family: Basel Grotesk
}

.pd-grid img {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 990px) {
    .pd-grid img {
        margin-left:0;
        margin-right: 0
    }
}

section.p-app {
    margin: 150px auto;
    max-width: 1400px
}

section.p-app div {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(235 246 253 / var(--tw-bg-opacity));
    padding: 36px
}

@media (min-width: 990px) {
    section.p-app div {
        padding:115px
    }
}

section.p-filtration {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 170px;
    max-width: 1200px
}

.p-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 200px
}

.p-filters img {
    height: 484px;
    width: 129px
}

.p-filters img:not(:last-child) {
    margin-right: 80px
}

section.p-temp-control {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 233 / var(--tw-bg-opacity));
    padding: 100px
}

section.p-design {
    width: 100%
}

@media (min-width: 750px) {
    section.p-design {
        max-width:750px
    }
}

@media (min-width: 990px) {
    section.p-design {
        max-width:990px
    }
}

@media (min-width: 1200px) {
    section.p-design {
        max-width:1200px
    }
}

@media (min-width: 1600px) {
    section.p-design {
        max-width:1600px
    }
}

section.p-design {
    margin: 150px auto
}

section.p-refill {
    margin: 150px auto;
    max-width: 1300px;
    --tw-bg-opacity: 1;
    background-color: rgb(233 244 236 / var(--tw-bg-opacity));
    padding: 100px
}

section.p-meet {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    display: flex;
    max-width: 1400px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(235 246 253 / var(--tw-bg-opacity));
    padding: 70px 36px 50px
}

@media (min-width: 990px) {
    section.p-meet {
        flex-direction:row
    }

    section.p-meet {
        padding-left: 0;
        padding-right: 0
    }

    section.p-meet {
        padding-bottom: 320px
    }
}

@media (min-width: 1200px) {
    section.p-meet {
        margin-top:70px;
        margin-bottom: 70px
    }

    section.p-meet {
        padding-bottom: 240px
    }
}

@media (min-width: 990px) {
    section.p-meet>*:not(img) {
        position:absolute
    }
}

section.p-meet h2 {
    top: 50px;
    left: 50px
}

section.p-meet img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 36px;
    padding-right: 36px
}

@media (min-width: 750px) {
    section.p-meet img {
        max-width:580px
    }

    section.p-meet img {
        padding-left: 0;
        padding-right: 0
    }
}

section.p-meet>div {
    bottom: 50px;
    left: 50px;
    right: 100px;
    margin-top: 40px;
    grid-template-columns: repeat(12,minmax(0,1fr))
}

@media (min-width: 990px) {
    section.p-meet>div {
        margin-top:0
    }

    section.p-meet>div {
        display: grid
    }
}

section.p-meet>div>p {
    font-size: 20px
}

@media (min-width: 990px) {
    section.p-meet>div>p {
        font-size:24px
    }
}

section.p-meet ol {
    grid-column: span 7 / span 7;
    grid-column-start: 6;
    margin-top: 36px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 30px
}

@media (min-width: 990px) {
    section.p-meet ol {
        margin-top:0
    }

    section.p-meet ol {
        display: grid
    }
}

section.p-meet ol {
    counter-reset: my-counter
}

section.p-meet ol li {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    font-size: 18px
}

@media (min-width: 990px) {
    section.p-meet ol li {
        margin-bottom:0
    }

    section.p-meet ol li {
        display: block
    }
}

section.p-meet ol li {
    counter-increment: my-counter
}

section.p-meet ol li:before {
    margin-right: 46px;
    display: flex;
    height: 28px;
    width: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: var(--primary);
    padding: 0 10px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    section.p-meet ol li:before {
        margin-bottom:15px
    }

    section.p-meet ol li:before {
        margin-right: 0
    }

    section.p-meet ol li:before {
        height: 18px
    }

    section.p-meet ol li:before {
        width: 24px
    }

    section.p-meet ol li:before {
        padding-left: 0;
        padding-right: 0
    }

    section.p-meet ol li:before {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

section.p-meet ol li:before {
    content: counter(my-counter)
}

section.p-subscription {
    --tw-bg-opacity: 1;
    background-color: rgb(196 218 222 / var(--tw-bg-opacity));
    padding: 60px 36px
}

@media (min-width: 990px) {
    section.p-subscription {
        padding:115px
    }
}

section.p-subscription>div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

section.p-subscription h2 {
    margin-bottom: 36px
}

section.p-subscription p {
    margin-left: auto!important;
    margin-right: auto!important;
    font-family: Basel Grotesk!important;
    font-size: 18px!important
}

@media (min-width: 990px) {
    section.p-subscription p {
        font-size:24px!important
    }
}

section.p-subscription img {
    height: 484px;
    width: 129px
}

section.p-subscription img:not(:last-child) {
    margin-right: 20px
}

section.tech-specs {
    margin: 64px auto;
    max-width: 928px;
    padding-left: 36px;
    padding-right: 36px
}

@media (min-width: 990px) {
    section.tech-specs {
        padding-left:0;
        padding-right: 0
    }
}

section.tech-specs h2 {
    margin-bottom: 36px;
    font-family: Basel Grotesk;
    font-size: 24px
}

@media (min-width: 990px) {
    section.tech-specs h2 {
        margin-bottom:100px
    }

    section.tech-specs h2 {
        font-size: 48px
    }
}

section.tech-specs table {
    width: 100%;
    font-size: 18px;
    border: none!important
}

section.tech-specs table:not([class]) {
    box-shadow: none
}

section.tech-specs table:not([class]) td {
    text-align: center;
    border-right: none!important
}

section.tech-specs table:not([class]) th {
    text-align: left;
    border-left: none!important
}

section.tech-specs th {
    font-size: 14px
}

@media (min-width: 990px) {
    section.tech-specs th {
        font-size:18px
    }
}

section.tech-specs th {
    border-left: 0!important
}

section.tech-specs td {
    font-size: 14px
}

@media (min-width: 990px) {
    section.tech-specs td {
        font-size:16px
    }
}

section.p-reviews {
    margin: 150px auto;
    max-width: 928px;
    padding-left: 36px;
    padding-right: 36px
}

@media (min-width: 990px) {
    section.p-reviews {
        padding-left:0;
        padding-right: 0
    }
}

section.p-reviews h2 {
    font-family: Basel Grotesk;
    font-size: 36px
}

section.pf-how {
    margin: 70px auto;
    max-width: 1300px;
    --tw-bg-opacity: 1;
    background-color: rgb(235 246 253 / var(--tw-bg-opacity));
    padding: 36px
}

@media (min-width: 990px) {
    section.pf-how {
        margin-top:150px;
        margin-bottom: 150px
    }

    section.pf-how {
        padding: 100px
    }
}

section.pf-filters {
    padding-left: 36px;
    padding-right: 36px
}

@media (min-width: 990px) {
    section.pf-filters {
        padding-left:0;
        padding-right: 0
    }
}

section.pf-filters img {
    margin-left: auto;
    margin-right: auto;
    height: 484px;
    width: 129px
}

@media (min-width: 990px) {
    section.pf-filters img {
        margin-left:0;
        margin-right: 0
    }
}

section.pf-filters .pf-img {
    margin-bottom: 60px;
    display: flex;
    align-items: center
}

@media (min-width: 990px) {
    section.pf-filters .pf-img {
        margin-bottom:0
    }
}

section.pf-filters .pf-img.pf-img-right {
    justify-content: flex-end
}

.blog-hero {
    padding-top: 4rem;
    padding-bottom: 8rem
}

.blog-hero h1 {
    text-align: center
}

.article-template__content p {
    margin-bottom: 30px
}

body.article-page .header-wrapper {
    background-color: var(--primary)
}

body.article-page #MainContent {
    padding-top: 80px
}

body.article-page #MainContent ul {
    list-style: circle
}

body.article-page #MainContent img {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block
}

body.article-page #MainContent li {
    padding-left: 10px
}

body.article-page #MainContent li:not(:last-child) {
    margin-bottom: 15px
}

html {
    scroll-behavior: smooth
}

body {
    color: var(--primary)
}

.banner__box {
    max-width: 500px
}

.banner__heading {
    font-size: 96px;
    line-height: 1;
    color: var(--primary)
}

.window {
    position: sticky;
    top: 0
}

.twocolumn {
    margin-left: auto;
    margin-right: auto;
    display: grid;
    max-width: 1200px;
    padding-bottom: 40px
}

@media (min-width: 990px) {
    .twocolumn {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }

    .twocolumn {
        padding-bottom: 0
    }
}

.twocolumn h2 {
    margin-bottom: 30px;
    font-family: Basel Grotesk;
    font-size: 24px;
    font-weight: 500
}

@media (min-width: 990px) {
    .twocolumn h2 {
        font-size:48px
    }

    .twocolumn h2 {
        line-height: 1.375
    }
}

.twocolumn p {
    margin-bottom: 55px;
    font-size: 18px
}

.twocolumn a {
    font-weight: 700
}

.tc-left {
    order: 2;
    flex-direction: column;
    justify-content: center;
    padding: 72px 36px
}

@media (min-width: 990px) {
    .tc-left {
        order:1
    }

    .tc-left {
        display: flex
    }

    .tc-left {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .tc-left {
        padding-left: 50px;
        padding-right: 50px
    }

    .tc-left {
        opacity: 0
    }
}

.tc-left {
    transform: translate(0)
}

@media (min-width: 990px) {
    .tc-left {
        transform:translate(-400px)
    }
}

.tc-right {
    order: 1
}

@media (min-width: 990px) {
    .tc-right {
        order:2
    }

    .tc-right {
        padding-top: 130px;
        padding-bottom: 130px
    }

    .tc-right {
        padding-left: 36px;
        padding-right: 36px
    }
}

.tc-right img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-height: 400px
}

@media (min-width: 750px) {
    .tc-right img {
        max-height:500px
    }
}

@media (min-width: 990px) {
    .tc-right img {
        max-height:700px
    }
}

.h-meet {
    --tw-bg-opacity: 1;
    background-color: rgb(235 246 253 / var(--tw-bg-opacity));
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width: 990px) {
    .h-meet {
        padding-top:120px
    }
}

.h-meet>div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-items: center
}

@media (min-width: 990px) {
    .h-meet>div {
        display:grid
    }
}

.h-meet>div h2 {
    font-family: Basel Grotesk;
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(var(--font-heading-scale) * .06rem);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + .3/max(1,var(--font-heading-scale)));
    word-break: break-word;
    font-size: 18px
}

@media (min-width: 990px) {
    .h-meet>div h2 {
        font-size:24px
    }
}

.h-meet h2 {
    margin-bottom: 30px;
    line-height: 1
}

.h-meet p {
    font-size: 16px
}

.h-meet img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-height: 822px
}

@media (min-width: 990px) {
    .h-meet img:first-child {
        display:none
    }
}

.h-meet img:last-child {
    display: none;
    max-width: 70%
}

@media (min-width: 990px) {
    .h-meet img:last-child {
        display:inline-block
    }

    .h-meet img:last-child {
        max-width: 100%
    }
}

.h-steps {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 100px 36px;
    text-align: center
}

@media (min-width: 750px) {
    .h-steps {
        padding-left:0;
        padding-right: 0
    }
}

.h-steps>div {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px
}

.h-steps-title {
    margin-bottom: 36px;
    font-size: 36px
}

@media (min-width: 990px) {
    .h-steps-title {
        font-size:66px
    }
}

.h-steps p {
    margin-left: auto;
    margin-right: auto;
    max-width: 72rem;
    font-size: 18px
}

@media (min-width: 990px) {
    .h-steps p {
        font-size:24px
    }
}

.h-steps-list {
    margin-top: 72px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    justify-content: center;
    font-size: 14px
}

@media (min-width: 750px) {
    .h-steps-list {
        font-size:18px
    }
}

@media (min-width: 990px) {
    .h-steps-list {
        padding-left:0;
        padding-right: 0
    }

    .h-steps-list {
        font-size: 24px
    }
}

.h-steps-list img {
    margin-left: auto;
    margin-right: auto;
    max-width: 110px
}

@media (min-width: 750px) {
    .h-steps-list img {
        max-width:200px
    }
}

@media (min-width: 990px) {
    .h-steps-list img {
        max-width:280px
    }
}

.section-heading {
    position: relative;
    z-index: 10;
    margin-bottom: -250px;
    display: none;
    padding-top: 140px;
    padding-bottom: 40px;
    text-align: center;
    font-family: Basel Classic;
    font-size: 72px
}

@media (min-width: 990px) {
    .section-heading {
        display:block
    }
}

.section-heading {
    line-height: 1.1!important
}

.section-heading svg {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    height: 67px;
    width: 60px
}

.pin-spacer {
    max-width: 100%!important
}

#section-primary {
    width: 100%;
    background-color: var(--primary)
}

#section-primary.active .section-better {
    height: 100vh!important;
    width: 100%!important;
    max-width: 100%!important;
    transform: translateY(-150px);
    transition: all .5s ease!important
}

.section-better {
    position: relative!important;
    margin-left: auto!important;
    margin-right: auto!important;
    display: flex!important;
    height: 100vh!important;
    width: 100%!important;
    align-items: center!important;
    justify-content: center!important;
    background-size: cover!important;
    background-position: center!important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity))!important
}

@media (min-width: 990px) {
    .section-better {
        height:auto!important
    }

    .section-better {
        min-height: 1000px!important
    }
}

.section-better {
    transition: all .5s ease!important
}

.section-better svg {
    margin-left: auto;
    margin-right: auto
}

.section-better h2 {
    margin-bottom: 40px;
    margin-top: 20px;
    font-size: 48px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    .section-better h2 {
        margin-bottom:60px
    }

    .section-better h2 {
        margin-top: 50px
    }
}

.section-better>div {
    position: relative;
    max-width: 420px;
    text-align: center
}

.section-better .button {
    background-image: none
}

.section-better video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.section-invest {
    position: relative;
    overflow: hidden;
    padding-bottom: 150px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    background-color: #ebf6fd;
    background: linear-gradient(to bottom,rgba(26,51,94,1) 0%,rgba(26,51,94,1) 60%,rgba(26,51,94,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a335e",endColorstr="#001a335e",GradientType=0)
}

.section-invest:after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    height: 40%;
    width: 100%;
    background-color: var(--theme-light);
    content: ""
}

.section-invest img {
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 230px;
    transform: translate(2000px)
}

.section-invest h2 {
    margin-bottom: 30px;
    font-family: Basel Grotesk;
    font-size: 48px;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.section-invest p {
    margin-bottom: 55px;
    font-size: 28px
}

.section-invest a {
    font-weight: 700
}

.section-invest>div>* {
    padding: 2rem
}

.section-template--15709664018663__main-padding,.section-template--15732080705767__main-padding {
    display: none
}

.stick-it {
    position: sticky;
    top: 0
}

.stick-it~* {
    z-index: 10
}

body.blank-page .header-wrapper {
    background-color: var(--primary)
}

body.blank-page #MainContent {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.shopify-challenge__container .shopify-challenge__button {
    margin-top: 1.25rem
}

.button {
    border-width: 0px;
    background-color: var(--primary);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

@media (min-width: 990px) {
    body.reverse-osmosis-filter-page #shopify-section-header.shopify-section-header-sticky .header-wrapper .header__heading-link,body.mineral-filter-page #shopify-section-header.shopify-section-header-sticky .header-wrapper .header__heading-link,body.carbon-filter-page #shopify-section-header.shopify-section-header-sticky .header-wrapper .header__heading-link {
        background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='122.954' height='31.148' viewBox='0 0 122.954 31.148'%3E%3Cg id='Group_243' data-name='Group 243' transform='translate(1972 -235.804)'%3E%3Cpath id='Path_16875' data-name='Path 16875' d='M116.176,61.217h-2.555L109.8,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253H121.98L119.1,51.543h-.025Z' transform='translate(-2046.056 202.712)' fill='%23ebf6fd'/%3E%3Crect id='Rectangle_336' data-name='Rectangle 336' width='2.431' height='12.253' transform='translate(-1916.362 251.676)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16876' data-name='Path 16876' d='M185.515,59.775a4.326,4.326,0,0,1-1.687-3.225l2.406-.372a2.967,2.967,0,0,0,.992,2.133,3.343,3.343,0,0,0,2.207.719,3.4,3.4,0,0,0,1.972-.509,1.615,1.615,0,0,0,.732-1.4,1.215,1.215,0,0,0-.57-1.1,6.932,6.932,0,0,0-1.984-.682l-1.836-.422a5.8,5.8,0,0,1-2.53-1.141,2.665,2.665,0,0,1-.893-2.133,2.94,2.94,0,0,1,.645-1.848,4.173,4.173,0,0,1,1.773-1.29,6.629,6.629,0,0,1,2.518-.459,5.565,5.565,0,0,1,3.373.98,3.8,3.8,0,0,1,1.563,2.691l-2.406.422a2.472,2.472,0,0,0-.806-1.637,2.639,2.639,0,0,0-1.8-.6,2.939,2.939,0,0,0-1.736.459,1.391,1.391,0,0,0-.645,1.178,1.047,1.047,0,0,0,.5.955,5.862,5.862,0,0,0,1.662.583l1.836.422a7.162,7.162,0,0,1,2.877,1.191,2.676,2.676,0,0,1,.918,2.208,3.349,3.349,0,0,1-.695,2.1,4.478,4.478,0,0,1-1.9,1.4,6.931,6.931,0,0,1-2.666.5,6.2,6.2,0,0,1-3.82-1.116' transform='translate(-2096.172 203.335)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16877' data-name='Path 16877' d='M231.585,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.247,5.247,0,0,1-2.047-2.208,7.437,7.437,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257A5.731,5.731,0,0,1,226,48.042a5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-2120.764 203.336)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16878' data-name='Path 16878' d='M263.078,61.217h-2.555L256.7,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253h-2.555L266,51.543h-.025Z' transform='translate(-2145.51 202.712)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16879' data-name='Path 16879' d='M326.962,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.248,5.248,0,0,1-2.047-2.208,7.438,7.438,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257,5.731,5.731,0,0,1,2.977-.794,5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-2185.334 203.336)' fill='%23ebf6fd'/%3E%3Crect id='Rectangle_337' data-name='Rectangle 337' width='2.431' height='17.065' transform='translate(-1856.512 246.864)' fill='%23ebf6fd'/%3E%3Crect id='Rectangle_338' data-name='Rectangle 338' width='2.431' height='17.065' transform='translate(-1851.477 246.864)' fill='%23ebf6fd'/%3E%3Cg id='Group_241' data-name='Group 241' transform='translate(-1972 235.804)'%3E%3Cpath id='Path_16861' data-name='Path 16861' d='M70.913,39.551s.215.839.286,1.267a15.068,15.068,0,0,1,2.973-4.235c2.322-2.306,1.226-3.446-.162-4.889a11.369,11.369,0,0,1-1.117-1.284c-.325.647-.661,1.191-.968,1.689-1.123,1.819-1.934,3.134-1.012,7.452' transform='translate(-47.5 -20.485)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16862' data-name='Path 16862' d='M60.19,23.755l0,.005a9.845,9.845,0,0,1,1.06,1.284,7.932,7.932,0,0,1,1.555-5.1,16.2,16.2,0,0,0,1.32-2.475c.649-1.578-.284-2.185-1.989-3.122a9.885,9.885,0,0,1-1.858-1.206c-.229.653-.5,1.3-.775,1.934-1.226,2.867-2.383,5.575.682,8.678' transform='translate(-39.229 -8.854)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16863' data-name='Path 16863' d='M44.448,2.106c0,6.2.075,6.283,2.509,8.768L48.1,12.043c-.5-2.219.389-4.3,1.206-6.209a20.3,20.3,0,0,0,1-2.667c.325-1.212-.273-1.479-1.657-1.967A10.993,10.993,0,0,1,47.574.776L47.551.765C46.706.363,45.429-.244,44.878.1c-.354.224-.429.886-.43,1.4v.6' transform='translate(-29.942 0)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16864' data-name='Path 16864' d='M24.271,5.833c.817,1.911,1.706,3.99,1.206,6.209l1.142-1.165c2.438-2.489,2.511-2.567,2.513-8.772,0-.192,0-.389,0-.592V1.508c0-.519-.076-1.181-.43-1.4-.551-.348-1.828.259-2.673.661l-.023.011a11.108,11.108,0,0,1-1.078.423c-1.384.488-1.982.754-1.657,1.967a20.316,20.316,0,0,0,1,2.667' transform='translate(-15.618 0)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16865' data-name='Path 16865' d='M10.45,19.946a7.934,7.934,0,0,1,1.556,5.067c.018-.016.69-.876,1.059-1.253l0,0c3.065-3.1,1.908-5.811.682-8.678-.271-.632-.546-1.28-.775-1.934a9.885,9.885,0,0,1-1.858,1.206c-1.7.937-2.638,1.544-1.989,3.122a16.2,16.2,0,0,0,1.32,2.475' transform='translate(-6.011 -8.854)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16866' data-name='Path 16866' d='M4.322,40.818c.071-.428.286-1.268.286-1.268.922-4.318.11-5.633-1.012-7.452-.307-.5-.643-1.042-.968-1.689a11.405,11.405,0,0,1-1.117,1.284c-1.388,1.443-2.484,2.584-.162,4.889a15.073,15.073,0,0,1,2.973,4.235' transform='translate(0 -20.485)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16867' data-name='Path 16867' d='M5.394,60.39q-.081-.325-.138-.653A12.342,12.342,0,0,0,4.3,56.624a14.351,14.351,0,0,0-2.171-3.288,6.806,6.806,0,0,1-.455,2.7c-.449,1.373-.746,2.279,1.454,3.945A5.386,5.386,0,0,1,5.681,64.17,2.168,2.168,0,0,0,6.722,66.1a3.6,3.6,0,0,0,2.051.317c.28,0,.585,0,.914,0A10.031,10.031,0,0,1,5.394,60.39' transform='translate(-0.915 -35.929)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16868' data-name='Path 16868' d='M33.259,42.674c.037-.149.069-.3.1-.448h0c.026-.192.058-.38.093-.566a9.287,9.287,0,0,0-.761-5.05,4.133,4.133,0,0,0-2.577-2.23c-.043-.013-.078-.022-.1-.027a4,4,0,0,0-1.462-.054,3.8,3.8,0,0,0-2.441,1.453,4.164,4.164,0,0,0-.84,2.733,4.525,4.525,0,0,0,.3,1.434,11.783,11.783,0,0,0,.684,1.406h0l.027.059a.512.512,0,0,1-.249.68.524.524,0,0,1-.21.047l-2.38.023h-.005a.393.393,0,0,1-.049-.784l1.661-.16c-.023-.043-.321-.641-.425-.916a5.816,5.816,0,0,1-.254-.857,5.543,5.543,0,0,1-.112-.891,5.234,5.234,0,0,1,.225-1.786,4.949,4.949,0,0,1,.849-1.6A4.843,4.843,0,0,1,26.7,33.96a4.693,4.693,0,0,1,1.714-.585,4.789,4.789,0,0,1,1.8.1q.11.027.216.058l-5.737-6.14-5.57,5.97a5.35,5.35,0,0,1,2.285-.014c.143.029.284.065.424.105s.269.082.4.128c.26.089.516.19.766.3a.508.508,0,0,1,.3.56.5.5,0,0,1-.682.367h0c-.234-.1-.47-.185-.708-.262-.118-.038-.24-.075-.357-.107s-.231-.06-.348-.081a4.377,4.377,0,0,0-2.766.363,2.313,2.313,0,0,0-.209.117A4.048,4.048,0,0,0,16.7,36.6a9.286,9.286,0,0,0-.766,5.064c.035.185.067.373.093.563h0c.029.15.061.3.1.449A9.366,9.366,0,0,0,22.6,49.343l.136.04.019,0a8.886,8.886,0,0,0,3.864,0l.019,0,.137-.041a9.365,9.365,0,0,0,6.481-6.669M20.185,38.951a1.018,1.018,0,0,1-.944-1.4,2.462,2.462,0,0,0-.811.54l-.7-.7a3.478,3.478,0,0,1,4.913,0l-.7.7a2.462,2.462,0,0,0-.811-.54,1.018,1.018,0,0,1-.944,1.4M26.671,46l-.016.032a1.551,1.551,0,0,1-.389.471,2.393,2.393,0,0,1-.237.168c-.04.026-.083.047-.125.07a1.3,1.3,0,0,1-.129.063,2.659,2.659,0,0,1-1.1.221,2.7,2.7,0,0,1-1.085-.235c-.043-.018-.085-.042-.126-.063s-.083-.043-.123-.069a2.625,2.625,0,0,1-.233-.165,1.676,1.676,0,0,1-.4-.46L22.7,46a.034.034,0,0,1,.018-.048.046.046,0,0,1,.027,0l.241.048.242.04.242.037.243.03a8.729,8.729,0,0,0,.977.058,7.861,7.861,0,0,0,.976-.047l.242-.03.241-.039.24-.044.238-.054a.042.042,0,0,1,.05.026.032.032,0,0,1,0,.024m1.286-1.466a5.833,5.833,0,0,1-.819.414,2.513,2.513,0,0,1-.633.1c-.114,0-.506-.13-.729-.13a10.633,10.633,0,0,0-1.085.2,10.643,10.643,0,0,0-1.085-.2c-.223,0-.615.13-.728.13a2.513,2.513,0,0,1-.633-.1,5.8,5.8,0,0,1-.819-.414.245.245,0,0,1-.082-.329.249.249,0,0,1,.232-.111l.024,0a7.391,7.391,0,0,0,.775.167,1.693,1.693,0,0,0,.578-.119,1.638,1.638,0,0,1,.777-.3c.2,0,.671.163.886.173h.147c.214-.009.688-.175.886-.173a1.635,1.635,0,0,1,.777.3,1.7,1.7,0,0,0,.578.119,7.379,7.379,0,0,0,.776-.167l.024,0a.25.25,0,0,1,.233.111.245.245,0,0,1-.082.329m2.16-6.6a1.019,1.019,0,1,1-1.963-.384,2.471,2.471,0,0,0-.811.54l-.7-.7a3.478,3.478,0,0,1,4.913,0l-.7.7a2.462,2.462,0,0,0-.811-.54,1.013,1.013,0,0,1,.075.384' transform='translate(-10.681 -18.452)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16869' data-name='Path 16869' d='M66.534,53.336a14.314,14.314,0,0,0-2.171,3.287,12.348,12.348,0,0,0-.955,3.116q-.057.327-.138.652a10.034,10.034,0,0,1-4.293,6.027c.329-.007.633,0,.914,0a3.606,3.606,0,0,0,2.051-.317,2.168,2.168,0,0,0,1.04-1.928,5.386,5.386,0,0,1,2.552-4.189c2.2-1.666,1.9-2.572,1.454-3.945a6.806,6.806,0,0,1-.455-2.7' transform='translate(-39.73 -35.929)' fill='%23ebf6fd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")!important
    }

    body.reverse-osmosis-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__menu-item,body.reverse-osmosis-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__active-menu-item,body.mineral-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__menu-item,body.mineral-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__active-menu-item,body.carbon-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__menu-item,body.carbon-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__active-menu-item {
        color: var(--primary)!important
    }

    body.reverse-osmosis-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__icon svg path,body.mineral-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__icon svg path,body.carbon-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__icon svg path {
        fill: var(--primary)!important
    }

    body.reverse-osmosis-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__heading-link,body.mineral-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__heading-link,body.carbon-filter-page #shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper .header__heading-link {
        background-ima_ge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123.954' height='33.756' viewBox='0 0 123.954 33.756'%3E%3Cg id='Group_238' data-name='Group 238' transform='translate(0 0)'%3E%3Cg id='Group_237' data-name='Group 237' transform='translate(0 0)'%3E%3Cpath id='Path_16851' data-name='Path 16851' d='M27.8,56.357l.7-.7a3.5,3.5,0,0,0-4.937,0l.7.7a2.482,2.482,0,0,1,.815-.543,1.024,1.024,0,1,0,1.9,0,2.482,2.482,0,0,1,.815.543' transform='translate(-15.286 -35.432)' fill='%2308274c'/%3E%3Cpath id='Path_16852' data-name='Path 16852' d='M41.709,82.019l-.239.054-.241.044-.242.039-.244.03a7.948,7.948,0,0,1-.981.048,8.731,8.731,0,0,1-.982-.059l-.244-.03-.243-.037-.243-.041-.242-.048a.045.045,0,0,0-.027,0,.034.034,0,0,0-.018.049l.018.032a1.689,1.689,0,0,0,.4.461,2.559,2.559,0,0,0,.235.166c.04.026.082.047.123.07s.084.046.127.064a2.721,2.721,0,0,0,1.09.235,2.67,2.67,0,0,0,1.1-.222,1.376,1.376,0,0,0,.129-.064c.043-.023.085-.044.126-.07a2.368,2.368,0,0,0,.238-.169,1.56,1.56,0,0,0,.391-.473l.016-.032a.032.032,0,0,0,0-.024.042.042,0,0,0-.05-.026' transform='translate(-24.489 -53.194)' fill='%2308274c'/%3E%3Cpath id='Path_16853' data-name='Path 16853' d='M53.991,55.652a3.5,3.5,0,0,0-4.937,0l.7.7a2.482,2.482,0,0,1,.815-.543,1.024,1.024,0,1,0,1.9,0,2.486,2.486,0,0,1,.815.543Z' transform='translate(-31.815 -35.432)' fill='%2308274c'/%3E%3Cpath id='Path_16854' data-name='Path 16854' d='M40.335,76.248l-.025,0a7.461,7.461,0,0,1-.779.168,1.708,1.708,0,0,1-.581-.12,1.643,1.643,0,0,0-.781-.3c-.2,0-.674.164-.89.174h-.147c-.216-.009-.691-.176-.89-.174a1.643,1.643,0,0,0-.781.3,1.708,1.708,0,0,1-.581.12,7.461,7.461,0,0,1-.779-.168l-.025,0a.251.251,0,0,0-.234.112.246.246,0,0,0,.082.331,5.783,5.783,0,0,0,.823.416,2.515,2.515,0,0,0,.636.1c.114,0,.509-.131.732-.131a10.679,10.679,0,0,1,1.09.2,10.708,10.708,0,0,1,1.09-.2c.224,0,.618.131.732.131a2.515,2.515,0,0,0,.636-.1,5.784,5.784,0,0,0,.823-.416.246.246,0,0,0,.082-.331.251.251,0,0,0-.234-.112' transform='translate(-21.926 -49.289)' fill='%2308274c'/%3E%3Cpath id='Path_16855' data-name='Path 16855' d='M29.582,17.543l.012-.031a2.476,2.476,0,0,1,.263-.5c1.648-2.461.092-4.079-1.158-5.379a10.753,10.753,0,0,1-.985-1.118,1.047,1.047,0,0,1-.179-.851c.525-2.2-1.36-3.234-2.737-3.99a8.617,8.617,0,0,1-1.692-1.1.576.576,0,0,1-.177-.481c.183-1.858-1.45-2.434-2.53-2.815A10.272,10.272,0,0,1,19.43.9L19.407.884A7,7,0,0,0,16.64,0a1.963,1.963,0,0,0-1.067.289L15.3.46a.077.077,0,0,1-.024,0,.068.068,0,0,1-.025,0l-.268-.17A1.963,1.963,0,0,0,13.918,0,7,7,0,0,0,11.15.884L11.127.9a10.3,10.3,0,0,1-.967.377c-1.081.381-2.714.956-2.531,2.815a.576.576,0,0,1-.177.481,8.617,8.617,0,0,1-1.692,1.1C4.383,6.427,2.5,7.463,3.022,9.661a1.045,1.045,0,0,1-.179.851,10.753,10.753,0,0,1-.985,1.118c-1.217,1.265-2.882,3-1.034,5.556a3.148,3.148,0,0,1,.152.36,4.851,4.851,0,0,1-.144,3.481c-.594,1.814-.808,3.256,1.875,5.286a4.3,4.3,0,0,1,2.1,3.409A3.334,3.334,0,0,0,6.38,32.5a4.018,4.018,0,0,0,2.337.517l.387,0,.433,0a13.38,13.38,0,0,1,2.532.212c.27.05.843.178.955.2a7.993,7.993,0,0,0,4.513,0c.128-.028.685-.152.952-.2a13.376,13.376,0,0,1,2.531-.212l.431,0,.39,0a4.018,4.018,0,0,0,2.337-.517,3.334,3.334,0,0,0,1.573-2.783,4.3,4.3,0,0,1,2.1-3.409c2.682-2.03,2.469-3.471,1.875-5.286a4.852,4.852,0,0,1-.144-3.483M21.461,31.827c-.281,0-.587,0-.918,0a10.079,10.079,0,0,0,4.314-6.057q.081-.326.139-.655a12.4,12.4,0,0,1,.959-3.131,14.405,14.405,0,0,1,2.181-3.3,6.849,6.849,0,0,0,.457,2.713c.452,1.379.75,2.291-1.461,3.964a5.413,5.413,0,0,0-2.564,4.21,2.179,2.179,0,0,1-1.046,1.937,3.625,3.625,0,0,1-2.061.318m-4.222.449-.019,0a8.929,8.929,0,0,1-3.883,0l-.019,0c-.045-.013-.091-.026-.136-.041a9.41,9.41,0,0,1-6.513-6.7c-.037-.15-.069-.3-.1-.451h0c-.026-.192-.058-.38-.093-.566a9.334,9.334,0,0,1,.769-5.089,4.071,4.071,0,0,1,1.537-1.773,2.37,2.37,0,0,1,.21-.118,4.4,4.4,0,0,1,2.78-.364c.118.022.234.05.35.082s.24.069.359.108c.239.078.477.166.712.263h0a.5.5,0,0,0,.686-.369.51.51,0,0,0-.3-.563c-.252-.109-.508-.209-.77-.3-.134-.045-.265-.089-.4-.128s-.283-.077-.426-.105a5.5,5.5,0,0,0-1.754-.079c-.182.022-.363.053-.542.093l5.6-6,5.765,6.17q-.106-.031-.217-.059a4.818,4.818,0,0,0-1.8-.1,4.718,4.718,0,0,0-1.722.587,4.879,4.879,0,0,0-1.378,1.188,4.978,4.978,0,0,0-.854,1.6,5.267,5.267,0,0,0-.226,1.795,5.576,5.576,0,0,0,.113.9,5.82,5.82,0,0,0,.255.861c.1.277.4.878.427.921l-1.669.161a.395.395,0,0,0,.048.787h.006l2.391-.023a.524.524,0,0,0,.211-.047.514.514,0,0,0,.251-.683l-.027-.059a11.78,11.78,0,0,1-.687-1.413,4.548,4.548,0,0,1-.305-1.441,4.184,4.184,0,0,1,.844-2.746,3.823,3.823,0,0,1,2.453-1.46,4.024,4.024,0,0,1,1.469.054c.024.005.058.015.1.028a4.154,4.154,0,0,1,2.59,2.241,9.332,9.332,0,0,1,.765,5.075c-.035.187-.068.376-.094.569h0c-.029.151-.062.3-.1.451a9.411,9.411,0,0,1-6.513,6.7l-.137.041M9.1,31.827a3.625,3.625,0,0,1-2.061-.318A2.179,2.179,0,0,1,5.99,29.572a5.413,5.413,0,0,0-2.564-4.21C1.214,23.688,1.513,22.777,1.964,21.4a6.842,6.842,0,0,0,.457-2.713,14.41,14.41,0,0,1,2.182,3.3,12.4,12.4,0,0,1,.959,3.129q.059.329.139.656a10.078,10.078,0,0,0,4.314,6.056c-.331-.007-.637,0-.919,0M3.84,11.166c.327.65.664,1.2.973,1.7,1.128,1.828,1.943,3.15,1.017,7.489,0,0-.216.843-.287,1.274a15.138,15.138,0,0,0-2.987-4.256c-2.334-2.317-1.232-3.463.163-4.914a11.39,11.39,0,0,0,1.122-1.29M8.2,5.5c.23.657.507,1.308.779,1.943,1.232,2.881,2.4,5.6-.685,8.721l0,0c-.371.378-1.047,1.243-1.064,1.259a7.972,7.972,0,0,0-1.564-5.091A16.3,16.3,0,0,1,4.335,9.852c-.653-1.586.285-2.2,2-3.137A9.945,9.945,0,0,0,8.2,5.5M10.555,2.4a11.07,11.07,0,0,0,1.084-.425l.023-.011c.849-.4,2.133-1.015,2.687-.665.356.225.431.89.432,1.411v.6c0,6.236-.076,6.314-2.525,8.815l-1.147,1.171c.5-2.23-.391-4.319-1.212-6.24A20.394,20.394,0,0,1,8.89,4.373c-.326-1.218.274-1.486,1.665-1.976m8.363-.425A11.07,11.07,0,0,0,20,2.4c1.391.49,1.992.758,1.665,1.976a20.443,20.443,0,0,1-1.005,2.681c-.821,1.921-1.714,4.01-1.212,6.24L18.3,12.119c-2.446-2.5-2.52-2.579-2.522-8.811v-.6c0-.521.076-1.187.432-1.411.554-.35,1.837.26,2.686.665Zm7.3,7.88A16.3,16.3,0,0,1,24.9,12.339a7.97,7.97,0,0,0-1.562,5.123,9.9,9.9,0,0,0-1.065-1.291l0-.005c-3.08-3.118-1.917-5.84-.685-8.721.272-.636.549-1.287.779-1.943a9.948,9.948,0,0,0,1.867,1.212c1.713.941,2.651,1.552,2,3.137M28,17.369a15.14,15.14,0,0,0-2.987,4.256c-.071-.43-.287-1.274-.287-1.274-.926-4.339-.111-5.66,1.017-7.489.309-.5.646-1.047.973-1.7a11.351,11.351,0,0,0,1.122,1.29c1.395,1.451,2.5,2.6.163,4.914' transform='translate(0 0)' fill='%2308274c'/%3E%3C/g%3E%3Cpath id='Path_16870' data-name='Path 16870' d='M116.176,61.217h-2.555L109.8,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253H121.98L119.1,51.543h-.025Z' transform='translate(-73.056 -31.788)' fill='%2308274c'/%3E%3Crect id='Rectangle_332' data-name='Rectangle 332' width='2.431' height='12.253' transform='translate(56.638 17.175)' fill='%2308274c'/%3E%3Cpath id='Path_16871' data-name='Path 16871' d='M185.515,59.775a4.326,4.326,0,0,1-1.687-3.225l2.406-.372a2.967,2.967,0,0,0,.992,2.133,3.343,3.343,0,0,0,2.207.719,3.4,3.4,0,0,0,1.972-.509,1.615,1.615,0,0,0,.732-1.4,1.215,1.215,0,0,0-.57-1.1,6.932,6.932,0,0,0-1.984-.682l-1.836-.422a5.8,5.8,0,0,1-2.53-1.141,2.665,2.665,0,0,1-.893-2.133,2.94,2.94,0,0,1,.645-1.848,4.173,4.173,0,0,1,1.773-1.29,6.629,6.629,0,0,1,2.518-.459,5.565,5.565,0,0,1,3.373.98,3.8,3.8,0,0,1,1.563,2.691l-2.406.422a2.472,2.472,0,0,0-.806-1.637,2.639,2.639,0,0,0-1.8-.6,2.939,2.939,0,0,0-1.736.459,1.391,1.391,0,0,0-.645,1.178,1.047,1.047,0,0,0,.5.955,5.862,5.862,0,0,0,1.662.583l1.836.422a7.162,7.162,0,0,1,2.877,1.191,2.676,2.676,0,0,1,.918,2.208,3.349,3.349,0,0,1-.695,2.1,4.478,4.478,0,0,1-1.9,1.4,6.931,6.931,0,0,1-2.666.5,6.2,6.2,0,0,1-3.82-1.116' transform='translate(-123.172 -31.165)' fill='%2308274c'/%3E%3Cpath id='Path_16872' data-name='Path 16872' d='M231.585,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.247,5.247,0,0,1-2.047-2.208,7.437,7.437,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257A5.731,5.731,0,0,1,226,48.042a5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-147.763 -31.164)' fill='%2308274c'/%3E%3Cpath id='Path_16873' data-name='Path 16873' d='M263.078,61.217h-2.555L256.7,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253h-2.555L266,51.543h-.025Z' transform='translate(-172.509 -31.788)' fill='%2308274c'/%3E%3Cpath id='Path_16874' data-name='Path 16874' d='M326.962,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.248,5.248,0,0,1-2.047-2.208,7.438,7.438,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257,5.731,5.731,0,0,1,2.977-.794,5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-212.334 -31.164)' fill='%2308274c'/%3E%3Crect id='Rectangle_333' data-name='Rectangle 333' width='2.431' height='17.065' transform='translate(116.488 12.363)' fill='%2308274c'/%3E%3Crect id='Rectangle_334' data-name='Rectangle 334' width='2.431' height='17.065' transform='translate(121.523 12.363)' fill='%2308274c'/%3E%3C/g%3E%3C/svg%3E%0A")
    }

    body.reverse-osmosis-filter-page.menu-open #shopify-section-header .header-wrapper .header__menu-item,body.reverse-osmosis-filter-page.menu-open #shopify-section-header .header-wrapper .header__active-menu-item,body.mineral-filter-page.menu-open #shopify-section-header .header-wrapper .header__menu-item,body.mineral-filter-page.menu-open #shopify-section-header .header-wrapper .header__active-menu-item,body.carbon-filter-page.menu-open #shopify-section-header .header-wrapper .header__menu-item,body.carbon-filter-page.menu-open #shopify-section-header .header-wrapper .header__active-menu-item {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255 / var(--tw-text-opacity))!important
    }

    body.reverse-osmosis-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon svg path,body.mineral-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon svg path,body.carbon-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon svg path {
        fill: #fff!important
    }

    body.reverse-osmosis-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon .header__heading-link,body.mineral-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon .header__heading-link,body.carbon-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon .header__heading-link {
        position: relative
    }

    body.reverse-osmosis-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon .header__heading-link,body.mineral-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon .header__heading-link,body.carbon-filter-page.menu-open #shopify-section-header .header-wrapper .header__icon .header__heading-link {
        background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='122.954' height='31.148' viewBox='0 0 122.954 31.148'%3E%3Cg id='Group_243' data-name='Group 243' transform='translate(1972 -235.804)'%3E%3Cpath id='Path_16875' data-name='Path 16875' d='M116.176,61.217h-2.555L109.8,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253H121.98L119.1,51.543h-.025Z' transform='translate(-2046.056 202.712)' fill='%23ebf6fd'/%3E%3Crect id='Rectangle_336' data-name='Rectangle 336' width='2.431' height='12.253' transform='translate(-1916.362 251.676)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16876' data-name='Path 16876' d='M185.515,59.775a4.326,4.326,0,0,1-1.687-3.225l2.406-.372a2.967,2.967,0,0,0,.992,2.133,3.343,3.343,0,0,0,2.207.719,3.4,3.4,0,0,0,1.972-.509,1.615,1.615,0,0,0,.732-1.4,1.215,1.215,0,0,0-.57-1.1,6.932,6.932,0,0,0-1.984-.682l-1.836-.422a5.8,5.8,0,0,1-2.53-1.141,2.665,2.665,0,0,1-.893-2.133,2.94,2.94,0,0,1,.645-1.848,4.173,4.173,0,0,1,1.773-1.29,6.629,6.629,0,0,1,2.518-.459,5.565,5.565,0,0,1,3.373.98,3.8,3.8,0,0,1,1.563,2.691l-2.406.422a2.472,2.472,0,0,0-.806-1.637,2.639,2.639,0,0,0-1.8-.6,2.939,2.939,0,0,0-1.736.459,1.391,1.391,0,0,0-.645,1.178,1.047,1.047,0,0,0,.5.955,5.862,5.862,0,0,0,1.662.583l1.836.422a7.162,7.162,0,0,1,2.877,1.191,2.676,2.676,0,0,1,.918,2.208,3.349,3.349,0,0,1-.695,2.1,4.478,4.478,0,0,1-1.9,1.4,6.931,6.931,0,0,1-2.666.5,6.2,6.2,0,0,1-3.82-1.116' transform='translate(-2096.172 203.335)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16877' data-name='Path 16877' d='M231.585,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.247,5.247,0,0,1-2.047-2.208,7.437,7.437,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257A5.731,5.731,0,0,1,226,48.042a5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-2120.764 203.336)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16878' data-name='Path 16878' d='M263.078,61.217h-2.555L256.7,48.964h2.555l2.579,9.425h.025l2.828-9.425h2.579l2.852,9.425h.025l2.6-9.425h2.505l-3.82,12.253h-2.555L266,51.543h-.025Z' transform='translate(-2145.51 202.712)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16879' data-name='Path 16879' d='M326.962,55.012h-9.054a4.38,4.38,0,0,0,1.017,2.9,3.437,3.437,0,0,0,4.428.385,3.258,3.258,0,0,0,1.079-1.774l2.456.322a5.82,5.82,0,0,1-1.873,2.877,5.55,5.55,0,0,1-3.708,1.166,5.841,5.841,0,0,1-2.989-.756,5.248,5.248,0,0,1-2.047-2.208,7.438,7.438,0,0,1-.744-3.435,7.2,7.2,0,0,1,.769-3.4,5.562,5.562,0,0,1,2.108-2.257,5.731,5.731,0,0,1,2.977-.794,5.311,5.311,0,0,1,4.861,2.976,6.958,6.958,0,0,1,.719,3.2Zm-2.53-1.836a3.567,3.567,0,0,0-.918-2.27,2.755,2.755,0,0,0-2.133-.93,3.26,3.26,0,0,0-2.332.893,3.578,3.578,0,0,0-1.091,2.307Z' transform='translate(-2185.334 203.336)' fill='%23ebf6fd'/%3E%3Crect id='Rectangle_337' data-name='Rectangle 337' width='2.431' height='17.065' transform='translate(-1856.512 246.864)' fill='%23ebf6fd'/%3E%3Crect id='Rectangle_338' data-name='Rectangle 338' width='2.431' height='17.065' transform='translate(-1851.477 246.864)' fill='%23ebf6fd'/%3E%3Cg id='Group_241' data-name='Group 241' transform='translate(-1972 235.804)'%3E%3Cpath id='Path_16861' data-name='Path 16861' d='M70.913,39.551s.215.839.286,1.267a15.068,15.068,0,0,1,2.973-4.235c2.322-2.306,1.226-3.446-.162-4.889a11.369,11.369,0,0,1-1.117-1.284c-.325.647-.661,1.191-.968,1.689-1.123,1.819-1.934,3.134-1.012,7.452' transform='translate(-47.5 -20.485)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16862' data-name='Path 16862' d='M60.19,23.755l0,.005a9.845,9.845,0,0,1,1.06,1.284,7.932,7.932,0,0,1,1.555-5.1,16.2,16.2,0,0,0,1.32-2.475c.649-1.578-.284-2.185-1.989-3.122a9.885,9.885,0,0,1-1.858-1.206c-.229.653-.5,1.3-.775,1.934-1.226,2.867-2.383,5.575.682,8.678' transform='translate(-39.229 -8.854)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16863' data-name='Path 16863' d='M44.448,2.106c0,6.2.075,6.283,2.509,8.768L48.1,12.043c-.5-2.219.389-4.3,1.206-6.209a20.3,20.3,0,0,0,1-2.667c.325-1.212-.273-1.479-1.657-1.967A10.993,10.993,0,0,1,47.574.776L47.551.765C46.706.363,45.429-.244,44.878.1c-.354.224-.429.886-.43,1.4v.6' transform='translate(-29.942 0)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16864' data-name='Path 16864' d='M24.271,5.833c.817,1.911,1.706,3.99,1.206,6.209l1.142-1.165c2.438-2.489,2.511-2.567,2.513-8.772,0-.192,0-.389,0-.592V1.508c0-.519-.076-1.181-.43-1.4-.551-.348-1.828.259-2.673.661l-.023.011a11.108,11.108,0,0,1-1.078.423c-1.384.488-1.982.754-1.657,1.967a20.316,20.316,0,0,0,1,2.667' transform='translate(-15.618 0)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16865' data-name='Path 16865' d='M10.45,19.946a7.934,7.934,0,0,1,1.556,5.067c.018-.016.69-.876,1.059-1.253l0,0c3.065-3.1,1.908-5.811.682-8.678-.271-.632-.546-1.28-.775-1.934a9.885,9.885,0,0,1-1.858,1.206c-1.7.937-2.638,1.544-1.989,3.122a16.2,16.2,0,0,0,1.32,2.475' transform='translate(-6.011 -8.854)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16866' data-name='Path 16866' d='M4.322,40.818c.071-.428.286-1.268.286-1.268.922-4.318.11-5.633-1.012-7.452-.307-.5-.643-1.042-.968-1.689a11.405,11.405,0,0,1-1.117,1.284c-1.388,1.443-2.484,2.584-.162,4.889a15.073,15.073,0,0,1,2.973,4.235' transform='translate(0 -20.485)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16867' data-name='Path 16867' d='M5.394,60.39q-.081-.325-.138-.653A12.342,12.342,0,0,0,4.3,56.624a14.351,14.351,0,0,0-2.171-3.288,6.806,6.806,0,0,1-.455,2.7c-.449,1.373-.746,2.279,1.454,3.945A5.386,5.386,0,0,1,5.681,64.17,2.168,2.168,0,0,0,6.722,66.1a3.6,3.6,0,0,0,2.051.317c.28,0,.585,0,.914,0A10.031,10.031,0,0,1,5.394,60.39' transform='translate(-0.915 -35.929)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16868' data-name='Path 16868' d='M33.259,42.674c.037-.149.069-.3.1-.448h0c.026-.192.058-.38.093-.566a9.287,9.287,0,0,0-.761-5.05,4.133,4.133,0,0,0-2.577-2.23c-.043-.013-.078-.022-.1-.027a4,4,0,0,0-1.462-.054,3.8,3.8,0,0,0-2.441,1.453,4.164,4.164,0,0,0-.84,2.733,4.525,4.525,0,0,0,.3,1.434,11.783,11.783,0,0,0,.684,1.406h0l.027.059a.512.512,0,0,1-.249.68.524.524,0,0,1-.21.047l-2.38.023h-.005a.393.393,0,0,1-.049-.784l1.661-.16c-.023-.043-.321-.641-.425-.916a5.816,5.816,0,0,1-.254-.857,5.543,5.543,0,0,1-.112-.891,5.234,5.234,0,0,1,.225-1.786,4.949,4.949,0,0,1,.849-1.6A4.843,4.843,0,0,1,26.7,33.96a4.693,4.693,0,0,1,1.714-.585,4.789,4.789,0,0,1,1.8.1q.11.027.216.058l-5.737-6.14-5.57,5.97a5.35,5.35,0,0,1,2.285-.014c.143.029.284.065.424.105s.269.082.4.128c.26.089.516.19.766.3a.508.508,0,0,1,.3.56.5.5,0,0,1-.682.367h0c-.234-.1-.47-.185-.708-.262-.118-.038-.24-.075-.357-.107s-.231-.06-.348-.081a4.377,4.377,0,0,0-2.766.363,2.313,2.313,0,0,0-.209.117A4.048,4.048,0,0,0,16.7,36.6a9.286,9.286,0,0,0-.766,5.064c.035.185.067.373.093.563h0c.029.15.061.3.1.449A9.366,9.366,0,0,0,22.6,49.343l.136.04.019,0a8.886,8.886,0,0,0,3.864,0l.019,0,.137-.041a9.365,9.365,0,0,0,6.481-6.669M20.185,38.951a1.018,1.018,0,0,1-.944-1.4,2.462,2.462,0,0,0-.811.54l-.7-.7a3.478,3.478,0,0,1,4.913,0l-.7.7a2.462,2.462,0,0,0-.811-.54,1.018,1.018,0,0,1-.944,1.4M26.671,46l-.016.032a1.551,1.551,0,0,1-.389.471,2.393,2.393,0,0,1-.237.168c-.04.026-.083.047-.125.07a1.3,1.3,0,0,1-.129.063,2.659,2.659,0,0,1-1.1.221,2.7,2.7,0,0,1-1.085-.235c-.043-.018-.085-.042-.126-.063s-.083-.043-.123-.069a2.625,2.625,0,0,1-.233-.165,1.676,1.676,0,0,1-.4-.46L22.7,46a.034.034,0,0,1,.018-.048.046.046,0,0,1,.027,0l.241.048.242.04.242.037.243.03a8.729,8.729,0,0,0,.977.058,7.861,7.861,0,0,0,.976-.047l.242-.03.241-.039.24-.044.238-.054a.042.042,0,0,1,.05.026.032.032,0,0,1,0,.024m1.286-1.466a5.833,5.833,0,0,1-.819.414,2.513,2.513,0,0,1-.633.1c-.114,0-.506-.13-.729-.13a10.633,10.633,0,0,0-1.085.2,10.643,10.643,0,0,0-1.085-.2c-.223,0-.615.13-.728.13a2.513,2.513,0,0,1-.633-.1,5.8,5.8,0,0,1-.819-.414.245.245,0,0,1-.082-.329.249.249,0,0,1,.232-.111l.024,0a7.391,7.391,0,0,0,.775.167,1.693,1.693,0,0,0,.578-.119,1.638,1.638,0,0,1,.777-.3c.2,0,.671.163.886.173h.147c.214-.009.688-.175.886-.173a1.635,1.635,0,0,1,.777.3,1.7,1.7,0,0,0,.578.119,7.379,7.379,0,0,0,.776-.167l.024,0a.25.25,0,0,1,.233.111.245.245,0,0,1-.082.329m2.16-6.6a1.019,1.019,0,1,1-1.963-.384,2.471,2.471,0,0,0-.811.54l-.7-.7a3.478,3.478,0,0,1,4.913,0l-.7.7a2.462,2.462,0,0,0-.811-.54,1.013,1.013,0,0,1,.075.384' transform='translate(-10.681 -18.452)' fill='%23ebf6fd'/%3E%3Cpath id='Path_16869' data-name='Path 16869' d='M66.534,53.336a14.314,14.314,0,0,0-2.171,3.287,12.348,12.348,0,0,0-.955,3.116q-.057.327-.138.652a10.034,10.034,0,0,1-4.293,6.027c.329-.007.633,0,.914,0a3.606,3.606,0,0,0,2.051-.317,2.168,2.168,0,0,0,1.04-1.928,5.386,5.386,0,0,1,2.552-4.189c2.2-1.666,1.9-2.572,1.454-3.945a6.806,6.806,0,0,1-.455-2.7' transform='translate(-39.73 -35.929)' fill='%23ebf6fd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")!important
    }
}

@media (min-width: 750px) {
    .md\:block {
        display:block
    }

    .md\:hidden {
        display: none
    }

    .md\:pl-\[30px\] {
        padding-left: 30px
    }
}

@media (min-width: 990px) {
    .lg\:order-2 {
        order:2
    }

    .lg\:order-3 {
        order: 3
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-5 {
        order: 5
    }

    .lg\:order-4 {
        order: 4
    }

    .lg\:col-span-7 {
        grid-column: span 7 / span 7
    }

    .lg\:col-start-6 {
        grid-column-start: 6
    }

    .lg\:row-start-3 {
        grid-row-start: 3
    }

    .lg\:row-start-4 {
        grid-row-start: 4
    }

    .lg\:my-\[200px\] {
        margin-top: 200px;
        margin-bottom: 200px
    }

    .lg\:my-\[150px\] {
        margin-top: 150px;
        margin-bottom: 150px
    }

    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:my-\[90px\] {
        margin-top: 90px;
        margin-bottom: 90px
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mt-\[70px\] {
        margin-top: 70px
    }

    .lg\:mt-\[100px\] {
        margin-top: 100px
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:grid-flow-row {
        grid-auto-flow: row
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-rows-6 {
        grid-template-rows: repeat(6,minmax(0,1fr))
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:p-\[100px\] {
        padding: 100px
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .lg\:px-\[100px\] {
        padding-left: 100px;
        padding-right: 100px
    }

    .lg\:pr-\[40px\] {
        padding-right: 40px
    }

    .lg\:pr-\[50px\] {
        padding-right: 50px
    }

    .lg\:pr-\[130px\] {
        padding-right: 130px
    }

    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:text-\[36px\] {
        font-size: 36px
    }

    .lg\:text-\[16px\] {
        font-size: 16px
    }

    .lg\:text-\[48px\] {
        font-size: 48px
    }
}

@media (min-width: 1200px) {
    .xl\:my-\[150px\] {
        margin-top:150px;
        margin-bottom: 150px
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:pr-\[120px\] {
        padding-right: 120px
    }

    .xl\:pr-\[100px\] {
        padding-right: 100px
    }
}

@media (min-width: 1600px) {
    .xxl\:my-\[90px\] {
        margin-top:90px;
        margin-bottom: 90px
    }
}

#shopify-section-announcement-new {
    display: none;
    visibility: hidden;
    height: 0;
}

body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__iconsvg path, body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__menu-item .icon-caret path, body.full-spectrum-filtration-page:not(.menu-open) #shopify-section-header .header-wrapper.header-transparent-primary .header__icon .icon path {
    fill: #fff !important;
}

.product__title {
    margin-bottom: 17px;
}

.product__title h1 {
    font-size: 42px;
}

.price .price__sale .price-item.price-item--regular {
    font-size: 19px;
}

.price .price__sale .price-item.price-item--sale {
    font-size: 26px;
}

.product-form__input {
    margin: 0 0 0.2rem;
}

.variants .product-form__input input[type="radio"] + label {
    font-size: 13px;
}

.product__description.rte p {
    font-size: 14px;
}

.product__description.rte.larger p {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
}

.product__info-container .product-form, .product__info-container .product__description {
    margin-top: 1.5rem;
}

.deferred-media button.underline.text-\[16px\].md\:pl-\[30px\] {
    font-size: 14px;
}

.product-page .subscriptopnswise .tabwise .tablinks h1 {
    font-size: 42px;
}

.product-page .two-column.img-right.img-top.h-light.normal-width h2 {
    font-size: 42px;
}

.i-filter-hero img {
    max-height: 50vh;
}

.subnotice {
    max-width: 500px;
}

.subnotice ul {
    margin-top: 20px;
}

.subnotice ul li {
    width: 48%;
    /* padding-top: 12px; */
    float: left;
    font-size: 14px;
    position: relative;
    /* padding-left: 42px; */
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.subnotice ul li img {
    /*     position: absolute;
    display: block; */
    height: 32px;
    margin-right: 1rem;
    /*     left: 0;
    top: 6px; */
}

.subnotice .dateval {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 16px;
    color: #999;
}

@media (max-width: 749px) {
    .i-filter-hero img {
        max-height: 33vh;
    }
}

.pagination {
    margin-top: 40px;
}

.page-page .accordion h2 {
    font-size: 24px !important;
}

.accordion__content {
    border-color: #e5e7eb;
}

.accordion summary {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.faq-hero h1 {
    color: #08274d;
}

section.hero.faq-hero {
    background: #fff;
    padding-top: 10rem;
    padding-bottom: 3rem;
    margin-bottom: -40px;
}

.page-page .accordion h2 {
    font-family: var(--font-body-family) !important;
    font-size: 20px !important;
}

.accordion__content {
    font-size: 16px;
}

section.hero.page-hero {
    background: #fff;
    padding-top: 10rem;
    padding-bottom: 3rem;
    margin-bottom: -40px;
}

section.hero.page-hero h1 {
    color: #000;
}

.section-about section.about-hero::before {
    background-image: url("https://cdn.shopify.com/s/files/1/0625/2553/8517/files/download.svg?v=1650459392");
}


@media only screen and (max-width: 767px) {
    .product-page .subscriptopnswise .tabwise .tablinks h1 {
        font-size: 26px;
    }

    .product-page .two-column.img-right.img-top.h-light.normal-width h2 {
        font-size: 26px;
    }

    body.carbon-filter-page h2, body.mineral-filter-page h2, body.reverse-osmosis-filter-page h2 {
        font-size: 24px;
    }

}


.button {
    font-size: 18px;
    /* font-weight: bold; */
}

.button.wide {
    width: 100%;
    box-sizing: border-box;
}

.variants .product-form__input input[type="radio"] + label {
    padding-left: 0;
}

.tandclink {
    display: block;
    font-size: 14px;
    margin-top: 20px;
}

.tandclink .down {
    display: inline-block;
}

.tandclink .up {
    display: none;
}

.tandclink.active .down {
    display: none;
}

.tandclink.active .up {
    display: inline-block;
}

.termsandconditions {
    margin-top: 20px;
}

.termsandconditions p {
    font-size: 14px;
    margin-bottom: 16px;
}

.termsandconditions ul, .termsandconditions ul li {
    width: auto;
    max-width: 500px;
    font-size: 14px;
}

.termsandconditions ul {
    margin-bottom: 16px;
    margin-top: 16px;
}

.termsandconditions ul li {
    list-style: disc;
    margin-left: 20px;
    padding-left: 10px;
    margin-bottom: 8px;
}

@media screen and (max-width: 700px) {
    .section-product-preorder .product__media-wrapper {
        padding: 0;
    }

    .subnotice ul li {
        min-height: 54px;
    }
}

@media (min-width: 1200px) {
    .product__media-wrapper {
        padding-right: 0;
    }
}

.oceans-main-page {
    padding-top: 80px;
}

.oceans-main-page p {
    font-size: 22px;
}

.oceans-main-page .banner {
    padding-top: 30vh;
    padding-bottom: 30vh;
    background-size: cover;
    background-image: url(https://cdn.shopify.com/s/files/1/0625/2553/8517/files/main-bg-darker.jpg?v=1654530871)
}

.oceans-main-page .banner .inner {
    max-width: 860px;
    text-align: center;
    color: white;
    margin: 0 auto;
}

.oceans-main-page .banner .inner h1, .oceans-main-page .banner .inner p {
    color: white;
    margin-bottom: 16px;
}

.oceans-main-page .subfeature {
    padding-top: 30px;
    padding-bottom: 30px;
    background: rgba(204, 204, 204, 0.2);
    text-align: center;
}

.oceans-main-page .subfeature li {
    width: 130px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    padding-top: 80px;
    font-size: 14px;
    text-align: center;
    line-height: 19px;
    font-style: normal;
    background-size: 60px auto;
    background-position: top center;
    background-repeat: no-repeat;
    vertical-align: top;
}

.oceans-main-page .halfbanner {
    background-size: cover;
    background-image: url(https://cdn.shopify.com/s/files/1/0625/2553/8517/files/plastic-bg.jpg?v=1654523360);
}

.oceans-main-page .halfbanner .logo {
    width: 100px;
    height: 120px;
    background: url(https://cdn.shopify.com/s/files/1/0625/2553/8517/files/wisewell-logo.svg?v=1654523601) top center no-repeat;
    margin: 0 auto;
    margin-bottom: 10px;
}

.oceans-main-page .halfbanner .inner {
    background: rgba(20, 51, 91, 0.8);
    padding-top: 15vh;
    padding-bottom: 15vh;
    width: 50%;
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center;
    float: right;
}

.oceans-main-page .halfbanner .inner.la {
    text-align: left;
    background: transparent;
    padding-top: 40vh;
    padding-bottom: 40vh;
    width: 60%;
}

.oceans-main-page .halfbanner .inner.left {
    float: left;
    background: #112343;
}

.oceans-main-page .halfbanner .inner.left blockquote {
    font-size: 27px;
    font-weight: bold;
    font-style: normal;
    color: white;
    margin-bottom: 16px;
}

.oceans-main-page .halfbanner .inner h2, .oceans-main-page .halfbanner .inner p {
    color: white;
}

.oceans-main-page .halfbanner .inner.la h2, .oceans-main-page .halfbanner .inner.la p {
    color: #28365D;
}

.oceans-main-page .halfbanner .inner h2 {
    font-size: 40px;
    margin-bottom: 20px;
}

.oceans-main-page .halfbanner .inner h2 strong {
    font-size: 56px;
}

@media screen and (max-width: 700px) {
    .oceans-main-page {
        padding-top: 50px;
    }

    .oceans-main-page .subfeature li {
        width: 90px;
        background-size: 50px auto;
        padding-top: 60px;
    }

    .oceans-main-page .banner .inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .oceans-main-page .banner .inner h1 {
        font-size: 38px;
    }

    .oceans-main-page .halfbanner .inner, .oceans-main-page .halfbanner .inner.la, .oceans-main-page .halfbanner .inner.left {
        width: auto;
        float: none;
        padding: 80px 40px;
    }

    .oceans-main-page .halfbanner .inner.la {
        background: rgba(255, 255, 255, 0.7);
    }

    .oceans-main-page .halfbanner .inner.left blockquote {
        font-size: 20px;
    }
}

.product-form__input {
    display: flex;
    flex-wrap: wrap;
}

.variants .product-form__input input[type=radio]+label {
    flex: 1 0 25%;
    text-align: left;
}

@media(max-width: 749px) {
    .variants .product-form__input input[type=radio]+label {
        flex: 1 0 45%;
    }
}

h1, h2, h3 {
    letter-spacing: 0.1px !important;
    line-height: 50pt !important;
    text-transform: none !important;
    FONT-WEIGHT: 405;
}

@media(max-width: 749px) {
    h1, h2 , h3 {
        line-height: 35pt !important;
    }
}

.lang-ar, .lang-ar p, .lang-ar h1, .lang-ar h2, .lang-ar h3, .lang-ar h4, .lang-ar h5, .lang-ar h6, .lang-ar span, .lang-ar a, .lang-ar ul, .lang-ar tr, .lang-ar th {
    direction: rtl;
    text-align: right !important;
    list-style: none !important;
}

.lang-ar tr {
    display: flex;
    flex-direction: row-reverse;
}

.lang-ar tr th, .lang-ar tr td {
    flex: 0 0 50%;
}

.subnotice .lang-ar {
    display: flex;
    /*   flex-direction: row-reverse; */
}

.subnotice .lang-ar img {
    margin-right: 0;
    margin-left: 1rem;
}

.filter-hero.lang-ar .container div {
    margin-left: auto;
    padding-right: 2.5rem;
}

.hide-menu {
    display: none;
}

.lang-ar .termTitle {
    padding-right: 0;
}

.lang-ar .product-form__submit {
    margin-left: auto;
}

.product-page-ar {
    justify-content: flex-end;
}

.lang-ar-hero .hero-content div {
    margin-left: auto;
    text-align: right;
    direction: rtl;
}


.lang-ar-header {
    direction: rtl;
}

.lang-ar-header .menu-drawer__menu-item>.icon-arrow {
    left: 2.5rem;
    right: auto;
}

.menu-drawer .lang-ar-header summary.menu-drawer__menu-item {
    padding-right: 2.7rem !important;
}

.section-faq .lang-ar summary .icon-caret {
    right: auto;
    left: 1.5rem;
}

.product-page-ar {
    direction: rtl;
    justify-content: flex-start;
}

.product-page-ar .UAEPriceOption {
    padding-right: 1em;
}

/* .subnotice .lang-ar img{
  padding-right: 10px;
} */
.product__info-ar {
    direction: rtl;
}

.product__info-ar .modal-subscription .deferred-media {
    direction: rtl;
}

.product__info-ar .modal-subscription .deferred-media input {
    margin-right: 0;
    margin-left: 0.5em;
}

.product__info-ar .product__description {
    margin-left: auto;
}

.product__info-ar .product-submit {
    margin-left: auto;
}

.product__info-ar .subnotice {
    margin-left: auto;
}

.two-column-ar {
    direction: rtl;
}

.simple-lang-ar {
    direction: rtl;
}

.lang-ar-radio {
    direction: rtl;
}

.lang-ar-radio .product-form__input label {
    padding-right: 0 !important;
}

.product__info-container .lang-ar-radio .product-form__input input[type=radio]+label>span {
    margin-right: 0 !important;
    margin-left: 1.5em;
}

.lang-ar .product__description ul {
    list-style: circle !important;
}

.header-lang-ar li {
    text-align: right;
}


.lang-ar p.termsAndConditionSubBox {
    font-size: 14px;
    padding-top: 1em;
    padding-bottom: 1em;
}

.shopify-challenge__button {
    color: #fff;
    border: 1px solid #000;
    background: #000;
}

.home-grid-ar .info {
    direction: rtl;
}

.shipping-policy-ul-ar {
    list-style: circle !important;
}

.main-page.lang-ar {
    padding-right: 1rem;
}

.main-page.lang-ar ul {
    padding-left: 0;
    padding-right: 2rem;
}

.language-popup-cstm-main {
    background-color: #ebebeb;
}

.language-popup-cstm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    font-family: 'Basel Grotesk', sans-serif;
}

.language-popup-cstm-text {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
}

.language-popup-cstm-icon {
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

.change-language-cstm {
    cursor: pointer;
    text-decoration: underline;
}



.vat-text {
    font-size: 12px;
    font-weight: 400;
    display: block;
    color: gray;
}

.price__container {
    margin-bottom: 0 !important;
}

.privacy-policy h3 {
    font-weight: bold !important;
}


@media(max-width: 600px) {
    .language-popup-cstm-text {
        display: flex;
        flex-direction: column;
    }
}

.product-form .shopify-payment-button {
    margin-top: 12px;
}

.product-form .shopify-payment-button button {
    display: none;
}

.product__info-wrapper .product-submit, .product__info-container div#tabbyPromo {
    max-width: 500px;
}

@media (min-width: 992px) {
    .product__info-wrapper .product__title {
        max-width: 570px;
    }
}

@media (max-width: 991px) {
    .product-submit {
        max-width: 100%!important;
    }

    .product-submit .subnotice {
        max-width: 100%;
    }
}

.subnotice ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product__info-wrapper .product__title img {
    width: auto!important;
    max-width: 100%;
    display: none;
}

.campaing-tag {
    width: fit-content;
    background: #000000;
    border-radius: 6px;
    padding: 6px 10px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
}

#lifestyleSlider {
    position: relative;
}

.variants .product-form__input input[type=radio]+label>span.text-field {
    display: block!important;
    height: auto!important;
    width: auto!important;
    background: #ccc;
    padding: 12px 20px!important;
    border-radius: 2px!important;
    margin-right: 0!important;
    border: 1px solid #CCCCCC!important;
    font-size: 15px;
    line-height: 18px;
}

.variants .product-form__input input[type=radio]+label {
    flex: 0 auto;
    margin-right: 20px;
    padding-right: 0;
}

.variants .product-form__input input[type=radio]:checked+label>span.text-field {
    border-width: 2px!important;
    background: #F2F2F2!important;
    border: 2px solid #000000!important;
}

fieldset.product-form__input .form__label {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}

fieldset.product-form__input .form__label span {
    font-weight: 300;
}

.product-form__submit[aria-disabled=true]+.shopify-payment-button, .product-form__submit[disabled]+.shopify-payment-button {
    display: block;
    height: 0;
}

.product-form__submit[aria-disabled=true]+.shopify-payment-button div, .product-form__submit[disabled]+.shopify-payment-button div {
    display: none;
}

.variants .product-form__input input[type=radio]+label.out-of-stock span span:before {
    content: '';
    width: 1px;
    display: block;
    border-bottom: 1px solid #ccc;
    width: 140%;
    transform: rotate(45deg);
    transform-origin: left;
}

.variants .product-form__input input[type=radio]:checked+label.out-of-stock>span>span:before {
    border-color: #000;
    border-bottom-width: 2px;
}

html[lang="ar"] .variants .product-form__input input[type=radio]+label.out-of-stock {
    direction: ltr;
}

.subnotice .dateval {
    border: 1px solid #CCCCCC;
    margin-top: 16px;
    padding: 12px 10px;
    text-align: left;
    font-style: normal;
    font-size: 14px!important;
    line-height: 17px;
    font-weight: 500;
    color: #000000;
    display: flex;
    align-items: flex-start;
}

.subnotice .dateval:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_277_2303)'%3E%3Cpath d='M8.00004 18.6666C11.6819 18.6666 14.6667 15.6819 14.6667 12C14.6667 8.31808 11.6819 5.33331 8.00004 5.33331C4.31814 5.33331 1.33337 8.31808 1.33337 12C1.33337 15.6819 4.31814 18.6666 8.00004 18.6666Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 14.6667V12' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 9.33331H8.00778' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_277_2303'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 10px;
    flex: 0 20px;
    max-width: 16px;
}

html[lang="ar"] .subnotice .dateval:before {
    margin-right: 0;
    margin-left: 10px;
}

html[lang="ar"] .subnotice .dateval {
    text-align: right;
}

.icon-caret {
    max-height: 0.6rem;
}

.c-certificates {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0!important;
    margin-bottom: 40px;
    gap: 10px;
}

.c-certificates .c-certificates-row {
    flex: 0 calc(25% - 10px);
}

.c-certificates .c-certificates-row > * {
    flex: 0 100%;
}

.c-certificates .c-certificates-row {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.c-certificates .c-certificates-row > img {
    max-width: 80px;
}

.c-certificates .c-certificates-row > div {
    margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .c-certificates .c-certificates-row {
        flex: 0 calc(50% - 10px);
    }

    .c-certificates {
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .c-certificates .c-certificates-row {
        flex: 0 100%;
    }

    .c-certificates {
        gap: 10px;
    }

    .c-certificates + span, .c-certificates + span + a, .c-certificates + span + a + span {
        padding: 0 10px;
        display: inline-block;
    }
}

.c-certificates .c-certificates-row > div > * {
    text-align: center!important;
}


.section-product-filter-desc svg {
    max-height: unset;
}

.footer__content-top .grid {
    display: flex;
}

body.gradient.full-spectrum-filtration-page .section-footer-padding {
    margin-top: 0;
}

p.announcement-bar__message.h5 {
    line-height: 20px!important;
}

.dropdown-click h2,
.dropdown-click-2 h2 {
    position: relative;
    cursor: pointer;
    display: inline;
}
.dropdown-click h2:before,
.dropdown-click-2 h2:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: #333;
    right: -34px;
    top: 50%;
}
.dropdown-click h2:after,
.dropdown-click-2 h2:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 20px;
    background-color: #333;
    right: -26px;
    top: 32%;
}

.dropdown-table,
.dropdown-table-2 {
    display: none;
}

body .section-footer-padding {
    margin-top: 0;
}

h4.counters,
h4.counter{
    line-height: 1.2!important;
}

/* Edit App section */
.videos-sections {
    display: flex;
    flex-wrap: wrap;
    gap: 59px;
}

.videos-sections .videos-wrapper {
    flex: 1;
}

.videos-sections .videos-title {
    flex: 0 35%;
}

.videos-sections .videos-title .video-section-title-change {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 13px;
    transition: all 0.5s;
    border-left: 2px solid transparent;
    cursor: pointer;
}

.videos-sections .videos-title .video-section-title-change .title {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px!important;
    margin: 0;
    transition: all 0.5s;
}

.videos-sections .videos-title .wrapper-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.645px;
    opacity: 1;
    color: rgb(var(--color-foreground));
    margin-bottom: 12px;
}

.videos-sections .videos-title .videos-title-wrapper {
    border-radius: 7px;
    border: 1px solid #444;
    padding: 12px 0;
}

.videos-sections .videos-title .video-section-title-change:hover,
.videos-sections .videos-title .video-section-title-change.active {
    border-left: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.08);
}

.videos-sections .videos-title .video-section-title-change:hover .title,
.videos-sections .videos-title .video-section-title-change.active .title {
    color: rgb(var(--color-foreground));
}

.videos-sections .videos-wrapper .video-block deferred-media {
    border-radius: 10px;
}

.videos-sections .videos-wrapper .video-block .video-description {
    font-size: 18px;
    font-style: normal;
    font-weight: 430;
    line-height: 140%;
    margin-top: 30px;
}

.videos-sections .videos-wrapper .video-block .video-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
    color: rgb(var(--color-foreground));
}

.videos-sections .videos-wrapper .video-block {
    display: none;
}

.videos-sections .videos-wrapper .video-block.active {
    display: block;
}

.single-section-video .video-info {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 754px;
}

.single-section-video .video-info .video-title {
    color: rgba(var(--color-foreground),1);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px;
}

.single-section-video .video-info .video-description {
    font-size: 18px;
    font-style: normal;
    font-weight: 430;
    line-height: 140%;
}

@media (max-width: 767px) {
  .videos-sections .videos-title {
    flex: 0 100%;
  }
}

.videos-sections .videos-title .cta-wrapper {
    margin-top: 30px;
}

.videos-sections .videos-title .cta-wrapper a {
    display: flex;
    padding: 11px 18px;
    gap: 10px;
    align-items: center;
    width: fit-content;
    background: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.645px;
    line-height: 24px;
}

@media (max-width: 767px) {
  .videos-sections .videos-wrapper .video-block .video-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
  }
  
  .videos-sections .videos-wrapper .video-block .video-description {
      font-size: 16px;
      font-style: normal;
      font-weight: 430;
  }
  
  .videos-sections .videos-title .wrapper-title {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
  }
  
  .videos-sections .videos-title .video-section-title-change .title {
      font-size: 14px;
  }
}
/* End Edit App section */