/** Shopify CDN: Minification failed

Line 2041:32 Unexpected "@media"
Line 3725:38 Expected identifier but found "100%"

**/
/** Shopify CDN: Minification failed

Line 2035:32 Unexpected "@media"
Line 3719:38 Expected identifier but found "100%"

**/
@font-face {
  font-family: BrutGrotesque;
  src: url(https://cdn.shopify.com/s/files/1/0700/2583/8826/files/BrutGrotesque-Book.otf?v=1756152701);
  font-weight:900;
}
@font-face {
  font-family: BrutGrotesque;
  src: url(https://cdn.shopify.com/s/files/1/0700/2583/8826/files/BrutGrotesque-Extrabold.otf?v=1756152701);
  font-weight:800;
}
@font-face {
  font-family: BrutGrotesque;
  src: url(https://cdn.shopify.com/s/files/1/0700/2583/8826/files/BrutGrotesque-Regular.otf?v=1756152700);
  font-weight:400;
}
@font-face {
  font-family: BrutGrotesque;
  src: url(https://cdn.shopify.com/s/files/1/0700/2583/8826/files/BrutGrotesque-Light.otf?v=1756152700);
  font-weight:300;
}
@font-face {
    font-family: ClearfaceSerial;
    src: url(https://cdn.shopify.com/s/files/1/0700/2583/8826/files/ClearfaceSerial-MediumItalic.ttf?v=1756152700);
    font-weight:500;
}
@font-face {
    font-family: "Contax Sans 55";
    src: url(https://cdn.shopify.com/s/files/1/0700/2583/8826/files/Contax-Sans-55.otf?v=1756152700);
    font-weight:400;
}
body{
    background-color:#F9F3E4;
}
#header{
    background-color:#f9f3e4;
    padding:16px 0;
    z-index:99999 !important;
    .icons-col,
    .header-logo{
        display:none;
        @media only screen and (max-width: 1024px) {
            display:block;
            img {
                width: 100%;
                max-width: 170px;
            }
        }
    }
    .mobile-nav.hide-lg a{
        i {
            font-size: 25px !important;
        }
        &.close i:before{
            content:"\ec0f";
        }
    } 
    .icons-col{
        @media only screen and (max-width: 1024px) {
            display:flex;
        }
    }
    a#cartLink {
        margin-right: -9px;
        img {
            width: 25px;
            height: auto;
            transform: scale(1.5);
            transform-origin: top;
        }
    }
    .site-header{
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1440px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 5%;
        padding-right: 5%;
        display: flex;
        ul#siteNav {
            grid-column-gap: 30px;
            flex-direction: row;
            display: flex;
            align-items:center;
            @media (max-width:1440px){
                grid-column-gap: 2.1vw;
            }
            li.lvl1 {
                margin: 0 !important;
                &>a {
                    white-space: nowrap;
                    color: #062829;
                    padding: 20px 0 !important;
                    font-family: Brutgrotesque, sans-serif;
                    font-size: 15px;
                    line-height: 1.5;
                    font-weight: 400;
                    text-transform: capitalize !important;
                    display: flex;
                    min-height: auto;
                    @media (max-width:1440px){
                        font-size: 1.05vw;
                    }
                }
                &.nav-button{
                    a{
                        color: #062829;
                        text-align: center;
                        letter-spacing: .02em;
                        background-color: #0000;
                        border: 1px solid #8b8a87;
                        border-radius: 14px;
                        margin-bottom: 0;
                        padding: 12px 22px !important;
                        font-family: Brutgrotesque, sans-serif;
                        font-weight: 400;
                        text-decoration: none;
                        transition: color .2s, background-color .2s;
                        display: block;
                        min-width: 160px;
                        font-size: 16px;
                        min-height: auto;   
                        &:hover {
                            color: #062829 !important;
                            background-color: #ffcc71 !important;
                        }
                    }
                }
                &.nav-cart{
                    a{
                        padding:0 !important;
                    }
                    img{
                        width:30px;
                        margin-right:20px;
                        height:auto;
                        @media (max-width:1440px){
                            margin-right: 1.40vw;
                            width: 2.1vw;
                        }
                    }
                }
                &.nav-logo{
                    flex:1;
                    text-align:center;
                    a{
                        padding:0 !important;
                        display:flex;
                        margin:auto;
                        justify-content: center;
                        width:100%;
                        max-width:190px;
                        img{
                            width:100%;
                            height: auto;
                        }
                    }
                }
                &.parent.dropdown{
                    i{
                        font-size: 25px;
                        margin-left: 13px;
                    }
                }
            }
            @media only screen and (min-width: 1025px) {
                ul.dropdown {
                    padding:0 !important;
                    background-color:#f9f3e4 !important;
                    left:0;
                    top:calc(100% - 10px) !important;
                    border-radius:0;
                    padding-bottom:10px !important;
                }
                ul.dropdown a{
                    padding:0 !important;
                    display:inline-block;
                    background-color:transparent !important;
                    border-bottom:1px solid transparent;
                    margin-bottom:10px;
                    color:#062829 !important;
                    
                }
                ul.dropdown a:hover{
                    border-bottom:1px solid #062829;
                    color:#062829;
                }
                ul.dropdown::after{
                    content:'';
                    background-color:#f9f3e4;
                    width:300vw;
                    height:100%;
                    position:absolute;
                    left:0;
                    top:10px;
                    z-index:-1;
                    transform:translate(-100vw);
                }
            }
        }
    }
    .btn{
        color: #fff;
        letter-spacing: .02em;
        background-color: #ff6b19;
        border-radius: 15px;
        justify-content: center;
        padding: 12px 17px;
        font-family: Brutgrotesque;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: none;
        transition: color .2s, background-color .2s;
        display: flex;
        text-transform: capitalize;
        white-space:nowrap;
        width: 110px;
        margin-left: -35px;
        @media only screen and (max-width: 479px) {
            font-size: 12px;
            padding: 10px;
            width: 80px; 
            margin-left: 0;
        }
        &:hover{
            color: #062829 !important;
            background-color: #ffcc71 !important;
            border-color: #ffcc71 !important;
        }
    }
}
body.menuOn #header{
    box-shadow:none;
}
.ctdrawer {
    z-index: 109900;
}
#shopify-section-mobile-toolbar{
    display:none !important;
}
@media only screen and (max-width: 767px) {
    body {
        padding-bottom: 0px !important;
    }
}
.mobile-nav-wrapper {
    max-width: 100%;
    width: 100%;
    padding: 82px 0px 30px;
    background-color: #f9f3e4;
    left:0 !important;
    top:-100%;
    transition:top .3s ease;
    &.active{
        top:0;
    }
    .MobileNav {
        padding: 0px 30px 30px;
        &>li{
            border-top:0 !important;
            
            a{
                padding:0 !important;
                border-bottom: 1px solid #062829 !important;
                font-size:18px;
                font-weight:400;
                .at-minus-l:before{
                    content:'';
                    width:20px;
                    height:20px;
                    background-image:url('https://cdn.shopify.com/s/files/1/0700/2583/8826/files/angle.svg?v=1758563438');
                    background-size:contain;
                    transform:rotate(180deg);
                    transition:.3s;
                }
                .at-plus-l:before{
                    content:'';
                    width:20px;
                    height:20px;
                    background-image:url('https://cdn.shopify.com/s/files/1/0700/2583/8826/files/angle.svg?v=1758563438');
                    background-size:contain;
                    transition:.3s;
                }
                .at::after{
                    content:'';
                    width: calc(100vw - 60px);
                    height: 100%;
                    position: absolute;
                    right: 0;
                }
            }
            &.lvl-1:nth-last-child(2) a {
                border-bottom: 0 !important;
                margin-top: 30px;
                color: #fff;
                letter-spacing: .02em;
                background-color: #ff6b19;
                border-radius: 15px;
                justify-content: center;
                padding: 10px 17px !important;
                font-family: Brutgrotesque;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.2;
                text-decoration: none;
                transition: color .2s, background-color .2s;
                display: flex;
                text-transform: capitalize;
                white-space: nowrap;
            }

            &.lvl-1:nth-last-child(1) a {
                border-bottom: 0 !important;
                letter-spacing: .02em;
                justify-content: center;
                font-family: Brutgrotesque;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.2;
                text-decoration: underline;
                text-transform: capitalize;
            }
            ul.subLinks {
                background: transparent !important;
                padding:20px;
                li{
                    border-top: 0;
                    a{
                        min-height: auto;
                        margin-bottom: 10px;
                        display: inline-block;
                        border-bottom: 1px solid transparent !important;
                        font-size: 15px;
                        line-height: 1.4;
                        &:hover{
                            border-bottom:1px solid #062829 !important;
                        }
                    }
                }
            }
        }
    }
}
.modalOverly {
    display: none !important;
}




.take-controll{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0 10px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                h1{
                    letter-spacing: -.01em;
                    font-size: 64px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.1;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:4.44vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                    @media (max-width:767px){
                        margin-top:10px;
                    }
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 24px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:1.66vw;
                    }
                    @media (max-width:991px){
                        font-size:16px;
                    }
                    @media (max-width:479px){
                        font-size:19px;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
                }
                &:last-child{
                    padding-left:8%;
                    @media (max-width:767px){
                        padding-left:0;
                    }
                }
            }
        }
    }
}

.brand-logo{
    padding:30px 100px;
    @media (max-width:1440px){
        padding:30px 8%;
    }
    @media (max-width:767px){
        padding:30px 25px;
    }
    @media (max-width:479px){
        padding:30px 5px;
    }
    .logo-bar {
        .grid{
            justify-content:space-between;
            @media (max-width:767px){
                row-gap: 20px;
            }
        }
        .gitem{
            width:auto !important;
            @media (max-width:767px){
                width:33.33% !important;
            }
            img{
                height:32px;
                width: auto;
                @media (max-width:1440px){
                    height:2.1vw;
                }
                @media (max-width:767px){
                    height:3.1vw;
                }
                @media (max-width:479px){
                    height:4vw;
                }
            }
            &:last-child img{
                height: 78px;
                @media (max-width:1440px){
                    height:5.1vw;
                }
                @media (max-width:767px){
                    height:7.1vw;
                }
                @media (max-width:479px){
                    height:8vw;
                }
            }
        }
    }
}
.imagine-never{
    .page-width {
        max-width: 1440px;
        padding: 40px 5% 0 !important;
         @media (max-width:767px){
            padding:50px 10px 0 !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                h3{
                    letter-spacing: -.01em;
                    font-size: 54px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.1;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:3.75vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                }
                ul{
                    padding-left:10px;
                    @media (max-width:1440px){
                        margin-left:1.39vw;
                    }
                    @media (max-width:991px){
                        margin-left:15px;
                    }
                    li{
                        font-family: Brutgrotesque;
                        font-size: 20px;
                        line-height: 1.32;
                        font-weight: 300;
                        color:#062829;
                        @media (max-width:1440px){
                            font-size:1.39vw;
                        }
                        @media (max-width:991px){
                            font-size:15px;
                        }
                        @media (max-width:479px){
                            font-size:17px;
                        }
                    }
                }
                &:last-child{
                    padding-left:8%;
                    @media (max-width:767px){
                        padding-left:0;
                    }
                }
            }
        }
    }
}

.how-it-works{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:50px 10px 0 !important;
        }
        .sec-ttl {
            text-align:left !important;
            padding: 0 5%;
            margin-left:-15px;
            margin-right:-15px;
            margin-bottom:50px;
            @media (max-width:767px){
                padding: 0 10px;
            }
            p{
                letter-spacing: -.01em;
                font-size: 54px;
                color:#062829;
                font-family: "Contax Sans 55";
                line-height:1.1;
                font-weight:400;
                max-width:980px;
                margin: 0;
                @media (max-width:1440px){
                    font-size:3.63vw;
                }
                @media (max-width:991px){
                    font-size:26px;
                }
            }
            h2{
                color:#222;
                display:block;
                font-family: Brutgrotesque;
                font-size: 15px;
                line-height: 1.2;
                font-weight: 400;
                letter-spacing: .02em;
                margin-bottom:10px;
                text-transform: uppercase;
                @media (max-width:1440px){
                    font-size:15px;
                }
                @media (max-width:767px){
                    font-size:14px;
                }
            }
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(33.3333% - 40px / 3);
                margin-right:20px;
                @media (max-width:767px){
                    width:100%;
                    margin-right:0;
                    margin-bottom:20px;
                }
                &:nth-child(3n){
                    margin-right:0;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 42px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.1;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:2.82vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                    span{
                        background-color: #ffffff;
                        color: #062829;
                        border-radius: 4px;
                        font-family: "Contax Sans 55";
                        padding: 16px 22px 16px 30px;
                        font-size: 18px;
                        position: absolute;
                        top: 18px;
                        left: 18px;
                        display:block;
                        max-width:calc(100% - 40px);
                        @media (max-width:1440px){
                            font-size:17px;
                        }
                        @media (max-width:991px){
                            font-size:15px;
                        }
                        @media (max-width:479px){
                            font-size:14px;
                        }
                        &::after{
                            content:'';
                            border-radius: 20px;
                            width: 11px;
                            height: 11px;
                            position: absolute;
                            inset: 8px auto auto 8px;
                            background-color: #fd88ff;
                        }
                    }
                }
                &:nth-child(2) h3 span::after{
                    background-color: #29c67a;
                }
                &:nth-child(3) h3 span::after{
                    background-color: #ff6b19;
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:17px;
                    }
                    @media (max-width:479px){
                        font-size:15px;
                    }
                }
                .imgWrapper{
                    position:relative;
                    padding-top:100%;
                    margin-bottom:30px;
                    @media (max-width:991px) and (min-width:768px){
                        padding-top:350px;
                    }
                    img{
                        position:absolute;
                        left:0;
                        top:0;
                        width:100%;
                        height:100%;
                        object-fit:cover;
                        object-position:center;
                        margin-bottom:0px;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                        margin-bottom:20px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
    
                }
                &:last-child{
                    width:100%;
                }
            }
        }
    }
}

.the-result{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:50px 10px 40px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                h3{
                    letter-spacing: -.01em;
                    font-size: 54px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.1;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                    @media (max-width:767px){
                        margin-top:20px;
                    }
                    span{
                        display:block;
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.2;
                        font-weight: 400;
                        letter-spacing: .02em;
                        margin-bottom:10px;
                        text-transform: uppercase;
                        @media (max-width:1440px){
                            font-size:1.21vw;
                        }
                        @media (max-width:991px){
                            font-size:15px;
                        }
                        @media (max-width:479px){
                            font-size:14px;
                        }
                    }
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 300;
                    margin-top:20px;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:991px){
                        font-size:16px;
                    }
                }
                h2{
                    color: #062829;
                    letter-spacing: -.01em;
                    font-size: 96px;
                    font-weight: 400;
                    line-height: 1;
                    font-family: "Contax Sans 55";
                    margin-bottom: 0;
                    @media (max-width:1440px){
                        font-size:6.45vw;
                    }
                    @media (max-width:991px){
                        font-size:84px;
                    }
                }
                h5{
                    color: #222;
                    text-transform: uppercase;
                    font-family: Brutgrotesque;
                    font-size: 15px;
                    font-weight: 400;
                    margin-top:0;
                    @media (max-width:991px){
                        font-size:14px;
                    }
                }
                &:last-child{
                    padding-left:8%;
                    @media (max-width:767px){
                        padding-left:0;
                    }
                }
            }
        }
    }
}

.experienced{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:50px 10px 40px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(25% - 60px / 4);
                margin-right:20px;
                align-self: stretch;
                border-radius:4px;
                @media (max-width:991px){
                    width:calc(50% - 20px);
                    margin-right:40px;
                }
                &:nth-child(4n){
                    margin-right:0;
                }
                @media (max-width:991px){
                    &:nth-child(2n){
                        margin-right:0;
                    }
                }
                @media (max-width:479px){
                    width:100%;
                    margin-right:0;
                }
                .custom-text{
                    display:flex;
                    align-items:center;
                    max-width:95%;
                }
                h3{
                    font-family: "Contax Sans 55";
                    font-size: 54px;
                    line-height: 1.2;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-transform:uppercase;
                    margin-right:15px;
                    @media (max-width:1440px){
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size:47px;
                    }
                    @media (max-width:991px){
                        font-size:33px;
                    }
                    @media (max-width:479px){
                        font-size:33px;
                        width:30%;
                        text-align:right;
                    }
                }
                div.ttlTxt{
                    @media (max-width:479px){
                        width:70%;
                    }
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.2;
                    font-weight: 400;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-align:left;
                    @media (max-width:1440px){
                        font-size:1.21vw;
                    }
                    @media (max-width:991px){
                        font-size:14px;
                    }
                    @media (max-width:479px){
                        font-size:15px;
                    }
                }
            }
        }
    }
}

.exparts-say{
    &.section-cover{
        padding-left:0;
        padding-right:0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px 20px 40px !important;
        }
        .sec-ttl {
            text-align:left !important;
            padding: 0 5%;
            margin-left:-15px;
            margin-right:-15px;
            margin-bottom:50px;
            @media (max-width:767px){
                padding: 0 10px;
            }
            h2{
                letter-spacing: -.01em;
                font-size: 54px;
                color:#062829;
                font-family: "Contax Sans 55";
                line-height:1.1;
                font-weight:400;
                max-width:980px;
                margin: 0;
                @media (max-width:1440px){
                    font-size:3.63vw;
                }
                @media (max-width:991px){
                    font-size:26px;
                }
            }
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0 !important;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(25% - 60px / 4);
                margin-right:20px;
                background-color:#ffdfbb;
                align-self: stretch;
                border-radius:4px;
                &:nth-child(4n){
                    margin-right:0;
                }
                @media (max-width:991px){
                    width:calc(50% - 10px);
                    margin-bottom:40px;
                    &:nth-child(2n){
                        margin-right:0;
                    }
                }
                @media (max-width:479px){
                    margin:0;
                    width:100%;
                    margin-bottom:30px;
                    &:last-child{
                        margin-bottom:10px;
                    }
                }
                h3{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:10px;
                    color:#062829;
                    @media (max-width:479px){
                        font-size:16px;
                    }
                }
                P{
                    font-family: "Contax Sans 55";
                    font-size: 15px;
                    line-height: 1.38;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#878787;
                    text-transform:uppercase;
                    @media (max-width:1440px){
                        font-size: 1.57vw;
                    }
                    @media (max-width:991px){
                        font-size:14px;
                    }     
                }
                h5{
                    letter-spacing: -.01em;
                    font-size: 25px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.1;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:2.62vw;
                    }
                    @media (max-width:991px){
                        font-size:22px;
                    }
                    @media (max-width:479px){
                        font-size:24px;
                    }
                }
                .imgWrapper{
                    position:relative;
                    padding-top:82%;
                    margin-bottom:0;
                    img{
                        position:absolute;
                        left:0;
                        top:0;
                        width:100%;
                        height:100%;
                        object-fit:cover;
                        object-position:center;
                        margin-bottom:0px;
                    }
                }
                .custom-text{
                    padding:20px 15px;
                }
            }
        }
    }
}

.assessment{
     .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:40px 10px 40px !important;
        }
        .custom-content {
            .custom__item{
                padding-left: 0;
                padding-right:0;
                margin-right:20px;
                h3{
                    letter-spacing: -.01em;
                    font-size: 42px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.2;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:2.82vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                }
                a.btn{
                    color: #062829;
                    letter-spacing: .02em;
                    background-color: transparent;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    text-transform: capitalize;
                    border-color:#8b8a87;
                    display:inline-flex;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
                }
            }
        }
    }
}

.support{
    .page-width {
        max-width: 1440px;
        padding: 50px 5% !important;
        @media (max-width:767px){
            padding:30px 20px !important;
        }
        .sec-ttl {
            text-align:left !important;
            padding: 0 5%;
            margin-left:-15px;
            margin-right:-15px;
            margin-bottom:50px;
            @media (max-width:767px){
                padding: 0 10px;
                margin-bottom:30px;
            }
            h2{
                letter-spacing: -.01em;
                font-size: 54px;
                color:#062829;
                font-family: "Contax Sans 55";
                line-height:1.1;
                font-weight:400;
                max-width:980px;
                margin: 0;
                @media (max-width:1440px){
                    font-size:3.63vw;
                }
                @media (max-width:991px){
                    font-size:26px;
                }
            }
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0 !important;
            padding-bottom:70px;
            @media (max-width:767px){
                padding:0 0 70px;;
            }
            .custom__item{
                padding: 40px;
                width:calc(50% - 25px);
                margin-right:50px;
                background-color:#fffcf4;
                align-self: stretch;
                border-radius:4px;
                min-height: 100%;
                @media (max-width:767px){
                    width:100%;
                    margin-right:0px;
                }
                @media (max-width:479px){
                    padding:40px 20px !important;
                }
                .ct-inner{
                    overflow:visible;
                }
                .image-content{
                    max-width:144px;
                    max-width:35%;
                    .imgWrapper{
                        position:relative;
                        padding-top:100%;
                        margin-bottom:0;
                        img{
                            position:absolute;
                            left:0;
                            top:0;
                            width:100%;
                            height:100%;
                            object-fit:cover;
                            object-position:center;
                            margin-bottom:0px;
                        }
                    }
                }
                .custom-text{
                    h2{
                        letter-spacing: -.01em;
                        font-size: 28px;
                        color: #062829;
                        font-family: "Contax Sans 55";
                        line-height: 1.1;
                        font-weight: 400;
                        margin-bottom: 10px;
                        margin-top:10px;
                    }
                    h3{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 300;
                        margin-top:10px;
                        margin-bottom:10px;
                        color:#062829;
                        @media (max-width:479px){
                            font-size: 16px;
                        }
                    }
                    .tag{
                        display:flex;
                        align-items:center;
                        position:relative;
                        padding-bottom:10px;
                        flex-flow:wrap;
                        row-gap: 6px;
                        span{
                            font-family: Brutgrotesque;
                            color: #062829;
                            background-color: #fff0c9;
                            border-radius: 4px;
                            padding: 6px 14px;
                            font-size: 16px;
                            font-weight: 400;
                            display:block;
                            margin-right:9px;
                            line-height: 1;
                            @media (max-width:767px){
                                font-size: 14px;
                            }
                        }
                        &::after{
                            content:'';
                            width:calc(100% + 80px);
                            border-bottom: 1px solid #8b8a87;
                            position:absolute;
                            left:-40px;
                            bottom:0;
                        }
                    }
                    .plan{
                        padding-top:50px;
                        h5{
                            font-size: 18px;
                            color:#062829;
                            font-family: Brutgrotesque;
                            line-height:1.1;
                            font-weight:400;
                            @media (max-width:479px){
                                font-size: 16px;
                            }
                        }
                        li{
                            display:flex;
                            align-items: flex-start;
                            margin-bottom:5px;
                            img{
                                width:28px;
                                height:28px;
                                object-fit:contain;
                                @media (max-width:479px){
                                    width:22px;
                                    height:22px;
                                }
                            }
                            P{
                                font-family: Brutgrotesque;
                                font-size: 17px;
                                line-height: 1.38;
                                font-weight: 300;
                                margin:4px 0 0 10px;
                                color:#062829;
                                @media (max-width:479px){
                                    font-size: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
        .flickity-viewport{
            padding-bottom:50px;
        }
        .flickity-button.next {
            right: 5%;
            bottom: 0;
            top: calc(100% - 30px);
            opacity:1;
        }
        .flickity-button.previous {
            left:auto;
            right: calc(5% + 60px);
            bottom: 0;
            top: calc(100% - 30px);
            opacity:1;
        }
    }
}

.site-footer{
    background-color:#f9f3e5;
    margin-top: 0 !important;

    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0 15px !important;
        }
        .footer-top {
            padding: 70px 5% 0;
            margin-bottom:0 !important;
            margin-left:-15px;
            margin-right:-15px;
            width:calc(100% + 30px);
            gap:20px 60px;
            @media (max-width:991px){
                justify-content:center;
                gap: 20px 40px;
                max-width: 740px;
                margin: auto;
            }
            @media (max-width: 767px){
                gap: 40px 20px;
                margin: 0 -15px;
                padding: 0 15px;
            }
            @media (max-width: 479px){
                flex-flow:wrap;
                gap: 20px 40px;
                justify-content:flex-start;
            }
            .footer-block__item{
                padding-left: 0;
                width: auto;
                @media (max-width: 767px){
                    width: calc(50% - 20px) !important;
                    border-top:0;
                }
                @media (max-width: 479px){
                    width: auto !important;
                    border-top:0;
                }
                p{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.2;
                    font-weight: 400;
                    margin-top:0px;
                    margin-bottom:16px;
                    letter-spacing:.02em;
                    color:#062829;
                    @media (max-width:1440px){
                        margin-bottom: 1.11vw;
                        font-size:1.21vw;
                    }
                    @media (max-width:991px){
                        font-size:15px;
                        margin-bottom:14px;
                    }
                    @media only screen and (max-width: 766px){
                        &::before{
                            display:none !important;
                        }
                    }
                }
                ul{
                    @media only screen and (max-width: 766px){
                        display:block !important;
                    }
                }
                li{
                    margin-bottom:0; 
                    a{
                        color: #062829;
                        text-align: left;
                        border-bottom: 1px solid #0000;
                        padding-top: 10px;
                        padding-bottom: 4px;
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        font-weight: 300;
                        line-height: 1.38;
                        text-decoration: none;
                        transition: border-color .2s;
                        position: static;
                        border-bottom: 1px solid transparent;
                        display: inline-block;
                        @media (max-width:1440px){
                            padding-top:.7vw;
                            padding-bottom: .28vw;
                            font-size:1.21vw;
                        }
                        @media (max-width:991px){
                            font-size:15px;
                            padding-top:9px;
                            padding-bottom:4px;
                        }
                        &:hover{
                            border-bottom: 1px solid #062829;
                            opacity:1;
                        }
                    }
                }
                &.last-button{
                    li:last-child a{
                        color: #062829;
                        letter-spacing: .02em;
                        background-color: transparent;
                        border-radius: 15px;
                        justify-content: center;
                        padding: 14px 18px;
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 1.2;
                        text-decoration: none;
                        transition: color .2s, background-color .2s;
                        display: flex;
                        text-transform: capitalize;
                        border:1px solid #8b8a87 !important;
                        display:inline-flex;
                        margin-top:15px;
                        &:hover{
                            color: #062829 !important;
                            background-color: #ffcc71 !important;
                        }
                        
                    }
                }
                &#nav_menu-custom_W8dcVk{
                    width:100%;
                    img{
                        width:420px;
                        @media (max-width:1440px){
                            width: 29.2vw;
                        }
                        @media (max-width:991px){
                            width:420px;
                        }
                    }
                }
            }
        }
        &:nth-child(2){
            background-color: #ffdfbb;
            padding: 12px 0 !important;
            max-width: 100%;
            margin: 0;
            .footer-bottom{
                max-width: 1440px;
                padding: 0 5% !important;   
                margin: auto;
                background-color:transparent;
                border:0;
                .footer-block__item{
                    padding: 0 ;
                    margin-bottom:0 !important;
                    display:flex;
                    flex-direction:row-reverse;
                    justify-content:space-between;
                    @media (max-width: 767px){
                        flex-flow:wrap;
                        flex-direction:row-reverse;
                        justify-content: center;
                    }
                    p{
                        margin:0;
                        padding-top:3px;
                        @media (max-width:1440px){
                            font-size:1.01vw;
                        }
                        @media (max-width:991px){
                            font-size:13px;
                        }
                        @media (max-width: 767px){
                            &:before{
                                display:none;
                            }
                        }
                        @media (max-width: 479px){
                            font-size:18px;
                        }
                    }
                    ul{
                        display:flex;
                        @media (max-width: 767px){
                            flex-flow:wrap;
                            margin-top:0;
                            justify-content:center;
                        }
                        @media (max-width: 479px){
                            display:none;
                        }
                        li{
                            margin:0 15px 0 0;
                            @media (max-width: 767px){
                                &:last-child{
                                    margin-right:0;
                                }
                            }
                            a{
                                color: #062829;
                                text-align: left;
                                border-bottom: 1px solid #0000;
                                padding-top: 4px;
                                padding-bottom: 3px;
                                font-family: Brutgrotesque;
                                font-size: 15px;
                                font-weight: 400;
                                line-height: 1.38;
                                text-decoration: none;
                                transition: border-color .2s;
                                position: static;
                                border-bottom: 1px solid transparent;
                                display: inline-block;
                                @media (max-width:1440px){
                                    font-size:1.01vw;
                                }
                                @media (max-width:991px){
                                    font-size:13px;
                                }
                                &:hover{
                                    border-bottom: 1px solid #062829;
                                    opacity:1;
                                }
                            }
                        }
                    }
                }
            }
        }
        &:nth-child(3){
            max-width: 100%;
            margin: 0;
            background-color:#fffcf4;
            .footer-bottom{ 
                margin: auto;
                background-color:transparent;
                border:0;
                padding:60px 0;
                @media (max-width: 766px){
                    padding:20px;
                }
                .footer-block__item{
                    margin-bottom:0 !important;
                    display:flex;
                    flex-direction:row-reverse;
                    justify-content:space-between;
                    .fine-print{
                        font-size:12px;
                        font-style:normal;
                        color: #062829;
                        letter-spacing: .02em; 
                        margin-bottom: 10px;
                        font-family: Brutgrotesque;
                        font-weight: 300;
                        line-height: 1.38;
                        margin:0;
                    }
                    a{
                        color: #0000aa;
                        text-decoration: underline;  
                    }
                }
            }
        }
    }
}
body:not(.template-index) .site-footer .page-width:nth-child(3){
    display:none;
}



.wwt-banner{
    .ss_txt-wrap{
        padding-left:0;
        padding-right:0;
        .page-width {
            max-width: 1440px !important;
            padding: 0 5% !important;
            @media (max-width:767px){
                padding:0 15px !important;
            }
            .ss_txt{
                padding: 0 5%;
                margin-left: -15px;
                max-width: 700px;
                @media (max-width:767px){
                    padding:0 15px;
                }
                h1{
                    letter-spacing: -.01em;
                    font-size: 64px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.2;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:4.44vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                }
                div{
                    font-family: Brutgrotesque;
                    font-size: 24px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:10px;
                    color:#062829;
                    display:block !important;
                    @media (max-width:1440px){
                        font-size:17px;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: flex;
                    text-transform: capitalize;
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
    
                }
            }
        }
    }
}

.wwt-experienced{
    border-bottom: 1px solid #062829;
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:50px 10px 40px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(33.33% - 40px / 3);
                margin-right:20px;
                align-self: stretch;
                border-radius:4px;
                &:nth-child(3n){
                    margin-right:0;
                }
                @media (max-width:767px){
                    width:100%;
                    margin-right:0px;
                }
                .custom-text{
                    display:flex;
                    align-items:center;
                    max-width:95%;

                }
                h3{
                    font-family: "Contax Sans 55";
                    font-size: 54px;
                    line-height: 1.2;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-transform:uppercase;
                    margin-right:15px;
                    white-space:nowrap;
                    @media (max-width:1440px){
                        font-size:3.63vw;
                    }
                    @media (max-width:767px){
                        font-size:47px;
                    }
                    @media (max-width:479px){
                        font-size:33px;
                        width:30%;
                        text-align:right;
                    }
                }
                div.ttlTxt{
                    @media (max-width:479px){
                        width:70%;
                    }
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.2;
                    font-weight: 400;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-align:left;
                    @media (max-width:1440px){
                        font-size:1.21vw;
                    }
                    @media (max-width:767px){
                        font-size:14px;
                    }
                    @media (max-width:479px){
                        font-size:15px;
                        width:90%;
                    }
                }
            }
        }
    }
}

.wwt-take-our-health{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:20px 20px 40px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                @media (max-width:991px){
                    &:nth-child(1){
                        width:65%;
                    }
                    &:nth-child(2){
                        width:35%;
                    }
                }
                @media (max-width:767px){
                    width:100% !important;
                }
                h3{
                    font-family: "Contax Sans 55";
                    font-size: 28px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:1.95vw;
                    }
                    @media (max-width:991px){
                        font-size:25px;
                    }
                    @media (max-width:479px){
                        font-size:20px;
                    }
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 17px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:50px;
                    color:#062829;
                    @media (max-width:991px){
                        font-size:16px;
                    }
                }
                ul{
                    margin-bottom:60px;
                }
                li{
                    font-family: Brutgrotesque;
                    font-size: 16px;
                    line-height: 1.32;
                    font-weight: 400;
                    color:#062829;
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 12px 30px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
                    @media (max-width:767px){
                        margin-bottom:30px;
                    }
                }
                &:last-child{
                    padding-left:8%;
                    @media (max-width:991px){
                        padding-left:4%;
                    }
                }
            }
        }
    }
}

.wwt-goto-section{
    padding-bottom:0px;
    padding-top:140px;
    margin-top:0;
    @media (max-width:991px){
        padding-top:100px;
    }
    @media (max-width:767px){
        padding-top:0px;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:20px 20px 40px !important;
        }
        .topsubtitle{
            font-family: Brutgrotesque;
            font-size: 18px;
            line-height: 1.38;
            font-weight: 400;
            margin-top: 0;
            margin-bottom: 30px;
            color: #062829;
            text-transform: uppercase;
            text-align:center;
            @media (max-width:1440px){
                font-size:1.21vw;
            }
            @media (max-width:991px){
                font-size:15px;
            }
            @media (max-width:479px){
                font-size:14px;
            }
        }
        .sec-ttl {
            text-align:left !important;
            padding: 0 5%;
            margin-left:-15px;
            margin-right:-15px;
            margin-bottom:50px;
            h2{
                letter-spacing: -.01em;
                font-size: 28px;
                color:#062829;
                font-family: "Contax Sans 55";
                line-height:1.1;
                font-weight:400;
                margin-bottom:25px;
                @media (max-width:1440px){
                    font-size:1.95vw;
                }
                @media (max-width:991px){
                    font-size:25px;
                }
                @media (max-width:479px){
                    font-size:20px;
                }
            }
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                &.wd50-md{
                    margin-right:50px;
                    width:calc(50% - 25px);
                    &:nth-child(2n){
                        margin-right:0;
                    }
                }
                &:not(.wd50-md,.wd33-md,.wd25-md){
                    margin-right:0px;
                    width:100%;
                    padding-top:20px;
                }
                 @media (max-width:991px){
                     width:100% !important;
                 }
                 @media (max-width:767px){
                    width:100% !important;
                    padding-top:20px;
                    &:first-child{
                        padding-top:0px;
                    }
                 }
                .custom-text{
                    p.subtitle{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 400;
                        margin-top:0px;
                        margin-bottom:30px;
                        color:#062829;
                        text-transform:uppercase;
                        @media (max-width:1440px){
                            font-size:1.21vw;
                        }
                        @media (max-width:991px){
                            font-size:15px;
                        }
                        @media (max-width:479px){
                            font-size:14px;
                        }
                    }
                    h3{
                        letter-spacing: -.01em;
                        font-size: 28px;
                        color:#062829;
                        font-family: "Contax Sans 55";
                        line-height:1.1;
                        font-weight:400;
                        margin-bottom:25px;
                        @media (max-width:1440px){
                            font-size:1.95vw;
                        }
                        @media (max-width:991px){
                            font-size:25px;
                        }
                        @media (max-width:479px){
                            font-size:20px;
                        }
                    }
                    .ttlTxt *{
                        font-family: Brutgrotesque;
                        font-size: 17px;
                        line-height: 1.38;
                        font-weight: 300;
                        color:#062829;
                        @media (max-width:991px){
                            font-size:16px;
                        }
                    }
                    .details-list{
                        margin-top:50px;
                        border-top:1px solid #8b8a87;
                        padding:20px 0 0 6px;
                        display:flex;
                        flex-direction:column;
                        gap:25px;
                        li{
                            display:flex;
                            align-items:center;
                            grid-column-gap:18px;
                            @media (max-width:479px){
                                grid-column-gap:14px;
                            }
                            &:first-child{
                                img{
                                    transform:scale(1.2);
                                }
                            }
                            img{
                                width: 25px;
                                height:25px;
                                object-fit:contain;
                                margin: 0;
                                @media (max-width:479px){
                                    width: 22px;
                                    height:22px;
                                }
                            }
                            p{
                                padding:0;
                                font-family: Brutgrotesque;
                                font-size: 15px;
                                line-height: 1.38;
                                font-weight: 400;
                                color:#062829;
                                max-width:calc(100% - 18px - 25px)
                                @media (max-width:991px){
                                    font-size:14px;
                                }
                                @media (max-width:479px){
                                    font-size:12px;
                                }
                            }
                        }
                    }
                    .bottom-text{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 400;
                        margin-top:50px;
                        margin-bottom:25px;
                        color:#062829;
                        @media (max-width:1440px){
                            font-size:1.21vw;
                        }
                        @media (max-width:991px){
                            font-size:14px;
                        }
                    }
                    .btn {
                        color: #fff;
                        letter-spacing: .02em;
                        background-color: #ff6b19;
                        border-radius: 15px;
                        justify-content: center;
                        padding: 12px 30px;
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 1.2;
                        text-decoration: none;
                        transition: color .2s, background-color .2s;
                        display: inline-flex;
                        text-transform: capitalize;
                        @media (max-width:991px){
                            font-size:15px;
                        }
                        @media (max-width:479px){
                            font-size:16px;
                        }
                        &:hover{
                            color: #062829 !important;
                            background-color: #ffcc71 !important;
                            border-color: #ffcc71 !important;
                        }
                    }

                }

                .ct-inner-image{
                    position:relative;
                    .overlay{
                        position:absolute;
                        padding:25px;
                        &.top-left{
                            top:0;
                            left:0;
                        }
                        &.top-right{
                            top:0;
                            right:0;
                        }
                        &.bottom-left{
                            bottom:0;
                            left:0
                        }
                        &.center-center{
                            top:50%;
                            left:50%;
                            transform:translate(-50%,-50%);
                            width:90%;
                        }
                        .title{
                            letter-spacing: -.01em;
                            font-size: 42px;
                            color:#fff;
                            font-family: "Contax Sans 55";
                            line-height:1.1;
                            font-weight:400;
                            @media (max-width:1440px){
                                font-size:2.82vw;
                            }
                            @media (max-width:991px){
                                font-size:28px;
                            }
                            @media (max-width:767px){
                                font-size:26px;
                            }
                            @media (max-width:479px){
                                font-size:24px;
                            }
                        }
                        p.tags{
                            display: flex;
                            align-items: center;
                            position: relative;
                            margin:0;
                            flex-flow:wrap;
                            row-gap:6px;
                            span{
                                font-family: Brutgrotesque;
                                color: #062829;
                                background-color: #fff0c9;
                                border-radius: 4px;
                                padding: 6px 14px;
                                font-size: 16px;
                                font-weight: 300;
                                display: block;
                                margin-right: 9px;
                                line-height: 1;
                                @media (max-width:479px){
                                    padding: 4px 12px;
                                    font-size: 14px;
                                }
                            }
                        }
                        h6{
                            letter-spacing: -.01em;
                            font-size: 18px;
                            color:#062829;
                            font-family: "Contax Sans 55";
                            line-height:1.1;
                            font-weight:400;
                            margin: 0;
                            position:relative;
                            &.info{
                                background-color: #fff;
                                color: #062829;
                                border-radius: 4px;
                                font-family: "Contax Sans 55";
                                padding: 16px 22px 16px 30px;
                                font-size: 18px;
                                max-width:400px;
                                margin: auto;
                                @media (max-width:1440px){
                                    font-size:1.21vw;
                                }
                                @media (max-width:991px){
                                    font-size:15px;
                                }
                                &::before{
                                    content: "";
                                    border-radius: 20px;
                                    width: 11px;
                                    height: 11px;
                                    position: absolute;
                                    inset: 8px auto auto 8px;
                                }
                            }
                        }
                    }
                }
                &.block_type_section_link{
                    margin-bottom:0;
                    padding-bottom:0;
                    .section-links{
                        display:flex;
                        justify-content:space-between;
                        @media (max-width:991px){
                            flex-direction:column;
                            align-items:center;
                        }
                        @media (max-width:479px){
                            background-color:#fffcf4;
                            border-radius:6px;
                            padding:10px 0;
                        }
                        a{
                            font-family: Brutgrotesque;
                            font-size: 14px;
                            line-height: 1.38;
                            font-weight: 400;
                            color: #062829;
                            text-transform: uppercase;
                            text-decoration:underline;
                            @media (max-width:991px){
                                padding:10px 0;
                            }
                            @media (max-width:479px){
                                text-align:center;
                            }
                            &::before {
                                content:"";
                                display: inline-block;
                                width: 8px;
                                height: 8px;
                                background: transparent;
                                border-radius:10px;
                                margin-right:5px;
                                
                            }
                            &.current::before{
                                background: #ff6b19;
                            }
                        }
                    }
                }
            }
        }
    }
    &.border-bottom{
        padding-bottom:140px;
        border-bottom: 1px solid #cccbc8;
        @media (max-width: 991px) {
            padding-bottom: 100px;
        }
        @media (max-width: 767px) {
            padding-bottom: 30px;
        }
    }
    &.big-title{
        .sec-ttl {
            @media (max-width:767px){
                padding-left:10px;
            }
            h2{
                font-size: 42px !important;
                @media (max-width:1440px){
                    font-size:2.82vw !important;
                }
                @media (max-width:991px){
                    font-size:36px !important;
                }
                @media (max-width:767px){
                    margin-bottom:0;
                }
                @media (max-width:479px){
                    font-size:26px !important;
                }
            }
        }
    }
    &.wpc{
        .custom-content {
            align-items:normal;
            .custom__item.without-propre-care{
                align-self:normal;
                .ct-inner{
                    border: 1px solid #8b8a87;
                    border-radius: 6px;
                    padding:10%;
                    border-radius: 10px !important;
                    height: 100%;   
                    @media (max-width:479px){
                        padding:20px;
                    }
                    .custom-text{
                        h3{
                            font-size:32px;
                            @media (max-width:1440px){
                                font-size:2.24vw !important;
                            }
                            @media (max-width:991px){
                                font-size:28px !important;
                            }
                            @media (max-width:767px){
                                font-size:24px !important;
                            }
                        } 
                        div.ttlTxt{
                            display:flex;
                            flex-direction:column;
                            align-items:flex-start;
                            justify-content:flex-start;
                            p{
                                color: #062829;
                                letter-spacing: .02em;
                                background-color: #fff0c9;
                                border-radius: 4px;
                                padding: 6px 14px;
                                font-size: 19px;
                                line-height: .9;
                                @media (max-width:1440px){
                                    font-size:1.32vw !important;
                                }
                                @media (max-width:991px){
                                    font-size:16px !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    &.ct{
        .topsubtitle,.sec-ttl {
            max-width:900px;
            text-align:left;
            margin-left:auto;
            margin-right:auto;
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
                margin:0 -5px 30px;
            }
        }
        .sec-ttl{
            margin-bottom:0;
            @media (max-width:767px){
                padding:0;
                margin:0 -5px;
            }
            h2{
                font-size:50px !important;
                @media (max-width:1440px){
                    font-size:3.5vw !important;
                }
                @media (max-width:991px){
                    font-size:26px !important;
                }
                @media (max-width:767px){
                    margin-bottom:40px;
                }
            }
        }
        .custom-content {   
            .custom__item{
                .left-right-details{
                    background-size:cover;
                    background-position:center;
                    padding:8% 10%;
                    @media (max-width:767px){
                        padding:30px;
                    }
                    .row{
                        display:flex;
                        background-color:#fff;
                        border-radius:6px;
                        flex-flow:wrap;
                        .left,.right{
                            padding:30px;
                            width:50%;
                            display:flex;
                            flex-direction:column;
                            justify-content:center;
                            @media (max-width:991px){
                                width:100%;
                            }
                            h2{
                                letter-spacing: -.01em;
                                font-size: 24px;
                                color: #062829;
                                font-family: "Contax Sans 55";
                                line-height: 1.1;
                                font-weight: 400;
                                margin-bottom: 25px;
                                @media (max-width:1440px){
                                    font-size:1.66vw !important;
                                }
                                @media (max-width:991px){
                                    font-size:22px !important;
                                }
                                @media (max-width:479px){
                                    font-size:24px !important;
                                }
                            }
                            .details-list{
                                display:flex;
                                flex-direction:column;
                                gap:10px;
                                padding:0 0 10px;
                                li{
                                    display:flex;
                                    align-items:center;
                                    grid-column-gap:18px;
                                    padding:12px;
                                    background-color:#fff0c9;
                                    border-radius:6px;
                                    img{
                                        width: 25px;
                                        height:25px;
                                        object-fit:contain;
                                        margin: 0;
                                    }
                                    p{
                                        padding:0;
                                        font-family: Brutgrotesque;
                                        font-size: 15px;
                                        line-height: 1.38;
                                        font-weight: 400;
                                        color:#062829;
                                        max-width:calc(100% - 18px - 25px);
                                        @media (max-width:991px){
                                            font-size:14px !important;
                                        }
                                        @media (max-width:479px){
                                            font-size:12px !important;
                                        }
                                    }
                                }
                            }
                        }
                        .left{
                            border-right:1px solid #d4cfc2;
                            @media (max-width:991px){
                                border-right:0;
                                border-bottom:1px solid #d4cfc2;
                            }
                            .details-list li{
                                background-color:#ebfdc3;
                            }
                        }
                    }
                }
                &.hormone{
                    .tl{
                        display:flex;
                        gap:25px;
                        @media (max-width:767px){
                            flex-direction:column-reverse;
                        }
                        &>a{
                            width:40%;
                            @media (max-width:767px){
                                width:100%;
                                img{
                                    margin-bottom:0;
                                }
                            }
                        }
                        .custom-text{
                            width:calc(60% - 25px);
                            @media (max-width:767px){
                                width:100%;
                            }
                        }
                    }
                }
            }
        }
    }
    &#what-is-perimenopause{
        .imgWrapper{
            max-width:100% !important;
        }
    }
    &#How-your-cycle-affects-you{
        .topsubtitle{
            text-align:left;
            margin-left:-15px;
            margin-right:-15px;
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
                margin:0 -5px 30px;
            }
        }
        .sec-ttl{
            @media (max-width:767px){
                padding:0;
                margin:0 -5px;
            }
            h2{
                font-size:50px !important;
                max-width: 780px;
                margin-left: 0;
                @media (max-width:1440px){
                    font-size:3.5vw !important;
                }
                @media (max-width:991px){
                    font-size:26px !important;
                }
                @media (max-width:767px){
                    margin-bottom:40px;
                }
            }
        }
        .custom-text {
            .ttlTxt{
                max-width:1000px;
                p{
                    color: #062829;
                    line-height: 1.1;
                    font-family: Brutgrotesque;
                    font-size: 28px;
                    font-weight: 400;
                    @media (max-width:1440px){
                        font-size:1.95vw !important;
                    }
                    @media (max-width:991px){
                        font-size:25px !important;
                    }
                    @media (max-width:767px){
                        font-size:20px !important;
                    }
                }
            }
        }
    }
    &#What-is-your-infradian-Rhythm{
        .custom__item{
            &:nth-child(1){
                width: calc(40% - 25px);
            }
            &:nth-child(2){
                width: calc(60% - 25px);
            }
            h3{
                font-size:52px;
                @media (max-width:1440px){
                    font-size:3.62vw !important;
                }
                @media (max-width:991px){
                    font-size:26px !important;
                }
            }
        }
    }
    &#explore-Your-cycle-phases{
        .topsubtitle{
            text-align:left;
            margin-left:-15px;
            margin-right:-15px;
            padding: 0 5%;
        }
        .sec-ttl h2{
            max-width: 800px;
            margin-left: 0;
            margin-bottom:0;
        }
        .custom__item{
            .imgWrapper{
                max-width:100% !important;
            }
            .ttlTxt{
                p{
                    color: #062829;
                    line-height: 1.1;
                    font-family: Brutgrotesque;
                    font-size: 28px;
                    font-weight: 400;
                    @media (max-width:1440px){
                        font-size:1.95vw !important;
                    }
                    @media (max-width:991px){
                        font-size:25px !important;
                    }
                    @media (max-width:767px){
                        font-size:20px !important;
                    }
                }
            }
        }
    }
}
.nopaddingY,
.perimenopause-surrpot,
.wwt-support{
    padding-left:0 !important;
    padding-right:0 !important;
}

.wwt-collection{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        padding-top:50px !important;
        @media (max-width:767px){
            padding:50px 10px 0px !important;
        }
        .sec-ttl {
            text-align:left !important;
            padding: 0 5%;
            margin-left:-15px;
            margin-right:-15px;
            margin-bottom:50px;
            @media (max-width:767px){
                padding:0 10px;
            }
            h2{
                letter-spacing: -.01em;
                font-size: 54px;
                color:#062829;
                font-family: "Contax Sans 55";
                line-height:1.1;
                font-weight:400;
                max-width:980px;
                margin: 0;
                @media (max-width:1440px){
                    font-size:3.63vw;
                }
                @media (max-width:991px){
                    font-size:26px;
                }
            }
        }
        .grid {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
                margin:0 -5px;
            }
            .gitem{
                padding-left: 0;
                padding-right:0;
                width:calc(33.3333% - 40px / 3);
                margin-right:20px;
                &:nth-child(3n){
                    margin-right:0;
                }
                @media (max-width:767px){
                    width:100%;
                    margin:0;
                }
                .gitem-img {
                    padding-bottom:100%;
                    border-radius:0;
                }
                .gview-img{
                    border-radius:0;
                }
                .details{
                    text-align:left;
                    padding:30px 0;
                    @media (max-width:767px){
                        padding:20px 0 0;
                    }
                    a{
                        letter-spacing: -.01em;
                        font-size: 28px;
                        color:#062829;
                        font-family: "Contax Sans 55";
                        line-height:1.1;
                        font-weight:400;
                        @media (max-width:1440px){
                            font-size:1.95vw;
                        }
                        @media (max-width:991px){
                            font-size:25px;
                        }
                        @media (max-width:479px){
                            font-size:20px;
                        }
                    }
                    p{
                        margin:0 !important;
                    }
                    .descriptiion{
                        font-family: Brutgrotesque;
                        font-size: 17px;
                        line-height: 1.1;
                        font-weight: 400;
                        margin-top:30px;
                        margin-bottom:25px;
                        color:#062829;
                        @media (max-width:1440px){
                            font-size:1.2vw;
                        }
                        @media (max-width:991px){
                            font-size:14px;
                        }
                        @media (max-width:767px){
                            margin-top:20px;
                            margin-bottom:15px;
                        }
                        @media (max-width:479px){
                            font-size:15px;
                        }
                    }
                    .priceWraper{
                        justify-content:flex-start;
                        .pr_price{
                            font-family: Brutgrotesque;
                            font-size: 18px;
                            font-weight: 400;
                            color:#062829;
                            @media (max-width:1440px){
                                font-size:1.21vw;
                            }
                            @media (max-width:991px){
                                font-size:15px;
                            }
                            @media (max-width:479px){
                                font-size:14px;
                            }
                        }
                    }
                }
                .button-set{
                    display:none !important;
                }
            }
        }
    }
}

.wwt-cycle-syncing-banner{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:10px 10px 30px !important;
        }
        .custom-content {
            padding: 70px 5%;
            grid-column-gap:50px;
            @media (max-width:767px){
                padding:0px !important;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(50% - 25px);
                @media (max-width:767px){
                    width:100% ;
                }
                h1{
                    letter-spacing: -.01em;
                    font-size: 58px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.2;
                    font-weight:400; 
                    @media (max-width:1440px){
                        font-size:4.05vw;
                    }
                    @media (max-width:991px){
                        font-size:51px;
                    }
                    @media (max-width:479px){
                        font-size:36px;
                    }
                }
                P{
                    font-family: "Contax Sans 55";
                    font-size: 1.95vw;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:1.95vw;
                    }
                    @media (max-width:991px){
                        font-size:25px;
                    }
                    @media (max-width:479px){
                        font-size:20px;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                        margin-bottom:20px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
    
                }
            }
        }
    }
}

.wwt-join{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:20px 20px 40px !important;
        }
        .custom-content {
            padding: 70px 5%;
            grid-column-gap:50px;
            @media (max-width:767px){
                padding:0px !important;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                P{
                    font-family: "Brutgrotesque";
                    font-size: 18px;
                    line-height: 1.32;
                    font-weight: 400;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:991px){
                        font-size:26px !important;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
    
                }
            }
        }
    }
}

.wwt-membership{
    @media (max-width:767px){
        padding-left:0;
        padding-right:0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:20px 20px 40px !important;
        }
        .custom-content {
            padding: 70px 5%;
            grid-column-gap:50px;
            @media (max-width:767px){
                padding:0px !important;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(50% - 25px);
                @media (max-width:767px){
                    width:100% !important;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 36px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.2;
                    font-weight:400;
                    margin-bottom:20px;
                    @media (max-width:1440px){
                        font-size:2.52vw;
                    }
                    @media (max-width:991px){
                        font-size:32px;
                    }
                    @media (max-width:767px){
                        margin-top:40px;
                    }
                }
                P{
                    font-family: "Brutgrotesque";
                    font-size: 16px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:479px){
                        font-size:14px;
                    }
                }
            }
        }
    }
}

.op-banner{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px !important;
        }
        .custom-content {
            padding: 70px 5%;
            grid-column-gap:50px;
            @media (max-width:991px){
                padding:30px 5% !important;
            }
            @media (max-width:767px){
                padding:0px 20px 20px !important;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                &:first-child{
                    width:calc(60% - 25px);
                }
                &:last-child{
                    width:calc(40% - 25px);
                }
                @media (max-width:767px){
                    width:100% !important;
                }
                h1{
                    letter-spacing: -.01em;
                    font-size: 25px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom: 10px;
                    @media (max-width:1440px){
                        font-size:1.75vw;
                    }
                    @media (max-width:991px){
                        font-size:22px;
                    }
                    @media (max-width:767px){
                        margin-top:20px;
                    }
                }

                P{
                    letter-spacing: -.01em;
                    font-size: 28px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom: 0px;
                    @media (max-width:1440px){
                        font-size:1.95vw;
                    }
                    @media (max-width:991px){
                        font-size:25px;
                    }
                    @media (max-width:479px){
                        margin-top:20px;
                        font-size:20px;
                    }
                }
            }
        }
    }
}

.op-whether{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px !important;
        }
        .custom-content {
            padding: 70px 5%;
            grid-column-gap:50px;
            @media (max-width:991px){
                padding:30px 5% !important;
            }
            @media (max-width:767px){
                padding:10px 10px 20px !important;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                max-width:900px;
                margin:auto;
                .custom-text{
                    max-width:100%;
                }
                P{
                    font-family: "Brutgrotesque";
                    font-size: 17px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-bottom:25px;
                    color:#062829;
                    text-align:left;
                    @media (max-width:767px){
                        font-size: 16px;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
    
                }
            }
        }
    }
}

#op-evaluate{
    .custom__item{
        &:nth-child(1){
            width: calc(40% - 25px);
        }
        &:nth-child(2){
            width: calc(60% - 25px);
        }
        h3{
            font-size:52px;
            @media (max-width:1440px){
                font-size:3.62vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
        }
    }
}

#op-treat{
    padding-bottom:140px;
    @media (max-width: 991px){
        padding-bottom:100px;
    }
    @media (max-width: 767px){
        padding-bottom:40px;
        padding-top:40px;
    }
    .topsubtitle{
        text-align:left;
        margin-left:-15px;
        margin-right:-15px;
        padding: 0 5%;
        @media (max-width:767px){
            padding:0;
            margin:0 -5px 20px;
        }
    }
    .sec-ttl {
        @media (max-width:767px){
            padding:0;
            margin:0 -5px 30px;
        }
        h2{
            margin-bottom:0;       
        }
    }
    .custom__item{  
        .image-wrap{
            position:relative;
        }
        h2{
            letter-spacing: -.01em;
            font-size: 28px;
            color: #062829;
            font-family: "Contax Sans 55";
            line-height: 1.1;
            font-weight: 400;
            margin-bottom: 25px;
            margin-top:20px;
        }
        p{
            font-family: Brutgrotesque;
            font-size: 17px;
            line-height: 1.38;
            font-weight: 300;
            color: #062829;
        }
    }
}

.op-why{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px !important;
        }
        .custom-content {
            padding: 70px 5%;
            grid-column-gap:50px;
            @media (max-width:991px){
                padding:30px 5% !important;
            }
            @media (max-width:767px){
                padding:10px 10px 20px !important;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                max-width:750px;
                margin:auto;
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em; 
                    font-size: 31px;
                    color: #434343;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom: 15px;
                    @media (max-width:1440px){
                        font-size:2.16vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                }
                P{
                    font-family: "Brutgrotesque";
                    font-size: 17px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-bottom:25px;
                    color:#062829;
                    text-align:left;
                    @media (max-width:767px){
                        font-size: 16px;
                    }
                }
            }
        }
    }
}

#op-optimize{
    @media (max-width:767px){
        padding-top:30px;
    }
    h3{ 
        font-size:52px;
        @media (max-width:1440px){
            font-size:3.62vw !important;
        }
        @media (max-width:991px){
            font-size:26px !important;
        }
    }
    .imgWrapper{
        max-width:100% !important;
    }
}

#op-monitor{
    @media (max-width:767px){
        padding-top:30px;
    }
    h3{ 
        font-size:52px;
        @media (max-width:1440px){
            font-size:3.62vw !important;
        }
        @media (max-width:991px){
            font-size:26px !important;
        }
    }
    .imgWrapper{
        max-width:100% !important;
    }
}

#op-support{
    .sec-ttl{
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
        }
        h2{
            max-width: 700px;
            margin-bottom: 15px;
            font-size:42px;
            text-align:center;
            @media (max-width:1440px){
                font-size:2.82vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
        }
        p{
            font-family: Brutgrotesque;
            font-size: 17px;
            line-height: 1.38;
            font-weight: 300;
            color: #062829;
            max-width: 700px;
            @media (max-width:991px){
                font-size:16px !important;
            }
        } 
    }
    .custom__item{
        .ttlTxt{
            p{
                color: #062829;
                line-height: 1.1;
                font-family: Brutgrotesque;
                font-size: 17px;
                font-weight: 400;
                padding:20px 0 0;
                @media (max-width:991px){
                    font-size:14px !important;
                }
                @media (max-width:479px){
                    font-size:15px !important;
                }
            }
        }
    }
}

#os-banner{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px !important;
        }
        .custom-content {
            padding: 0px 5%;
            grid-column-gap:50px;
            @media (max-width:991px){
                padding:30px 5% !important;
                flex-direction:column-reverse;
                .imgWrapper{
                    padding:0 5%;
                    margin-bottom:30px;
                }
            }
            @media (max-width:767px){
                padding:10px 20px 20px !important;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                max-width:750px;
                margin:auto;
                &:first-child{
                    width:55%;
                }
                &:last-child{
                    width:25%;
                    margin-left:auto;
                }
                @media (max-width:767px){
                    width:100% !important;
                }
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em; 
                    font-size: 60px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom: 15px;
                    max-width: 600px;
                    @media (max-width:1440px){
                        font-size:3.62vw !important;
                    }
                    @media (max-width:991px){
                        font-size:26px !important;
                    }
                }
                P.subtitle{
                    font-family: "Contax Sans 55";
                    font-size: 25px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-bottom:25px;
                    color:#062829;
                    text-align:left;
                    text-transform:capitalize;
                    @media (max-width:1440px){
                        font-size:1.75vw !important;
                    }
                    @media (max-width:991px){
                        font-size:22px !important;
                    }
                }
                .ttlTxt p{
                    font-family: "Brutgrotesque";
                    font-size: 17px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-bottom:25px;
                    color:#062829;
                    text-align:left;
                }
                .btn:hover{
                    background-color: #ffcc71 !important;
                    color: #062829 !important;
                }
                .btn2 {
                    background-color: transparent !important;
                    border-color:#062829 !important;
                    color:#062829 !important;
                    margin-top:20px;
                    &:hover{
                        background-color: #ffcc71 !important;
                    }
                }
            }
        }
    }
}

#os-root{
    .topsubtitle{
        text-align:left;
        margin-left:-15px;
        margin-right:-15px;
        padding: 0 5%;
        @media (max-width:767px){
            padding:20px 0;
            margin:0 -5px;
        }
    }
    .sec-ttl {
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
        }
        h2{
            margin-bottom: 25px;
            font-size:50px;
            max-width: 700px;
            margin-left:0;
            @media (max-width:1440px){
                font-size:3.5vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
            @media (max-width:767px){
                margin-bottom:40px;
            }
        }
        p{
            margin-left:0;
            font-family: Brutgrotesque;
            font-size: 17px;
            line-height: 1.38;
            font-weight: 300;
            color: #062829;
            max-width:900px;
            @media (max-width:767px){
                font-size: 16px;
                margin-bottom:20px;
            }
        } 
    }
    .custom-content{
        padding-top:20px;
        padding-bottom:110px;
        @media (max-width:991px){
            padding-bottom:70px;
        }
        @media (max-width:767px){
            padding-bottom:0;
        }
    }
    .custom__item {
        .tl.f-ass{
            display:flex;
            justify-content:space-between;
            @media (max-width:479px){
                flex-direction:column;
            }
            .imgWrapper{
                max-width: 33.33% !important;
                margin-right:auto;
                margin-top:0;
                margin-left: 0;
                @media (max-width:767px){
                    max-width: 25% !important;
                }
                @media (max-width:479px){
                    min-width:100px;
                }
            }

            .custom-text{
                max-width:66.66%;
                @media (max-width:479px){
                    max-width:100%;
                }
                h3{
                    font-size:30px;
                    @media (max-width:1440px){
                        font-size:2.1vw !important;
                    }
                    @media (max-width:991px){
                        font-size:26px !important;
                    }
                }
                ul{
                    margin-left: 14px;
                }
                li{
                    margin-bottom:30px;
                    @media (max-width:1440px){
                        font-size:1.2vw !important;
                    }
                    @media (max-width:991px){
                        font-size:15px !important;
                    }
                }
            }
        }
    }
}

#os-endocrine{
    @media (max-width:767px){
        .page-width{
            padding-left:10px !important;
            padding-right:10px !important;
        }
    }
    .sec-ttl {
        margin-bottom:30px;
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
        }
        h2{
            margin-bottom: 15px;
            font-size:50px;
            max-width: 700px;
            margin-left:0;
            @media (max-width:1440px){
                font-size:3.5vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
            @media (max-width:767px){
                margin-bottom:20px;
                padding-top:30px;
            }
        }
        p{
            margin-left:0;
            font-family: Brutgrotesque;
            font-size: 17px;
            line-height: 1.38;
            font-weight: 300;
            color: #062829;
            max-width:900px;
            @media (max-width:767px){
                font-size: 16px;
                margin-bottom:20px;
            }
        } 
    }
    .custom-content {   
        .custom__item{
            .left-right-details{
                background-size:cover;
                background-position:center;
                padding:0%;
                .row{
                    display:flex;
                    background-color:#fff;
                    border-radius:6px;
                    @media (max-width:767px){
                        flex-direction:column;
                    }
                    .left,.right{
                        padding:40px 50px;
                        width:50%;
                        display:flex;
                        flex-direction:column;
                        justify-content:center;
                        @media (max-width:767px){
                            width:100%;
                            padding:25px 30px;
                        }
                        h2{
                            letter-spacing: -.01em;
                            font-size: 24px;
                            color: #062829;
                            font-family: "Contax Sans 55";
                            line-height: 1.1;
                            font-weight: 400;
                            margin-bottom: 25px;
                            @media (max-width:1440px){
                                font-size:1.66vw !important;
                            }
                            @media (max-width:991px){
                                font-size:22px !important;
                            }
                            @media (max-width:479px){
                                font-size:24px !important;
                            }
                        }
                        .details-list{
                            display:flex;
                            flex-direction:column;
                            gap:10px;
                            padding:0 0 10px;
                            li{
                                display:flex;
                                align-items:center;
                                grid-column-gap:18px;
                                padding:12px;
                                background-color:#fff0c9;
                                border-radius:6px;
                                img{
                                    width: 25px;
                                    height:25px;
                                    object-fit:contain;
                                    margin: 0;
                                }
                                p{
                                    padding:0;
                                    font-family: Brutgrotesque;
                                    font-size: 15px;
                                    line-height: 1.38;
                                    font-weight: 400;
                                    color:#062829;
                                    max-width:calc(100% - 18px - 25px);
                                    @media (max-width:991px){
                                        font-size:14px !important;
                                    }
                                    @media (max-width:479px){
                                        font-size:12px !important;
                                    }
                                }
                            }
                        }
                    }
                    .left{
                        border-right:1px solid #d4cfc2;
                        @media (max-width:767px){
                            border-right: 0;
                            border-bottom: 1px solid #d4cfc2;
                        }
                        .details-list li{
                            background-color:#ebfdc3;
                        }
                    }
                }
            }
            &.hormone{
                .tl{
                    display:flex;
                    gap:25px;
                    &>a{
                        width:40%;
                    }
                    .custom-text{
                        width:calc(60% - 25px);
                    }
                }
            }
        }
    }
}

#os-hormones{
    @media (max-width:767px){
        .page-width{
            padding-left:10px !important;
            padding-right:10px !important;
        }
    }
    .sec-ttl {
        margin-bottom:30px;
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
            margin-bottom:30px;
        }
        h2{
            margin-bottom: 15px;
            font-size:40px;
            max-width: 700px;
            margin-left:0;
            @media (max-width:1440px){
                font-size:2.8vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
            @media (max-width:767px){
                padding-top:40px;
            }
        }
        p{
            margin-left:0;
            font-family: Brutgrotesque;
            font-size: 17px;
            line-height: 1.38;
            font-weight: 300;
            color: #062829;
            max-width:700px;
            @media (max-width:767px){
                font-size:16px !important;
            }
        } 
    }
    .left-right-details{
        background:none !important;
        padding:0%;
        .row{
            .left{
               border-right:0;
                .details-list{
                    display:flex;
                    flex-direction:row;
                    flex-flow:wrap;
                    gap:10px;
                    padding:0 0 10px;
                    justify-content:space-around;
                    align-items: flex-start;
                    li{
                        display:flex;
                        align-items:flex-start;
                        gap:25px;
                        padding:12px;
                        border-radius:6px;
                        max-width:40%;
                        flex-flow:wrap;
                        @media (max-width:767px){
                            max-width:45%;
                        }
                        @media (max-width:479px){
                            max-width:100%;
                        }
                        img{
                            width: 25px;
                            height:25px;
                            object-fit:contain;
                            margin: 0;
                        }
                        p{
                            padding:0;
                            font-family: Brutgrotesque;
                            font-size: 17px;
                            line-height: 1.38;
                            font-weight: 400;
                            color:#062829;
                            max-width:100%
                            @media (max-width:1440px){
                                font-size:1.2vw !important;
                            }
                            @media (max-width:991px){
                                font-size:14px !important;
                            }
                            @media (max-width:479px){
                                font-size:15px !important;
                            }
                        }
                    }
                }
            }
        }
    }
    .imgWrapper{
        max-width:100% !important;
    }
}

#os-method{
    @media (max-width:767px){
        .page-width{
            padding-left:10px !important;
            padding-right:10px !important;
        }
    }
    .topsubtitle{
        text-align:left;
        margin-left:-15px;
        margin-right:-15px;
        padding: 0 5%;
        @media (max-width:767px){
            padding:30px 0 20px;
            margin:0 -5px;
        }
        
    }
    .sec-ttl {
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
        }
        h2{
            margin-bottom: 25px;
            font-size:50px;
            max-width: 800px;
            margin-left:0;
            @media (max-width:1440px){
                font-size:3.5vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
            @media (max-width:767px){
                margin-bottom:20px;
            }
        }
        p{
            margin-left:0;
            font-family: Brutgrotesque;
            font-size: 17px;
            line-height: 1.38;
            font-weight: 300;
            color: #062829;
            max-width:800px;
            @media (max-width:767px){
                font-size:16px !important;
                margin-bottom:20px;
            }
        } 
    }
    .custom__item{
        width:calc(100%/3 - 40px/3);
        margin-right:20px;
        &:nth-child(3n){
            margin-right:0;
        }
        .imgWrapper{
            padding-top:100%;
            position:relative;
            img{
                position:absolute;
                left:0;
                top:0;
                height:100%;
                object-fit:cover;
            }
        }
        h3{
            margin-top:20px;
            margin-bottom:15px;
        }
    }
}

.os-aligning{
    padding-top:140px;
    padding-bottom:140px;
    @media (max-width:991px){
        padding-top:100px;
        padding-bottom:100px;
    }
    @media (max-width:767px){
        padding-top:40px;
        padding-bottom:30px;
        .custom-content{
            flex-direction:column-reverse;
            p{
                margin-bottom:0 !important;
                margin-top:40px !important;
            }
        }
    }
}

#os-get-started{
    padding-bottom:110px;
    @media (max-width:767px){
        padding-top:40px;
        padding-bottom:20px;
    }
    .custom__item{     
        h3{
            font-size: 50px;
            @media (max-width:1440px){
                font-size:3.5vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
            @media (max-width:767px){
                margin-bottom:20px;
            }
        }
        .btn:hover{
            background-color: #ffcc71 !important;
            color: #062829 !important;
        }
        p{
            margin-bottom:50px;
            @media (max-width:767px){
                margin-bottom:30px;
            }
        }
        .btn2 {
            background-color: transparent !important;
            border-color:#062829 !important;
            color:#062829 !important;
            margin-top:20px;
            &:hover{
                background-color: #ffcc71 !important;
            }
        }
        @media (max-width:479px){
            .btn{
                width:100%;
            }
        }
    }
}

#r-banner{
    border-bottom: 1px solid #062829;
    .custom-text>p{
        margin-bottom:10px;
    }
    .big-text{
        h3{
            font-size:96px;
            margin:0;
            @media (max-width:1440px){
                font-size:6.7vw !important;
            }
            @media (max-width:991px){
                font-size:84px !important;
            }
        }
        margin-bottom:-40px;
    }
    @media (max-width:767px){
        padding-bottom:50px;
    }
}

.r-experienced{
    padding-top:90px;
    background-color:#ffcc71;
    padding-bottom:90px;
    @media (max-width:767px){
        padding:0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:50px 20px 40px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(25% - 60px / 3);
                margin-right:20px;
                align-self: stretch;
                border-radius:4px;
                @media (max-width:991px){
                    width:calc(50% - 20px);
                    margin-right:40px;
                }
                &:nth-child(4n){
                    margin-right:0;
                }
                @media (max-width:991px){
                    &:nth-child(2n){
                        margin-right:0;
                    }
                }
                @media (max-width:479px){
                    width:100%;
                    margin-right:0;
                }
                .custom-text{
                    display:flex;
                    align-items:center;
                    max-width:95%;
                }
                h3{
                    font-family: "Contax Sans 55";
                    font-size: 54px;
                    line-height: 1.2;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-transform:uppercase;
                    margin-right:15px;
                    white-space:nowrap;
                    @media (max-width:1440px){
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size:47px;
                    }
                    @media (max-width:991px){
                        font-size:33px;
                    }
                    @media (max-width:479px){
                        font-size:33px;
                        width:30%;
                        text-align:right;
                    }
                }
                div.ttlTxt{
                    @media (max-width:479px){
                        width:70%;
                    }
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.2;
                    font-weight: 400;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-align:left;
                    @media (max-width:1440px){
                        font-size:1.21vw;
                    }
                    @media (max-width:991px){
                        font-size:14px;
                    }
                    @media (max-width:479px){
                        font-size:15px;
                    }
                }
            }
        }
    }
}

.support.big-quote{
    @media (max-width:991px){
        padding-top:0;
    }
    .custom__item{
        flex-direction: column;
        display: flex;
        .ct-inner {
            height:100%;
            flex:1;
            flex-direction: column;
            display: flex;
        }
    }
    .support-item-content{
        display:flex;
        flex-direction:column;
        height:100%;
        flex:1;
        .custom-text{
            flex:1;
            display:flex;
            flex-direction:column;
            .plan{
                display:none;
            }
            .tag:after{
                display:none;
            }
            h2{
                letter-spacing: -.01em;
                font-size: 28px;
                color: #062829;
                font-family: "Contax Sans 55";
                line-height: 1.1;
                font-weight: 400;
                margin-bottom: 25px;
                margin-top:20px;
                flex:1;
                @media (max-width:1440px){
                    font-size:1.95vw !important;
                }
                @media (max-width:991px){
                    font-size:25px !important;
                }
                @media (max-width:479px){
                    margin-top:20px;
                    font-size:20px !important;
                }
            }
        }
    }
}

#country-quote{
    @media (max-width:767px){
        padding-top:30px;
    }
    .custom-content{
        @media (max-width:479px){
            flex-direction:column-reverse;   
        }
    }
    .custom__item{
        &:first-child{
            width:calc(40% - 50px);
        }
        &:last-child{
            width:60%;
        }
        @media (max-width:479px){
            margin: 0;
        }
        h3{
            @media (max-width:479px){
                padding-top:30px;
            }
        }
        .overlay{
            width:200px;
            height:200px;
            background-color:#a8eaa6;
            border-radius:200px;
            display: flex;
            align-items: center;
            @media (max-width:479px){
                width:130px;
                height:130px;
                padding:15px
            }
            .desc{
                font-family: Brutgrotesque;
                font-size: 17px;
                line-height: 1.38;
                font-weight: 300;
                color: #062829;
                margin:0;
                @media (max-width:767px){
                    font-size:15px;
                }
                @media (max-width:479px){
                    font-size:12px;
                }
            }
        }
    }
}

.r-exparts-say{
    padding:140px 0 110px;
    @media (max-width:991px){
        padding:100px 0 70px;
    }
    @media (max-width:767px){
        padding: 40px 0 0px !important;
    }
    @media (max-width:479px){
        padding-top:0 !important;
    }
    .custom__item{
        padding-bottom:20px;
    }
}

#r-support{
    padding-bottom:110px;
    @media (max-width:767px){
        padding:0;
        .page-width{
            padding: 50px 20px 60px !important;
        }
    }
    .sec-ttl{
        margin-bottom:100px;
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
        }
        h2{
            max-width: 700px;
            margin-bottom: 15px;
            font-size:42px;
            text-align:left;
            @media (max-width:1440px){
                font-size:2.82vw;
            }
            @media (max-width:991px){
                font-size:26px;
            }
        }
        p{
            font-family: Brutgrotesque;
            font-size: 28px;
            line-height: 1.2;
            font-weight: 400;
            color: #062829;
            max-width: 700px;
            @media (max-width:1440px){
                font-size:1.95vw;
            }
            @media (max-width:991px){
                font-size:25px;
            }
            @media (max-width:479px){
                font-size:20px;
            }
        } 
    }
    .custom__item{
        .ttlTxt{
            p{
                color: #062829;
                line-height: 1.1;
                font-family: Brutgrotesque;
                font-size: 17px;
                font-weight: 400;
                padding:20px 0 0;
            }
        }
    }
}

.af-banner{
    padding:70px 0;
    @media (max-width:767px){
        padding:0px !important;
    }
     .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0px 20px 20px !important;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                &:first-child{
                    width:60%;
                }
                &:last-child{
                    width:40%;
                    padding-left:2%;
                }
                @media (max-width:767px){
                    width:100% !important;
                }
                h3{
                    font-family: "Contax Sans 55";
                    font-size: 26px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-bottom:10px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:1.8vw;
                    }
                    @media (max-width:991px){
                        font-size:22px;
                    }
                    @media (max-width:767px){
                        margin-top:20px;
                    }
                }
                P{
                    font-family: "Contax Sans 55";
                    font-size: 28px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:1.95vw;
                    }
                    @media (max-width:991px){
                        font-size:25px;
                    }
                    @media (max-width:479px){
                        margin-top:20px;
                        font-size:20px;
                    }
                }
            }
        }
    }
}

.af-mission{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:15px 0px !important;
        }
        .custom-content {
            padding: 70px 5%;
            grid-column-gap:50px;
            @media (max-width:991px){
                padding:30px 5% !important;
            }
            @media (max-width:767px){
                padding:10px 10px 20px !important;
                flex-direction:column-reverse;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                max-width:900px;
                margin:auto;
                .custom-text{
                    max-width:100%;
                }
                P{
                    text-align:left;
                    font-family: "Contax Sans 55";
                    font-size: 28px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-bottom:50px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:1.95vw;
                    }
                    @media (max-width:991px){
                        font-size:25px;
                    }
                    @media (max-width:479px){
                        font-size:20px;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                    }
    
                }
            }
        }
    }
}

#af-our-founder{
    padding-bottom:70px;
    @media (max-width:767px){
        padding-top:20px !important;
        padding-bottom:40px;
        .page-width{
            padding-bottom:0 !important;
        }
    }
    @media (max-width:479px){
        padding-bottom:30px;
    }
    .custom__item{
        order:2;
        &:nth-child(1){
            width:66.66%;
            padding-right:30px;
            margin-bottom:80px;
            @media (max-width:767px){
                margin-bottom:20px;
            }
            h3{
                font-size:54px;
                @media (max-width:1440px){
                    font-size:3.63vw;
                }
                @media (max-width:991px){
                    font-size:26px;
                }
                @media (max-width:767px){
                    padding-top:20px;
                }
            }
            strong{
                font-weight:500;
            }
        }
        &:nth-child(2){
            width:33.33%;
            @media (max-width:991px){
                order:1;
            }
        }
        &:nth-child(3),
        &:nth-child(4){
            @media (min-width:768px){
                width:calc(50% - 25px) !important;
            }
        }
        &.w-50 .tl.f-ass{
            display:flex;
            @media (max-width:479px){
                flex-direction:column;
            }
            &>a{
                width:100%;
                max-width: 33.33% !important;
                @media (max-width:767px){
                    max-width:140px !important;
                }
                @media (max-width:479px){
                    max-width:100% !important;
                }
            }
            .imgWrapper{
                margin-right:25px;
                @media (max-width:767px){
                    margin-right:10px;
                }
                @media (max-width:479px){
                    max-width:140px !important;
                    margin:auto;
                }
            }
            .custom-text{
                max-width:66.66%;
                padding-left:25px;
                @media (max-width:767px){
                    max-width:calc(100% - 140px) !important;
                }
                @media (max-width:479px){
                    max-width:100% !important;
                    text-align:center;
                    padding-left:0;
                }
                h3{
                    font-size:30px;
                    margin-bottom:10px;
                    @media (max-width:1440px){
                        font-size:2.1vw;
                    }
                    @media (max-width:991px){
                        font-size:28px;
                    }
                    @media (max-width:767px){
                        font-size:21px;
                    }
                    @media (max-width:479px){
                        font-size:24px;
                    }
                }
                .ttlTxt{
                    margin-bottom:10px;
                }
                a{
                    color:  #062829;
                    text-transform: none;
                    font-family: Brutgrotesque Book, sans-serif;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.38;
                    transition: opacity .2s;
                    border:0;
                    padding:0;
                    background-color:transparent;
                    text-decoration:underline;
                    @media (max-width:1440px){
                        font-size:1.21vw;
                    }
                    @media (max-width:991px){
                        font-size:15px;
                    }
                    &:hover{
                        opacity:.7;
                    }
                }
            }
        }
    }
}

.brand-logo.right-button{
    margin-bottom:70px;
    @media (max-width: 1440px) {
        padding: 30px 5%;
    }
    @media (max-width: 991px) {
        margin:0 !important;
    }
    @media (max-width: 767px) {
        padding:0;
    }
    .logo-bar{
        padding-bottom:100px;
        padding-top:100px;
        display:flex;
        align-self:center;
        @media (max-width: 767px) {
            flex-direction:column;
            padding-bottom:50px;
            padding-top:50px;
        }
    }
    .grid{
        flex:1;
        padding-right:50px;
        flex-flow:nowrap;
        @media (max-width: 767px) {
            flex-flow:wrap;
            justify-content:center;
            padding-right:0;
        }
        img{
            @media (max-width: 1440px) {
                height: 2vw;
            }
            @media (max-width: 767px) {
                height: 4vw;
            }
        }
        .gitem:nth-child(4) img{
            min-height: 65px;
            @media (max-width: 1440px) {
                min-height: 3.5vw;
            }
            @media (max-width: 767px) {
                height: 7vw;
            }
        }
        .gitem:last-child img {
            height:45px;
            @media (max-width: 1440px) {
                height: 3vw; 
            }
            @media (max-width: 767px) {
                height: 6vw;
            }
        }
    }
    .buttons{
        padding-left: 20px;
        display: flex;
        align-items: center;
        @media (max-width: 767px) {
            padding:30px 0 0;
            justify-content:center;
        }
        a.btn{
            color: #062829;
            letter-spacing: .02em;
            background-color: transparent;
            border-radius: 15px;
            justify-content: center;
            padding: 14px 40px;
            font-family: Brutgrotesque;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.2;
            text-decoration: none;
            transition: color .2s, background-color .2s;
            display: flex;
            text-transform: capitalize;
            border:1px solid #8b8a87;
            @media (max-width:767px){
                padding: 12px 17px;
                font-size: 16px;
            }
            &:hover{
                color: #fff !important;
                background-color: #ff6b19 !important;
            }
        }
    }
}

.af-exparts-say{
    @media (max-width:767px){
        padding-top:50px;
    }
}

#amb-banner{
    .custom-content {
        @media (max-width:991px){
            flex-direction:column-reverse;
        }
    }
    .custom__item{
        margin:0;
        .custom-text{
            .subtitle{
                @media (max-width:991px){
                    font-size:18px;
                }
                @media (max-width:767px){
                    margin-top:20px;
                }
            }
            h3{
                font-size:64px;
                margin-bottom:15px;
                @media (max-width:1440px){
                    font-size:4.44vw;
                }
                @media (max-width:991px){
                    font-size:26px;
                }
            }
            .ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:24px;
                    @media (max-width:1440px){
                        font-size:1.66vw;
                    }
                    @media (max-width:991px){
                        font-size:16px;
                    }
                    @media (max-width:479px){
                        font-size:19px;
                    }
                }
            }
            .bottom-text{
                font-size:24px;
                margin-top: 30px;
                margin-bottom: 30px;
                @media (max-width:1440px){
                    font-size:1.66vw;
                }
                @media (max-width:991px){
                    font-size:16px;
                }
                @media (max-width:479px){
                    font-size:19px;
                    padding-top:20px;
                }
            }
            a{
                width:100%;
                &:hover{
                    color: #062829 !important;
                    background-color: #ffcc71 !important;
                    border-color: #ffcc71 !important;
                }
            }
        }
        &.block_type_image{
            padding-left:4%;
            @media (max-width:991px){
                padding-left:0;
            }
        }
    }
}
.amb-5million{
    padding:70px 0;
    @media (max-width: 767px) {
        padding:50px 0 70px;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding:0 !important;
        }
        .sec-ttl {
            padding: 0 5% !important;
            margin-left: -10px;
            margin-right: -10px;
            @media (max-width: 767px) {
                padding:0 25px !important;
            }
            h2{
                margin-bottom: 10px;
                font-size:56px;
                text-align:left;
                font-family: "Contax Sans 55";
                font-weight: 400;
                @media (max-width:991px){
                    font-size:48px;
                }
                @media (max-width:767px){
                    font-size:33px;
                }
            }
            p{
                margin-left:0;
                font-family: Brutgrotesque;
                font-size: 17px;
                line-height: 1.38;
                font-weight: 300;
                color: #062829;
                text-align:left;
                margin-bottom:40px;
            } 
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width: 767px) {
                padding:0 15px !important;
            }
            .custom__item{
                padding-left: 5px;
                padding-right:5px;
                @media (max-width:767px){
                    width:50%;
                }
                .imgWrapper{
                    padding-top:100%;
                    position:relative;
                    img{
                        position:absolute;
                        left:0;
                        top:0;
                        width:100%;
                        height:100%;
                        object-fit:cover;
                    }
                }
            }
        }
    }
}
#amb-how{
    padding:70px 0;
    @media (max-width: 767px) {
        padding:50px 0 30px;
    }
    .sec-ttl {
        padding: 0 5% !important;
        margin-left: -10px;
        margin-right: -10px;
        @media (max-width: 767px) {
            padding:0 5px !important;
        }
        h2{
            margin-bottom: 10px;
            font-size:54px;
            text-align:left;
            font-family: "Contax Sans 55";
            font-weight: 400;
            @media (max-width:1440px){
                font-size:3.63vw;
            }
            @media (max-width:991px){
                font-size:26px;
            }
        }
    }
    .custom__item{
        .ct-inner {
            padding:0 8%;
            @media (max-width: 767px) {
                padding:0 ;
            }
        }
        .imgWrapper{
            max-width:80px !important;
            margin-left:0;
        }
        .custom-text{
            h3{
                font-size:42px;
                margin-bottom:15px;
                @media (max-width:1440px){
                    font-size:2.82vw;
                }
                @media (max-width:991px){
                    font-size:26px;
                }
            }
            .ttlTxt{
                p{
                    font-size:17px;
                    @media (max-width:479px){
                        font-size:15px;
                    }
                }
            }
        }
    }
}

.wc-banner{
    padding-bottom:100px;
    @media (max-width:767px){
        padding-bottom: 70px;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{  
                padding:0;
                @media (max-width:767px){
                    &:last-child{
                        display:none;
                    }
                }
                h1{
                    letter-spacing: -.01em;
                    font-size: 64px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom: 25px;
                    margin-top:20px;
                    @media (max-width:1440px){
                        font-size:4.44vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                    @media (max-width:767px){
                        img{
                            margin-top:30px;
                            display:block !important;
                        }
                    }
                }
                p{
                    font-family: Brutgrotesque;
                    font-size: 17px;
                    line-height: 1.38;
                    font-weight: 300;
                    color: #062829;
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 17px;
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                        border-color: #ffcc71 !important;
                    }

                }
                .imgWrapper img{
                    max-width:300px;
                    margin:auto;
                }
            }
        }
    }
}

.wc-one{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding: 20px 5px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width:767px){
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
                line-height:0;
                h3{
                    letter-spacing: -.01em;
                    font-size: 32px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.2;
                    font-weight: 700;
                    margin:0;
                    font-style:italic;
                    @media (max-width:1440px){
                        font-size:2.24vw;
                    }
                    @media (max-width:991px){
                        font-size: 28px;
                    }
                    @media (max-width:479px){
                        font-size: 19px;
                    }
                }
            }
        }
    }
}
.wc-condition{
    padding:70px 0;
    @media (max-width: 767px) {
        margin-top: 0;
        padding:60px 0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding: 0 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding: 0 !important;
            }
            .custom__item{  
                width:calc(50% - 25px);
                padding:0;
                &:not(:last-child){
                    margin-right:50px;
                }
                @media (max-width: 767px) {
                    width:100%;
                    margin:0;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 42px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom: 25px;
                    @media (max-width:1440px){
                        font-size:2.82vw;
                    }
                    @media (max-width:991px){
                        font-size: 36px;
                    }
                    @media (max-width: 767px) {
                        margin-top:30px;
                    }    
                    @media (max-width:479px){
                        font-size: 33px;
                    }
                }
                p{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 300;
                    color: #062829;
                    @media (max-width:479px){
                        font-size: 16px;
                    }
                }
            }
        }
    }
}
.wc-author{
    padding-bottom:100px;
    @media (max-width: 767px) {
        margin-top: 0;
        padding:60px 0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding: 0 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding: 0 !important;
                flex-direction:column-reverse;
            }
            .custom__item{  
                width:calc(50% - 25px);
                padding:0;
                &:not(:last-child){
                    margin-right:50px;
                    @media (max-width: 767px) {
                        margin-right:0;
                    }
                }
                @media (max-width: 767px) {
                    width:100%;
                    margin:0;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 54px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom: 25px;
                    @media (max-width:1440px){
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                    @media (max-width: 767px) {
                        margin-top:30px;
                    }
                }
                p{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 400;
                    color: #062829;
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                &:last-child{
                    padding-left:8%;
                    @media (max-width: 767px) {
                        padding-left:0;
                    }
                }
            }
        }
    }
}

#app-banner{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:40px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:0px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        &:first-child{
            width:calc(45% - 25px);
        }
        &:last-child{
            width:calc(55% - 25px);
        }
        .custom-text{
            .subtitle{
                @media (max-width:1440px){
                    font-size:1.21vw;
                }
                @media (max-width:991px){
                    font-size: 15px;
                    margin-top:10px;
                }
                @media (max-width: 479px) {
                    font-size:14px;
                }
            }
            h3{
                font-size:64px;
                margin-bottom:15px;
                @media (max-width:1440px){ 
                    font-size:4.44vw;
                }
                @media (max-width:991px){
                    font-size: 26px;
                }
            }
            .ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    @media (max-width: 479px) {
                        font-size:16px;
                    }
                }
            }
            .bottom-text{
                font-size:18px;
                margin-top: 20px;
                margin-bottom: 20px;
                @media (max-width:1440px){
                    font-size:1.21vw;
                }
                @media (max-width:991px){
                    font-size: 15px;
                }
                @media (max-width: 479px) {
                    font-size:14px;
                }
            }
            a{
                width:100%;
            }
        }
        &.block_type_image{
            padding-right:4%;
            @media (max-width:991px){
                padding-right:0;
                margin: 0;
            }
        }
    }
}

.app-experienced{
    padding-top:90px;
    background-color:#ffcc71;
    padding-bottom:90px;
    @media (max-width: 991px) {
        padding:60px 0px !important;
    }
    .sec-ttl {
        padding: 0 5% !important;
        margin-left: -10px;
        margin-right: -10px;
        @media (max-width: 767px) {
            padding:0 5px !important;
            margin-bottom:10px;
        }
        h2{
            margin-bottom: 10px;
            font-size:42px;
            text-align:left;
            font-family: "Contax Sans 55";
            font-weight: 400;
            @media (max-width:1440px){
                font-size:2.82vw;
            }
            @media (max-width:991px){
                font-size: 36px;
            }
            @media (max-width: 479px) {
                font-size:32px;
            }
        }
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                width:calc(25% - 60px / 3);
                margin-right:20px;
                align-self: stretch;
                border-radius:4px;
                @media (max-width:991px){
                    width:calc(50% - 20px);
                    margin-right:40px;
                }
                &:nth-child(4n){
                    margin-right:0;
                }
                @media (max-width:991px){
                    &:nth-child(2n){
                        margin-right:0;
                    }
                }
                @media (max-width:479px){
                    width:100%;
                    margin-right:0;
                }
                .custom-text{
                    display:flex;
                    align-items:center;
                    max-width:95%;
                }
                h3{
                    font-family: "Contax Sans 55";
                    font-size: 54px;
                    line-height: 1.2;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-transform:uppercase;
                    margin-right:15px;
                    white-space:nowrap;
                    @media (max-width:1440px){
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size:47px;
                    }
                    @media (max-width:991px){
                        font-size:33px;
                    }
                    @media (max-width:479px){
                        font-size:33px;
                        width:30%;
                        text-align:right;
                    }
                }
                div.ttlTxt{
                    @media (max-width:479px){
                        width:70%;
                    }
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.2;
                    font-weight: 400;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                    text-align:left;
                    @media (max-width:1440px){
                        font-size:1.21vw;
                    }
                    @media (max-width:991px){
                        font-size:14px;
                    }
                    @media (max-width:479px){
                        font-size:15px;
                    }
                }
            }
        }
    }
}

#app-how{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
        .custom__item{
            &:first-child{
                width:calc(37% - 25px);
            }
            &:last-child{
                width:calc(63% - 25px);
            }
            .custom-text{
                h3{
                    font-size:54px;
                    margin-bottom:15px;
                    @media (max-width:1440px){ 
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size: 47px;
                        margin-top:10px;
                    }
                    @media (max-width:479px){
                        font-size: 36px;
                    }
                }
                .ttlTxt{
                    p{
                        font-size:17px;
                        margin-bottom:50px;
                    }
                }
                .bottom-text{
                    font-size:26px;
                    padding:0 50px;
                    font-family: "Contax Sans 55";
                    background-color:#fff;
                    margin:0;
                    @media (max-width:1440px){ 
                        font-size:1.8vw;
                    }
                    @media (max-width:991px){
                        font-size: 22px;
                    }
                    @media (max-width:767px){
                        padding: 0 30px;
                    }
                    @media (max-width:479px){
                        font-size: 24px;
                        padding: 0 20px;
                    }
                }
                .buttons{
                    background-color:#fff;
                    padding: 0 50px 50px;
                    border-radius:0 0 6px 6px;
                    @media (max-width:767px){
                        padding: 0 30px 30px;
                    }
                    @media (max-width:479px){
                        padding: 0 20px 30px;
                    }
                }
                a{
                    display: inline-block;
                    img{
                        margin:0;
                    }
                }
                .details-block{
                    padding:50px;
                    background:#fff;
                    border-radius:6px 6px 0 0;
                    @media (max-width:767px){
                        padding:30px;
                    }
                    @media (max-width:479px){
                        padding: 30px 20px;
                    }
                    h4{
                        letter-spacing: -.01em;
                        font-size: 26px;
                        color: #062829;
                        font-family: "Contax Sans 55";
                        line-height: 1.1;
                        font-weight: 400;
                        margin-bottom: 25px;
                        @media (max-width:1440px){ 
                            font-size:1.8vw;
                        }
                        @media (max-width:991px){
                            font-size: 22px;
                        }
                        @media (max-width:479px){
                            font-size: 24px;
                        }
                    }
                    .details-list{
                        margin:0;
                        border:0;
                        padding:0;
                        gap: 10px;
                        li{
                            background-color:#fff0c9;
                            border-radius:6px;
                            padding:16px;
                            @media (max-width:479px){
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
            &.block_type_image{
                .imgWrapper img{
                    max-width:400px;
                    margin:auto;
                }
            }
        }
    }
}

.brand-logo.app-seen{
    padding-top:70px;
    padding-bottom:70px;
    @media (max-width:767px){
        padding-top:60px;
        padding-bottom:60px;
    }
    h2{
        letter-spacing: -.01em;
        font-size: 42px;
        color: #062829;
        font-family: "Contax Sans 55";
        line-height: 1.1;
        font-weight: 400;
        @media (max-width:1440px){
            font-size:2.24vw;
        }
        @media (max-width:991px){
            font-size: 26px;
        }
    }
    .gitem{
        width: 16.66667% !important;
        @media (max-width:767px){
            width:33.33% !important;
        }
        img{
            max-width: 90%;
            margin: auto;
            width: 100%;
            max-height: 90px;
            min-height: 70px;
            @media (max-width:479px){
                min-height: 50px;
            }
        }
    }
}

#app-trust{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
        @media (max-width:991px){
            flex-direction:column-reverse;
        }
        .custom__item{
            @media (max-width: 767px) {
                margin: 0;
            }
            .custom-text{
                h3{
                    font-size:54px;
                    margin-bottom:25px;
                    @media (max-width:1440px){ 
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                    @media (max-width:767px){
                        margin-top:20px;
                    }
                }
                .ttlTxt{
                    margin-bottom:15px;
                    p{
                        font-size:17px;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                }
            }
            &.block_type_image{
                .imgWrapper img{
                    max-width:390px;
                    margin:auto;
                }
            }
        }
    }
}

#app-official{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:40px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:0px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
        .custom__item{
            &:first-child{
                width:calc(45% - 25px);
            }
            &:last-child{
                width:calc(55% - 25px);
            }
            .custom-text{
                h3{
                    font-size:54px;
                    margin-bottom:25px;
                    @media (max-width:1440px){ 
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                .ttlTxt{
                    margin-bottom:30px;
                    p{
                        font-size:17px;
                    }
                }
                .bottom-text{
                    font-size:26px;
                    margin-top: 30px;
                    margin-bottom: 30px;
                    font-style:italic;
                    @media (max-width:1440px){ 
                        font-size:1.8vw;
                    }
                    @media (max-width:991px){
                        font-size: 22px;
                    }
                }
                a{
                    width:100%;
                }
            }
            &.block_type_image{
                .imgWrapper img{
                    max-width:400px;
                    margin:auto;
                }
            }
        }
    }
}

#app-modern{
    padding-bottom:50px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
        @media (max-width:991px){
            flex-direction:column-reverse;
        }
        .custom__item{
            &:first-child{
                width:calc(66.66% - 25px);
            }
            &:last-child{
                width:calc(33.33% - 25px);
            }
            @media (max-width: 767px) {
                margin: 0;
            }
            .custom-text{
                h3{
                    font-size:54px;
                    margin-bottom:25px;
                    @media (max-width:1440px){ 
                        font-size:3.63vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                    @media (max-width:767px){
                        margin-top:20px;
                    }
                }
                .ttlTxt{
                    margin-bottom:30px;
                    p{
                        font-size:17px;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                }
            }
            &.block_type_image{
                .imgWrapper img{
                    max-width:400px;
                    margin:auto;
                    @media (max-width:767px){
                        max-width:100%;
                    }
                }
            }
        }
    }
}


.shop-banner{
    padding-top:140px;
    padding-bottom:140px;
    @media (max-width:991px){
        padding-top:100px;
        padding-bottom:100px;
    }
    @media (max-width:767px){
        padding-top:60px;
        padding-bottom:60px;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding: 0px 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding: 0 !important;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                .custom-text{
                    max-width:750px;  
                    @media (max-width:479px){
                        text-align:left;

                    }
                }
                h1{
                    font-family: "Contax Sans 55";
                    font-size: 30px;
                    line-height: 1.2;
                    font-weight: 300;
                    margin-bottom:20px;
                    color:#062829;
                    margin-right:15px;
                }
                P{
                    font-family: Brutgrotesque;
                    font-size: 16px;
                    line-height: 1.38;
                    font-weight: 300;
                    margin-top:0px;
                    margin-bottom:0px;
                    color:#062829;
                }
            }
        }
    }
}

.shop-products{
    padding:140px 0 120px;
    @media (max-width:991px){
        padding-top:100px;
        padding-bottom:80px;
    }
    @media (max-width:767px){
        padding-top:60px;
        padding-bottom:40px;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding: 0px 20px !important;
        }
        .sec-ttl {
            text-align:left !important;
            padding: 0 5%;
            margin-left:-8px;
            margin-right:-8px;
            margin-bottom:40px;
            @media (max-width:767px){
                padding: 0px !important;
            }
            h2{
                letter-spacing: -.01em;
                font-size: 32px;
                color:#062829;
                font-family: Brutgrotesque;
                line-height:1.1;
                font-weight:400;
                max-width:980px;
                margin: 0;
                @media (max-width:1440px){
                    font-size:2.24vw;
                }
                @media (max-width:991px){
                    font-size: 28px;
                }
                @media (max-width:479px){
                    font-size: 22px;
                }
            }
        }
        .grid-view-item{
            margin:0;
        }
        .grid {
            padding: 0 5%;
            row-gap: 40px;
            @media (max-width:767px){
                padding: 0px !important;
            }
            .gitem{
                padding-left: 0;
                padding-right:0;
                width:calc(50% - 20px);
                margin-right:40px;
                @media (max-width:767px){
                    width:100%;
                    margin-right:0;
                }
                &:nth-child(2n){
                    margin-right:0;
                }
                .product-labels{
                    left:15px !important;
                    top:15px !important;
                    span.lbl {
                        padding: 5px 15px !important;
                        border-radius: 9px !important;
                        font-style: italic;
                        font-family: "Contax Sans 55";
                        font-weight: 700 !important;
                        font-size:14px;
                    }
                }
                .button-set{
                    display:none;
                }
                .gitem-img {
                    padding-bottom:94.6%;
                    border-radius:0;
                }
                .gview-img{
                    border-radius:0;
                }
                .details{
                    text-align:left;
                    padding:20px 0;
                    a{
                        letter-spacing: -.01em;
                        font-size: 24px;
                        color:#062829;
                        font-family: "Contax Sans 55";
                        line-height:1.1;
                        font-weight:400;
                    }
                    p{
                        margin:0 !important;
                    }
                    .descriptiion{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 300;
                        margin-top:10px;
                        margin-bottom:10px;
                        color:#062829;
                    }
                    .priceWraper{
                        justify-content:flex-start;
                        display:none;
                        .pr_price{
                            font-family: Brutgrotesque;
                            font-size: 18px;
                            font-weight: 400;
                            color:#062829;
                        }
                    }
                    .learnmore,
                    .btn.quick-view {
                        background-color: transparent !important;
                        border-color:#062829 !important;
                        color:#062829 !important;
                        margin-top:10px;
                        letter-spacing: .02em;
                        border-radius: 15px;
                        justify-content: center;
                        padding: 12px 30px;
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 1.2;
                        text-decoration: none;
                        transition: color .2s, background-color .2s;
                        display: inline-flex !important;
                        text-transform: capitalize;
                        &:hover{
                            background-color: #ffcc71 !important;
                        }
                    }
                }
            }
        }
    }
}

#shop-coaching{
    padding-bottom:140px;
    @media (max-width:991px){
        padding-bottom:80px;
    }
    @media (max-width:767px){
        padding-bottom:20px;
        padding-top:40px;
        padding-left:0;
        padding-right:0;
    }
    .sec-ttl {
        margin-bottom:0;
        @media (max-width:767px){
            padding-left:10px;
            padding-right:10px;
        }
        h2{
            margin-bottom:40px;
            font-size:32px;
            font-family: Brutgrotesque;
            @media (max-width:1440px){
                font-size:2.24vw;
            }
            @media (max-width:991px){
                font-size: 28px;
                margin-bottom:30px;
            }
            @media (max-width:479px){
                font-size: 22px; 
            }
        }
    }
    .custom-content{
        .custom__item{
            .custom-text{
                .ttlTxt p{
                    font-size:18px;
                    margin-bottom:20px;
                    @media (max-width:1440px){
                        font-size:1.21vw;
                    }
                    @media (max-width:991px){
                        font-size: 15px;
                    }
                    strong{
                        font-weight:400;
                    }
                }
                .btn2 {
                    background-color: transparent !important;
                    border-color:#062829 !important;
                    color:#062829 !important;
                    @media (max-width:991px){
                        width:100%;
                    }
                    &:hover{
                        background-color: #ffcc71 !important;
                    }
                }
            }
        }
    }
}

#shop-source{
    padding-top:100px;
    padding-bottom:100px;
    @media (max-width:767px){
        padding-bottom:20px;
        padding-top:40px;
        padding-left:0;
        padding-right:0;
    }
    .custom-content{
        .custom__item{
            padding-top:0;
            .custom-text{
                div.ttlTxt {
                    margin-bottom:10px;
                    p{
                        font-size:18px !important;
                        margin-bottom:10px;
                        @media (max-width:1440px){
                            font-size:1.21vw !important;
                        }
                        @media (max-width:991px){
                            font-size: 15px !important;
                        }
                        strong{
                            font-weight:400;
                        }
                    }
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 42px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.2;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:2.24vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                .btn2 {
                    background-color: transparent !important;
                    border-color:#062829 !important;
                    color:#062829 !important;
                    @media (max-width:479px){
                        width:100%;
                    }
                    &:hover{
                        background-color: #ffcc71 !important;
                    }
                }
            }
        }
    }
}

#itfb-banner{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:60px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom__item{  
        padding:0;
        @media (max-width:767px){
            &:last-child{
                display:none;
            }
        }
    }
    .custom-text{
        h1{
            letter-spacing: -.01em;
            font-size: 55px;
            color: #062829;
            font-family: "Contax Sans 55";
            line-height: 1.1;
            font-weight: 400;
            margin-bottom: 25px;
            @media (max-width:1440px){ 
                font-size:3.63vw;
            }
            @media (max-width:991px){
                font-size: 26px;
            }
            @media (max-width:767px){
                img{
                    margin-top:30px;
                    display:block !important;
                }
            }
        }
        div.ttlTxt{
            margin-bottom:15px;
            p{
                font-size:17px;
                font-weight:400;
                text-transform:uppercase;
                @media (max-width:1440px){ 
                    font-size:1.2vw;
                }
                @media (max-width:991px){
                    font-size: 15px;
                }
                @media (max-width:767px){
                    font-size: 14px;
                }
            }
            a{
                color: #fff;
                letter-spacing: .02em;
                background-color: #ff6b19;
                border-radius: 15px;
                justify-content: center;
                padding: 14px 18px;
                font-family: Brutgrotesque;
                font-size: 18px;
                font-weight: 400;
                line-height: 1.2;
                text-decoration: none;
                transition: color .2s, background-color .2s;
                display: inline-flex;
                text-transform: capitalize;
                @media (max-width:767px){
                    font-size: 16px;
                }
                &:hover{
                    color: #062829 !important;
                    background-color: #ffcc71 !important;
                    border-color: #ffcc71 !important;
                }
            }
        }
        .bottom-text{
            font-size:18px;
            margin-top: 20px;
            margin-bottom: 20px;
            font-weight:700;
            @media (max-width:1440px){ 
                font-size:1.21vw;
            }
            @media (max-width:991px){
                font-size: 15px;
            } 
            @media (max-width:767px){
                font-size: 16px;
            }
        }
        a.btn{
            padding: 0;
            color: #062829;
            background: transparent;
            text-decoration: underline;
            font-weight: 400;
            margin-top:5px;
            @media (max-width:1440px){ 
                font-size:1.21vw;
            }
            @media (max-width:991px){
                font-size: 15px;
            }
        }
    }
} 

.itfb-no1{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 10px 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 32px;
                    color: #062829;
                    font-family: "Contax Sans 55"; 
                    line-height: 1.1;
                    font-weight: 700;
                    margin:0;
                    font-style:italic;
                    @media (max-width:1440px){ 
                        font-size:2.24vw;
                    }
                    @media (max-width:991px){
                        font-size: 28px;
                    }
                    @media (max-width:479px){
                        font-size: 19px;
                    }
                }
                div.ttlTxt{
                    p{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 300;
                        color: #062829;
                        margin-top:10px;
                        @media (max-width:479px){
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
}

#itfb-are-you{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
        .custom__item{
            .custom-text{
                h3{
                    font-size:52px;
                    margin-bottom:15px;
                    @media (max-width:1440px){ 
                        font-size:3.62vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                .ttlTxt{
                    p{
                        font-size:18px;
                        margin-bottom: 20px;
                        font-weight: 400;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                }
            }
            .imgWrapper{
                max-width:100% !important;
            }
        }
    }
}

#itfb-if-so{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 10px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
        @media (max-width:991px){
            flex-direction:column-reverse;
        }
        .custom__item{
            @media (max-width:991px){
                margin:0;
            }
            .custom-text{
                h3{
                    font-size:52px;
                    margin-bottom:15px;
                    @media (max-width:1440px){ 
                        font-size:3.62vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                .ttlTxt{
                    p{
                        font-size:18px;
                        margin-bottom: 20px;
                        font-weight: 400;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                    li{
                        font-size:18px;
                        margin-bottom: 20px;
                        font-weight: 400;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                }
            }
            .imgWrapper{
                max-width:100% !important;
            }
        }
    }
    .block_type_image{
        @media (max-width:991px){
            padding-top:0;
            padding-bottom:30px;
        }
    }
}

#itfb-imagine{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
        .custom__item{
            .custom-text{
                h3{
                    font-size:52px;
                    margin-bottom:15px;
                    @media (max-width:1440px){ 
                        font-size:3.62vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                .ttlTxt{
                    p{
                        font-size:18px;
                        margin-bottom: 20px;
                        font-weight: 400;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                    li{
                        font-size:18px;
                        margin-bottom: 20px;
                        font-weight: 400;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                }
            }
            .imgWrapper{
                max-width:100% !important;
            }
        }
    }
}

.itfb-dont{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 10px 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 32px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 700;
                    margin:0;
                    font-style:italic;
                    text-transform:uppercase;
                    @media (max-width:1440px){ 
                        font-size:2.24vw;
                    }
                    @media (max-width:991px){
                        font-size: 28px;
                    }
                    @media (max-width:479px){
                        font-size: 19px;
                    }
                }
                div.ttlTxt{
                    p{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 400;
                        color: #062829;
                        margin-top:15px;
                        @media (max-width:479px){
                            font-size: 16px;
                        }
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                        border-color: #ffcc71 !important;
                    }
                }
            }
        }
    }
}

#itfb-author{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        .custom-text{
            .subtitle{
                font-size:17px;
                margin-bottom:30px;
                @media (max-width:1440px){ 
                    font-size:1.21vw;
                }
                @media (max-width:991px){
                    font-size: 15px;
                }
            }
            h3{
                font-size:52px;
                margin-bottom:25px;
                @media (max-width:1440px){ 
                    font-size:3.62vw;
                }
                @media (max-width:991px){
                    font-size: 26px;
                }
            }
            div.ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    font-weight:400;
                    @media (max-width:479px){
                        font-size: 16px;
                    }
                }
            }
        }
    }
}

#itfb-letter{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:30px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 10px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        .custom-text{
            div.ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    font-weight:300;
                    @media (max-width:479px){
                        font-size: 16px;
                    }
                    strong{
                        font-weight:400 !important;
                    }
                }
            }
            .details-list{
                border:0;
                margin-top:0;
                gap:15px;
                p{
                    letter-spacing: -.01em;
                    font-size: 32px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin:0;
                    text-transform:uppercase;
                    @media (max-width:1440px){
                        font-size:2.24vw;
                    }
                    @media (max-width:991px){
                        font-size:28px;
                    }
                    @media (max-width:767px){
                        font-size: 21px;
                    }
                }
                img{
                    width:210px;
                    height:auto;
                }
            }
        }
    }
}

.itfb-video{
    padding:140px 0;
    @media (max-width:991px){
        padding:100px 0;
    }
    @media (max-width: 767px) {
        padding:60px 0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 0 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
            }
        }
    }
} 

.itfb-exparts-say{
    padding:140px 0;
    @media (max-width:991px){
        padding:100px 0 60px;
        font-size:28px;
    }
    @media (max-width:767px){
        padding:60px 0 10px;
    }
    .page-width .custom-content {
        row-gap: 40px;
        @media (max-width:991px){
            row-gap: 0px;
        }
    }
}

.itfb-the-us{
    padding-bottom:70px;
    @media (max-width: 767px) {
        padding-bottom:40px;
        padding-top:40px;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 10px 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            @media (max-width: 479px) {
                flex-direction:column-reverse;
            }
            .custom__item{  
                padding:0;
                &:first-child{
                    width:calc(80% - 15px);
                    margin-right:30px;
                    @media (max-width: 991px) {
                        width:calc(100% - 200px);
                        margin-right:0px;
                    }
                    @media (max-width: 479px) {
                        width:100%;
                    }
                }
                &:last-child{
                    width:calc(20% - 15px);
                    @media (max-width: 991px) {
                        width:170px;
                    }
                    @media (max-width: 479px) {
                        margin-bottom:30px;
                        width:100%;
                        img{
                            max-width:170px;
                            margin:auto;
                        }
                    }
                }
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 32px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin:0;
                    margin-bottom:20px;
                    @media (max-width:1440px){ 
                        font-size:2.24vw;
                    }
                    @media (max-width:991px){
                        font-size: 28px;
                    }
                    @media (max-width:479px){
                        font-size: 24px;
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                        border-color: #ffcc71 !important;
                    }
                }
                &.block_type_image{
                    max-width:190px;
                    margin-left:auto;
                    @media (max-width: 479px) {
                        margin-right:auto;
                    }
                }
            }
        }
    }
}

#itfb-revolution{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:0px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        padding-bottom:280px;
        @media (max-width:991px){
            &:nth-child(odd){
                padding-bottom:20px;
            }
            &:nth-child(even){
                padding-bottom:140px;
            }
        }
        @media (max-width:767px){
            &:nth-child(even){
                padding-bottom:80px;
            }
        }
        &:nth-last-child(1),
        &:nth-last-child(2){
            padding-bottom:30px;
        }
        .custom-text{
            .subtitle{
                font-size:17px;
                margin-bottom:30px;
                @media (max-width:1440px){ 
                    font-size:1.21vw;
                }
                @media (max-width:991px){
                    font-size: 15px;
                }
                @media (max-width:479px){
                    font-size: 14px;
                }
            }
            h3{
                font-size:50px;
                margin-bottom:25px;
                @media (max-width:1440px){ 
                    font-size:3.5vw;
                }
                @media (max-width:991px){
                    font-size: 26px;
                }
            }
            div.ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    font-weight:300;
                    @media (max-width:479px){
                        font-size: 16px;
                    }
                }
                ul{
                    margin-top: 10px;
                    margin-bottom: 15px;
                    li{
                        font-size:18px;
                        margin-bottom: 5px;
                        font-weight: 400;
                        @media (max-width:479px){
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
}

.itfb-testimonials{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 10px 10px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
                .custom-text{
                    max-width:1000px;
                    padding:60px;
                    border-radius:15px;
                    background-color:#fff;
                    margin:100px auto;
                    @media (max-width: 991px) {
                        margin:20px auto;
                    }
                    @media (max-width:479px){
                        padding:30px;
                    }
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 42px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin:0;
                    margin-bottom:20px;
                    @media (max-width:1440px){ 
                        font-size:2.82vw;
                    }
                    @media (max-width:991px){
                        font-size: 36px;
                    } 
                    @media (max-width:479px){
                        font-size: 32px;
                    }
                }
                p{
                    font-family: Brutgrotesque;
                    font-size: 19px;
                    line-height: 1.38;
                    font-weight: 300;
                    color: #062829;
                    @media (max-width:1440px){ 
                        font-size:1.32vw;
                    }
                    @media (max-width:991px){
                        font-size: 17px;
                    }
                }
            }
        }
    }
}

.itfb-have{
    padding:140px 0;
    @media (max-width:991px){
        padding:100px 0 80px;
    }
    @media (max-width: 767px) {
        padding:40px 0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 42px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin:0;
                    margin-bottom:20px;
                    @media (max-width:1440px){ 
                        font-size:2.82vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                p{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 400;
                    color: #062829;
                    @media (max-width:991px){
                        font-size: 16px;
                    }
                }
                ul{
                    margin-top: 10px;
                    margin-bottom: 15px;
                    li{
                        font-size:18px;
                        margin-bottom: 0px;
                        font-weight: 400;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
}

.itfb-easier{
    padding:140px 0;
    @media (max-width:991px){
        padding:100px 0 80px;
    }
    @media (max-width: 767px) {
        padding:40px 0;
    }
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 42px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin:0;
                    margin-bottom:20px;
                    @media (max-width:1440px){ 
                        font-size:2.82vw;
                    }
                    @media (max-width:991px){
                        font-size: 26px;
                    }
                }
                p{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 300;
                    color: #062829;
                    @media (max-width:991px){
                        font-size: 16px;
                    }
                }
                ul{
                    margin-top: 10px;
                    margin-bottom: 15px;
                    li{
                        font-size:18px;
                        margin-bottom: 10px;
                        font-weight: 400;
                        @media (max-width:991px){
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
}


#itfb-clock{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:0px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 45px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        .custom-text{
            .subtitle{
                font-size:17px;
                margin-bottom:30px;
                @media (max-width:1440px){ 
                    font-size:1.21vw;
                }
                @media (max-width:991px){
                    font-size: 15px;
                }
                @media (max-width:479px){
                    font-size: 14px;
                }
            }
            h3{
                font-size:52px;
                margin-bottom:25px;
                @media (max-width:1440px){ 
                    font-size:3.62vw;
                }
                @media (max-width:991px){
                    font-size: 26px;
                }
            }
            div.ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    font-weight:400;
                    @media (max-width:479px){
                        font-size: 16px;
                    }
                }
            }
        }
    }
}

#itfb-book{
    padding-bottom:140px;
    @media (max-width:991px){
        padding-bottom:90px;
    }
    @media (max-width:767px){
        padding-bottom:20px;
        .page-width{
            padding-left:10px !important;
            padding-right:10px !important;
        }
    }
    .sec-ttl {
        margin-bottom:10px;
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
        }
        h2{
            margin-bottom: 15px;
            font-size:50px;
            max-width: 700px;
            margin-left:0;
            @media (max-width:1440px){
                font-size:3.5vw !important;
            }
            @media (max-width:991px){
                font-size:26px !important;
            }
            @media (max-width:767px){
                margin-bottom:20px;
                padding-top:30px;
            }
        }
        p{
            margin-left:0;
            font-family: Brutgrotesque;
            font-size: 17px;
            line-height: 1.38;
            font-weight: 400;
            color: #062829;
            max-width:900px;
            @media (max-width:767px){
                font-size: 16px;
                margin-bottom:20px;
            }
        } 
    }
    .custom-content {   
        .custom__item{
            .left-right-details{
                background-size:cover;
                background-position:center;
                padding:0%;
                .row{
                    display:flex;
                    background-color:#fff;
                    border-radius:6px;
                    padding:70px 50px 60px;
                    gap:15px;
                    border-radius:6px;
                    @media (max-width:767px){
                        flex-direction:column;
                        padding:40px 30px 40px;
                        gap:0;
                    }
                    .left,.right{
                        width:50%;
                        display:flex;
                        flex-direction:column;
                        justify-content:center;
                        @media (max-width:767px){
                            width:100%;
                        }
                        .details-list{
                            display:flex;
                            flex-direction:column;
                            gap:10px;
                            padding:0 0 10px;
                            li{
                                display:flex;
                                align-items:center;
                                grid-column-gap:18px;
                                padding:12px;
                                background-color:#fff0c9;
                                border-radius:6px;
                                img{
                                    width: 25px;
                                    height:25px;
                                    object-fit:contain;
                                    margin: 0;
                                }
                                p{
                                    padding:0;
                                    font-family: Brutgrotesque;
                                    font-size: 15px;
                                    line-height: 1.38;
                                    font-weight: 400;
                                    color:#062829;
                                    max-width:calc(100% - 18px - 25px);
                                    @media (max-width:991px){
                                        font-size:14px !important;
                                    }
                                    @media (max-width:479px){
                                        font-size:12px !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            &.hormone{
                .tl{
                    display:flex;
                    gap:25px;
                    &>a{
                        width:40%;
                    }
                    .custom-text{
                        width:calc(60% - 25px);
                    }
                }
            }
        }
    }
}

.itfb-join{
    border-top: 1px solid #8b8a87;
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 10px 20px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width: 767px) {
                padding: 0 !important;
            }
            .custom__item{  
                padding:0;
                .custom-text{
                    max-width:100%;
                }
                h3{
                    letter-spacing: -.01em;
                    font-size: 32px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 700;
                    margin:0;
                    font-style:italic;
                    @media (max-width:1440px){ 
                        font-size:2.24vw;
                    }
                    @media (max-width:991px){
                        font-size: 28px;
                    }
                    @media (max-width:479px){
                        font-size: 19px;
                    }
                }
                div.ttlTxt{
                    p{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 400;
                        color: #062829;
                        margin-top:15px;
                        @media (max-width:479px){
                            font-size: 16px;
                        }
                    }
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #ff6b19;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 18px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        font-size: 16px;
                    }
                    &:hover{
                        color: #062829 !important;
                        background-color: #ffcc71 !important;
                        border-color: #ffcc71 !important;
                    }
                }
            }
        }
    }
}
#itfb-about{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:40px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        .custom-text{
            h3{
                font-size:50px;
                margin-bottom:25px;
                @media (max-width:1440px){ 
                    font-size:3.5vw;
                }
                @media (max-width:991px){
                    font-size: 26px;
                }
            }
            div.ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    font-weight:400;
                    @media (max-width:479px){
                        font-size: 16px;
                    }
                }
            }
        }
    }
}

#itfb-what{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:40px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        .custom-text{
            .subtitle{
                font-size:17px;
                margin-bottom:30px;
            }
            h3{
                font-size:24px;
                margin-bottom:25px;
                @media (max-width:1440px){ 
                    font-size:1.95vw;
                }
                @media (max-width:991px){
                    font-size: 26px;
                }
            }
            div.ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    font-weight:400;
                    @media (max-width:479px){
                        font-size: 16px;
                    }
                }
            }
            .details-list{
                margin: 0px;
                border:0;
                padding: 10px 0 40px;
                gap:15px;
                li{
                    p{
                        font-size:18px !important;
                        font-weight: 400;
                        @media (max-width:479px){
                            font-size: 16px !important;
                        }
                    }
                    img{
                        transform: none !important;
                    }
                }
            }
            .btn {
                background-color: transparent !important;
                border-color:#062829 !important;
                color:#062829 !important;
                @media (max-width:767px){
                    font-size: 16px;
                }
                &:hover{
                    background-color: #ffcc71 !important;
                }
            }
        }
    }
}

#itfb-inbook{
    padding-bottom:110px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:10px;
        padding-bottom:40px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 10px !important;
        }
    }
    .custom-content{
        margin-bottom:0;
    }
    .custom__item{
        order:2;
        @media (max-width:991px){
            &:nth-child(2){
                order:1;
            }
        }
        .custom-text{
            .subtitle{
                font-size:17px;
                margin-bottom:30px;
                @media (max-width:1440px){ 
                    font-size:1.21vw;
                }
                @media (max-width:991px){
                    font-size: 15px;
                }
                @media (max-width:479px){
                    font-size: 14px;
                }
            }
            div.ttlTxt{
                margin-bottom:15px;
                p{
                    font-size:18px;
                    font-weight:400;
                    @media (max-width:479px){
                        font-size: 16px !important;
                    }
                }
            }
        }
    }
}

.itfb-collection {
    padding-top:90px;
    @media (max-width:991px){
        padding-top:50px;
    }
    @media (max-width: 767px) {
        padding-top:10px;
    }
}

#itfb-bonuses{
    padding-bottom:140px;
    @media (max-width:991px){
        padding-bottom:60px;
    }
    @media (max-width: 767px) {
        padding-top:40px;
        padding-bottom:40px;
    }
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 20px !important;
        }
    }
    .sec-ttl {
        margin-bottom:10px;
        @media (max-width:767px){
            padding:0;
            margin:0 -5px;
        }
        h2{
            margin-bottom: 35px;
            font-size:52px;
            margin-left:0;
            @media (max-width:1440px){
                font-size:3.62vw !important;
            }
            @media (max-width:991px){
                font-size:36px !important;
            }
            @media (max-width:767px){
                padding-bottom:30px;
                margin-bottom:0;
                font-size:32px !important;
            }
        }
    }
    .custom-content {   
        .custom__item{
            .custom-text{
                padding-left:160px;
                position:relative;
                min-height:95px;
                @media (max-width:767px){
                    padding-left:0;
                    flex-direction:column;
                    align-items: flex-start !important;
                }
                .subtitle{
                    position:absolute;
                    font-size:52px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    width:95px;
                    height:95px;
                    display:flex;
                    align-items:center;
                    background-color:#ffcc71;
                    border-radius:100px;
                    left:0;
                    top:0;
                    justify-content:center;
                    @media (max-width:767px){
                        position:static;
                        width:85px;
                        height:85px;
                    }
                }
                h3{
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    line-height: 1.38;
                    font-weight: 300;
                    color: #062829;
                }
                div.ttlTxt{
                    p{
                        display:flex;
                        flex-flow:nowrap;
                        gap:15px;
                        @media (max-width:1300px){
                            flex-flow:wrap;
                        }
                        a{
                            color: #062829;
                            letter-spacing: .02em;
                            background-color: transparent;
                            border-radius: 15px;
                            justify-content: center;
                            padding: 14px 18px;
                            font-family: Brutgrotesque;
                            font-size: 18px;
                            font-weight: 400;
                            line-height: 1.2;
                            text-decoration: none;
                            transition: color .2s, background-color .2s;
                            display: block;
                            text-transform: capitalize;
                            border:1px solid #062829 !important;
                            flex:1;
                            text-align:center;
                            min-width:185px;
                            max-width: max-content;
                            @media (max-width:479px){
                                min-width: 100%;
                            }
                            &:hover{
                                background-color: #ffcc71 !important;
                            }
                        }
                    }
                }
                .bottom-text{
                    font-family: "Contax Sans 55";
                    font-size:15px;
                    line-height:1.2;
                    margin-top:30px;
                    *{
                        font-size:15px;
                        font-family: "Contax Sans 55";
                        line-height:1.2;

                    }
                }
            }
            &:nth-child(2),
            &:nth-child(3){
                .custom-text{
                    display:flex;
                    align-items:center;
                    h3{
                        margin-bottom:0;
                        font-weight:400;
                    }
                }
            }
        }
    }
}

@media (max-width: 767px) {
  a[href="/pages/about"] {
    display: none !important;
  }
}


.default-page{
    .default-page-title{
        padding:100px 0;
        @media (max-width:767px){
            padding:70px 0;
        }
        .page-width {
            max-width: 1300px !important;
            padding: 0 5% !important;
            @media (max-width:767px){
                padding:0 15px !important;
            }
            .page-title{
                text-align:left;
                font-family: "Contax Sans 55";
                font-size:64px;
                line-height:1.3;
                color:#062829;
                font-weight:400;
                @media (max-width:1440px){
                    font-size:4.44vw !important;
                }
                @media (max-width:991px){
                    font-size:26px !important;
                }
            }
        }
    }
    .default-page-content{
        background-color:#fffcf4;
        padding:100px 0;
        @media (max-width:767px){
            padding:70px 0;
        }
        .page-width {
            max-width: 1300px !important;
            padding: 0 5% !important;
            @media (max-width:767px){
                padding:0 15px !important;
            }
            h4{
                text-align:left;
                font-family: "Contax Sans 55";
                font-size:32px;
                line-height:1.3;
                color:#062829;
                font-weight:400;
                margin-top:0;
                margin-bottom:30px;
                @media (max-width:1440px){
                    font-size:2.24vw !important;
                }
                @media (max-width:991px){
                    font-size:26px !important;
                }
            }
            p{
                text-align:left;
                font-family: "Brutgrotesque";
                font-size:17px;
                line-height:1.3;
                color:#062829;
                font-weight:300;
                strong{
                    font-weight:700;
                }
                @media (max-width:991px){
                    font-size:16px !important;
                }
            }
        }
    }
}

#contect-question{
    .page-width {
        @media (max-width: 767px) {
            padding: 20px 20px 40px !important;
            padding-top:40px !important;
        }
    }
    .sec-ttl {
        max-width: 1300px;
        margin-left:-15px;
        margin-right:-15px;
        @media (max-width: 767px) {
            margin-left: -5px;
            margin-right: -5px;
        }
        h2{
            margin-bottom:15px;
        }
        p{
            color: #062829;
            max-width:100%;
            padding-bottom:30px;
        }
    }
    .left-right-details{
        .row{
            background-color:transparent !important;
            flex-flow: nowrap;
            gap:20px;
            @media (max-width:767px){
                flex-flow: wrap;
             }
            .left,
            .right{
                background-color:#fff;
                border: 1px solid #000;
                border-radius:14px;
                h2{
                    margin-bottom:0;
                }
                p{
                    text-align:left;
                    font-family: "Brutgrotesque";
                    font-size:17px;
                    line-height:1.3;
                    color:#062829;
                    font-weight:300;
                    text-align:center;
                    margin-top:20px;
                }
                a{
                    text-decoration:underline;
                }
            }
        }
    }
}


.main-content.blog{
    .page-width{
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width: 767px) {
            padding: 20px 15px 20px !important;
        }
        .blog-collection-grid {
            padding: 0 5%;
            margin-bottom:0;
            flex-direction:column;
            @media (max-width: 767px) {
                padding: 0 !important;
                flex-direction:column-reverse;
            }
            .sidebar{
                padding-right:0;
                width:100%;
                max-width: 55%;
                @media (max-width: 767px) {
                    max-width: 100%;
                }
                h1{
                    letter-spacing: -.01em;
                    font-size: 64px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.1;
                    font-weight:400;
                    @media (max-width:1440px){
                        font-size:4.44vw;
                    }
                    @media (max-width:991px){
                        font-size:26px;
                    }
                    @media (max-width:767px){
                        margin-top:10px;
                    }
                }
                P{
                    font-family: "Contax Sans 55";
                    font-size: 26px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:25px;
                    color:#062829;
                    @media (max-width:1440px){
                        font-size:1.8vw;
                    }
                    @media (max-width:991px){
                        font-size:16px;
                    }
                    @media (max-width:479px){
                        font-size:19px;
                    }
                }
            }
            .category-wrap{
                display:flex;
                gap:30px;
                padding-bottom:50px;
                @media (max-width: 767px) {
                    flex-direction:column;
                    gap:20px;
                }
                .categories{
                    width:calc(50% - 15px);
                    @media (max-width: 767px) {
                        width:100%;
                        margin-bottom:0;
                    }
                    .blogSearch{
                        border:0;
                        border-radius:0;
                        position:relative;
                        input{
                            background-color: #fff;
                            border: 1px solid #000;
                            border-radius: .25rem;
                            width: 100%;
                            padding: 10px 50px 10px 20px;
                            font-family: 'BrutGrotesque';
                            font-size: 1em;
                            font-weight: 400;
                            height: auto;
                            outline: 0;   
                            &:focus{
                                border-color: #3898ec;
                            }
                        }
                        .input-group__btn{
                            width:auto;
                            .btn{
                                position: absolute;
                                right: 0;
                                top: 0;
                                height: auto;
                                padding: 12px;
                            }
                        }
                    }
                    &.search{
                        .widget-title{
                            display:none;
                        }
                    }
                    select{
                        background-color: #fff;
                        border: 1px solid #000;
                        border-radius: .25rem;
                        width: 100%;
                        padding: 10px 20px 10px 20px;
                        font-family: 'BrutGrotesque';
                        font-size: 1em;
                        font-weight: 400;
                        height: auto;
                        outline: 0;   
                        &:focus{
                            border-color: #3898ec;
                        }
                    }
                }
            }
            .grid{
                margin:0;
                gap:40px 20px;
                .gitem{
                    padding:0;
                    width:calc(25% - 60px / 4 );
                    @media (max-width:991px){
                        width:calc(50% - 10px );
                    }
                    @media (max-width:767px){
                        width:100%;
                    }
                    .wrap-blog {
                        display:flex;
                        flex-direction:column;
                        height: 100%;
                        .article__grid-meta{
                            flex:1;
                            display:flex;
                            flex-direction:column;
                        }
                    }
                    .article__grid-image{
                        background-position:center;
                    }
                    .gridbt{
                        text-align:left;
                        font-family: "Contax Sans 55";
                        font-size:32px;
                        line-height:1.3;
                        color:#062829;
                        font-weight:400;
                        margin-bottom:30px;
                        margin-top:0;
                        display:block;
                        flex:1;
                        @media (max-width:1440px){
                            font-size:2.24vw !important;
                        }
                        @media (max-width:991px){
                            font-size:26px !important;
                        }
                    }
                    .article__grid-excerpt{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 300;
                        color: #062829;
                        @media (max-width:767px){
                            font-size: 16px;
                        }
                    }
                    .article__tags-list{
                        display:flex;
                        flex-flow:wrap;
                        gap:4px;
                        .article__tag{
                            a{
                                font-family: Brutgrotesque;
                                font-size: 18px;
                                line-height: 1.38;
                                font-weight: 300;
                                color: #062829;
                                display:inline-block;
                                background:#fff0c9;
                                padding:6px 14px;
                                line-height:.9;
                                @media (max-width:1440px){ 
                                    font-size:1.21vw;
                                }
                                @media (max-width:991px){
                                    font-size: 15px;
                                    padding:4px 10px;
                                }
                                @media (max-width:479px){
                                    font-size: 14px;
                                    padding:2px 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .pagination{
        padding:50px 15px 70px;
    }
}

.shop-cs{
    .gitem:first-child{
        .gitem-img.hover{
            opacity:1;
            visibility: visible;
        }
    }
}
#myflo-coaching-session{
    .swatch {
        .header{
            display:none;
        }
        .swatchLbl{
            display:flex;
            width:100%;
            background-color:transparent;
            border:2px solid transparent;
            border-radius:15px;
            height:auto !important;
            justify-content:space-between;
            text-decoration:none;
            opacity: 1;
            padding:15px;
            span{
                display:block !important;
                color:#062829;
                text-align:left;
                font-size:12px;
                line-height: 1.6;
                font-family:Brutgrotesque;
            }
            .hidden.label-unavailable{
                display:none !important;
            }
            .title{
                font-weight:400;
                font-size:20px;
                margin-bottom:5px;
                @media (max-width:479px){
                    font-size:17px;
                }
            }
            .price{
                font-weight:400;
                font-size:21px;
                padding-left:10px;
            }
        }
        .swatchInput:checked+.swatchLbl{
            background-color:#f9f3e4;
            border:2px solid #000;
            color: #062829;
        }
    }
}

.blog-product{
    .sec-ttl {
        h2{
            max-width:100% !important;
            text-align:center;
        }
    }
}

.pswp img{
    max-width: 100vw;
    max-height: 100vh;
    object-fit:contain;
    @media (min-width: 768px) {
        padding: 2vh 2vw;
    }
}

.mfp-container {
    padding:0 !important;
}
.mfp-bg {
    z-index: 999999 !important;
    background-color: #00000026 !important;
    opacity: 1 !important;
}
.mfp-wrap{
    z-index: 999999 !important;
}
.mfp-zoom-in .mfp-with-anim{
    transform:translate(100%) !important;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim{
    transform:translate(0%) !important;
}
.mfpbox .mfp-close {
    font-size: 45px;
}
div#content_quickview{
    max-width:530px;
    background-color:#fffcf4;
    margin-right: 0;
    border-radius: 0;
    min-height: 100vh;
    @media (max-width:479px){
        padding-left:15px;
        padding-right:15px;
    }
    .grid {
        display: flex;
        flex-direction: column;
        .gitem{
            width:100%;
            margin-bottom:0 !important;
            #ProductSubmitButton-quick-view{
                display:block !important;
            }
            #pisquick-view{
                margin-bottom:20px;
                .imgFl {
                    max-height: 22rem;
                    object-fit: cover;
                }
                .pr_photo,.imgWrapper{
                    border-radius:0;
                }
            }
            .wrap-product-info{
                padding:0 !important;
                .product-single__title {
                    letter-spacing: -.01em;
                    font-size: 30px;
                    color: #062829;
                    font-family: "Contax Sans 55";
                    line-height: 1.1;
                    font-weight: 400;
                    margin-bottom:20px;
                    @media (max-width:479px){
                        font-size: 26px;
                    }
                }
                .pr_desc{
                    font-family: Brutgrotesque;
                    font-size: 14px;
                    line-height: 1.38;
                    font-weight: 300;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    color: #062829;
                }
                .product-form__submit {
                    font-size: 1.2rem;
                    background-color: #29c67a !important;
                    border-radius: 0.7rem;
                    padding: 10px;
                    opacity: 1;
                    border: 0;
                    margin-top: 10px;
                    text-transform:capitalize;
                    &:hover {
                        background-color: #25b36e !important;
                        color:#fff !important;
                    }
                }
                .product-include{
                    display:flex;
                    gap:25px;
                    padding: 5px 0 15px;
                    @media (max-width:479px){
                        gap: 20px;
                    }
                    .flex-h-c-center {
                        flex: 1;
                        text-align: center;
                    }
                    p.text-size-small {
                        line-height: 1.4;
                        font-weight: 300;
                        font-family: Brutgrotesque;
                    }
                }
                .single-testimonial {
                    padding: 25px;
                    background: #d1ddf3;
                    border-radius: 15px;
                    text-align:center;
                    @media (max-width:479px){
                        padding: 20px 15px;
                    }
                    h4{
                        letter-spacing: -.01em;
                        font-size: 22px;
                        color: #062829;
                        font-family: "Contax Sans 55";
                        line-height: 1.1;
                        font-weight: 500;
                        margin-bottom:10px;
                        @media (max-width:479px){
                            font-size: 20px;
                        }
                    }
                    p{
                        font-family: Brutgrotesque;
                        font-size: 18px;
                        line-height: 1.38;
                        font-weight: 300;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        color: #062829;
                        @media (max-width:479px){
                            font-size: 16px;
                        }
                    }
                    .star-default{
                        font-size:16px;
                    }
                }
                a.btn-link.fw-500 {
                    text-decoration: underline;
                    text-align: center;
                    display: block;
                    margin-top: 20px;
                    color: #062829;
                    font-size: 16px;
                }
            }
        }
    }
}


.k500{
    border-bottom:1px #062829 solid;
}
.get-15off{
    padding: 30px 0;
}

.section-page-faq{
    padding: 60px 5%;
    @media (max-width:767px){
        padding:60px 15px !important;
    }
    .faq-section__title {
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #212529;
        margin: 0;
        line-height: 1.3;
        font-family: Brutgrotesque !important;
        margin-bottom:30px;
        text-align: left;
    }
    .faq-section__desc {
        font-size: 18px !important;
        font-weight: 700;
        color: #212529;
        margin: 0;
        line-height: 1.3;
        font-family: Brutgrotesque !important;
        text-align: left;
    }
    .faq-section__grid {
        display:flex;
        flex-direction:column;
        gap: 40px;
        li.faq-section__item {
            border: 1px solid #062829;
            margin-bottom: 20px;
            padding: 0;
            background-color: #FFFCF4;
            border-radius: 10px;
            .faq-section__icon {
                width: 28px;
                height: 28px;
                transform:scale(1.3)
            }
        }
        
        button.faq-section__question {
            padding: 20px 50px;
            @media (max-width: 767px) {
                padding: 14px 20px;
            }
        }
        
        .faq-section__answer {
            padding: 0px 50px;
            @media (max-width: 767px) {
                padding: 0px 20px;
            }
        }
        .faq-section__answer-content{
            strong{
                display:block;
                margin-bottom:15px;
            }
            *{
                font-family: Brutgrotesque !important;
            }
        }
    }
}

.test-plan{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:20px 10px 40px !important;
        }
        .custom-content {
            padding: 0 5%;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                h1{
                    letter-spacing: -.01em;
                    font-size: 50px;
                    color:#062829;
                    font-family: "Contax Sans 55";
                    line-height:1.1;
                    font-weight:400;
                    @media (max-width:767px){
                        font-size:30px;
                    }
                }
                P,h4{
                    font-family: Brutgrotesque;
                    font-size: 24px;
                    line-height: 1.32;
                    font-weight: 300;
                    margin-top:10px;
                    margin-bottom:10px;
                    color:#062829;
                    @media (max-width:479px){
                        font-size:18px;
                    }
                }
                h4{
                    font-weight:500;
                }
                &:last-child{
                    padding-left:8%;
                    @media (max-width:767px){
                        padding-left:0;
                    }
                }
            }
        }
    }
}

.section-page-head{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:0px 20px 0px !important;
        }
        .custom-content {
            padding: 0 5%;
            margin-bottom:0;
            @media (max-width:767px){
                padding:0;
            }
            .custom__item{
                padding-left: 0;
                padding-right:0;
                padding-bottom:24px;
                padding-top:24px;
                line-height: 0;
                @media (max-width:767px){
                    width:50% !important;
                }
                .custom-text{
                    max-width:100%;
                    text-align:right;
                }
                a.btn{
                    color: #fff;
                    letter-spacing: .02em;
                    background-color: #29c67a;
                    border-radius: 15px;
                    justify-content: center;
                    padding: 14px 35px;
                    font-family: Brutgrotesque;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 1.2;
                    text-decoration: none;
                    transition: color .2s, background-color .2s;
                    display: inline-flex;
                    text-transform: capitalize;
                    @media (max-width:767px){
                        padding: 12px 30px;
                        font-size: 16px;
                    }
                    &:hover{
                        background-color: #29c67acc !important;
                    }
                }
            }
            img{
                max-width:150px;
            }
        }
    }
}



.recommended-product{
    .page-width {
        max-width: 1440px;
        padding: 0 5% !important;
        @media (max-width:767px){
            padding:35px 10px !important;
        }
        .sec-ttl {
            text-align:left !important;
            padding: 0 5%;
            margin-left:-15px;
            margin-right:-15px;
            margin-bottom:50px;
            @media (max-width:767px){
                padding: 0 10px;
                margin-bottom:20px
            }
            p{
                color:#062829;
                display:block;
                font-family: Brutgrotesque;
                font-size: 24px;
                line-height: 1.2;
                font-weight: 700;
                letter-spacing: .02em;
                margin-bottom:10px;
                text-align:left;
                max-width:100%;
                @media (max-width:991px){
                    font-size:18px;
                }
            }
        }
        .grid{
            padding: 0 5%;
            @media (max-width:767px){
                padding:0 2.5px;
            }
            .flickity-viewport{
                overflow: visible;
                .gitem{
                    width:95%;
                    padding:50px;
                    background-color:#fffcf4;
                    margin-right:40px;
                    border-radius:20px;
                    min-height: 100%;
                    @media (max-width:767px){
                        padding:5%;
                        width:90%;
                        margin-right:20px;
                    }
                    .gitem-img {
                        padding-bottom: 94.4%;
                    }
                }
            }
            .grid-view-item {
                display:flex;
                flex-flow:wrap;
                position: static;
                .gview-img{
                    width:48%;
                    position: static;
                    @media (max-width:991px){
                        width:100%;
                    }
                    .button-set{
                        display:none !important;
                    }
                    .see-ingredients-container {
                        text-align:left;
                        padding-top:20px;
                        a{
                            text-decoration:underline;
                            color:#062829;
                        }
                    }
                    .gimg-link{
                        overflow:hidden;
                    }
                    .variantImg{
                        display:none !important;
                    }
                    .popup {
                        position: absolute;
                        height: 100%;
                        width: 100%;
                        left: 0;
                        top: 0;
                        background-color: #000000e6;
                        border-radius:20px;
                        .popupcontent{
                            height:100%;
                            img{
                                width:100%;
                                height:100%;
                                object-fit:contain;
                                padding: 20px 0;
                            }
                            button.close-ingredients-popup {
                                background: transparent;
                                border: 0;
                                outline: 0;
                                color: #fff;
                                fill: #fff;
                                position: absolute;
                                right: 10px;
                                top: 10px;
                            }
                        }
                    }
                }
                .details{
                    width:48%;
                    margin-left:4%;
                    text-align:left;
                    @media (max-width:991px){
                        width:100%;
                        margin-left:0;
                    }
                    .grid-view-item__title{
                        letter-spacing: -.01em;
                        font-size: 36px;
                        color:#062829;
                        font-family: "Contax Sans 55";
                        line-height:1.1;
                        font-weight:400;
                        display:block;
                        margin-bottom:20px;
                        @media (max-width:991px){
                            margin-top:20px;
                        }
                        @media (max-width:767px){
                            font-size:32px;
                        }
                    }
                    .descriptiion{
                        p{
                            font-family: Brutgrotesque;
                            font-size: 16px;
                            line-height: 1.32;
                            font-weight: 300;
                            margin-top:10px;
                            margin-bottom:15px;
                            color:#062829;
                            @media (max-width:767px){
                                font-size:14px;
                            }
                        }
                    }
                    .priceWraper{
                        text-align:left;
                        justify-content: flex-start;
                        span{
                            font-size: 36px;
                        }
                    }
                    .add-to-cart {
                        font-size: 1.2rem;
                        background-color: #29c67a !important;
                        border-radius: 0.7rem;
                        padding: 10px;
                        opacity: 1;
                        border: 0;
                        margin-top: 10px;
                        text-transform:capitalize;
                        color:#fff;
                        display: block;
                        line-height:1.4;
                        &:hover {
                            background-color: #25b36e !important;
                            color:#fff !important;
                        }
                    }
                    .product-include{
                        display:flex;
                        gap:25px;
                        padding: 15px 0 15px;
                        @media (max-width:479px){
                            gap: 20px;
                        }
                        .flex-h-c-center {
                            flex: 1;
                            text-align: center;
                        }
                        p.text-size-small {
                            line-height: 1.4;
                            font-weight: 300;
                            font-family: Brutgrotesque;
                        }
                    }
                }
            }
        }
    }
}


reviewsio-product-ratings{
    .ruk_rating_snippet{
        color:#ff6b19 !important;
    }
    span.ruk-rating-snippet-count{
        font-family: "Contax Sans 55", sans-serif !important;
        font-size: 14px !important;
        margin-left: 5px;
    }
}
.main-content.product{
    .thumbs_nav{
        display:none !important;
    }
}
.smartrr-purchase-options{
    margin-bottom: 0 !important;
}
div[data-smartrr-selling-plan-groups] {
    display: flex;
    flex-direction: column-reverse;
    [data-smartrr-selling-plan-group-id] {
        padding: 15px 18px;
        border: 2px solid transparent;
        border-radius:10px;
        position:relative;
        &.smartrr-group-active{
          border: 2px solid #000000;  
          background-color:#f9f3e4;
        }
        .smartrr-selling-plan-group-input-display {
            display:none !important;
        }
        label.smartrr-selling-plan-group-label {
            margin:0;
        }
        label.smartrr-selling-plan-group-label::after{
            content:'';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 8px;
        }
        .smartrr-radio-group-container {
            width: 100%;
        }
        .smartrr-selling-plan-group-name {
            color: #062829;
            font-family: 'BrutGrotesque';
            font-size: 20px;
            line-height: 1.1;
            font-weight: 400;
            display: flex;
            justify-content: space-between;
            width: 100%;
            @media (max-width:479px){
                font-size: 16px;
            }
            .smartrr-pricing-dash{
                opacity:0;
                font-size: 1px;
            }
            [data-smartrr-price-style]{
                display:flex;
                flex-direction:column;
                position:relative;
                [data-smartrr-regular-price]{
                    font-size:12px;
                    position:absolute;
                    right:0;
                    top: 35px;
                }
            }
        }
        [data-smartrr-selling-plan-group-contents]{
            margin-bottom: 0 !important;
            display: block !important;
            [data-smartrr-selling-plan-group-plans]{
                margin-top:0 !important;
                select{
                    display:none;
                }
                .smartrr-plans-frequency-label{
                    margin-bottom:0;
                    margin-top: 8px;
                    font-size: 12px;
                    font-family: 'BrutGrotesque';
                    font-weight:400;
                    line-height: 1.4;
                }
            }
        }
    }
}

.content-indent.balance-supplements{
    div[data-smartrr-selling-plan-groups] {
        [data-smartrr-selling-plan-group-id] {
            &.smartrr-otp{
                .smartrr-selling-plan-group-name{
                    &>div:first-child::after{
                        content:"2 month supply";
                        display:block;
                        font-size: 12px;
                        font-family: 'BrutGrotesque';
                        font-weight:400;
                        margin-top: 8px;
                        line-height: 1.4;
                    }
                }
            }
        }
    }
}
.content-indent.none.restore-supplements,
.content-indent.none.release-supplements,
.content-indent.none.foundational-flo-protocol,
.content-indent.none.nurture-supplements,
.content-indent.none.ease-supplements{
    div[data-smartrr-selling-plan-groups] {
        [data-smartrr-regular-price]{
            display:none !important;
        }
        [data-smartrr-selling-plan-group-contents]{
            display:none !important;
        }
    }
}

.content-indent.none.the-cycle-syncing-supplem{
    div[data-smartrr-selling-plan-groups] {
        [data-smartrr-selling-plan-group-id] {
            &.smartrr-otp{
                .smartrr-selling-plan-group-name{
                    &>div:first-child::after{
                        content:"6-month supply";
                        display:block;
                        font-size: 12px;
                        font-family: 'BrutGrotesque';
                        font-weight:400;
                        margin-top: 8px;
                        line-height: 1.4;
                    }
                }
            }
        }
    }
}

.ElementsWidget__media {
    display: none !important;
}


.subscription-buy-button{
    font-family: 'BrutGrotesque';
}
.shipping-container .flex-h-c-center{
    font-family: 'BrutGrotesque';
}
.what-youll-learn-title,
.whats-included__title{
    font-family: "Contax Sans 55", sans-serif;
    font-weight: 400 !important;
}
.what-youll-learn-description,
.whats-included__text{
    font-family: 'BrutGrotesque';
    font-weight: 300;
}
.what-youll-learn-icon svg {
    width: 14px !important;
    height: 14px !important;
}
.get-with-program__title,
.flo-protocol__features-title,
.flo-protocol__main-content h2,
.results-benefits__title{
    font-family: "Contax Sans 55", sans-serif !important;
    font-weight: 400 !important;
}
.flo-protocol__feature-title,
.flo-protocol__feature-content p,
.flo-protocol__phase p,
.flo-protocol__main-content p,
.results-benefits__text{
    font-family: 'BrutGrotesque';
    font-weight: 300;
}
.results-benefits__list {
    grid-gap: 0 !important;
}
.signature-formulations__feature-text,
.product-bundle__promo{
    font-family: 'BrutGrotesque';
    font-family: 'BrutGrotesque';
}
#your-shopping-cart{
    .page-title{
        font-family: "Contax Sans 55", sans-serif !important;
        font-weight: 400 !important;
    }
    thead.cart__row.cart__header.hide-sm tr {
        border: 1px solid #062829 !important;
    }
    thead.cart__row.cart__header.hide-sm tr th{
        background:transparent;
        font-family: 'BrutGrotesque';
    }
    .grid-view-item__title b{
        font-family: "Contax Sans 55", sans-serif !important;
        font-weight: 400 !important;
        color:#062829;
    }
    .ctPrice,.remove,.price,
    .cart__meta-text{
        color:#062829;
        font-family: 'BrutGrotesque';
    }
    .cartData .gitem:not(.cartSummery){
        display:none;
    }
    .cartSummery{
        .bdr-box{
            background:transparent;
            border:1px solid #062829;
            border-radius:10px;
        }
    }
    .cart_total{
        span{
            font-family: "BrutGrotesque";
        }
    }
    .tax-note{
        font-family: "BrutGrotesque";
    }
    button#cartCheckout {
        color: #fff;
        letter-spacing: .02em;
        background-color: #ff6b19;
        border-radius: 10px;
        justify-content: center;
        padding: 14px 18px;
        font-family: Brutgrotesque;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: none;
        transition: color .2s, background-color .2s;
        display: flex;
        text-transform: capitalize;
        &:hover{
            color: #062829 !important;
            background-color: #ffcc71 !important;
            border-color: #ffcc71 !important;
        }
    }
    a.btn.btn-md{
        color: #fff;
        letter-spacing: .02em;
        background-color: #f9f3e4;
        border-radius: 10px;
        justify-content: center;
        padding: 14px 18px;
        font-family: Brutgrotesque;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        text-decoration: none;
        transition: color .2s, background-color .2s;
        display: flex;
        text-transform: capitalize;
        border-color: #062829 !important;
        color: #062829 !important;
        &:hover{
            color: #062829 !important;
            background-color: #ffcc71 !important;
            border-color: #ffcc71 !important;
        }
    }
    .empty-page-content{
        h4{
            font-family: "Contax Sans 55", sans-serif !important;
            font-weight: 400 !important;
            font-size: 25px;
        }
        a.btn.btn--has-icon-after{
            color: #fff;
            letter-spacing: .02em;
            background-color: #ff6b19;
            border-radius: 10px;
            justify-content: center;
            padding: 14px 18px !important;
            font-family: Brutgrotesque;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            text-decoration: none;
            transition: color .2s, background-color .2s;
            display: inline-flex;
            text-transform: capitalize;
            &:hover{
                color: #062829 !important;
                background-color: #ffcc71 !important;
                border-color: #ffcc71 !important;
            }
            i{
                display:none;
            }
        }
    }
}
.complementary-products{
    .sec-ttl .h3{
        font-family: "Contax Sans 55", sans-serif !important;
        font-weight: 400 !important;
        color: #062829 !important;
    }
    .grid-view-item__title{
        font-family: "Contax Sans 55", sans-serif !important;
        font-weight: 400 !important;
        text-align:left;
        display: block;
        color:#062829;
        margin-bottom:10px;
    }
    .details{
        text-align:left;
    }
    .descriptiion{
        color:#062829;
        font-family: 'BrutGrotesque';
        text-align:left;
        line-height:1.4;
    }
    .priceWraper{
        justify-content:flex-start;
        margin-top:15px;
        margin-bottom:15px;
    }
    a.btn.learnmore{
        color: #fff;
        letter-spacing: .02em;
        background-color: #ff6b19;
        border-radius: 10px;
        justify-content: center;
        padding: 12px 18px !important;
        font-family: Brutgrotesque;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
        transition: color .2s, background-color .2s;
        display: inline-flex;
        text-transform: capitalize;
        &:hover{
            color: #062829 !important;
            background-color: #ffcc71 !important;
            border-color: #ffcc71 !important;
        }
    }
}
.gitem-img.hover {
    display: none !important;
}

.button-set.hide-sm {
    display: none !important;
}
.gitem-img.primary {
    opacity: 1 !important;
}