/** Shopify CDN: Minification failed

Line 338:0 All "@import" rules must come first

**/
@font-face{
    font-family:Cordale;
    font-style:normal;
    font-weight:400;
    src:url(/cordale/Cordale_W_Rg.woff2) format("woff2")
}
@font-face{
    font-family:Cordale;
    font-style:normal;
    font-weight:700;
    src:url(/cordale/Cordale_W_Bd.woff2) format("woff2")
}
@font-face{
    font-family:Cordale;
    font-style:italic;
    font-weight:400;
    src:url(/cordale/Cordale_W_It.woff2) format("woff2")
}
@font-face{
    font-family:Cordale;
    font-style:italic;
    font-weight:700;
    src:url(/cordale/Cordale_W_BdIt.woff2) format("woff2")
}
*,body,html{
    box-sizing:border-box
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1;
    background-color:#fffaef;
    max-width:100%;
    max-width:100vw;
    overflow-x:hidden
}
strong{
    font-weight:700
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
a{
    color:inherit;
    text-decoration:none
}
.styles_cart_content__oX72m{
    flex:1 1 auto;
    display:flex;
    flex-flow:column nowrap;
    justify-content:flex-start;
    align-items:flex-start;
    position:relative;
    margin:0;
    padding:0;
    overflow-x:hidden
}
.styles_loading__dYZ87{
    position:absolute;
    top:0;
    background:#ffffff73;
    left:0;
    z-index:9;
    display:flex;
    flex-flow:column;
    justify-content:center;
    width:100%;
    align-content:center;
    align-items:center;
    height:100%
}
.styles_shopnow_btn__eSndU{
    padding:10px 60px;
    font-weight:600;
    background-color:#fdd330;
    display:flex;
    cursor:pointer;
    outline:none;
    border-radius:30px;
    border:0;
    opacity:1
}
.styles_shopnow_btn__eSndU:hover{
    background-color:#fde37c
}
.styles_done__BPgD3{
    position:absolute;
    top:0;
    background:#ffffff73;
    left:0;
    z-index:9;
    display:none;
    justify-content:center;
    width:100%;
    align-content:center;
    align-items:center;
    height:100%
}
.styles_checkout_btn__FmvPE{
    width:100%;
    padding:10px;
    height:60px;
    background-color:#fdd330;
    margin-top:20px;
    display:flex;
    cursor:pointer;
    outline:none;
    border-radius:30px;
    border:0;
    opacity:1
}
.styles_checkout_btn__FmvPE:hover{
    background-color:#fde37c
}
.styles_checkout_btnspan__jUaJc{
    display:flex;
    height:100%;
    align-items:center;
    font-size:20px;
    color:#274736;
    width:80%;
    justify-content:center;
    font-weight:700;
    font-size:24px;
    width:100%
}
.styles_free_shipping_label__yWCrO{
    text-align:center;
    color:#000001;
    margin:10px 0
}
.styles_guarantee_label__IqUIj{
    bottom:0;
    left:0;
    width:100%;
    padding:10px 0;
    background-color:#001f5b;
    color:#fff;
    text-align:center;
    border:2px solid #001f5b
}
.styles_cartItem__jXNk1{
    border-bottom:1px;
    border-style:solid;
    border-color:#dae0dd;
    display:grid;
    grid-template-columns:90px 1fr 90px;
    grid-template-rows:1fr;
    grid-column-gap:15px;
    -moz-column-gap:15px;
    column-gap:15px;
    align-items:center;
    justify-items:stretch;
    justify-content:start
}
.styles_cartItemPrice__W8Kf0{
    text-align:right
}
.styles_item_imglink__hyDWd{
    text-decoration:none;
    color:#4029a3
}
.styles_item_img__MVuhQ{
    display:block;
    margin:0;
    padding:5px;
    width:auto;
    min-width:auto;
    max-width:100%;
    height:auto
}
.styles_item_info__BvWIA{
    flex:1 1 auto;
    display:flexbox;
    flex-flow:row wrap;
    align-items:center;
    align-content:center;
    padding:0 0 0 20px;
    width:calc(100% - 90px)
}
.styles_item_info__BvWIA,.styles_itemdescholder__UWJRB{
    display:flex;
    justify-content:flex-start;
    position:relative;
    margin:0
}
.styles_itemdescholder__UWJRB{
    flex-flow:column;
    padding:5px
}
.styles_itemdesc_heading__C4dN3{
    margin:0;
    line-height:24px;
    font-weight:700
}
.styles_quantityControl__pDKjJ{
    display:flex;
    align-items:center;
    font-weight:400;
    line-height:24px
}
.styles_itemdesc_desc__TbkCy{
    margin:0;
    padding:0;
    width:100%;
    font-size:16px;
    line-height:24px;
    display:grid
}
.styles_item_delete__00lVY{
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    margin:0;
    outline:none;
    border:none;
    box-shadow:none;
    background:none;
    cursor:pointer;
    padding:0;
    width:20px;
    min-width:auto;
    height:20px;
    min-height:auto;
    line-height:24px;
    color:#999;
    font-size:12px
}
.styles_item_pricehold__kF5i7{
    margin:5px 0 0;
    padding:0;
    width:50%;
    text-align:right;
    line-height:16px;
    font-size:16px
}
.styles_item_price__qozgP{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    color:#274736
}
.styles_quantitydiv__dG8SY{
    margin:10px 0 0;
    padding:0;
    width:50%;
    text-align:left
}
.styles_qtyspan__Pk75K{
    color:#232323;
    background:none;
    display:block;
    margin:0;
    outline:none;
    border:none;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    padding:0;
    width:36px;
    min-width:auto;
    height:24px;
    min-height:auto;
    text-align:center;
    line-height:24px;
    font-size:16px;
    background:#fff
}
.styles_srspan__gMhyp{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.styles_qtybutton__3NSKX{
    color:#333;
    background:#fff;
    display:block;
    margin:0;
    outline:none;
    border:none;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    padding:0;
    width:36px;
    min-width:auto;
    height:24px;
    min-height:auto;
    text-align:center;
    line-height:24px;
    font-size:18px;
    font-weight:700
}
.styles_stydiv__GwuzD{
    display:inline-box;
    display:-moz-inline-flex;
    display:inline-flexbox;
    display:inline-flex;
    flex-flow:row nowrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
    margin:0;
    border:1px solid #eee;
    padding:0;
    width:auto
}
@import"https://use.typekit.net/vvp5gug.css";
*{
    padding:0;
    margin:0;
    outline:0;
    box-sizing:border-box
}
:after,:before{
    box-sizing:inherit
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
template{
    display:none
}
body{
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    text-size-adjust:none
}
audio,iframe,img,object,video{
    max-width:100%
}
iframe,img{
    border:0
}
img{
    height:auto;
    display:inline-block;
    vertical-align:middle
}
b,strong{
    font-weight:700
}
address{
    font-style:normal
}
svg:not(:root){
    overflow:hidden
}
a,button,input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit],label[for]{
    cursor:pointer
}
a[href^=tel],button[disabled],input[disabled],select[disabled],textarea[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0
}
a[href^=tel],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none;
    appearance:none
}
textarea{
    overflow:auto
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:inherit;
    color:inherit
}
button,select{
    text-transform:none
}
table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0
}
nav ol,nav ul{
    list-style:none outside none
}
input::-moz-placeholder{
    color:inherit;
    opacity:1
}
input:-ms-input-placeholder{
    color:inherit;
    opacity:1
}
input::placeholder{
    color:inherit;
    opacity:1
}
textarea::-moz-placeholder{
    color:inherit;
    opacity:1
}
textarea:-ms-input-placeholder{
    color:inherit;
    opacity:1
}
textarea::placeholder{
    color:inherit;
    opacity:1
}
input:-webkit-autofill{
    -webkit-text-fill-color:inherit;
    -webkit-box-shadow:inset 0 0 0 1000px #fff
}
input[type=button],input[type=date],input[type=email],input[type=search],input[type=submit],input[type=tel],input[type=text],textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

html{
    font-size:16px
}
body{
    background-color:#fcf6ef;
    font-family:aktiv-grotesk,sans-serif;
    font-style:normal;
    font-weight:300;
    color:#001f5b;
    line-height:1.5
}
section{
    padding:2rem 0
}
.flex-inner{
    width:100%
}
.flex-col{
    flex-direction:column
}
.flex-col,.flex-row{
    width:100%;
    display:flex
}
.flex-row{
    flex-direction:row
}
.italic{
    font-style:italic
}
.col-6{
    width:50%;
    float:left
}
.mb-0{
    margin-bottom:0
}
.mb-20{
    margin-bottom:20px!important
}
.mb--10{
    margin-bottom:-10px
}
.pdt-10{
    padding-top:10px
}
.container{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:0 20px
}
.container-fluid{
    padding-left:20px;
    padding-right:20px
}
.row{
    margin-right:-20px;
    margin-left:-20px
}
.cl{
    clear:both
}
.b{
    font-weight:700
}
.u{
    text-decoration:underline
}
.fw-400{
    font-weight:400
}
.nowrap{
    white-space:nowrap
}
.i{
    font-style:italic
}
.lineheight-1{
    line-height:1
}
.lineheight-1-2{
    line-height:1.2
}
.lineheight-1-5{
    line-height:1.5
}
.rotateimg180{
    transform:rotate(180deg)
}
.strikethrough{
    text-decoration:line-through
}
.ratings-parent{
    display:block;
    margin-bottom:1rem
}
.ratings-parent:hover{
    cursor:pointer
}
@media(max-width:768px){
    .ratings-parent{
        margin-bottom:.5rem
    }
}
.ratings i,.ratings-bracket i{
    color:orange
}
.error{
    font-family:Roboto Mono,monospace;
    font-size:80%!important;
    text-transform:uppercase;
    margin-bottom:1em;
    display:none
}
i{
    font-style:normal!important
}
.c{
    text-align:center
}
.uc{
    text-transform:uppercase
}
.ratings{
    line-height:1;
    padding:.75rem 0
}
.ratings img{
    max-width:1.25rem
}
.crimson{
    color:#c00
}
.sm{
    font-size:90%
}
.texture-box svg{
    margin:0 auto
}
.active-modal{
    opacity:1!important;
    display:flex!important
}
.modal-overlay{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.3);
    z-index:999999999;
    top:0;
    right:0
}
.mod-modal,.modal-overlay{
    opacity:0;
    display:none;
    position:fixed
}
.mod-modal{
    flex-direction:column;
    overflow-x:hidden;
    overflow-y:scroll;
    z-index:999999999999;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:35rem;
    height:85vh;
    border:2px solid #fff;
    background-color:#fff;
    padding-right:2px;
    color:#000
}
@media(max-width:800px){
    .mod-modal{
        width:100%
    }
}
@media(max-width:600px){
    .mod-modal{
        top:50%
    }
}
.mod-modal__title{
    justify-content:space-between;
    padding:1rem 1.5rem;
    background-color:#fff;
    color:#000;
    align-items:center;
    display:flex
}
.mod-modal__title i{
    font-size:1.5rem;
    color:#9d9d9d;
    cursor:pointer;
    transition:all .2;
    float:right
}
.mod-modal__title i:hover{
    color:#6b6b6b
}
.mod-modal__message{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    margin-bottom:4rem;
    padding:0 1rem;
    background-color:#fff
}
h1,h2,h3,h4,h5,h6, .h5{
    font-weight:700;
    margin-bottom:.7rem;
    line-height:1.2;
    letter-spacing:.025rem;
    font-family:aktiv-grotesk-condensed,sans-serif
}
h1{
    line-height:1.2
}
h5, .h5{
    line-height:1.5
}
label{
    font-family:aktiv-grotesk-condensed,sans-serif
}
span{
    letter-spacing:.025rem
}
div{
    font-weight:400;
    line-height:1.7
}
a{
    font-size:17px;
    font-family:aktiv-grotesk-condensed,sans-serif
}
a,small{
    letter-spacing:.025rem
}
small{
    font-size:13px!important
}
p{
    letter-spacing:.025rem;
    margin-bottom:.5rem;
    line-height:1.7;
    font-weight:300;
    font-size:1.125rem
}
@media(min-width:575px){
    h1{
        font-size:3.052rem
    }
    h2{
        font-size:2.441rem
    }
    h3{
        font-size:1.953rem
    }
    h4{
        font-size:1.563rem
    }
    h5, .h5{
        font-size:1.25rem
    }
    h6{
        font-size:1.025rem
    }
}
@media(max-width:575px){
    h1{
        font-size:2.102rem
    }
    h2{
        font-size:1.602rem
    }
    h3{
        font-size:1.424rem
    }
    h4{
        font-size:1.266rem
    }
    h5, .h5{
        font-size:1.125rem
    }
    h6{
        font-size:1.025rem
    }
}
.announcement{
    background:#79a3d6;
    max-height:30px
}
@media(max-width:768px){
    .announcement{
        max-height:unset
    }
}
.announcement .msg{
    text-align:center;
    color:#fff;
    font-size:14px;
    padding:3px 0
}
@media(max-width:768px){
    .announcement .msg{
        font-size:12px
    }
}
.announcement .msg.show{
    visibility:visible
}
.announcement .msg.hide{
    visibility:hidden
}
.announcement .msg .rec.rec-slider{
    transition:all .75s ease 1s!important
}
.announcement .rec.rec-carousel-wrapper{
    padding:0
}
nav{
    position:sticky;
    top:0;
    z-index:99
}
.navbar-wrapper{
    z-index:99999;
    background-color:#001f5b;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:auto
}
.navbar{
    width:100%;
    height:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 auto;
    color:#fef3e2
}
@media(min-width:768px){
    .navbar .col-md-2{
        flex:0 0 20%;
        max-width:20%
    }
    .navbar .col-md-5{
        flex:0 0 40%;
        max-width:40%
    }
}
.navbar .logo_wrapper{
    display:flex;
    justify-content:center;
    align-items:center
}
.navbar__img{
    width:150px;
    justify-content:center;
    padding:10px 0;
    cursor:pointer
}
.navbar__img img{
    width:100%;
    height:100%
}
.navbar__links{
    display:flex;
    list-style:none;
    gap:2.1rem
}
.navbar__links a{
    font-weight:700;
    letter-spacing:1px;
    color:#fef3e2;
    text-decoration:none;
    cursor:pointer;
    transition:all .3s;
    display:inline-block;
    padding:15px 0
}
.navbar__links a:hover{
    color:#fef3e2
}
.navbar__links .dropbtn{
    display:inline-block;
    color:#fff
}
.navbar__links li.dropdown{
    display:inline-block
}
.navbar__links li .dropdown-content{
    display:none;
    position:absolute;
    background-color:#f04e6d;
    transition:all .5s;
    min-width:160px;
    box-shadow:0 8px 16px 0 rgba(0,0,0,.3);
    z-index:1
}
.navbar__links li .dropdown-content a{
    color:fff;
    padding:12px 16px;
    text-decoration:none;
    display:block;
    text-align:left
}
.navbar__links li .dropdown-content a:hover{
    background-color:#ee365a;
    visibility:visible
}
.navbar__links .dropdown:hover .dropdown-content{
    display:block
}
@media(max-width:768px){
    .navbar__links{
        display:none
    }
}
.navbar__buttons{
    display:flex;
    gap:2.5rem;
    justify-content:flex-end;
    font-weight:500;
    align-items:center
}
.navbar__buttons__sign-in{
    color:#000;
    cursor:pointer;
    transition:all .3s
}
.navbar__buttons__sign-in:hover{
    color:red
}
.navbar__buttons__register{
    background-color:#fff;
    color:#000;
    padding:1.5rem 3rem;
    border-radius:3px;
    box-shadow:0 10px 15px 0 rgba(255,83,48,.35);
    transition:all .3s
}
.navbar__buttons__register:hover{
    box-shadow:0 10px 15px 0 rgba(255,83,48,.5);
    background-color:#fa4226
}
.navbar__buttons a{
    text-decoration:none
}
@media(max-width:425px){
    .nav-but{
        display:none
    }
}
.mobile-hamb{
    display:none;
    cursor:pointer;
    transition:all .3s
}
.mobile-hamb:hover{
    color:#fff
}
@media(max-width:768px){
    .mobile-hamb{
        display:flex
    }
}
.mobile-navbar{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:-100%;
    background-color:#fff;
    z-index:999999;
    justify-content:center;
    align-items:center;
    transition:all .2s ease-in-out
}
.mobile-navbar__close{
    position:absolute;
    top:1.5rem;
    right:2.5rem;
    cursor:pointer;
    transition:all .3s
}
.mobile-navbar__close:hover{
    color:red
}
.mobile-navbar__links{
    display:flex;
    flex-direction:column;
    list-style:none;
    gap:3rem;
    text-align:center
}
.mobile-navbar__links li a{
    text-decoration:none;
    color:#000;
    font-weight:500;
    transition:all .3s
}
.mobile-navbar__links li a:hover{
    color:red
}
.open-nav{
    left:0
}
.hero{
    width:100%;
    height:600px;
    position:relative
}
@media screen and (max-width:768px){
    .hero{
        height:300px
    }
}
.hero .container{
    justify-content:flex-end;
    align-content:space-evenly;
    display:flex;
    height:100%
}
@media(max-width:768px){
    .hero .container{
        display:none
    }
}
.hero .container .contentWrapper{
    padding:0 3rem;
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:center
}
.hero .container .contentWrapper h1{
    margin-bottom:1rem
}
.hero .container .contentWrapper h5{
    font-size:22px
}
.hero .container.a{
    justify-content:flex-end
}
.hero .container.a .contentWrapper{
    background:rgba(112,161,236,.478);
    align-items:flex-end;
    text-align:right
}
.hero .container.a .contentWrapper h1{
    color:#fff!important
}
.hero .container.a .contentWrapper h5{
    color:#001f5b!important
}
.hero .container.b{
    justify-content:flex-end;
    background:rgba(0,7,19,.478)
}
.hero .container.b .contentWrapper{
    align-items:flex-end;
    text-align:right
}
.hero .container.b .contentWrapper h1{
    color:#001f5b!important
}
.hero .container.b .contentWrapper h5{
    color:#fff!important
}
.mobile-hero-wrap{
    justify-content:flex-end;
    align-content:space-evenly;
    display:flex;
    height:100%;
    display:none;
    padding:2rem 20px
}
@media(max-width:768px){
    .mobile-hero-wrap{
        display:block
    }
}
.mobile-hero-wrap.a{
    justify-content:flex-end;
    background:#7daeeb
}
.mobile-hero-wrap.a .contentWrapper{
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center
}
.mobile-hero-wrap.a .contentWrapper h1{
    color:#fcf6ef!important
}
.mobile-hero-wrap.a .contentWrapper h5{
    color:#001f5b!important
}
.mobile-hero-wrap.b{
    justify-content:flex-end;
    background:#7daeeb
}
.mobile-hero-wrap.b .contentWrapper{
    display:flex;
    position:relative;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center
}
.mobile-hero-wrap.b .contentWrapper h1{
    color:#fcf6ef!important
}
.mobile-hero-wrap.b .contentWrapper h3,.mobile-hero-wrap.b .contentWrapper h5{
    color:#001f5b!important
}
section.hero{
    background-color:#f8f7fc
}
section.hero button{
    max-width:320px
}
section.hero img{
    max-width:460px
}
@media(max-width:768px){
    section.hero{
        text-align:center
    }
    section.hero img{
        max-width:300px;
        margin-bottom:1rem
    }
}
.rec.rec-arrow{
    width:25px;
    height:25px;
    line-height:25px;
    min-width:25px;
    font-size:.5rem;
    background-color:#fff
}
.rec.rec-carousel-wrapper{
    padding:5px
}
.rec.rec-dot{
    width:5px;
    height:5px
}
.rec.rec-dot_active{
    box-shadow:0 0 1px 3px #001f5b
}
.rec.rec-arrow:focus:enabled,.rec.rec-arrow:hover:enabled,.rec.rec-dot_active{
    background-color:#001f5b
}
.custom-dot-list-style{
    bottom:-2rem
}
.react-multi-carousel-dot button{
    border-color:#001f5b!important
}
.react-multi-carousel-dot--active button{
    background:#001f5b!important
}
.react-multiple-carousel__arrow:before{
    font-size:12px!important
}
.react-multiple-carousel__arrow{
    min-width:25px!important;
    min-height:25px!important
}
.btn{
    all:unset;
    cursor:pointer;
    padding:20px 15px;
    font-weight:500;
    line-height:1.2;
    border-radius:50px;
    transition:.4s;
    font-family:aktiv-grotesk-condensed,sans-serif
}
.hyperlink{
    text-decoration:underline;
    text-align:center;
    margin:10px;
    padding:10px
}
.btn.btn-main{
    background-color:#f04e6d;
    border-color:#f04e6d;
    color:#fff;
    letter-spacing:.1rem;
    position:relative;
    padding:15px 30px;
    font-size:17px;
    text-align:center
}
.btn.btn-main:active,.btn.btn-main:focus,.btn.btn-main:hover{
    color:#fff;
    background-color:#ee365a;
    border-color:#ee365a
}
.btn.btn-main.disabled{
    opacity:.5
}
.btn-dark{
    width:100%;
    padding:25px 15px!important
}
.browse button{
    background:0 0;
    color:inherit;
    border:none;
    padding:0!important;
    margin:0 .5rem
}
.static-cta{
    background-color:hsla(0,0%,100%,.9);
    padding:15px;
    z-index:999;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    height:86px
}
.static-cta .btn{
    max-width:210px;
    margin:0 auto
}
.m-visible{
    visibility:visible;
    opacity:1;
    transition:visibility 0s linear 0s,opacity .3s
}
.m-invisible{
    visibility:hidden;
    opacity:0;
    transition:visibility 0s linear .3s,opacity .3s
}
.spinner-border{
    width:1.5rem;
    height:1.5rem;
    border-width:2px;
    line-height:1;
    color:#240228;
    position:absolute;
    display:none
}
.gurantee_wrapper{
    display:flex;
    margin:30px 0;
    gap:40px;
    justify-content:center
}
@media screen and (max-width:768px){
    .gurantee_wrapper{
        flex-wrap:wrap
    }
}
.gurantee_wrapper .img_wrap img{
    width:400px
}
@media screen and (max-width:768px){
    .gurantee_wrapper .img_wrap img{
        width:200px
    }
}
.gurantee_wrapper .content_wrap{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.gurantee_wrapper .content_wrap h3{
    margin-bottom:.7rem
}
.footer{
    width:100%;
    padding:0;
    margin:0 auto;
    background:#001f5b;
    color:#fff
}
.footer .container{
    display:flex;
    flex-wrap:wrap;
    padding-top:2rem;
    padding-bottom:2rem
}
.footer .container .flex-row{
    gap:1rem;
    justify-content:space-between;
    margin-bottom:25px
}
@media screen and (max-width:768px){
    .footer .container .flex-row{
        flex-wrap:wrap
    }
}
.footer .container .pdt-10{
    border-top:1px solid hsla(0,0%,100%,.322);
    width:100%
}
.footer .container .fcontainer{
    display:flex;
    flex-direction:column;
    line-height:22px
}
@media screen and (max-width:768px){
    .footer .container .fcontainer{
        width:45%!important
    }
}
@media screen and (max-width:450px){
    .footer .container .fcontainer{
        width:45%!important
    }
}
.footer .container .fcontainer .logo{
    min-height:150px;
    align-self:flex-start;
    cursor:pointer
}
.footer .container .fcontainer .title{
    margin-bottom:20px;
    cursor:default;
    font-weight:700
}
@media screen and (max-width:768px){
    .footer .container .fcontainer .title{
        margin-bottom:5px
    }
}
.footer .container .fcontainer .footerspan{
    cursor:pointer;
    width:-moz-max-content;
    width:max-content;
    padding:5px 0
}
.footer .container .fcontainer .social h1{
    margin-bottom:20px
}
.footer .container .fcontainer .social-fol{
    display:flex;
    width:100%;
    flex-wrap:wrap
}
.footer .container .fcontainer .social-fol a{
    margin:7px
}
.footer .container .policies{
    display:inline;
    margin:0;
    padding:0;
    list-style:none
}
.footer .container .policies .links{
    text-align:center;
    margin-top:1rem;
    font-size:1rem;
    width:100%;
    letter-spacing:.07rem;
    line-height:calc(1 + .7/var(--font-body-scale))
}
.footer .container .policies .links small{
    font-size:13px
}
.footer .container .policies .links small a{
    font-size:13px!important
}
.footer .container .policies .links li{
    display:inline-flex;
    justify-content:center;
    align-items:center
}
.footer .container .policies .links li:before{
    content:"·";
    padding:0 .5rem
}
.texture-box-top{
    top:-15px
}
.texture-box-bottom,.texture-box-top{
    width:100%;
    position:relative;
    overflow-x:hidden
}
.texture-box-bottom{
    bottom:-15px
}
.featured{
    padding:2rem 0;
    background-size:auto;
    background-repeat:no-repeat;
    background-position-x:left;
    background-position-y:30%
}
@media(max-width:800px){
    .featured{
        background-image:none
    }
}
.featured-container{
    display:flex;
    flex-direction:column
}
.featured-container__title{
    margin:0 auto;
    text-align:center;
    color:#001f5b
}
.featured-container__section{
    margin:1rem 0
}
@media(max-width:800px){
    .featured-container__section{
        padding:0;
        margin:2rem 0
    }
}
.featured-container__section__boxes{
    text-align:center
}
.featured-container__section__boxes img{
    width:180px
}
.followus-container{
    display:flex;
    flex-direction:column;
    gap:15px
}
.followus-container__title{
    margin:0 auto;
    text-align:center
}
.followus-container__title h5{
    font-weight:400
}
@media(max-width:800px){
    .followus-container__section{
        padding:0
    }
}
.followus-container__section__boxes{
    text-align:center;
    display:grid;
    justify-content:center;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap:30px
}
@media(max-width:1000px){
    .followus-container__section__boxes{
        grid-template-columns:1fr 1fr 1fr;
        grid-gap:20px
    }
}
@media(max-width:768px){
    .followus-container__section__boxes{
        grid-template-columns:1fr 1fr;
        grid-gap:10px
    }
}
.followus-container__section__boxes .box{
    padding:0;
    border:2px solid #001f5b;
    position:relative
}
.followus-container__section__boxes .box>img{
    vertical-align:middle
}
.followus-container__section__boxes .box:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    transition:.5s ease
}
.followus-container__section__boxes .box:hover:before{
    opacity:.23
}
.faq-section{
    background-size:auto;
    background-repeat:no-repeat;
    background-position:0 70%;
    color:#001f5b;
    padding:3rem 0
}
@media(max-width:768px){
    .faq-section{
        padding:3rem 0
    }
}
.faq-section-prod{
    background-size:auto;
    background-repeat:no-repeat;
    background-position:0 70%;
    color:#001f5b;
    padding:0;
    background:#79a3d6
}
@media(max-width:1000px){
    .faq-section-prod{
        padding:0
    }
}
.faq-section-prod .faq-content{
    padding:3rem 0
}
.faq-content,.faq-content__title{
    display:flex;
    flex-direction:column
}
.faq-content__title{
    margin:0 auto;
    text-align:center;
    line-height:1.5
}
.faq-content__title h3{
    margin-bottom:1.5rem
}
.all-questions{
    align-items:center
}
.all-questions,.faq-box{
    display:flex;
    flex-direction:column
}
.faq-box{
    color:#001f5b;
    border-top:2px solid #001f5b;
    width:100%
}
@media(max-width:850px){
    .faq-box{
        width:100%
    }
}
.faq-box__question{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 0 .5rem;
    cursor:pointer;
    transition:.15s ease
}
.faq-box__question p{
    font-weight:500;
    margin-bottom:0
}
.faq-box__question i{
    transform:rotate(0deg);
    transition:.3s;
    font-size:1.125rem
}
.faq-box__question.active-question i{
    transform:rotate(135deg)
}
.faq-box .faq-box__question p{
      font-size: 18px;
}
.faq-box .faq-box__answer p{
      font-size: 16px;
}

.faq-box__answer{
    color: #001f5b;
    line-height: 1.7;
    overflow: hidden;
    transition: .4s ease;
    padding: 0;
    max-height: 0;
    padding: 0;
    transition-delay: initial;
}
.active-answer{
    max-height: 20rem;
    padding: 0.5rem 0;
    transition: .6s ease;
}
@media(max-width:550px){
    .active-answer{
        max-height:20rem
    }
}
.comparison{
    padding:2rem 0
}
@media screen and (max-width:768px){
    .comparison{
        padding-bottom:3rem
    }
}
.comparison .container{
    padding:2rem 20px 0
}
@media screen and (max-width:768px){
    .comparison .container{
        padding:1rem 20px 0
    }
}
.comparison .comp-cont{
    flex-direction:column;
    text-align:center;
    display:flex;
    justify-content:center
}
.comparison .comp-cont .title-wrap{
    margin-bottom:1rem
}
.comparison .comp-cont .title-wrap h5{
    font-weight:400
}
.comparison .comp-cont .img-wrap img{
    width:750px
}
.comparison-prod{
    padding:6rem 0 0
}
@media screen and (max-width:768px){
    .comparison-prod{
        padding-bottom:0
    }
}
.comparison-prod .container{
    padding:3rem 20px 0
}
@media screen and (max-width:768px){
    .comparison-prod .container{
        padding:1rem 20px 0
    }
}
.comparison-prod .comp-cont{
    flex-direction:column;
    text-align:center;
    display:flex;
    justify-content:center
}
.comparison-prod .comp-cont .title-wrap{
    margin-bottom:1rem
}
.comparison-prod .comp-cont .title-wrap h5{
    font-weight:400
}
.comparison-prod .comp-cont .img-wrap img{
    width:650px
}
.prod-section{
    background-color:#fcf6ef;
    background-size:auto;
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:20%
}
@media(max-width:800px){
    .prod-section{
        background-image:none
    }
}
.prod-section .swiper{
    padding:0 0 4rem;
    width:100%;
    height:100%;

      /* max-width: 734px; */
    margin: 0;
}
.prod-section .swiper-wrapper{
    justify-content:center
}
.prod-section .swiper-slide{
    text-align:center;
    font-size:18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.prod-section .swiper-slide img{
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media(min-width:768px){
    .prod-section .swiper-slide .product-div{
        padding:20px;
        border-radius:10px
    }
    .prod-section .swiper-slide .product-div.soon{
        background:#f7ecde;
        color:#001f5b
    }
}
/* .prod-section .swiper{
    margin-left:auto;
    margin-right:auto
} */
.plan-container{
    display:flex;
    flex-direction:column;
    align-items:center
}
.plan-container .icon{
    background-position:50%;
    background-size:cover;
    transition:.2s linear;
    color:#fff;
    background-color:#ff7748;
    border-radius:100%;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    padding:1.2rem 1.8rem
}
.plan-container .icon:hover{
    color:#e1e1e1;
    background-color:#3d3d3d
}
.plan-container .icon:hover+p{
    visibility:visible
}
.plan-container__title{
    margin:0 auto;
    text-align:center;
    color:#000;
    display:flex;
    flex-direction:column
}
.plan-container__title p{
    color:#0d2f70;
    align-self:center
}
@media(min-width:900px){
    .plan-container__title p{
        width:70%
    }
}
.plan-container__title h3{
    color:#0d2f70
}
.plan-container__boxes{
    display:flex;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    padding:0 3rem;
    max-width:950px;
    flex-direction:column
}
@media(max-width:1021px){
    .plan-container__boxes{
        grid-template-columns:1fr 1fr;
        padding:0
    }
}
@media(max-width:800px){
    .plan-container__boxes{
        grid-template-columns:1fr 1fr;
        margin-top:1rem;
        padding:0
    }
}
.plan-container__boxes .split{
    display:flex;
    width:100%;
    gap:1rem
}
@media(max-width:768px){
    .plan-container__boxes .split{
        gap:1rem
    }
}
.plan-container__boxes .split .splitter{
    width:50%;
    text-align:center;
    display:flex;
    flex-direction:column
}
.plan-container__boxes .split .splitter p{
    padding:0 10px
}
@media(max-width:800px){
    .desc{
        display:none
    }
}
.qualitybrand-sec{
    width:100%;
    background-color:#001f5b;
    color:#fff;
    padding:0
}
.qualitybrand-sec .qualitybrand-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:2rem 0;
    gap:1rem
}
@media(max-width:768px){
    .qualitybrand-sec .qualitybrand-wrap{
        flex-wrap:wrap
    }
}
.qualitybrand-sec .qualitybrand-wrap .imgwrap{
    width:50%
}
@media(max-width:768px){
    .qualitybrand-sec .qualitybrand-wrap .imgwrap{
        flex:0 0 100%;
        order:1
    }
}
.qualitybrand-sec .qualitybrand-wrap .imgwrap img{
    width:100%;
    height:500px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:bottom center;
    object-position:bottom center
}
@media(max-width:768px){
    .qualitybrand-sec .qualitybrand-wrap .imgwrap img{
        padding:0;
        height:400px
    }
}
.qualitybrand-sec .qualitybrand-wrap .imgwrap a{
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.qualitybrand-sec .qualitybrand-wrap .textwrap{
    width:50%;
    text-align:center;
    display:flex;
    flex-direction:column
}
@media(max-width:768px){
    .qualitybrand-sec .qualitybrand-wrap .textwrap{
        flex:0 0 100%;
        order:2
    }
}
.qualitybrand-sec .qualitybrand-wrap .textwrap h3{
    color:#7299cf;
    text-transform:uppercase
}
.qualitybrand-sec .qualitybrand-wrap .textwrap p{
    margin-bottom:1.5rem
}
.qualitybrand-sec .qualitybrand-wrap .textwrap h6{
    margin-bottom:1.3rem;
    color:#7299cf
}
.qualitybrand-sec .qualitybrand-wrap .textwrap .formulated_wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:15px;
    width:80%;
    align-self:center
}
.qualitybrand-sec .qualitybrand-wrap .textwrap .formulated_wrap .formulated_items{
    display:flex;
    flex-direction:column
}
.qualitybrand-sec .qualitybrand-wrap .textwrap .formulated_wrap .formulated_items img{
    max-height:110px;
    border-radius:50%;
    padding:6px;
    margin-bottom:.5rem
}
.qualitybrand-sec .qualitybrand-wrap__name{
    display:flex;
    margin-top:3rem
}
.qualitybrand-sec .qualitybrand-wrap__name__profile{
    display:flex;
    gap:2rem;
    align-items:center
}
.qualitybrand-sec .qualitybrand-wrap__name__profile-pic{
    width:7rem;
    height:7rem;
    border-radius:50%
}
.qualitybrand-sec .qualitybrand-wrap__name__profile span img{
    width:18rem
}
.qualitybrand-sec .qualitybrand-wrap__name__profile span p{
    font-weight:400;
    top:-11px;
    position:relative
}
.bg-shape{
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    height:700px
}
@media(max-width:1100px){
    .bg-shape{
        height:600px;
        width:50%
    }
}
@media(max-width:800px){
    .bg-shape{
        display:none
    }
}
.meet-content{
    width:100%;
    display:flex;
    align-items:center;
    position:relative
}
@media(max-width:800px){
    .meet-content{
        justify-content:center
    }
}
.meet-content__text{
    display:flex;
    flex-direction:column;
    z-index:3;
    max-width:50rem;
    margin-top:15rem
}
@media(max-width:800px){
    .meet-content__text{
        text-align:center;
        align-items:center;
        margin-top:13rem
    }
}
@media(max-width:450px){
    .meet-content__text{
        text-align:center;
        align-items:center;
        margin-top:13rem
    }
}
.meet-content__text h4{
    color:#000
}
.meet-content__text h1{
    font-weight:700;
    color:#000;
    line-height:1.2;
    margin-top:1rem;
    margin-bottom:2.3rem
}
.meet-content__text h1 span{
    color:#000
}
.meet-content__text p{
    line-height:1.6;
    color:#000;
    margin-bottom:4rem
}
.meet-content__text__btns{
    display:flex;
    gap:2rem
}
@media(max-width:450px){
    .meet-content__text__btns{
        flex-direction:column
    }
}
.meet-content__text__btns a{
    text-decoration:none;
    color:#fff;
    font-weight:700
}
.meet-content__text__btns__book-ride{
    background-color:#fff;
    padding:1.8rem 3rem;
    border-radius:.3rem;
    box-shadow:0 10px 15px 0 rgba(255,83,48,.35);
    transition:all .3s;
    border:2px solid #000
}
@media(max-width:450px){
    .meet-content__text__btns__book-ride{
        padding:1.8rem 8rem
    }
}
.meet-content__text__btns__book-ride:hover{
    box-shadow:0 10px 15px 0 rgba(255,83,48,.6);
    background-color:#fa4226
}
.meet-content__text__btns__learn-more{
    background-color:#000;
    padding:1.8rem 3rem;
    border-radius:.3rem;
    border:2px solid #000;
    transition:all .3s
}
.meet-content__text__btns__learn-more:hover{
    background-color:transparent;
    color:#000
}
.meetdr-section{
    width:100%;
    padding:0
}
.meetdr-section .meetdr-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    padding:4rem 0 6rem;
    gap:1.5rem
}
@media(max-width:768px){
    .meetdr-section .meetdr-wrap{
        flex-wrap:wrap;
        padding:1rem 0 3rem
    }
}
.meetdr-section .meetdr-wrap-image{
    width:50%
}
@media(max-width:768px){
    .meetdr-section .meetdr-wrap-image{
        flex:0 0 100%;
        order:1
    }
}
.meetdr-section .meetdr-wrap-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media(max-width:768px){
    .meetdr-section .meetdr-wrap-image img{
        height:100%;
        padding:0
    }
}
.meetdr-section .meetdr-wrap-text{
    color:#001f5b;
    width:560px
}
@media(max-width:768px){
    .meetdr-section .meetdr-wrap-text{
        flex:0 0 100%;
        order:2;
        width:100%
    }
}
.meetdr-section .meetdr-wrap-text h3{
    margin-bottom:1rem
}
.meetdr-section .meetdr-wrap-text p{
    margin-bottom:1rem;
    line-height:1.7
}
.meetdr-section .meetdr-wrap-text a{
    display:flex;
    align-items:center;
    justify-content:center
}
.meetdr-section .meetdr-wrap__name{
    display:flex;
    margin-top:3rem
}
.meetdr-section .meetdr-wrap__name__profile{
    display:flex;
    gap:2rem;
    align-items:center
}
.meetdr-section .meetdr-wrap__name__profile-pic{
    width:7rem;
    height:7rem;
    border-radius:50%
}
.meetdr-section .meetdr-wrap__name__profile span img{
    width:18rem
}
.meetdr-section .meetdr-wrap__name__profile span p{
    font-weight:400;
    top:-11px;
    position:relative
}
.foundation-sec{
    width:100%;
    background-color:#001f5b;
    color:#e5e5e5;
    position:relative
}
.foundation-sec .foundation-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:40px
}
@media(max-width:768px){
    .foundation-sec .foundation-wrap{
        flex-wrap:wrap
    }
}
.foundation-sec .foundation-wrap .imgwrap{
    width:50%
}
@media(max-width:768px){
    .foundation-sec .foundation-wrap .imgwrap{
        flex:0 0 100%;
        order:2
    }
}
.foundation-sec .foundation-wrap .imgwrap img{
    width:100%;
    height:450px;
    -o-object-fit:cover;
    object-fit:cover
}
@media(max-width:768px){
    .foundation-sec .foundation-wrap .imgwrap img{
        height:100%;
        padding:0
    }
}
.foundation-sec .foundation-wrap .textwrap{
    width:50%;
    text-align:left
}
@media(max-width:768px){
    .foundation-sec .foundation-wrap .textwrap{
        flex:0 0 100%;
        order:1
    }
}
.foundation-sec .foundation-wrap .textwrap h3{
    color:#ffa400;
    margin-bottom:1rem
}
.foundation-sec .foundation-wrap .textwrap p{
    margin-bottom:1rem;
    line-height:1.7
}
.foundation-sec .foundation-wrap .formulated_wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:15px;
    width:50%
}
@media(max-width:768px){
    .foundation-sec .foundation-wrap .formulated_wrap{
        width:100%
    }
}
.foundation-sec .foundation-wrap .formulated_wrap .formulated_items{
    display:flex;
    flex-direction:column
}
.foundation-sec .foundation-wrap .formulated_wrap .formulated_items img{
    padding:5px
}
.wolf-section{
    width:100%;
    background-color:#001f5b;
    position:relative
}
.wolf-section .wolf-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start
}
@media(max-width:768px){
    .wolf-section .wolf-wrap{
        flex-wrap:wrap
    }
}
.wolf-section .wolf-wrap-image{
    width:50%;
    position:relative!important
}
.wolf-section .wolf-wrap-image .label-badge{
    position:absolute;
    left:110px;
    top:90px;
    width:230px
}
.wolf-section .wolf-wrap-image .label-badge img{
    max-width:220px
}
@media(max-width:1024px){
    .wolf-section .wolf-wrap-image .label-badge{
        left:40px;
        top:40px;
        width:150px
    }
}
@media(max-width:768px){
    .wolf-section .wolf-wrap-image .label-badge{
        left:40px;
        top:40px;
        width:150px
    }
    .wolf-section .wolf-wrap-image{
        flex:0 0 100%;
        order:1
    }
}
.wolf-section .wolf-wrap-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media(max-width:768px){
    .wolf-section .wolf-wrap-image img{
        height:100%;
        padding:0
    }
}
.wolf-section .wolf-wrap-text{
    max-width:600px;
    padding:20px
}
@media(max-width:1024px){
    .wolf-section .wolf-wrap-text{
        max-width:50%
    }
}
@media(max-width:768px){
    .wolf-section .wolf-wrap-text{
        flex:0 0 100%;
        order:2;
        max-width:100%
    }
}
.wolf-section .wolf-wrap-text h3{
    color:#ffa400;
    margin-bottom:1rem;
    text-transform:uppercase
}
.wolf-section .wolf-wrap-text p{
    margin-bottom:15px;
    color:#e5e5e5;
    line-height:1.7
}
.wolf-section .wolf-wrap-text a{
    background-color:#f04e6d;
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:64px;
    cursor:pointer;
    transition:.25s ease;
    border-radius:30px;
    padding:15px 40px;
    color:#fff
}
.wolf-section .wolf-wrap-text a:hover{
    background-color:#ee365a
}
.wolf-section .wolf-wrap__name{
    display:flex;
    margin-top:3rem
}
.wolf-section .wolf-wrap__name__profile{
    display:flex;
    gap:2rem;
    align-items:center
}
.wolf-section .wolf-wrap__name__profile-pic{
    width:7rem;
    height:7rem;
    border-radius:50%
}
.wolf-section .wolf-wrap__name__profile span img{
    width:18rem
}
.wolf-section .wolf-wrap__name__profile span p{
    font-weight:400;
    top:-11px;
    position:relative
}
.mountain-top-wrap{
    position:absolute;
    top:0;
    z-index:-1
}
.mountain-top-wrap .mountain-top{
    height:auto;
    margin-top:-11%
}
.mountain-bottom-wrap{
    position:absolute;
    bottom:0;
    z-index:-1
}
.mountain-bottom-wrap .mountain-bottom{
    height:auto;
    margin-bottom:-11%
}
.howbrand-section{
    width:100%;
    background-color:#001f5b;
    position:relative;
    color:#fff;
    text-align:center
}
.howbrand-section .container h1,.howbrand-section .container img{
    margin-bottom:0
}
.howbrand-section .img-wrap{
    margin-top:2rem
}
.howbrand-section .img-wrap .container{
    padding:0
}
.howbrand-section .img-wrap img{
    width:260px;
    border:3px solid #fff;
    height:auto
}
.howbrand-section p{
    padding-bottom:.5rem
}
.ingredients-section{
    padding-top:3rem;
    background-size:auto;
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:20%
}
@media(max-width:800px){
    .ingredients-section{
        background-image:none;
        padding-top:0
    }
}
.ingredients-section .prod-container{
    display:flex;
    flex-direction:column
}
.ingredients-section .prod-container .icon{
    background-position:50%;
    background-size:cover;
    transition:.2s linear;
    color:#fff;
    background-color:#ff7748;
    border-radius:100%;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    padding:1.2rem 1.8rem
}
.ingredients-section .prod-container .icon:hover{
    color:#e1e1e1;
    background-color:#3d3d3d
}
.ingredients-section .prod-container .icon:hover+p{
    visibility:visible
}
.ingredients-section .prod-container__title{
    margin:0 auto;
    text-align:center;
    color:#000;
    display:flex;
    flex-direction:column
}
.ingredients-section .prod-container__title p{
    color:#0d2f70;
    align-self:center;
    margin-bottom:1rem;
    line-height:1.5
}
@media(min-width:900px){
    .ingredients-section .prod-container__title p{
        width:70%
    }
}
.ingredients-section .prod-container__title h3{
    color:#0d2f70
}
.ingredients-section .prod-container__boxes{
    display:grid;
    grid-template-columns:1fr 1.25fr 1fr;
    grid-template-rows:auto;
    grid-gap:1rem;
    gap:1rem
}
@media(max-width:1021px){
    .ingredients-section .prod-container__boxes{
        grid-template-columns:1fr;
        padding:0;
        gap:2rem
    }
}
@media(max-width:800px){
    .ingredients-section .prod-container__boxes{
        grid-template-columns:1fr;
        margin-top:1rem;
        padding:0;
        gap:1rem
    }
}
.ingredients-section .prod-container__boxes__box{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:1rem
}
.ingredients-section .prod-container__boxes__box img{
    width:100%;
    height:auto
}
.ingredients-section .prod-container__boxes__box h5{
    margin-bottom:0;
    font-weight:400;
    color:#0d2f70
}
.ingredients-section .prod-container__boxes__box h3{
    color:#0d2f70;
    line-height:1.2
}
.ingredients-section .prod-container__boxes__box h6{
    color:#0d2f70;
    font-weight:400
}
.ingredients-section .prod-container__boxes__box span{
    color:#0d2f70;
    line-height:1.43
}
.ingredients-section .prod-container__boxes__box button{
    text-transform:none;
    font-weight:400;
    padding:15px!important
}
.ingredients-section .ingredients-sec{
    background:#001f5b;
    width:100%;
    margin-top:2rem;
    text-align:center;
    padding:2rem 0
}
.ingredients-section .ingredients-sec .img-wrap{
    display:flex;
    justify-content:space-between;
    margin-top:3rem
}
.ingredients-section .ingredients-sec .img-wrap img{
    width:230px;
    border:3px solid #fff;
    height:auto
}
.ingredients-section .ingredients-sec h3{
    color:#fff;
    margin-bottom:1.5rem
}
.ingredients-section .ingredients-sec .prod-container{
    display:flex;
    flex-direction:column
}
.ingredients-section .ingredients-sec .prod-container .icon{
    background-position:50%;
    background-size:cover;
    transition:.2s linear;
    color:#fff;
    background-color:#ff7748;
    border-radius:100%;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    padding:1.2rem 1.8rem
}
.ingredients-section .ingredients-sec .prod-container .icon:hover{
    color:#e1e1e1;
    background-color:#3d3d3d
}
.ingredients-section .ingredients-sec .prod-container .icon:hover+p{
    visibility:visible
}
.ingredients-section .ingredients-sec .prod-container__title{
    margin:0 auto;
    text-align:center;
    color:#fff;
    display:flex;
    flex-direction:column
}
.ingredients-section .ingredients-sec .prod-container__boxes{
    display:block;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:auto;
    gap:3rem
}
@media(max-width:1021px){
    .ingredients-section .ingredients-sec .prod-container__boxes{
        grid-template-columns:1fr 1fr;
        padding:0;
        gap:2rem
    }
}
@media(max-width:800px){
    .ingredients-section .ingredients-sec .prod-container__boxes{
        grid-template-columns:1fr 1fr;
        margin-top:1rem;
        padding:0;
        gap:1rem
    }
}
.ingredients-section .ingredients-sec .prod-container__boxes__box{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center
}
.ingredients-section .ingredients-sec .prod-container__boxes__box img{
    width:150px;
    margin-bottom:1rem
}
.ingredients-section .ingredients-sec .prod-container__boxes__box h5{
    color:#fff;
    font-weight:700;
    margin-bottom:.2rem
}
.ingredients-section .ingredients-sec .prod-container__boxes__box p{
    color:#fff
}
.foundation-section{
    width:100%;
    background-color:#79a3d6;
    color:#001f5b;
    padding:0
}
.foundation-section .foundation_seal{
    position:absolute;
    left:50%;
    transform:translate(-50%)
}
.foundation-section .foundation_seal img{
    width:170px
}
.foundation-section .foundation-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:10rem 0 2rem;
    gap:11rem
}
@media(max-width:768px){
    .foundation-section .foundation-wrap{
        flex-wrap:wrap;
        gap:1rem;
        padding:12rem 0 0
    }
}
.foundation-section .foundation-wrap .formulated_wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:15px;
    width:100%;
    align-self:center
}
.foundation-section .foundation-wrap .formulated_wrap .formulated_items{
    display:flex;
    flex-direction:column
}
.foundation-section .foundation-wrap .formulated_wrap .formulated_items img{
    background-color:#79a3d6;
    border:3px solid #fff;
    margin-bottom:.5rem
}
.foundation-section .foundation-wrap .imgwrap{
    width:50%
}
@media(max-width:768px){
    .foundation-section .foundation-wrap .imgwrap{
        flex:0 0 100%;
        order:1
    }
}
.foundation-section .foundation-wrap .imgwrap img{
    width:100%;
    height:500px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:bottom center;
    object-position:bottom center
}
@media(max-width:768px){
    .foundation-section .foundation-wrap .imgwrap img{
        padding:0;
        height:400px
    }
}
.foundation-section .foundation-wrap .imgwrap a{
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.foundation-section .foundation-wrap-text{
    width:100%
}
.foundation-section .foundation-wrap-text p{
    margin-bottom:1rem
}
.foundation-section .foundation-wrap__name{
    display:flex;
    margin-top:3rem
}
.foundation-section .foundation-wrap__name__profile{
    display:flex;
    gap:2rem;
    align-items:center
}
.foundation-section .foundation-wrap__name__profile-pic{
    width:7rem;
    height:7rem;
    border-radius:50%
}
.foundation-section .foundation-wrap__name__profile span img{
    width:18rem
}
.foundation-section .foundation-wrap__name__profile span p{
    font-weight:400;
    top:-11px;
    position:relative
}
.need-section{
    width:100%;
    background-color:#79a3d6;
    color:#001f5b;
    padding:0
}
.need-section .need-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    padding:10rem 0 2rem;
    gap:5rem
}
@media(max-width:768px){
    .need-section .need-wrap{
        flex-wrap:wrap;
        gap:1rem;
        padding:12rem 0 0
    }
}
.need-section .need-wrap .imgwrap{
    width:50%
}
@media(max-width:768px){
    .need-section .need-wrap .imgwrap{
        flex:0 0 100%;
        order:1
    }
}
.need-section .need-wrap .imgwrap img{
    width:100%;
    max-height:500px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:bottom center;
    object-position:bottom center
}
@media(max-width:768px){
    .need-section .need-wrap .imgwrap img{
        padding:0;
        height:100%;
        max-height:350px;
        width:auto
    }
}
.need-section .need-wrap .imgwrap a{
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.need-section .need-wrap-text{
    width:100%
}
@media(max-width:768px){
    .need-section .need-wrap-text{
        order:2
    }
}
.need-section .need-wrap-text p{
    margin-bottom:1rem
}
.need-section .need-wrap__name{
    display:flex;
    margin-top:3rem
}
.need-section .need-wrap__name__profile{
    display:flex;
    gap:2rem;
    align-items:center
}
.need-section .need-wrap__name__profile-pic{
    width:7rem;
    height:7rem;
    border-radius:50%
}
.need-section .need-wrap__name__profile span img{
    width:18rem
}
.need-section .need-wrap__name__profile span p{
    font-weight:400;
    top:-11px;
    position:relative
}
.meet-section{
    width:100%;
    background-color:#79a3d6;
    padding:0
}
.meet-section .meet-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    gap:1.5rem
}
@media(max-width:768px){
    .meet-section .meet-wrap{
        flex-wrap:wrap
    }
}
.meet-section .meet-wrap-image{
    width:50%
}
@media(max-width:768px){
    .meet-section .meet-wrap-image{
        flex:0 0 100%;
        order:1
    }
}
.meet-section .meet-wrap-image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media(max-width:768px){
    .meet-section .meet-wrap-image img{
        height:100%;
        padding:0
    }
}
.meet-section .meet-wrap-text{
    color:#001f5b;
    padding:2rem 20px 2.5rem;
    width:560px
}
@media(max-width:768px){
    .meet-section .meet-wrap-text{
        flex:0 0 100%;
        order:2;
        width:100%
    }
}
.meet-section .meet-wrap-text h3{
    margin-bottom:1rem
}
.meet-section .meet-wrap-text p{
    margin-bottom:1rem;
    line-height:1.7
}
.meet-section .meet-wrap-text a{
    display:flex;
    align-items:center;
    justify-content:center
}
.meet-section .meet-wrap__name{
    display:flex;
    margin-top:3rem
}
.meet-section .meet-wrap__name__profile{
    display:flex;
    gap:2rem;
    align-items:center
}
.meet-section .meet-wrap__name__profile-pic{
    width:7rem;
    height:7rem;
    border-radius:50%
}
.meet-section .meet-wrap__name__profile span img{
    width:18rem
}
.meet-section .meet-wrap__name__profile span p{
    font-weight:400;
    top:-11px;
    position:relative
}

body.product .spinnercontainer{
    text-align:center;
    padding:100px;
    min-height:100vh
}
body.product .couponbanner{
    text-align:center;
    background:#dce8d0;
    padding:10px;
    line-height:20px
}
body.product .saledisclaimer{
    width:100%;
    max-width:960px;
    margin:0 auto;
    font-size:14px;
    line-height:1.5
}
body.product h2{
    font-size:40px;
    line-height:50px;
    text-align:center;
    font-weight:400;
    margin:25px 0 35px
}
body.product h2 sup{
    font-size:65%;
    vertical-align:super
}
@media screen and (max-width:768px){
    body.product h2{
        font-size:22px;
        line-height:32px;
        margin:25px 0 28px
    }
}
body.product .produ{
    display:flex;
    max-width:1200px;
    width:90%;
    margin:0 auto;
    justify-content:center;
    flex-wrap:wrap
}
@media screen and (max-width:768px){
    body.product .produ{
        flex-direction:column;
        align-items:center
    }
}
body.product .produ .quality_seals{
    display:flex;
    height:130px;
    margin-top:1rem;
    gap:20px
}
body.product .produ .quality_seals div{
    position:relative;
    width:100%;
    display:flex;
    vertical-align:middle;
    justify-content:center;
    align-content:center
}
body.product .produ-cont{
    display:flex;
    flex-direction:column;
    max-width:800px;
    margin-right:20px;
    position:relative;
    z-index:1
}
@media screen and (max-width:768px){
    body.product .produ-cont{
        flex-direction:column-reverse;
        margin:0 auto 40px;
        width:100%
    }
}
@media screen and (min-width:768px){
    body.product .produ-cont-wrap{
        position:sticky;
        top:-8rem
    }
}
body.product .produ-cont-img{
    max-width:600px;
    min-width:500px;
    position:relative;
    min-height:390px;
    display:flex;
    justify-content:center
}
@media screen and (max-width:768px){
    body.product .produ-cont-img{
        margin:0 auto;
        flex-direction:column;
        width:100%;
        min-width:300px;
        order:1
    }
}
body.product .produ-cont-imglist{
    display:flex;
    flex-direction:row;
    max-width:600px;
    width:100%;
    justify-content:center;
    margin-top:20px;
    overflow:hidden;
    flex-wrap:wrap
}
body.product .produ-cont-imglist .thumbnails{
    max-width:100%;
    max-height:70px;
    margin-right:10px;
    border:3px solid #ebdccb
}
body.product .produ-cont-imglist .thumbnails.active{
    border:3px solid #f04e6d;
    pointer-events:none
}
@media screen and (max-width:768px){
    body.product .produ-cont-imglist .thumbnails{
        max-width:70px;
        margin:5px
    }
}
body.product .produ-cont-imglist .container{
    padding:0
}
@media screen and (max-width:768px){
    body.product .produ-cont-imglist{
        margin:0 auto;
        flex-direction:row;
        flex-wrap:wrap;
        max-width:100%
    }
}
body.product .product_desc_section{
    display:flex;
    flex-direction:column;
    margin:0 auto
}
body.product .feature{
    width:100%;
    background:#001f5b;
    color:#fff;
    padding:10px 0
}
body.product .feature .container{
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap
}
body.product .feature .container span{
    text-align:center;
    font-weight:700
}
body.product .product_desc_section .ingredients-sec{
    width:100%;
    margin-top:3rem;
    text-align:center
}
body.product .product_desc_section .ingredients-sec h3{
    color:#79a3d6;
    margin-bottom:1.5rem
}
body.product .product_desc_section .ingredients-sec p{
    color:#c9d2dd;
    margin-bottom:1.5rem
}
body.product .product_desc_section .ingredients-sec .prod-container{
    display:flex;
    flex-direction:column
}
body.product .product_desc_section .ingredients-sec .prod-container__boxes{
    display:grid;
    grid-template-rows:auto;
    grid-gap:3rem;
    gap:3rem
}
@media(max-width:1021px){
    body.product .product_desc_section .ingredients-sec .prod-container__boxes{
        padding:0;
        gap:2rem
    }
}
@media(max-width:800px){
    body.product .product_desc_section .ingredients-sec .prod-container__boxes{
        margin-top:1rem;
        padding:0;
        gap:1rem
    }
}
body.product .product_desc_section .ingredients-sec .prod-container__boxes__box{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#fff;
    padding:10px
}
body.product .product_desc_section .ingredients-sec .prod-container__boxes__box img{
    width:150px;
    height:150px;
    border-radius:50%;
    margin-bottom:1rem
}
body.product .product_desc_section .ingredients-sec .prod-container__boxes__box h5{
    font-weight:700;
    margin-bottom:.2rem
}
body.product .product_desc_section .ingredients-sec .prod-container__boxes__box p{
    color:#fff
}
body.product .directions-section{
    padding:12rem 0 0
}
@media screen and (max-width:1000px){
    body.product .directions-section{
        padding:8rem 0 0
    }
}
@media screen and (max-width:768px){
    body.product .directions-section{
        padding:5rem 0 0
    }
}
body.product .directions-section .container{
    display:flex;
    flex-direction:row;
    gap:4rem
}
@media screen and (max-width:1000px){
    body.product .directions-section .container{
        flex-direction:column;
        gap:1rem
    }
}
body.product .directions-section .container .separator{
    border:1px solid #001f5b
}
body.product .directions-section .container .directions{
    width:45%
}
@media screen and (max-width:1000px){
    body.product .directions-section .container .directions{
        width:100%
    }
}
body.product .directions-section .container .directions .dir-pt{
    width:100%;
    display:flex
}
body.product .directions-section .container .directions .dir-pt .H{
    float:left;
    overflow:hidden;
    white-space:nowrap
}
body.product .directions-section .container .directions .dir-pt .H span:after{
    content:" .................................................................................."
}
body.product .directions-section .container .directions .dir-pt .T{
    float:right;
    width:auto;
    white-space:nowrap
}
body.product .directions-section .container .tips{
    width:47%
}
@media screen and (max-width:1000px){
    body.product .directions-section .container .tips{
        width:100%
    }
}
body.product .product-selector{
    padding:1rem 0;
    display:flex;
    flex-direction:column;
    min-width:250px;
    width:90%;
    max-width:500px;
    height:-moz-fit-content;
    height:fit-content;
    position:relative;
    z-index:0;
    margin-bottom:15px;
    font-family:aktiv-grotesk-condensed,sans-serif
}
body.product .product-selector h2{
    font-size:17px;
    line-height:0px;
    text-align:center;
    font-weight:400;
    margin:0;
    padding:15px 5px
}
@media screen and (max-width:1000){
    body.product .product-selector{
        max-width:350px
    }
}
@media screen and (max-width:768px){
    body.product .product-selector{
        margin:0 auto;
        width:100%;
        max-width:100%
    }
}
body.product .product-selector h3{
    margin-bottom:0
}
body.product .product-selector sm{
    font-size:16px
}
body.product .product-selector .description{
    margin-top:30px;
    margin-bottom:10px;
    font-size:17px!important;
    font-family:aktiv-grotesk,sans-serif
}
body.product .product-selector .description div{
    font-weight:300
}
body.product .product-selector .description .desc_points{
    display:none
}
body.product .product-selector .description .desc_points p{
    font-size:17px
}
body.product .product-selector .description .desc_points.active{
    display:block
}
body.product .product-selector .description a{
    color:#f04e6d;
    text-decoration:underline
}
body.product .product-selector .description p{
    margin-bottom:0
}
body.product .product-selector .product-faq{
    font-family:aktiv-grotesk,sans-serif!important;
    margin-top:1rem
}
body.product .product-selector .product-faq h2{
    font-family:aktiv-grotesk,sans-serif!important;
    padding:15px 5px 20px!important;
    font-size:16px!important
}
body.product .radio-toolbar-package{
    text-align:left;
    display:flex;
    width:100%;
    flex-wrap:wrap;
    justify-content:space-between
}
body.product .radio-toolbar-package input[type=radio]{
    display:none
}
body.product .radio-toolbar-package label{
    display:inline-block;
    padding:10px 15px;
    min-width:100%;
    font-size:16px;
    font-weight:600;
    border:3px solid #ccc;
    cursor:pointer
}
body.product .radio-toolbar-package label.bindi{
    color:#424242;
    background:#fff;
    border:2px solid #ccc
}
body.product .radio-toolbar-package .badge{
    background:#9f9f9f;
    border-radius:10px;
    color:#fff;
    padding:2px 7px;
    margin:0 0 0 5px;
    font-weight:500
}
body.product .radio-toolbar-package .savings{
    color:#787878;
    font-weight:600;
    text-align:right;
    position:absolute;
    right:16px
}
body.product .radio-toolbar-package .savings span{
    font-weight:400;
    font-size:80%;
    text-transform:none;
    text-decoration:line-through;
    color:#6c6c6c
}
body.product .radio-toolbar-package .cancel{
    display:block;
    font-weight:400;
    width:83%;
    padding-top:5px
}
body.product .radio-toolbar-package input[type=radio]:checked+label{
    border:3px solid #f04e6f
}
body.product .radio-toolbar-package input[type=radio]:checked+label.bindi{
    border:2px solid #f04e6f;
    color:#001f5b
}
body.product .radio-toolbar-package input[type=radio]:checked+label.bindi .badge{
    background:#f04e6d
}
body.product .radio-toolbar-package input[type=radio]:checked+label.bindi .sub{
    color:#222
}
body.product .radio-toolbar-package input[type=radio]:checked+label.bindi .sub span{
    color:#f04e6d
}
body.product .plan-content-wrap{
    width:100%;
    border:3px solid #ccc;
    border-top:transparent;
    padding-left:10px;
    padding-right:10px;
    transition:all .4s ease
}
body.product .plan_choice_container{
    display:flex;
    flex-direction:column;
    border:3px solid #ccc;
    padding:3px 5px;
    cursor:pointer;
    width:100%
}
body.product .plan_choice_container.active{
    border:3px solid #f04e6d
}
body.product .plan_choice_container .selector{
    display:flex
}
body.product .plan_choice_container .selector .RadioButton{
    margin-top:4px;
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:2px solid #f04e6d;
    position:relative;
    background-color:#fff
}
body.product .plan_choice_container .selector .RadioButton .Innerdiv{
    width:14px;
    height:14px;
    border-radius:50%;
    background-color:#001f5b;
    transition:all .4s ease
}
body.product .plan_choice_container .selector .RadioButton .Innerdiv.solid{
    opacity:1
}
body.product .plan_choice_container .selector .RadioButton .Innerdiv.hide{
    opacity:0
}
body.product .plan_choice_container .selector span{
    font-size:20px;
    margin-left:10px
}
@media screen and (max-width:768px){
    body.product .plan_choice_container .selector span{
        width:70%
    }
}
body.product .desc-holder{
    display:flex;
    gap:5px;
    flex-direction:column;
    margin:10px 0;
    font-size:18px
}
@media screen and (max-width:768px){
    body.product .desc-holder{
        font-size:17px
    }
}
body.product .desc-holder .desc{
    display:flex;
    vertical-align:top;
    position:relative
}
body.product .desc-holder .desc select,body.product .desc-holder .desc span{
    width:100%
}
body.product .desc-holder .desc img{
        height: 24px;
    width: 45px;
    object-fit: contain;
    padding: 2px;
}
body.product .desc-holder .desc p{
    margin:0 0 0 5px;
    width:100%
}
.dropdown-toggle{
    border-radius:5px;
    background-color:#fffcf8;
    border:1px solid #001f5b;
    padding:.75rem!important;
    color:#001f5b;
    box-sizing:border-box;
    display:flex;
    margin-bottom:5px;
    align-items:center;
    justify-content:space-between;
    text-align:left
}
.dropdown-toggle:after{
    display:none
}
.dropdown-toggle span{
    font-weight:400
}
.dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid;
    border-right:.3em solid transparent;
    border-bottom:0;
    border-left:.3em solid transparent
}
.dropdown-toggle:empty:after{
    margin-left:0
}
.dropdown-menu{
    --bs-dropdown-zindex:1000;
    --bs-dropdown-min-width:10rem;
    --bs-dropdown-padding-x:0;
    --bs-dropdown-padding-y:0.5rem;
    --bs-dropdown-spacer:0.125rem;
    --bs-dropdown-font-size:1rem;
    --bs-dropdown-color:var(--bs-body-color);
    --bs-dropdown-bg:var(--bs-body-bg);
    --bs-dropdown-border-color:var(--bs-border-color-translucent);
    --bs-dropdown-border-radius:var(--bs-border-radius);
    --bs-dropdown-border-width:var(--bs-border-width);
    --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y:0.5rem;
    --bs-dropdown-box-shadow:var(--bs-box-shadow);
    --bs-dropdown-link-color:var(--bs-body-color);
    --bs-dropdown-link-hover-color:var(--bs-body-color);
    --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color:#fff;
    --bs-dropdown-link-active-bg:#0d6efd;
    --bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x:1rem;
    --bs-dropdown-item-padding-y:0.25rem;
    --bs-dropdown-header-color:#6c757d;
    --bs-dropdown-header-padding-x:1rem;
    --bs-dropdown-header-padding-y:0.5rem;
    position:absolute;
    z-index:var(--bs-dropdown-zindex);
    display:none;
    min-width:var(--bs-dropdown-min-width);
    padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin:0;
    font-size:var(--bs-dropdown-font-size);
    color:var(--bs-dropdown-color);
    text-align:left;
    list-style:none;
    background-color:var(--bs-dropdown-bg);
    background-clip:padding-box;
    border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius:var(--bs-dropdown-border-radius)
}
.dropdown-menu[data-bs-popper]{
    top:100%;
    left:0;
    margin-top:var(--bs-dropdown-spacer)
}
.dropdown-menu-start{
    --bs-position:start
}
.dropdown-menu-start[data-bs-popper]{
    right:auto;
    left:0
}
.dropdown-menu-end{
    --bs-position:end
}
.dropdown-menu-end[data-bs-popper]{
    right:0;
    left:auto
}
@media(min-width:576px){
    .dropdown-menu-sm-start{
        --bs-position:start
    }
    .dropdown-menu-sm-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-sm-end{
        --bs-position:end
    }
    .dropdown-menu-sm-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media(min-width:768px){
    .dropdown-menu-md-start{
        --bs-position:start
    }
    .dropdown-menu-md-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-md-end{
        --bs-position:end
    }
    .dropdown-menu-md-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media(min-width:992px){
    .dropdown-menu-lg-start{
        --bs-position:start
    }
    .dropdown-menu-lg-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-lg-end{
        --bs-position:end
    }
    .dropdown-menu-lg-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media(min-width:1200px){
    .dropdown-menu-xl-start{
        --bs-position:start
    }
    .dropdown-menu-xl-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-xl-end{
        --bs-position:end
    }
    .dropdown-menu-xl-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
@media(min-width:1400px){
    .dropdown-menu-xxl-start{
        --bs-position:start
    }
    .dropdown-menu-xxl-start[data-bs-popper]{
        right:auto;
        left:0
    }
    .dropdown-menu-xxl-end{
        --bs-position:end
    }
    .dropdown-menu-xxl-end[data-bs-popper]{
        right:0;
        left:auto
    }
}
.dropup .dropdown-menu[data-bs-popper]{
    top:auto;
    bottom:100%;
    margin-top:0;
    margin-bottom:var(--bs-dropdown-spacer)
}
.dropup .dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:0;
    border-right:.3em solid transparent;
    border-bottom:.3em solid;
    border-left:.3em solid transparent
}
.dropup .dropdown-toggle:empty:after{
    margin-left:0
}
.dropend .dropdown-menu[data-bs-popper]{
    top:0;
    right:auto;
    left:100%;
    margin-top:0;
    margin-left:var(--bs-dropdown-spacer)
}
.dropend .dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid transparent;
    border-right:0;
    border-bottom:.3em solid transparent;
    border-left:.3em solid
}
.dropend .dropdown-toggle:empty:after{
    margin-left:0
}
.dropend .dropdown-toggle:after{
    vertical-align:0
}
.dropstart .dropdown-menu[data-bs-popper]{
    top:0;
    right:100%;
    left:auto;
    margin-top:0;
    margin-right:var(--bs-dropdown-spacer)
}
.dropstart .dropdown-toggle:after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    display:none
}
.dropstart .dropdown-toggle:before{
    display:inline-block;
    margin-right:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid transparent;
    border-right:.3em solid;
    border-bottom:.3em solid transparent
}
.dropstart .dropdown-toggle:empty:after{
    margin-left:0
}
.dropstart .dropdown-toggle:before{
    vertical-align:0
}
.dropdown-divider{
    height:0;
    margin:var(--bs-dropdown-divider-margin-y) 0;
    overflow:hidden;
    border-top:1px solid var(--bs-dropdown-divider-bg);
    opacity:1
}
.dropdown-item{
    display:block;
    width:100%;
    padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear:both;
    font-weight:400;
    color:var(--bs-dropdown-link-color);
    text-align:inherit;
    text-decoration:none;
    white-space:nowrap;
    background-color:transparent;
    border:0;
    border-radius:var(--bs-dropdown-item-border-radius,0)
}
.dropdown-item:focus,.dropdown-item:hover{
    color:var(--bs-dropdown-link-hover-color);
    background-color:var(--bs-dropdown-link-hover-bg)
}
.dropdown-item.active,.dropdown-item:active{
    color:var(--bs-dropdown-link-active-color);
    text-decoration:none;
    background-color:var(--bs-dropdown-link-active-bg)
}
.dropdown-item.disabled,.dropdown-item:disabled{
    color:var(--bs-dropdown-link-disabled-color);
    pointer-events:none;
    background-color:transparent
}
.dropdown-menu.show{
    display:block
}
.dropdown-header{
    display:block;
    padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom:0;
    font-size:.875rem;
    color:var(--bs-dropdown-header-color);
    white-space:nowrap
}
.dropdown-item-text{
    display:block;
    padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color:var(--bs-dropdown-link-color)
}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{
    position:relative
}
.dropdown-menu{
    background-color:#fffcf8;
    border-radius:0!important;
    border:1px solid #ccc!important;
    width:100%;
    padding:0
}
.dropdown-menu .dropdown-menu__item input[type=radio]+label{
    font-size:.95rem;
    position:relative;
    line-height:1
}
.dropdown-menu .dropdown-menu__item input[type=radio]:checked+label:before{
    position:absolute;
    top:55%;
    left:10px;
    transform:translateY(-55%) scale(1.4)
}
.dropdown-menu label.disabled{
    color:#999
}
.dropdown-menu input[type=radio]:checked+label{
    font-weight:700!important;
    color:#111
}
.dropdown-menu input[type=radio]{
    display:none
}
.testimonial-section-prod{
    background:#001f5b;
    padding:2rem 0 0;
    color:#fff!important
}
.testimonial-section-prod .rec.rec-slider-container{
    overflow:visible
}
.testimonial-section-prod .rec.rec-dot_active{
    box-shadow:0 0 1px 2px #203e78;
    background-color:#3a63b3
}
.testimonial-section-prod .testimonial-sec{
    width:100%;
    margin-top:3rem;
    text-align:center
}
@media(max-width:767px){
    .testimonial-section-prod .testimonial-sec{
        margin-top:1rem
    }
}
.testimonial-section-prod .testimonial{
    display:flex;
    flex-direction:column
}
.testimonial-section-prod .testimonial__boxes{
    display:grid;
    grid-template-rows:auto;
    padding:0 3rem;
    overflow:hidden
}
@media(max-width:1021px){
    .testimonial-section-prod .testimonial__boxes{
        padding:0;
        gap:2rem
    }
}
@media(max-width:800px){
    .testimonial-section-prod .testimonial__boxes{
        margin-top:1rem;
        padding:0;
        gap:1rem
    }
}
.testimonial-section-prod .testimonial__boxes__box{
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#fff;
    padding:0
}
.testimonial-section-prod .testimonial__boxes__box img{
    width:450px;
    margin-bottom:1rem
}
.testimonial-section-prod .testimonial__boxes__box h5{
    font-weight:700;
    margin-bottom:.2rem
}
.testimonial-section-prod .testimonial__boxes__box p{
    color:#fff
}
.top_section{
    flex:0 0 auto
}
.content{
    flex:1 1 auto
}
@media screen and (max-width:768px){
    .content{
        overflow:auto
    }
    .container{
        overflow:hidden
    }
}

.header-wrapper--border-bottom{
  border: 0 !important;
}

.menu-drawer .list-menu__item{
    text-decoration: none;
    color: #000 !important;
    font-weight: 7000 !important;
    transition: all .3s;
    text-align: center !important;
    justify-content: center;
    padding-left: 2.7rem !important;
    padding-right: 2.7rem !important;
    font-size: 17px !important;
    font-family: aktiv-grotesk-condensed, sans-serif;
}

.plan-container .plan-container__title{
      width: 100%;
}

.header .header__inline-menu .list-menu__item{
  padding: 1.2rem;
}
.header .header__inline-menu .list-menu__item svg{
  display: none;
}
.header .header__inline-menu header-menu:hover .header__submenu{
  animation: animateMenuOpen var(--duration-default) ease;
    animation-fill-mode: forwards;
    z-index: 1;
}

@keyframes animateMenuOpen{
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

@media (max-width: 767px){
  .plan-container .plan-container__title .nowrap{
        white-space: initial !important;
  }

  .qualitybrand-sec .texture-box-bottom{
        bottom: -12px;
  }

  .only-desktop{
    display: none !important;
  }

  .fqTcAW {
        width: 50% !important;
  }
  .header{
        padding: 10px 15px;
  }
  .header .header__icon svg{
    max-width: 22px;
  }
  .utility-bar__grid.page-width{
    padding: 0 15px;
  }
  .utility-bar .announcement-bar__message{
        font-size: 11px;
  }
}
@media (min-width: 768px){
  .only-mobile{
    display: none !important;
  }
}
.header__active-menu-item{
  color: #fef3e2;
}
.header__submenu{
  position: absolute;
  padding: 0 !important;
    background-color: #f04e6d;
    transition: all .5s;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3);
    z-index: 1;
  max-width: 160px;
}
.header__submenu li a{
  font-size: 17px;
      font-family: aktiv-grotesk-condensed, sans-serif;
}

.header .list-menu__item{
  background: transparent;
}

.section--anchor{
  position: relative;
    top: -100px;
    display: block !important;
    width: 100%;
}



html body .menu-drawer{
        position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
      top: 0;
    height: 100vh !important;
}
html body .menu-drawer .menu-drawer__utility-links{
  display: none !important;
}
html body .menu-drawer .menu-drawer__navigation{
  display: flex;
    align-items: center;
    justify-content: center;
}

.header .list-menu__item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.header__icon--menu::before{
  display: none !important;
}

.header__icon--menu[aria-expanded="true"]{
        z-index: 99;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    right: 2rem;
    top: 2rem;
    left: auto;
    position: absolute;
}
.header__icon--menu[aria-expanded="true"] svg{
    max-width: 14px !important;
}
.bUTvAQ{
      margin: 0 auto;
}

.swiper--ingredients .swiper-wrapper{
      margin-bottom: 20px;  
}

.prod-section .product-div .desc{
  letter-spacing: 1px;
}
.prod-section .product-div .price{
      font-size: 18px;
    color: #001f5b;
    letter-spacing: 0;
    margin: 5px 0 8px;
}

@media (min-width: 1201px){
  .header{
    padding: 0 calc((100vw - 1200px) / 2) !important;
  }
}
@media (max-width: 1200px){
  .header{
    padding: 0 20px !important;
  }
}



body.product-pumpkin-recipe .ingredients-section .ingredients-sec h3{
  color: #79a3d6;
}
body.product-pumpkin-recipe .ingredients-section:after{
    content: "";
    background: url(/cdn/shop/files/mountain-bg-top_6a6c7c30-8964-47dc-91b6-52e49c9bb8ae.png?v=1723664928);
    position: absolute;
    display: block;
    top: 99%;
    width: 100%;
    rotate: 180deg;

      height: auto;
    aspect-ratio: 1 / .1699;
    background-size: contain;
    background-repeat: no-repeat;
}



body.product-joint-chews .foundation-section{
    margin-bottom: -150px!important;
}
body.product-joint-chews .ingredients-section:after{
    content: "";
    background: url(/cdn/shop/files/mountain-bg-top_6a6c7c30-8964-47dc-91b6-52e49c9bb8ae.png?v=1723664928);
    position: absolute;
    display: block;
    top: 99%;
    width: 100%;
    rotate: 180deg;

      height: auto;
    aspect-ratio: 1 / .1699;
    background-size: contain;
    background-repeat: no-repeat;
}

body.product-joint-chews .ingredients-section .ingredients-sec{
    padding-bottom: 0rem;
    margin-bottom: 10rem;
}
body.product-joint-chews .faq-section{
  position: relative;
}
body.product-joint-chews .faq-section:before{
       content: "";
    background: url(/cdn/shop/files/texture-beige_dd5bfe1b-f1c5-41b5-9ebc-fea2c1d6e10a.svg?v=1723656990);
    position: absolute;
    display: block;
    bottom: calc(100% - 10px);
    width: 100%;
    height: 23px;
    top: auto;
  
  
}

body.product-pumpkin-recipe .ingredients-section .ingredients-sec{
    padding-bottom: 4rem;
    margin-bottom: 10rem;
}
body.product-pumpkin-recipe .faq-section{
  position: relative;
}
body.product-pumpkin-recipe .faq-section:before{
       content: "";
    background: url(/cdn/shop/files/texture-beige_dd5bfe1b-f1c5-41b5-9ebc-fea2c1d6e10a.svg?v=1723656990);
    position: absolute;
    display: block;
    bottom: calc(100% - 10px);
    width: 100%;
    height: 23px;
    top: auto;
  
  
}

/* .page-width{
  max-width: none !important;
} */

@media (max-width: 767px){
  .product__media-wrapper slider-component{
      margin: 0;
      width: calc(100% + 1.5rem);
      width: calc(100%);
      overflow: hidden;
      margin-left: 0 !important;
      margin-left: 0 !important;
  }
  .product .product__info-wrapper{
            padding: 0 10px !important;
  }
  .testimonial-section-prod .testimonial-sec{
        overflow: hidden;
  }
  .hBkQlE{
    padding-bottom: 30px;
  }
  .quality_seals > div > span{
    width: 100% !important;
    aspect-ratio: 1 / 0.95;
    max-width: 115px !important;
  }
  .quality_seals > div > span span{
    display: none !important;
  }
  .quality_seals > div > span img{
    width: 100% !important;
    object-fit: contain;
  }
}

html body .product .product__accordion .accordion__content p{
    color: #001f5b;
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
html body .product .quality_seals{
      gap: 5px;
}

.swiper--product-gallery{
        max-width: 320px;
    position: relative;
    right: -8px;
    margin-top: 10px;
    padding-bottom: 100px;

  width: 110%;
    margin-left: -5%;
    max-width: none;
    padding: 0 30px 80px;
}
.swiper--product-gallery .swiper-slide a{
  max-height: 70px;
    border: 3px solid #ebdccb;
    display: block;
    max-width: 70px;
    cursor:pointer;
}
.swiper--product-gallery .swiper-pagination{
  top: 80px;
}
.swiper--product-gallery .swiper-button-prev:before ,
.swiper--product-gallery .swiper-button-prev:after ,
.swiper--product-gallery .swiper-button-next:before ,
.swiper--product-gallery .swiper-button-next:after{
  display: none !important;
}

.swiper--product-gallery .swiper-button-prev,
.swiper--product-gallery .swiper-button-next{
      box-sizing: border-box;
    transition: 0.3s;
    font-size: 1.6em;
    background-color: rgba(103, 58, 183, 0.1);
    color: rgb(51, 51, 51);
    box-shadow: rgb(51, 51, 51) 0px 0px 2px 0px;
    border-radius: 50%;
    border: none;
    padding: 0px;
    width: 50px;
    height: 50px;
    min-width: 50px;
    line-height: 50px;
    align-self: center;
    cursor: pointer;
    outline: none;
    top: 43px;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    min-width: 25px;
    font-size: .5rem;
    background-color: #fff;
}
.swiper--product-gallery .swiper-button-next{
  left: calc(100% - 30px);
  right: auto;
}
.swiper--product-gallery .swiper-button-prev{
  right: calc(100% - 30px);
  left: auto;
}

.swiper--product-gallery:after,
.swiper--product-gallery:before{
  content: '';
  height: 100%;
  width: 30px;
  position: absolute;
  display: block;
  background: #fcf6ef;
  top: 0;
  z-index: 2;
}
.swiper--product-gallery:before{
  left: 0;
}
.swiper--product-gallery:after{
  right: 0;
}

/* .swiper--product-gallery  .swiper-slide{
  opacity: 0;
}

.swiper--product-gallery  .swiper-slide-active,
.swiper--product-gallery  .swiper-slide-active + .swiper-slide,
.swiper--product-gallery  .swiper-slide-active + .swiper-slide + .swiper-slide,
.swiper--product-gallery  .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
.swiper--product-gallery  .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{
  opacity: 1 !important;
}
 */
.swiper--product-gallery .swiper-wrapper{
  /* overflow: hidden; */
      right: -8px;
}

@media (max-width: 767px){
  .swiper--product-gallery .swiper-button-prev{
        right: calc(100% - 45px);
  }
  .swiper--product-gallery .swiper-button-next {
    left: calc(100% - 45px);
  }
  .swiper--product-gallery {
      padding: 0 45px 80px;
  }
  .swiper--product-gallery:after, .swiper--product-gallery:before{
    width: 45px;
  }
  .product .product__title h1{
            font-size: 1.424rem;
  }
  .product .product__text{
            font-size: 1.266rem;
  }
}

/* Stylings for the Menu-drawer so that it matches the same cart drawer styling */

#menu-drawer{
  background-color: rgb(254, 243, 226) !important;
}

.menu-drawer .list-menu__item {
  color: #001f5b !important;
  font-weight: 700 !important;
}

#Details-menu-drawer-container > summary > span > svg.icon.icon-close {
  color: #001f5b !important;
}

.header__icon--menu[aria-expanded="true"] svg {
  max-width:24px !important;
}