@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap.less");
@import url("https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css");

@font-face {
    font-family: "Bungasai";
    src: url("../fonts/Bungasai.eot");
    src: url("../fonts/Bungasai.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Bungasai.woff2") format("woff2"),
        url("../fonts/Bungasai.woff") format("woff"),
        url("../fonts/Bungasai.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Butter Chicken";
    src: url("../fonts/ButterChicken.eot");
    src: url("../fonts/ButterChicken.eot?#iefix") format("embedded-opentype"),
        url("../fonts/ButterChicken.woff2") format("woff2"),
        url("../fonts/ButterChicken.woff") format("woff"),
        url("../fonts/ButterChicken.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Clarkson Script";
    src: url("../fonts/ClarksonScript-Regular.eot");
    src: url("../fonts/ClarksonScript-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/ClarksonScript-Regular.woff2") format("woff2"),
        url("../fonts/ClarksonScript-Regular.woff") format("woff"),
        url("../fonts/ClarksonScript-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Jonesy-Capitals";
    src: url("../fonts/Jonesy-Capitals.eot");
    src: url("../fonts/Jonesy-Capitals.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Jonesy-Capitals.woff2") format("woff2"),
        url("../fonts/Jonesy-Capitals.woff") format("woff"),
        url("../fonts/Jonesy-Capitals.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Jonesy-Script";
    src: url("../fonts/Jonesy-Script.eot");
    src: url("../fonts/Jonesy-Script.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Jonesy-Script.woff2") format("woff2"),
        url("../fonts/Jonesy-Script.woff") format("woff"),
        url("../fonts/Jonesy-Script.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kollektif";
    src: url("../fonts/Kollektif-BoldItalic.eot");
    src: url("../fonts/Kollektif-BoldItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/Kollektif-BoldItalic.woff2") format("woff2"),
        url("../fonts/Kollektif-BoldItalic.woff") format("woff"),
        url("../fonts/Kollektif-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Kollektif";
    src: url("../fonts/Kollektif.eot");
    src: url("../fonts/Kollektif.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Kollektif.woff2") format("woff2"),
        url("../fonts/Kollektif.woff") format("woff"),
        url("../fonts/Kollektif.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Kollektif";
    src: url("../fonts/Kollektif-Italic.eot");
    src: url("../fonts/Kollektif-Italic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Kollektif-Italic.woff2") format("woff2"),
        url("../fonts/Kollektif-Italic.woff") format("woff"),
        url("../fonts/Kollektif-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Kollektif";
    src: url("../fonts/Kollektif-Bold.eot");
    src: url("../fonts/Kollektif-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Kollektif-Bold.woff2") format("woff2"),
        url("../fonts/Kollektif-Bold.woff") format("woff"),
        url("../fonts/Kollektif-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Regards";
    src: url("../fonts/Regards-Regular.eot");
    src: url("../fonts/Regards-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Regards-Regular.woff2") format("woff2"),
        url("../fonts/Regards-Regular.woff") format("woff"),
        url("../fonts/Regards-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ROADSTORE";
    src: url("../fonts/ROADSTORE.eot");
    src: url("../fonts/ROADSTORE.eot?#iefix") format("embedded-opentype"),
        url("../fonts/ROADSTORE.woff2") format("woff2"),
        url("../fonts/ROADSTORE.woff") format("woff"),
        url("../fonts/ROADSTORE.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Therok Thin Personal";
    src: url("../fonts/TherokThinPersonal.eot");
    src: url("../fonts/TherokThinPersonal.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TherokThinPersonal.woff2") format("woff2"),
        url("../fonts/TherokThinPersonal.woff") format("woff"),
        url("../fonts/TherokThinPersonal.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Therok Reg Personal";
    src: url("../fonts/TherokRegPersonal.eot");
    src: url("../fonts/TherokRegPersonal.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TherokRegPersonal.woff2") format("woff2"),
        url("../fonts/TherokRegPersonal.woff") format("woff"),
        url("../fonts/TherokRegPersonal.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Therok Bold Personal";
    src: url("../fonts/TherokBoldPersonal.eot");
    src: url("../fonts/TherokBoldPersonal.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TherokBoldPersonal.woff2") format("woff2"),
        url("../fonts/TherokBoldPersonal.woff") format("woff"),
        url("../fonts/TherokBoldPersonal.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-Black.eot");
    src: url("../fonts/TiemposHeadline-Black.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-Black.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-Black.woff") format("woff"),
        url("../fonts/TiemposHeadline-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-BlackItalic.eot");
    src: url("../fonts/TiemposHeadline-BlackItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-BlackItalic.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-BlackItalic.woff") format("woff"),
        url("../fonts/TiemposHeadline-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline Bold";
    src: url("../fonts/TiemposHeadline-Bold.eot");
    src: url("../fonts/TiemposHeadline-Bold.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-Bold.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-Bold.woff") format("woff"),
        url("../fonts/TiemposHeadline-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-LightItalic.eot");
    src: url("../fonts/TiemposHeadline-LightItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-LightItalic.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-LightItalic.woff") format("woff"),
        url("../fonts/TiemposHeadline-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-BoldItalic.eot");
    src: url("../fonts/TiemposHeadline-BoldItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-BoldItalic.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-BoldItalic.woff") format("woff"),
        url("../fonts/TiemposHeadline-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline Italics";
    src: url("../fonts/TiemposHeadline-RegularItalic.eot");
    src: url("../fonts/TiemposHeadline-RegularItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-RegularItalic.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-RegularItalic.woff") format("woff"),
        url("../fonts/TiemposHeadline-RegularItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-Light.eot");
    src: url("../fonts/TiemposHeadline-Light.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-Light.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-Light.woff") format("woff"),
        url("../fonts/TiemposHeadline-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline Semibold";
    src: url("../fonts/TiemposHeadline-Semibold.eot");
    src: url("../fonts/TiemposHeadline-Semibold.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-Semibold.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-Semibold.woff") format("woff"),
        url("../fonts/TiemposHeadline-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-Medium.eot");
    src: url("../fonts/TiemposHeadline-Medium.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-Medium.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-Medium.woff") format("woff"),
        url("../fonts/TiemposHeadline-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline Regular";
    src: url("../fonts/TiemposHeadline-Regular.eot");
    src: url("../fonts/TiemposHeadline-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-Regular.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-Regular.woff") format("woff"),
        url("../fonts/TiemposHeadline-Regular.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-SemiboldItalic.eot");
    src: url("../fonts/TiemposHeadline-SemiboldItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-SemiboldItalic.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-SemiboldItalic.woff") format("woff"),
        url("../fonts/TiemposHeadline-SemiboldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Tiempos Headline";
    src: url("../fonts/TiemposHeadline-MediumItalic.eot");
    src: url("../fonts/TiemposHeadline-MediumItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TiemposHeadline-MediumItalic.woff2") format("woff2"),
        url("../fonts/TiemposHeadline-MediumItalic.woff") format("woff"),
        url("../fonts/TiemposHeadline-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Frunchy Serif";
    src: url("../fonts/FrunchySerif-Bold.eot");
    src: url("../fonts/FrunchySerif-Bold.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/FrunchySerif-Bold.woff2") format("woff2"),
        url("../fonts/FrunchySerif-Bold.woff") format("woff"),
        url("../fonts/FrunchySerif-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Frunchy Serif";
    src: url("../fonts/FrunchySerif-Regular.eot");
    src: url("../fonts/FrunchySerif-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/FrunchySerif-Regular.woff2") format("woff2"),
        url("../fonts/FrunchySerif-Regular.woff") format("woff"),
        url("../fonts/FrunchySerif-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Frunchy Serif";
    src: url("../fonts/FrunchySerif-ExtraLight.eot");
    src: url("../fonts/FrunchySerif-ExtraLight.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/FrunchySerif-ExtraLight.woff2") format("woff2"),
        url("../fonts/FrunchySerif-ExtraLight.woff") format("woff"),
        url("../fonts/FrunchySerif-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Frunchy Serif";
    src: url("../fonts/FrunchySerif-Light.eot");
    src: url("../fonts/FrunchySerif-Light.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/FrunchySerif-Light.woff2") format("woff2"),
        url("../fonts/FrunchySerif-Light.woff") format("woff"),
        url("../fonts/FrunchySerif-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Frunchy Serif";
    src: url("../fonts/FrunchySerif-Medium.eot");
    src: url("../fonts/FrunchySerif-Medium.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/FrunchySerif-Medium.woff2") format("woff2"),
        url("../fonts/FrunchySerif-Medium.woff") format("woff"),
        url("../fonts/FrunchySerif-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.eot");
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Regular.woff2") format("woff2"),
        url("../fonts/Roboto-Regular.woff") format("woff"),
        url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Mono Bold";
    src: url("../fonts/RobotoMono-Bold.eot");
    src: url("../fonts/RobotoMono-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/RobotoMono-Bold.woff2") format("woff2"),
        url("../fonts/RobotoMono-Bold.woff") format("woff"),
        url("../fonts/RobotoMono-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Mono";
    src: url("../fonts/RobotoMono-Regular.eot");
    src: url("../fonts/RobotoMono-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/RobotoMono-Regular.woff2") format("woff2"),
        url("../fonts/RobotoMono-Regular.woff") format("woff"),
        url("../fonts/RobotoMono-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.eot");
    src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Bold.woff2") format("woff2"),
        url("../fonts/Roboto-Bold.woff") format("woff"),
        url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.eot?cxel1z");
    src: url("../fonts/icomoon.eot?cxel1z#iefix") format("embedded-opentype"),
        url("../fonts/icomoon.ttf?cxel1z") format("truetype"),
        url("../fonts/icomoon.woff?cxel1z") format("woff"),
        url("../fonts/icomoon.svg?cxel1z#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Soho Gothic Pro";
    src: url("../fonts/SohoGothicPro-Regular.eot");
    src: url("../fonts/SohoGothicPro-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/SohoGothicPro-Regular.woff2") format("woff2"),
        url("../fonts/SohoGothicPro-Regular.woff") format("woff"),
        url("../fonts/SohoGothicPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circular Std Book";
    src: url("../fonts/FontsFree-Net-Circular-Std-Book.ttf");
    src: url("../fonts/FontsFree-Net-Circular-Std-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circular Std Book Italic";
    src: url("../fonts/CircularStd-BookItalic.ttf");
    src: url("../fonts/CircularStd-BookItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circular Std Medium Italic";
    src: url("../fonts/FontsFree-Net-Circular-Std-Medium-Italic.ttf");
    src: url("../fonts/FontsFree-Net-Circular-Std-Medium-Italic.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circular Std Black";
    src: url("../fonts/FontsFree-Net-CircularStd-Black.ttf");
    src: url("../fonts/FontsFree-Net-CircularStd-Black.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circular Std Medium";
    src: url("../fonts/FontsFree-Net-Circular-Std-Medium.ttf");
    src: url("../fonts/FontsFree-Net-Circular-Std-Medium.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circular Std Bold";
    src: url("../fonts/FontsFree-Net-CircularStd-Bold.ttf");
    src: url("../fonts/FontsFree-Net-CircularStd-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-calendar-color:before {
    content: "\e910";
}
.icon-close-new:before {
    content: "\e90f";
}

.icon-soy:before {
    content: "\e90b";
}

.icon-calories:before {
    content: "\e90c";
}

.icon-chili:before {
    content: "\e90d";
}

.icon-gluten-free:before {
    content: "\e90e";
}

.icon-icon-tab6:before {
    content: "\e903";
}

.icon-icon-tab5:before {
    content: "\e907";
}

.icon-icon-tab8:before {
    content: "\e908";
}

.icon-icon-tab9:before {
    content: "\e909";
}

.icon-icon-tab7:before {
    content: "\e90a";
}

.icon-closeNew:before {
    content: "\e906";
    color: #f5f5f5;
}

.icon-plus:before {
    content: "\e904";
    color: #053825;
}

.icon-minus:before {
    content: "\e905";
    color: #053825;
}

.icon-icon-tab3:before {
    content: "\e900";
}

.icon-icon-tab2:before {
    content: "\e901";
}

.icon-icon-tab1:before {
    content: "\e902";
}

.icon-icon-tab4:before {
    content: "\e903";
}

:root {
    --Newgreen: #053825;
    --Lightgreen: #6ab845;
    --size23: 23px;
}
@media (min-width: 1921px) {
    :root {
        --size23: 28px;
    }
}
@media (max-width: 1380px) {
    :root {
        --size23: 18px;
    }
}

body {
    font-family: "Poppins", sans-serif;
}

@media (min-width: 1921px) {
    body {
        font-size: 21px;
    }
}
.custom-container {
    padding: 0 15px;
}

@media (min-width: 992px) {
    .custom-container {
        padding: 0 45px;
    }
}

@media (min-width: 1350px) {
    .custom-container {
        width: 1260px;
        margin: 0 auto;
    }
}

.marquee {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 30px;
    display: block;
    transform-origin: 50% 100%;
    transition: transform 0.25s;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .marquee{
        height: 12px;
    }
}

.marquee .inner {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    color: white;
    white-space: nowrap;
}
.marquee .inner p {
    margin-bottom: 0;
}
.marquee .inner p:first-child {
    padding-left: 1rem;
}
.marquee .inner p + p {
    padding-left: 1rem;
}

@media (max-width: 1100px) {
    #banner-slider-carousel .owl-item img {
        min-height: 480px;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    #banner-slider-carousel .owl-item img {
        min-height: 350px;
        object-fit: cover;
    }
}

#banner-slider-carousel .banner-content {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none;
    /* width: 60%; */
    /* width: 30% !important; */
    width: 100%;
    margin: 0 auto;
}

#banner-slider-carousel .banner-content .banner-title {
    font-size: 48px !important;
    color: #fff !important;
    margin: 0px 0 0.625rem 0 !important;
    text-shadow: 3px 0 2px rgba(0, 0, 0, 0.3) !important;
    font-family: "Frunchy Serif" !important;
    font-weight: 700;
    line-height: 43px !important;
}

@media (min-width: 768px) {
    #banner-slider-carousel .banner-content {
        text-align: left !important;
        /* width: 30% !important; */
        width: 100%;
        margin: inherit !important;
    }

    #banner-slider-carousel .banner-content .banner-title {
        font-size: 60px !important;
        margin: 0 0 0.625rem 0 !important;
        line-height: 56px !important;
    }
}

@media (min-width: 1100px) {
    #banner-slider-carousel .banner-content {
        /* width: 30% !important; */
        width: 100%;
    }

    #banner-slider-carousel .banner-content .banner-title {
        font-size: 100px !important;
        margin: 0 0 5.625rem 0 !important;
        line-height: 85px !important;
    }
}

@media (min-width: 1600px) {
    #banner-slider-carousel .banner-content {
        /* width: 30% !important; */
        width: 100%;
    }

    #banner-slider-carousel .banner-content .banner-title {
        font-size: 115px !important;
        margin: 0 0 5.625rem 0 !important;
        line-height: 85px !important;
    }
}

@media (min-width: 992px) {
    #banner-slider-carousel .banner-content {
        left: 45px;
    }
}

@media (min-width: 1600px) {
    #banner-slider-carousel .banner-content {
        left: 80px;
    }
}

.cms_page_fixed .page-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 900;
    border: none;
}

@media screen and (max-width: 767px) {
    .cms_page_fixed .page-header {
        position: sticky;
        top: 0;
    }
    
}

/* Inner page white header */
.cms_page_relative .page-header .panel.wrapper {
    background: linear-gradient(90deg, #053825 0%, #6ab845 100%);
}
@media screen and (min-width: 768px) {
    .cms_page_fixed .page-header .panel.wrapper {
        background: transparent !important;
    }
}

.catalog-category-view .page-header,
.category-meal-plan .page-header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 900;
    border: none;
}

.page-header.header_sticky {
    /* background-color: var(--Newgreen); */
    background: linear-gradient(90deg, #053825 0%, #6ab845 100%);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 900;
    border: none;
}

@media (max-width: 767px) {
    .logo-part .nav-toggle {
        top: 17px !important;
    }
    .nav-toggle::before {
        font-size: 25px !important;
    }
    .page-header .logo-part .nav-toggle:before {
        color: #fff !important;
    }
}

.page-header .panel.header {
    align-items: center !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .page-header .panel.header {
        flex-wrap: nowrap !important;
        padding: 10px 20px;
    }

    .page-header .panel.header .searchandcart {
        width: auto;
        margin-top: 0;
    }

    .page-header .panel.header .nav-menu {
        margin: 0 15px !important;
        font-size: 12px;
    }
}

@media (min-width: 1400px) {
    .page-header .panel.header {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }
}

@media (min-width: 1024px) {
    .page-header .panel.header {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media (min-width: 768px) {
    .page-header .panel.header {
        max-width: 100% !important;
    }

    .page-header .panel.header .logo-part .nav-toggle {
        top: 13px !important;
    }
}

@media (max-width: 767px) {
    .page-header .panel.header {
        position: relative;
    }

    .page-header .panel.header .searchandcart {
        position: absolute;
        right: 0;
        margin-top: 0;
    }

    .page-header .panel.header .logo-part {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .page-header .panel.header .logo-part .logo {
        padding-left: 0;
        max-width: 33% !important;
		margin: 0 0 10px 40px;
		left: 30px;
    }
}

@media (max-width: 520px) {
	.page-header .panel.header .logo-part .logo {
		margin: 0 0 10px 24px;
		left: 18px;
    }
}

.page-header .block-search {
    margin: 0 1rem 0 0 !important;
    border: 1px solid #ededed;
    padding: 8px;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    text-align: center;
    order: 1;
    float: none;
		#search-btn{
			top: 0;	
		}
}

@media screen and (max-width:767px) {
	.page-header .searchandcart .block.block-search{
		padding: 5px;
		width: 30px;
		height: 30px;
		margin-right: 5px !important;
	}
}

.page-header .searchandcart {
    color: #fff;
    flex-direction: row;
    justify-content: end;
}

@media (min-width: 768px) and (min-width: 1024px) {
    .page-header .searchandcart {
        margin-top: -0px;
    }
}

@media screen and (max-width: 598px) {
    .page-header .searchandcart {
        margin-top: -32px;
    }
}

.page-header .searchandcart .switcher {
    border: 1px solid #ededed;
    padding: 8px;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    text-align: center;
    order: 4;
}

.page-header .searchandcart .minicart-wrapper {
    margin: 0 1rem 0 0 !important;
    border: 1px solid #ededed;
    padding: 8px;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    text-align: center;
}

.page-header .searchandcart .switcher .switcher-trigger img {
    width: 18px !important;
    position: relative;
    top: -5px;
}

.page-header .searchandcart .switcher .switcher-trigger::after {
    display: none;
}

.page-header .searchandcart .switcher .switcher-dropdown {
    right: 0px !important;
    left: inherit !important;
}

.page-header .searchandcart .switcher .switcher-dropdown::before {
    right: 10px !important;
    left: auto !important;
}

.page-header .searchandcart .switcher .switcher-dropdown::after {
    right: 9px !important;
    left: inherit !important;
}

@media (max-width: 767px) {
    .page-header .searchandcart .switcher {
        padding: 5px;
        width: 30px;
        height: 30px;
    }

    .page-header .searchandcart .minicart-wrapper {
        padding: 5px;
        width: 30px;
        height: 30px;
        margin-right: 5px !important;
    }
    .page-header .block-search div#custom-search{
		top: 34.5px !important;
	}
}

.page-header .searchandcart .header.links {
    margin: 0 1rem 0 0 !important;
    border: 1px solid #ededed;
    padding: 8px;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    text-align: center;
    order: 3;
}

.page-header .block-search div#custom-search{
	top: 34.5px;
	border-radius: 10px;
}

.page-header .block-search div#custom-search{
	right: -85px;
}

.page-header .block-search input{
        color: var(--Newgreen);
        border: 1px solid #6ab946;
        padding: 15px;
        border-radius: 15px;
        background: #fff;
}
.page-header .block-search input::placeholder {
      color: var(--Newgreen);
}

.page-header .searchandcart .header.links li a::before {
    background-size: contain !important;
    background-position: center;
}

@media (max-width: 767px) {
    .page-header .searchandcart .header.links {
        padding: 5px;
        width: 30px;
        height: 30px;
        margin: 0 0.5rem 0 0 !important;
    }
}

/* .custom_bodyclass.catalog-category-view.category-shop .page-header .panel.wrapper,
.custom_bodyclass.catalog-category-view.category-loyalty .page-header .panel.wrapper{
	background-color: transparent !important;
} */

@media (min-width: 992px) and (min-width: 1200px) {
    .page-header .panel.wrapper .ui-menu {
        justify-content: center;
    }
}

.page-header .panel.wrapper .navigation .level0 .level-top a::after {
    background: #fff !important;
}

.page-header .panel.wrapper .navigation .level0 .level-top {
    font-family: "Circular Std Book";
}

@media (min-width: 992px) and (max-width: 1200px) {
    .page-header .panel.wrapper .navigation .level0 .level-top a {
        font-size: 12px;
    }
}

@media (min-width: 767.99px) and (max-width: 991.99px) {
    .page-header .panel.wrapper .navigation .level0 .level-top span {
        font-size: 10px !important;
    }
}

@media (min-width: 768px) {
    .page-header .panel.wrapper .navigation .level0 .level-top {
        color: #fff;
    }
}

/* Inner page white header */

.cms-meal-plan-ordering-landing-page .page-header .panel.wrapper,
.cms-meal-plan-ordering-landing-page-fresh-dummy .page-header .panel.wrapper,
.checkout-index-index .page-header .panel.wrapper,
.checkout-cart-index .page-header .panel.wrapper {
    /* background-color: var(--Newgreen) !important; */
    background: linear-gradient(90deg, #053825 0%, #6ab845 100%);
}

@media (min-width: 768px) {
    /* .cms-meal-plan-ordering-landing-page-fresh .page-header:not(.header_sticky) .panel.wrapper .navigation .level0 .level-top,
	.cms-meal-plan-ordering-landing-page .page-header:not(.header_sticky) .panel.wrapper .navigation .level0 .level-top,
	.cms-product-landing .page-header:not(.header_sticky) .panel.wrapper .navigation .level0 .level-top {
		color: #053825;
	} */
}

/* .cms-meal-plan-ordering-landing-page-fresh .page-header:not(.header_sticky) .link.authorization-link a::before,
.cms-meal-plan-ordering-landing-page .page-header:not(.header_sticky) .link.authorization-link a::before {
	background-image: url(../../images/sign-icon-black.svg) !important;
} */

/* .cms-meal-plan-ordering-landing-page-fresh .page-header:not(.header_sticky) .searchandcart .showcart::before,
.cms-meal-plan-ordering-landing-page .page-header:not(.header_sticky) .searchandcart .showcart::before {
	background-image: url(../../images/mini-icon-black.svg) !important;
} */

/* .cms-meal-plan-ordering-landing-page-fresh header .navigation ul li a::after,
.cms-meal-plan-ordering-landing-page header .navigation ul li a::after,
.cms-product-landing .navigation ul li a::after {
	background: #053825;
} */

/* @media (max-width: 767px) {

	.cms-meal-plan-ordering-landing-page-fresh .page-header:not(.header_sticky) .logo-part .nav-toggle:before,
	.cms-meal-plan-ordering-landing-page .page-header:not(.header_sticky) .logo-part .nav-toggle:before,
	.cms-product-landing .page-header:not(.header_sticky) .logo-part .nav-toggle:before {
		color: #053825 !important;
	}
} */

.page-footer {
    padding-left: 15px !important;
    padding-right: 15px !important;
    /* background: linear-gradient(90deg, #053825 0%, #6ab845 100%) !important; */
    background-color: #053825;
}

@media (min-width: 992px) {
    .page-footer {
        padding: 0px !important;
    }
    .page-footer .footer.content {
        padding: 67px 45px 97px !important;
    }
    .page-footer .bottom {
        margin: 0 !important;
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (min-width: 1400px) {
    .page-footer {
        padding: 0 85px;
    }
    .page-footer .footer.content {
        max-width: 100% !important;
        padding: 67px 85px 97px !important;
    }
    .page-footer .bottom {
        margin: 0;
    }
    .page-footer .bottom {
        margin: 0;
        padding-left: 85px;
        padding-right: 85px;
    }
}

.page-footer .footer.content {
    max-width: 100% !important;
}

@media (max-width: 767px) {
    .page-footer .footer.content {
        padding: 30px 0px 0;
    }
}

.page-footer .footerMenu {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.page-footer .footerMenu .menu1 {
    grid-column: span 3;
    display: block !important;
    padding-right: 0;
    margin-top: 0;
}

.page-footer .footerMenu .menu1 h6 {
    font-size: 18px;
    margin-top: 0;
    font-family: 'Circular Std Bold';
}

.page-footer .footerMenu .menu1 ul li:hover::before {
    display: none;
}

@media (max-width: 992px) {
    .page-footer .footerMenu .menu1 {
        grid-column: span 12;
    }
}

@media (max-width: 992px) {
    .page-footer .footerMenu {
        width: 100%;
        grid-gap: 0;
    }

    .page-footer .footerMenu .menu1 {
        width: 100%;
        text-align: left;
        border-top: 1px solid;
        padding: 12px 0;
        position: relative;
    }

    .page-footer .footerMenu .menu1 h6 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .page-footer .footerMenu .menu1 h6::after {
        content: "\e904";
        color: #fff;
        font-family: "icomoon" !important;
        position: absolute;
        right: 0;
        font-size: 12px;
    }

    .page-footer .footerMenu .menu1 h6.active::after {
        content: "\e905" !important;
    }

    .page-footer .footerMenu .menu1 ul {
        text-align: left;
        display: none;
        margin-top: 1rem;
    }
}

.page-footer .bottom {
    background-color: transparent !important;
    /* background: linear-gradient(90deg, #053825 0%, #6ab845 100%); */
    border-top: 1px solid #ededed;
}

.page-footer .bottom .copy-right {
    justify-content: space-between;
    color: #fff !important;
    max-width: 100% !important;
}

.page-footer .bottom .Payment img {
    width: 350px;
    max-width: 100%;
}

@media (max-width: 767px) {
    .page-footer .bottom .Payment img {
        width: 150px;
    }
}

.newsletter {
    margin-top: 41px;
}

.newsletter .title {
    display: none;
}

.newsletter .title + label[for="newsletter"] {
    display: none;
}

@media (max-width: 992px) {
    .newsletter .title + label[for="newsletter"] {
        display: block;
    }
}

@media (max-width: 992px) {
    .newsletter {
        order: inherit !important;
        margin: 0 auto !important;
        text-align: center !important;
        float: none !important;
    }

    .newsletter .content .checklist {
        margin: 1rem 0;
    }

    .newsletter .content .checklist label {
        padding-left: 30px;
    }
}

header .navigation ul li a::after {
    background: #fff;
}

.home-main-section {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    .marquee-label.bottom {
        background: #69b745;
        font-size: 30px;
        letter-spacing: 2.33px;
        font-family: "Circular Std Book";
        .marquee {
            height: 28px;
        }
        a{
            color: #fff;
            text-decoration: none;
            pointer-events: none;
            cursor: default;
        }
    }
    @media screen and (max-width: 1536px) {
        .marquee-label.bottom{
            font-size: 24px;
            line-height: 28px;
        }
    }
    @media screen and (max-width: 767px) {
        .marquee-label.bottom{
            .marquee {
                height: 12px;
            }
        }
    }
}

.home-main-section .TOpSLider .item {
    position: relative;
}

.home-main-section .TOpSLider .item .full_Section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0%, 30%);
    z-index: 1;
}

.home-main-section .TOpSLider .item .full_Section picture {
    min-height: 800px;
}

.home-main-section .TOpSLider .item .full_Section picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-main-section .TOpSLider .item .full_Section .slideBOttom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.home-main-section .TOpSLider .item .full_Section .slideBOttom div {
    flex: 1;
}

.home-main-section .TOpSLider .item .full_Section .slideBOttom .HWEslideTitle {
    font-family: Frunchy Serif;
    font-size: 6rem;
    font-weight: 700;
    line-height: 58px;
    margin: 0;
    text-decoration: underline;
    text-decoration-color: var(--Lightgreen);
}

.home-main-section .TOpSLider .item .full_Section .slideBOttom p {
    font-size: 2rem;
    margin: 0;
}

.home-main-section
    .TOpSLider
    .item
    .full_Section
    .slideBOttom
    .slidebottom_img_right {
    text-align: right;
}

.home-main-section .TOpSLider .item .full_Section .slideBOttom img {
    /* width: auto; */
    max-width: 150px;
    margin-left: auto;
}

@media (min-width: 1100px) {
    .cms-meal-
        .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        img,
    .category-shop
        .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        img {
        max-width: 300px;
    }
}

@media (min-width: 1600px) {
    .home-main-section .TOpSLider .item .full_Section .slideBOttom {
        margin-top: 5%;
    }
    .cms-meal-
        .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        img,
    .category-shop
        .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        img {
        max-width: 450px;
    }
}

@media (min-width: 2000px) {
    .home-main-section .TOpSLider .item .full_Section .slideBOttom {
        margin-top: 10%;
    }
}

@media (max-width: 767px) {
    .home-main-section .TOpSLider .item .full_Section {
        padding: 0;
    }
    .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .slidebottom_img_right {
        font-size: 1rem;
    }
}

@media (max-width: 992px) {
    .home-main-section .TOpSLider .item img {
        height: 480px;
        width: 100%;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .home-main-section .TOpSLider .item img {
        min-height: 330px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.home-main-section .TOpSLider .item::after {
    content: "";
    height: 40vh;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.75393908) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.home-main-section .TOpSLider .item::before {
    content: "";
    height: 55vh;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.75393908) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

@media (max-width: 992) {
    .home-main-section .TOpSLider .item::after {
        height: 20vh;
    }
    .home-main-section .TOpSLider .item::before {
        height: 22vh;
    }
}

.home-main-section h1 {
    font-size: 85px;
    color: #fff;
    margin: 0 0 1.625rem 0;
    text-shadow: 3px 0 2px rgba(0, 0, 0, 0.3);
    font-family: "Frunchy Serif";
    font-weight: 700;
    line-height: 80px;
    text-align: left;
}

.home-main-section h1 span {
    font-family: "Tiempos Headline";
    font-weight: 400;
}

.home-main-section h1 span b {
    font-weight: 700;
    color: var(--Lightgreen);
}

@media (max-width: 1100px) {
    .home-main-section h1 {
        font-size: 55px;
        margin: 0px 0 1.625rem 0;
        line-height: 48px;
    }

    .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .HWEslideTitle {
        font-size: 5rem;
        line-height: 48px;
    }

    .home-main-section .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 1.5rem;
    }

    .home-main-section .TOpSLider .item .full_Section .slideBOttom img {
        max-width: 150px;
        min-height: initial !important;
    }

    .home-main-section .TOpSLider .item .full_Section {
        transform: translate(0%, 35%);
    }
}

@media (max-width: 992px) {
    .home-main-section h1 {
        font-size: 44px;
        margin: 0px 0 1.625rem 0;
        line-height: 38px;
    }

    .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .HWEslideTitle {
        font-size: 3rem;
        line-height: 38px;
    }

    .home-main-section .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 1.2rem;
    }

    .home-main-section .TOpSLider .item .full_Section {
        transform: translate(0%, 45%);
    }
}

@media (min-width: 1600px) {
    .home-main-section h1 {
        font-size: 13rem;
        line-height: 106px;
    }
}

.home-main-section .com-btn {
    width: 230px;
    padding: 22px 45px;
}

.home-main-section .wrap {
    max-width: 35%;
}

@media (max-width: 767px) {
    .home-main-section .wrap {
        max-width: 100%;
        margin: 15px;
        text-align: left;
    }

    .home-main-section .wrap h1 {
        font-size: 31px;
        margin: 0px 0 0.625rem 0;
        line-height: 34px;
    }

    .home-main-section .wrap h1 span {
        display: block;
    }

    .home-main-section .wrap .com-btn {
        padding: 9px 15px;
        width: auto;
        font-size: 14px;
    }

    .home-main-section .TOpSLider .item .full_Section {
        transform: translate(0%, 25%);
    }
    .yeloplanPlus .TOpSLider .item .full_Section {
        bottom: 5rem !important;
    }

    .slideBOttom {
        padding: 0 15px;
    }

    .home-main-section .TOpSLider .item .full_Section .slideBOttom img {
        max-width: 100px;
    }

    .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .HWEslideTitle {
        font-size: 2.4rem;
        line-height: 28px;
    }

    .home-main-section .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 1.1rem;
    }
}

@media (min-width: 1600px) {
    .home-main-section .wrap {
        max-width: 40%;
    }
}

.yeloplanPlus .TOpSLider .item .full_Section {
    top: inherit;
    bottom: 7rem;
    transform: translate(0%, 0);
    z-index: 1;
}

.gogl-review-sec {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
    padding: 2.5rem 0 3.125rem;
}

.gogl-review-sec .review-left {
    grid-column: span 4;
}

.gogl-review-sec .review-left .star {
    font-size: 2.533333rem;
}

.gogl-review-sec .review-left i {
    color: var(--Lightgreen);
    font-size: 20px;
}

.gogl-review-sec .review-left .lbl {
    margin: 10px 0 0 0;
    color: #000000;
    font-size: 24px;
    font-family: "Circular Std Book";
}

@media screen and (max-width: 1536px) {
    .gogl-review-sec .review-left .lbl{
        margin: 0;
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .gogl-review-sec .review-left {
        grid-column: span 12;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .gogl-review-sec .review-left .star {
        font-size: 12px;
        margin-right: 5px;
    }

    .gogl-review-sec .review-left .lbl {
        margin: 0px;
        font-size: 16px;
        line-height: 3rem;
        letter-spacing: -0.64px;
    }
}

.gogl-review-sec .review-right {
    grid-column: span 8;
}

.gogl-review-sec .review-right .txt {
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 33px;
    font-family: "Circular Std Book Italic";
}

.gogl-review-sec .review-right .name {
    font-size: 20px;
    color: #919191;
    font-family: "Circular Std Book Italic";
}

@media screen and (max-width: 1536px) {
    .gogl-review-sec .review-right .txt{
        font-size: 18px;
        line-height: 26px;
    }
    .gogl-review-sec .review-right .name {
        font-size: 16px;
        line-height: 26px;
    }
}

@media (max-width: 767px) {
    .gogl-review-sec .review-right .txt {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .gogl-review-sec .review-right {
        display: none;
    }
}

@media (max-width: 767px) {
    .gogl-review-sec {
        padding: 1.5rem 0 1.5rem;
    }
}

.healthy-grt-sec {
    background: url("../images/healthy-grt-bg.jpg") center / cover;
    padding: 50px 0 70px;
    margin-bottom: 80px;
}

.healthy-grt-sec .healthy-grt-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 3.5rem;
}

.healthy-grt-sec .healthy-grt-grid .healthy-grt-box {
    grid-column: span 4;
    text-align: center;
    .com-heading{
        letter-spacing: unset;
        margin: 0 0 10px;
    }
}

.healthy-grt-sec .healthy-grt-grid .healthy-grt-box .img-box {
    height: 185px;
    margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box {
        grid-column: span 12;
        display: flex;
        margin-bottom: 1rem;
        align-items: center;
    }
    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box .healthCOntent p {
        font-size: 11px;
    }
    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box .img-box {
        margin-right: 1.5rem;
        height: auto;
        width: 150px;
        min-width: 80px;
    }

    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box .healthCOntent {
        text-align: left;
    }

    .healthy-grt-sec
        .healthy-grt-grid
        .healthy-grt-box
        .healthCOntent
        .com-heading {
        font-size: 4.333333rem;
        margin-bottom: 0;
    }

    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box .healthCOntent p {
        font-size: 14px;
    }
    .discover-our-options-sec .sub-heading {
        margin: 3rem 0;
    }
}

.filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;

    .com-btn{
        background-color: #053825;
    }
}

.discover-our-options-sec {
    .sub-heading{
        margin: 0 0 36px 0;
        font-size: 20px;
        color: #053825;
        letter-spacing: -1.6px;
        @media (min-width:768px) {
            font-size: 24px;
            margin-top: 10px;
        }
    }
    .com-heading{
        margin: 0;
    }
}

@media (max-width: 767px) {
    .healthy-grt-sec .healthy-grt-grid {
        grid-gap: 0rem;
    }
}

.healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 2.8rem;
    margin: 0 auto;
}

.healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .healthy-grt-box {
    grid-column: span 1;
}

@media (max-width: 767px) {
    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .healthy-grt-box {
        display: block;
    }
}

.healthy-grt-sec
    .healthy-grt-grid.healthy-grt-multiple
    .healthy-grt-box
    .img-box {
    height: 130px;
    width: auto;
}

.healthy-grt-sec
    .healthy-grt-grid.healthy-grt-multiple
    .healthy-grt-box
    .img-box
    img {
    max-width: 120px;
}

.healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-heading {
    font-size: 6rem;
    line-height: 47px;
}

@media (max-width: 767px) {
    .healthy-grt-sec
        .healthy-grt-grid.healthy-grt-multiple
        .healthy-grt-box
        .img-box {
        height: auto;
        width: auto;
    }

    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-heading {
        font-size: 2rem;
        line-height: 16px;
    }
}

@media (max-width: 1500px) {
    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-heading {
        font-size: 4rem;
        line-height: 30px;
        min-height: 60px;
    }

    /* .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-para {
		font-size: 1.4rem !important;
	} */
}

@media (max-width: 1100px) {
    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1rem;
    }

    .healthy-grt-sec
        .healthy-grt-grid.healthy-grt-multiple
        .healthy-grt-box:last-child {
        display: none;
    }
}

@media (max-width: 992px) {
    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem;
    }

    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-heading {
        font-size: 3rem;
        line-height: 24px;
    }

    .healthy-grt-sec
        .healthy-grt-grid.healthy-grt-multiple
        .healthy-grt-box
        .img-box
        img {
        max-width: 80px;
    }

    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-para {
        font-size: 1rem !important;
    }
}

@media (max-width: 767px) {
    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-heading {
        font-size: 2.5rem;
        line-height: 20px;
    }
    .healthy-grt-sec
        .healthy-grt-grid.healthy-grt-multiple
        .healthy-grt-box
        .img-box
        img {
        max-width: 60px;
    }
}

.healthy-grt-sec .com-heading {
    color: #fff;
    font-family: "Frunchy Serif";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 40px;
}

.healthy-grt-sec .para {
    color: #fff;
    width: 90%;
    margin: 0 auto;
    font-size: var(--size23);
}
@media (max-width: 1600px) {
    .healthy-grt-sec .para {
        font-size: 1.3rem;
    }
}
@media (max-width: 1440px) {
    .healthy-grt-sec .para {
        font-size: 1.2rem;
    }
}
@media (max-width: 1280px) {
    .healthy-grt-sec .para {
        font-size: 1.1rem;
    }
}

@media (max-width: 992px) {
    .healthy-grt-sec .para {
        width: 100%;
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .healthy-grt-sec {
        margin-bottom: 20px;
        padding: 50px 0 20px;
    }

    .convenient-options-sec {
        margin-bottom: 40px;
    }
}

.fav-rest-circles {
    display: flex;
    gap: 15px;
    margin: 25px 0 40px;
}

@media (min-width: 1024px) and (max-width: 1300px) {
    .fav-rest-circles img {
        width: 75px;
    }
}

@media (min-width: 1301px) {
    .fav-rest-circles img {
        width: 120px;
    }
}
@media (min-width: 1921px) and (max-width: 2600px) {
    .fav-rest-circles img {
        width: 160px;
    }
}

@media (max-width: 992px) {
    .fav-rest-circles img {
        width: 50px;
    }
}

/* .fav-rest-img {
  height: 100%;
} */
.choose-pack-sec {
    background: linear-gradient(68deg, #053825 0%, #6ab845 100%);
    padding: 10rem 0;
    position: relative;
    margin-bottom: 34px;
    .select2-container{
        ul{
            li{
                font-family: "Circular Std Book";
            }
        }
    }
}

.choose-pack-sec .choose-pack-row {
    display: flex;
    align-items: center;
    gap: 150px;
    justify-content: space-between;
}

.choose-pack-sec .choose-pack-row > * {
    flex-grow: 1;
    flex-basis: 0;
    width: 50%;
}

.starterpac_custom,
.filtering-section--container {
    .customSelect
    + .select2-container {
        background: #fff;
        border-radius: 27px;
        width: 300px !important;
        text-align: justify;
        .select2-selection--single {
        height: auto;
        position: relative;
        overflow: hidden;
        border-radius: 27px;
        background-size: 20px;
        padding: 18px;
        color: #063924;
        border-color: #fff;
        background: #fff;
    }
    .select2-selection--single::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;  
        background: transparent url(../images/downward-discover-our-menu.svg) no-repeat center right 16px;
        background-size: 20px;
    }
    
    }
}

.starterpac_custom,
.filtering-section--container{
    .customSelect
    + .select2-container.select2-container--open {
        background: linear-gradient(90deg, #17502B 0%, #24612F 100%);
        border-radius: 27px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        .select2-selection--single {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        .select2-selection--single::before{
            background: transparent url(../images/downward-discover-our-menu.svg) no-repeat center left 16px;
            transform: rotate(180deg);
            background-size: 20px;
        }
    }
}

.filtering-section--container {
    .select2-container {
        background: #efefde;
        border-radius: 27px;
        width: 300px !important;
        text-align: justify;
        .select2-selection--single {
        height: auto;
        position: relative;
        overflow: hidden;
        border-radius: 27px;
        background-size: 20px;
        padding: 12px 18px;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 60px;
        color: #000;
        border: none;
        background: #efefde;
    }
    .select2-selection--single::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;  
        background: transparent url(../images/downward-discover-our-menu.svg) no-repeat center right 18px;
        background-size: 20px;
    }
    
    }
}

.filtering-section--container{
        .select2-container.select2-container--open {
        background: #efefde;
        border-radius: 27px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        .select2-selection--single {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        .select2-selection--single::before{
            background: transparent url(../images/downward-discover-our-menu.svg) no-repeat center left 18px;
            transform: rotate(180deg);
            background-size: 20px;
        }
    }
}

@media screen and (max-width: 640px) {
    .filtering-section--container {
        .select2-container {
            width: 260px !important;
        }
    }
}

.starterpac_custom
    .customSelect
    + .select2-container
    .select2-selection--single
    .select2-selection__arrow {
    display: none;
}

.starterpac_custom
    .customSelect
    + .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    color: #063924;
    line-height: 28px;
    padding: 0;
}

.filtering-section--container .select2-container .select2-selection--single .select2-selection__arrow {
    display: none;
}

.filtering-section--container .select2-container .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 28px;
    padding: 0;
}

@media screen and (max-width: 768px) {
    .starterpac_custom
    .customSelect
    + .select2-container
    .select2-selection--single
    .select2-selection__rendered {
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: -0.57px;
    }
}

.select2-dropdown {
    background-color: transparent;
    border: none;
}
.select2-dropdown .select2-results {
    background: #fff;
    overflow: hidden;
    color: #063924;
    margin-top: -12px;
    border-radius: 27px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.filtering-section--container{
    .select2-dropdown .select2-results {
        color: #000000;
    }
}

.select2-dropdown .select2-results ul li {
    margin-bottom: 0;
    padding: 6px 18px;
}
.select2-dropdown .select2-results ul li.select2-results__option--highlighted {
    background-color: inherit;
}

.select2-dropdown .select2-results ul li:hover {
    background-color: var(--Newgreen);
    color: #fff;
}

.select2-dropdown .select2-results ul li img {
    filter: invert(1);
}

@media (min-width: 992px) {
    .choose-pack-sec .choose-pack-row .imgMobile {
        display: none;
    }
}

@media (max-width: 992px) {
    .choose-pack-sec .choose-pack-row .ImgWeb {
        display: none;
    }
}

.choose-pack-sec .choose-pack-left .com-heading {
    font-size: 80px;
    line-height: 90px;
    letter-spacing: -3.2px;
    font-family: "Circular Std Book";
    span {
        font-family: "Circular Std Black";
        color: #ffffff;
    }
}
@media screen and (max-width: 1536px) {
    .choose-pack-sec .choose-pack-left .com-heading {
        font-size: 6.4rem;
        letter-spacing: -2.56px;
        line-height: 6.8rem;
        span{
            letter-spacing: 0;
        }
    }
}

@media (max-width: 992px) {
    .choose-pack-sec .choose-pack-left {
        text-align: center;
    }

    .choose-pack-sec .choose-pack-left .imgMobile {
        max-width: 80%;
        margin: 3rem auto;
    }

    .choose-pack-sec .choose-pack-left .choose-pack-table {
        text-align: left;
    }
}


@media (max-width: 767px) {
    .choose-pack-sec .choose-pack-left::after {
        width: 100%;
        left: 35%;
    }
    .choose-pack-sec .choose-pack-left .choose-pack-table .btn-container{
        display: flex;
        justify-content: center;
    }
}

.choose-pack-sec .choose-pack-img {
    background: url("../images/logo-watermark.png") no-repeat center / contain;
}

.choose-pack-sec select {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 40px;
    color: #ffff;
    padding: 10px 20px;
    display: inline-block;
    width: auto;
    height: auto;
}

.choose-pack-sec select option {
    color: #000;
}

.choose-pack-sec .choose-pack-table {
    margin: 10px 0 30px;
}

.choose-pack-sec .choose-pack-table .tbl-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #ffffff9e;
    font-size: 18px;
}

@media screen and (max-width: 1536px) {
    .choose-pack-sec .choose-pack-table .tbl-row {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.choose-pack-sec .choose-pack-table .tbl-row .rgt {
    font-family: "Tiempos Headline";
}

.choose-pack-sec .choose-pack-table .tbl-row .rgt {
    margin-left: auto;
    text-align: center;
    min-width: 80px;
    font-family: "Roboto Mono Bold";
}

@media screen and (max-width: 768px) {
    .choose-pack-sec .choose-pack-table .tbl-row {
        font-size: 1.6rem;
        line-height: 2.4rem;
        letter-spacing: 0;
    }
    .choose-pack-sec .choose-pack-table .tbl-row{
        font-size: 1.6rem;
        line-height: 2.4rem;
        letter-spacing: 0;
    }
    .choose-pack-sec .choose-pack-table{
        margin-bottom: 0;
    }
}

.choose-pack-sec .choose-pack-table .tbl-foot {
    padding: 30px 0 0;
    border: none;
    .free{
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.choose-pack-sec .choose-pack-table .tbl-foot .lft {
    font-size: var(--size23);
    font-family: "Circular Std Medium";
}

@media screen and (max-width: 1536px) {
    .choose-pack-sec .choose-pack-table .tbl-foot .lft {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.choose-pack-sec .choose-pack-table .tbl-row:not(.tbl-foot) .lft {
    font-family: "Tiempos Headline Semibold";
}

@media (max-width: 583px) {
    .choose-pack-sec .choose-pack-table .tbl-foot .lft {
        font-size: 18px;
    }
}

.choose-pack-sec .choose-pack-table .old-price {
    display: block;
    position: relative;
    text-decoration: none;
    font-weight: 700;
}

.choose-pack-sec .choose-pack-table .old-price::after {
    content: "";
    width: 118%;
    height: 2px;
    background-color: var(--Lightgreen);
    display: block;
    position: absolute;
    top: 0px;
    transform: rotate(-18deg) translateX(-50%);
    left: 50%;
}

@media (max-width: 583px) {
    .choose-pack-sec .choose-pack-table .old-price::after {
        width: 80%;
        left: 50%;
    }
}

.choose-pack-sec .choose-pack-table .free {
    font-size: var(--size23);
    color: var(--Lightgreen);
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.choose-pack-sec .com-btn {
    width: 100%;
    display: block;
    font-size: 26px;
    line-height: 34px;
    padding: 15px 30px;
    text-align: center;
    margin-top: 3rem;
}

@media (max-width: 768px) {
    .choose-pack-sec .com-btn {
        display: inline-block;
        font-size: 16px;
        padding: 10px 20px;
        line-height: 2rem;
        margin-bottom: 2rem;
    }
}

.choose-pack-sec .marquee-label {
    background: linear-gradient(90deg, #053825 10%, #6ab845 100%);
}

@media screen and (max-width:768px) {
    .choose-pack-sec .marquee-label {
        background: linear-gradient(100deg, #053825 10%, #6ab845 100%);
    }
}

@media (max-width: 767px) {
    .choose-pack-sec {
        padding: 5rem 0;
        margin-bottom: 20px;
    }

    .choose-pack-sec .choose-pack-left .com-heading {
        margin-top: 35px;
        font-size: 3.2rem;
        line-height: 5.3rem;
        letter-spacing: -1.28px;
    }

    .choose-pack-sec .choose-pack-left .com-heading br {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .choose-pack-sec .choose-pack-left .com-heading {
        margin-top: 8px;
        font-size: 3.2rem;
        line-height: 5.3rem;
        letter-spacing: -1.28px;
    }
    .gogl-review-sec {
        padding: 1.5rem 0 0.75rem;
    }
    .choose-pack-sec .com-btn {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 400px) {
    .choose-pack-sec .choose-pack-left .com-heading {
        margin-top: 10px;
        font-size: 2.4rem;
        line-height: 4rem;
        letter-spacing: -1px;
    }
}

.customSelect {
    background: url("../images/arrow-down.png") no-repeat center right 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 10px 40px 10px 15px !important;
}

.customSelect.arrow-white {
    background: url("../images/Select-arrow-white.png") no-repeat center right
        14px;
}

@media (max-width: 767px) {
    .customSelect {
        padding: 6px 40px 6px 15px !important;
    }
}

.WhyFoods {
    margin-top: 3rem;
}

.WhyFoods .tabHead {
    display: flex;
    padding: 2rem 0;
    border-top: 1px solid #ededed;
}

@media (max-width: 1024px) {
    .WhyFoods .tabHead {
        flex-direction: column;
    }
}

.WhyFoods .tabHead .com-heading {
    flex: none;
}

.WhyFoods .tabHead .com-heading span {
    font-family: "Tiempos Headline";
    font-size: 4.375rem;
    font-weight: 400;
}

.WhyFoods .tabHead .com-heading span b {
    color: #6ab845;
}

@media (max-width: 1400px) {
    .WhyFoods .tabHead .com-heading {
        flex: none;
        font-size: 4.333333rem;
    }
    .WhyFoods .tabHead .com-heading span {
        font-size: 2.375rem;
    }
}

@media (max-width: 1100px) {
    .WhyFoods .tabHead .com-heading span {
        font-size: 3.375rem;
    }
}

@media (max-width: 583px) {
    .WhyFoods .tabHead .com-heading span {
        font-size: 2.8rem;
    }
}

.WhyFoods .tabHead .HWEtab {
    margin-left: 2rem;
    display: flex;
}

@media (max-width: 992px) {
    .WhyFoods .tabHead .HWEtab {
        flex-direction: column;
        margin-left: 0rem;
    }
}

.WhyFoods .tabHead .HWEtab .tablinks {
    background-color: transparent;
    border: none;
    display: flex;
    text-align: left;
    border-radius: 0;
    color: #888888;
}

@media (min-width: 1600px) {
    .WhyFoods .tabHead .HWEtab .tablinks {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 1800px) {
    .WhyFoods .tabHead .HWEtab .tablinks {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1100px) {
    .WhyFoods .tabHead .HWEtab .tablinks {
        padding: 7px 10px;
    }
}

.WhyFoods .tabHead .HWEtab .tablinks:hover,
.WhyFoods .tabHead .HWEtab .tablinks:focus,
.WhyFoods .tabHead .HWEtab .tablinks:active {
    box-shadow: none;
}

.WhyFoods .tabHead .HWEtab .tablinks span {
    font-size: 3rem;
    display: inline-block;
    margin-right: 1rem;
}

.WhyFoods .tabHead .HWEtab .tablinks.active {
    color: var(--Lightgreen);
    position: relative;
}

.WhyFoods .tabHead .HWEtab .tablinks.active::before {
    content: url(../images/down-arrow-green.png);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: -1rem;
}

@media (min-width: 1000px) {
    .WhyFoods .tabHead .HWEtab .tablinks.active::before {
        bottom: -2rem;
        scale: 0.8;
    }
}

@media (max-width: 992px) {
    .WhyFoods .tabHead .HWEtab {
        display: none;
    }
}

.WhyFoods .tabHead .MObileTabs {
    display: none;
}

.WhyFoods .tabHead .MObileTabs .MobileTabBTN {
    background: transparent url(../images/down-arrow-green.png) no-repeat center
        right 14px;
    padding: 1rem;
    border-radius: 30px;
    padding-right: 5rem;
    padding-left: 60px;
    background-size: 20px;
    position: relative;
    width: auto;
    font-family: "Poppins", "icomoon" !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    max-width: 100%;
    color: #000;
    height: auto;
}

.MobileTabBTN + .select2-container .select2-selection--single {
    height: auto;
    background: transparent url(../images/down-arrow-green.png) no-repeat center
        right 14px;
    padding: 1rem;
    border-radius: 30px !important;
    padding-right: 4rem;
    padding-left: 5px;
    background-size: 20px;
}

.MobileTabBTN + .select2 .select2-selection__arrow {
    display: none;
}

.MobileTabBTN + .select2 .select2-selection__rendered span,
.select2-results__options li span {
    padding-left: 37px;
    position: relative;
    display: flex;
    align-items: center;
}

/* .select2-container.select2-results__options li.select2-results__option--selectable{
background-color: var(--Lightgreen);
} */

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: #063924;
}
.MobileTabBTN + .select2 .select2-selection__rendered span img,
.select2-results__options li span img {
    width: 20px;
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: middle;
    position: absolute;
    left: 1rem;
}

.WhyFoods .tabHead .MObileTabs .MobileTabBTN span {
    position: absolute;
    left: 19px;
    font-size: 20px;
    top: 15px;
}

@media (max-width: 992px) {
    .WhyFoods .tabHead .MObileTabs {
        display: block;
    }

    .WhyFoods .tabHead .MObileTabs .MobileTabBTN span {
        top: 7px;
    }
}

.WhyFoods .tabHead .MObileTabs .Tabother {
    display: none;
}

.WhyFoods .tabHead .MObileTabs .Tabother button {
    margin: 5px;
    padding: 1rem;
    border-radius: 30px;
    padding-right: 5rem;
}

@media (max-width: 992px) {
    .WhyFoods .tabHead {
        text-align: center;
    }
}

.WhyFoods .tabcontent {
    margin: 2rem 0 4rem;
}

.WhyFoods .tabcontent .Instant_gastronomy .InstantRight .instaTIlte {
    display: flex;
    align-items: center;
}

.WhyFoods .tabcontent .Instant_gastronomy .InstantRight .instaTIlte span {
    margin-right: 1rem;
    font-size: 5rem;
    color: var(--Lightgreen);
}

.WhyFoods .tabcontent .Instant_gastronomy .InstantRight h6 {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
}

.check-order-sum .com-btn {
    padding: 20px 45px;
}

@media (min-width: 1600px) {
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight h6 {
        font-size: 32px;
    }
}

@media (min-width: 1200px) {
    .HWEtab .icon-icon-tab8,
    .HWEtab .icon-icon-tab9 {
        font-size: 4rem !important;
    }
}

@media (min-width: 1600px) {
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight h6 {
        font-size: 45px;
    }

    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight .instaTIlte span {
        font-size: 7rem;
    }
}

@media (max-width: 767px) {
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight h6 {
        font-size: 15px;
    }
}

.WhyFoods .tabcontent .Instant_gastronomy .InstantRight p {
    font-size: 16px;
}

@media (min-width: 1600px) {
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight p {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight .whyFoodCOunt {
        gap: 0;
    }

    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight .whyFoodCOunt div {
        font-size: 4rem !important;
    }

    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight p {
        font-size: 14px;
    }
}

.WhyFoods .tabcontent .Instant_gastronomy .InstantRight .whyFoodCOunt {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 15px;
}

.WhyFoods .tabcontent .Instant_gastronomy .InstantRight .whyFoodCOunt div {
    grid-column: span 6;
    text-align: center;
    font-size: 5rem;
    color: var(--Lightgreen);
}

@media (min-width: 992px) and (max-width: 1200px) {
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight {
        padding: 3rem 3rem;
    }

    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight .instaTIlte h6 {
        font-size: 18px;
    }

    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight .instaTIlte p {
        font-size: 14px;
    }
}

.customer-stories-sec {
    margin-top: 96px;
    padding-top: 96px;
    padding-bottom: 126px;
    margin: 0 80px;
    border-top: solid 8px #063924;
    .custom-container {
        .com-heading.check {
            font-size: 80px;
            letter-spacing: -3.2px;
            font-family: "Circular Std Bold";
            margin-bottom: 10px;
            text-align: center;
        }
        .sub-heading{
            font-size: 16px;
            text-align: center;
            color: #053825;
            @media (min-width:768px) {
                font-size: 24px;
            }
            
        }
        @media screen and (max-width: 1536px){
            .com-heading.check {
                font-size: 64px;
                line-height: 76px;
                letter-spacing: -2.56px;
            }
        }
        @media screen and (max-width: 768px){
            .com-heading.check {
                font-size: 3.2rem;
                line-height: 3rem;
                letter-spacing: -1.36px;
                margin-bottom: 20px;
            }
        }
        @media screen and (max-width: 640px){
            .com-heading.check {
                margin-bottom: 12px;
                span{
                    display: block;
                    margin-top: 8px;
                }
            }
        }
    }
}

@media screen and (max-width: 1536px) {
    .customer-stories-sec {
        margin-top: 78px;
        padding-top: 78px;
    }
}

@media (max-width: 1280px) {
    .customer-stories-sec {
        border-top: solid 4px #063924;
        margin: 0 50px;
    }
}

@media (max-width: 767px) {
    .customer-stories-sec {
        padding-bottom: 90px;
        padding-top: 50px;
        margin-top: 50px;
        margin: 0 36px;
        border-top: solid 1.43px #063924;
        .custom-container{
            padding: 0;
        }
    }
}

@media (max-width: 640px) {
    .customer-stories-sec {
        padding-bottom: 90px;
        padding-top: 50px;
        margin-top: 50px;
        margin: 0 18px;
        .custom-container{
            padding: 0;
        }
    }
}

.customer-stories-tabs {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 15px;
    margin-bottom: 50px;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
    .CustomerStory{
        margin-top: 50px;
    }
}

.customer-stories-tabs .tab-single {
    background-color: #6ab845;
    font-family: "Circular Std Medium";
    color: #ffffff;
    border-radius: 50px;
    padding: 16px 60px;
    min-width: 190px;
    text-align: center;
    font-size: 26px;
    line-height: 34px;
    cursor: pointer;
}

@media (min-width: 1600px) {
    .customer-stories-tabs .tab-single {
        min-width: 230px;
        font-size: 23px;
    }
}

@media (max-width: 583px) {
    .customer-stories-tabs .tab-single {
        min-width: 136px;
        font-size: 14px;
    }
}

.customer-stories-tabs .tab-single.active {
    background-color: #053825;
    color: #ffffff;
    border-radius: 50px;
    padding: 16px 40px;
    min-width: 190px;
    text-align: center;
    font-size: 26px;
    line-height: 34px;
    cursor: pointer;
}

@media screen and (max-width: 1536px) {
    .customer-stories-tabs .tab-single{
        font-size: 20px;
        line-height: 26px;
    }
    .customer-stories-tabs .tab-single.active{
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width: 768px) {
    .customer-stories-tabs .tab-single{
        font-size: 14px;
        line-height: 20px;
        padding: 12px 0px;
        letter-spacing: -0.5px;
        color: #fff;
        width: 100%;
        text-align: center;
        max-width: 120px;
        min-width: unset;
    }
    .customer-stories-tabs .tab-single.active{
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -0.5px;
        padding: 12px 0px;
        color: #fff;
        width: 100%;
        max-width: 120px;
        text-align: center;
        min-width: unset;
    }
    .customer-stories-tabs {
        gap: 8px;
        margin-bottom: 24px;
    }
}

.customer-stories-list .owl-nav {
    position: relative;
    bottom: -50px;
}
.customer-stories-list .owl-nav button {
    bottom: 0 !important;
    top: inherit !important;
    border: 1px solid #000 !important;
    border-radius: 4px !important;
}

.mobileIMge .owl-nav button{
    border: 1px solid #000 !important;
    border-radius: 4px !important;
}

.mobileIMge .owl-nav button.owl-prev,
.customer-stories-list .owl-nav button.owl-prev {
    left: inherit;
    right: 60px;
    border-radius: 4px !important;
    width: 50px;
    height: 50px;

}

.mobileIMge .owl-nav button.owl-prev:hover::before,
.mobileIMge .owl-nav button.owl-next:hover::before,
.customer-stories-list .owl-nav button.owl-prev:hover::before,
.customer-stories-list .owl-nav button.owl-next:hover::before {
    top: 16px !important;
    left: 20px !important;
    width: 14px !important;
    height: 14px !important;
}

.mobileIMge .owl-nav button.owl-prev::before,
.customer-stories-list .owl-nav button.owl-prev::before {
    top: 16px;
    left: 20px;
    width: 14px;
    height: 14px;
}

.customer-stories-list .owl-nav button.owl-next {
    right: 0;
    border-radius: 4px !important;
    width: 50px;
    height: 50px;
}

.mobileIMge .owl-nav button.owl-next{
    right: inherit;
    border-radius: 4px !important;
    width: 50px;
    height: 50px;
}

.mobileIMge .owl-nav button.owl-next::before,
.customer-stories-list .owl-nav button.owl-next::before {
    top: 16px;
    left: 20px;
    width: 14px;
    height: 14px;
}

.mobileIMge.owl-carousel .owl-item img {
    object-fit: cover;
}

@media screen and (min-width: 1024px) {
    .customer-stories-list{
        .owl-stage-outer{
            .owl-stage{
                display: flex;
                gap: 40px;
            }
        }
    }
}

.customer-single .customer-img {
    border-radius: 40px 0 40px 0px;
    display: block;
    height: 350px;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .customer-single .customer-img {
        border-radius: 20px 0 20px 0px;
    }
}

.customer-single .weight{
    font-weight: 600;
    color: #053825;
    font-size: 24px;
    @media (min-width:768px) {
        font-size: 30px;
    }
}

.customer-single .stars {
    font-size: 26px;
    color: var(--Lightgreen);
    margin-top: 20px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .customer-single .stars {
        font-size: 14px;
    }
}

.customer-single .comment {
    color: #053825;
    font-size: 18px;
    font-family: "Circular Std Book";
    letter-spacing: -0.44px;
    line-height: 26px;
}

@media (max-width: 1600px) {
    .customer-single .comment {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .customer-single .comment {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 2rem;
    }
}

.customer-single .name {
    color: #053825;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.4px;
    font-family: "Circular Std Bold";
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    .age {
        font-family: "Circular Std Book";
        font-size: 20px;
        color: #053825;
        line-height: 2rem;
        letter-spacing: -0.32px;
    }
    @media screen and (max-width:1536px) {
        .age {
            font-size: 16px;
        } 
    }
    @media screen and (max-width:768px) {
        .age {
            font-family: "Circular Std Book";
            font-size: 16px;
            line-height: 2rem;
            letter-spacing: 0;
        } 
    }
}

@media (max-width: 1600px) {
    .customer-single .name {
        font-size: 16px;
        line-height: 20px;
    }
}

.customer-single .name span {
    font-weight: 400;
}

@media (max-width: 767px) {
    .customer-single .name {
        font-size: 1.6rem;
        line-height: 2rem;
        letter-spacing: 0;
    }
}

.discover-part-sec .com-heading {
    text-align: center;
}

.discover-part-sec .com-heading span {
    font-size: 5rem;
}

@media (max-width: 992px) {
    .discover-part-sec .com-heading span {
        font-size: 3rem;
    }
}

@media (max-width: 583px) {
    .discover-part-sec {
        font-size: 2rem;
    }

    .discover-part-sec .com-heading span {
        font-size: 2rem;
    }
}

.discover-part-sec .discover-part-ct {
    padding: 55px 0;
}

.discover-part-sec .discover-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.discover-part-sec .discover-row .single {
    grid-column: span 3;
}

.discover-part-sec .title {
    font-size: 32px;
    margin-bottom: 20px;
}

.discover-part-sec .single {
    display: flex;
    gap: 0 14px;
}

.discover-part-sec .single .num {
    color: #e0182b;
    font-size: 32px;
}

.discover-part-sec .single .para {
    font-size: 22px;
    margin: 0;
}

.com-btn {
    background-color: var(--Lightgreen);
    display: inline-block;
    font-size: 22px;
    color: #fff !important;
    border-radius: 30px;
    border: none;
    padding: 10px 45px;
    cursor: pointer;
    text-decoration: none;
    font-family: "Circular Std Medium";
    font-weight: 500;
}
.com-btn:hover,
.com-btn:focus,
.com-btn:active {
    border: none;
    background-color: var(--Lightgreen);
}
@media (min-width: 1600px) {
    .com-btn {
        padding: 15px 55px;
    }
}

@media (max-width: 583px) {
    .com-btn {
        font-size: 14px;
        padding: 5px 30px;
    }
}

.com-btn:hover {
    background-color: #61ac3d;
}

.com-heading {
    color: #053825;
    margin: 0 0 36px 0;
    font-family: "Circular Std Book";
    font-weight: 500;
    line-height: 90px;
    letter-spacing: -4px;
    span {
        font-family: "Tiempos Headline Bold";
        font-weight: 700;
        color: #6ab845;
    }
}
@media screen and (max-width: 1536px) {
    .com-heading{
        font-size: 8rem;
        letter-spacing: -3.2px;
        line-height: 8rem;
        margin: 0 0 30px 0;
    }
}

@media (min-width: 1600px) {
    .com-heading {
        font-size: 100px;
    }
}

@media (max-width: 583px) {

    .WeekPlan .com-heading span {
        font-size: 2.375rem !important;
    }
}

.com-para {
    font-size: 1.438rem;
}

.white-text {
    color: #fff;
}

.marquee-label {
    /* background: linear-gradient(90deg, #053825 0%, #6ab845 100%); */
    text-transform: uppercase;
    font-family: "Circular Std Book";
    color: #fff;
    padding: 1.125rem 0;
    font-size: 2.2rem;
    line-height: 2.6rem;
    letter-spacing: 2.23px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}

@media (max-width: 767px) {
    .marquee-label {
        font-size: 1rem;
        padding: 4px;
    }
}

.marquee-label.top {
    top: 0;
}

.marquee-label.bottom {
    bottom: 0;
}

.two-shade-text {
    color: var(--Newgreen);
    font-family: "Tiempos Headline";
    font-weight: 400;
}

.two-shade-text.light {
    color: #fff;
}

.two-shade-text .inner {
    color: var(--Lightgreen);
    font-weight: 700;
}

.howITWork {
    padding: 6rem 0 3rem;
}

@media (max-width: 767px) {
    .howITWork {
        padding: 30px 15px 0;
    }

    .howITWork .com-heading {
        text-align: center;
    }
}

.workSection {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
}

.workSection .workBox {
    grid-column: span 4;
    position: relative;
    padding: 1.5rem 0;
}

.workSection .workBox:before {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 1px;
    background-color: var(--Newgreen);
}

.workSection .workBox img {
    height: 90px;
    display: block;
}

.workSection .workBox h6 {
    font-size: 2.5rem;
    color: var(--Newgreen);
    margin: 1rem 0;
}

.workSection .workBox p {
    font-size: 1.4375rem;
}

@media (max-width: 767px) {
    .workSection .workBox {
        grid-column: span 12;
        display: flex;
        grid-gap: 0;
    }

    .workSection .workBox .workBoxText {
        margin-left: 1.5rem;
    }

    .workSection .workBox img {
        width: 150px;
        height: auto !important;
    }

    .workSection .workBox h6 {
        font-size: 2rem;
    }

    .workSection .workBox:before {
        width: 100%;
        left: 0;
    }

    .workSection .workBox img {
        margin: 0 auto;
    }
}

.full_Section {
    padding: 0 15px;
}

@media (min-width: 992px) {
    .full_Section {
        padding: 0 45px;
    }
}

@media (min-width: 1400px) {
    .full_Section {
        padding: 0 85px;
    }
}

.Instant_gastronomy {
    background-color: #f1ecde;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    border-radius: 50px 0 50px 0;
    overflow: hidden;
}

.Instant_gastronomy .InstantLeft {
    grid-column: span 7;
}

.Instant_gastronomy .InstantLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .Instant_gastronomy .InstantLeft {
        order: 2;
    }
}

.Instant_gastronomy .InstantRight {
    grid-column: span 5;
    padding: 5rem 3rem;
}

@media (max-width: 1600px) {
    .Instant_gastronomy .InstantRight {
        padding: 5rem;
    }
}

.Instant_gastronomy .InstantRight p {
    font-size: 1.4375rem;
    color: var(--Newgreen);
    font-size: 1.5333333333333332rem;
}

@media (min-width: 1600px) {
    .Instant_gastronomy .InstantRight p {
        font-size: 2.533333rem;
    }
}

.Instant_gastronomy .InstantRight .com-btn {
    margin-top: 2rem;
    color: #fff;
}

@media (max-width: 767px) {
    .Instant_gastronomy .InstantRight {
        padding: 3rem 2rem !important;
    }
}

@media (max-width: 992px) {
    .Instant_gastronomy .InstantLeft,
    .Instant_gastronomy .InstantRight {
        grid-column: span 12;
    }
}

.DiscoverMenu {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    padding: 70px 0;
}

@media (max-width: 767px) {
    .DiscoverMenu {
        padding: 35px 0px;
    }
    .InstantRight .com-heading {
        line-height: 34px;
    }
}

.DiscoverMenu {
    display: contents;
    .discover-sections {
        display: flex;
        gap: 12px;
        justify-content: center;
        margin-top: 32px;
        .section{
            font-size: 20px;
            font-family: "Circular Std Book";
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            max-width: 275px;
            border-radius: 40px;
            background-color: #efefde;
            padding: 16px 30px;
        }
        @media screen and (max-width: 1536px) {
            .section{
                font-size: 16px;
                max-width: 230px;
                padding: 12px 24px;
                svg{
                    width: 14px;
                    height: 10px;
                }
            }
        }
    }
    @media screen and (max-width:1280px) {
        .discover-sections {
            width: 100%;
            max-width: 750px;
            margin-left: auto;
            margin-right: auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
    }
    @media screen and (max-width:1024px) {
        .discover-sections {
            max-width: 700px;   
        }
    }
    @media screen and (min-width:768px){
        .discover-sections-mobile{
            display: none;
        }
    }
    @media screen and (max-width: 768px){
        .discover-sections {
            display: none; 
        }
        .discover-sections-mobile{
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 12px;
            .section-filter{
                color: #053825;
                font-family: "Circular Std Book";
                line-height: 2rem;
                letter-spacing: -0.64px;
                padding: 8px;
                width: 100%;
                max-width: 120px;
                border-radius: 40px;
                background-color: #EFEFDE;
                text-align: center;
            }
            .section-all-meals{
                color: #053825;
                width: 100%;
                max-width: 120px;
                font-family: "Circular Std Book";
                line-height: 2rem;
                letter-spacing: -0.64px;
                padding: 8px;
                border-radius: 40px;
                background-color: #D6E6BF;
                text-align: center;
            }
        }
    }
}

.DiscoverMenu .discoverInner .titleinner {
    text-align: center;
    grid-column: span 12;
    p {
        font-size: 40px;
        color: #053825;
        letter-spacing: -1.6px;
        font-family: "Circular Std Book";
    }
}

.DiscoverMenu .discoverInner .titleinner .com-heading {
    margin-bottom: 0;
    line-height: 7rem;
}

@media screen and (max-width: 1280px) {
    .DiscoverMenu .discoverInner .titleinner .com-heading{
        font-size: 7rem;
    }
}

@media screen and (max-width: 1024px) {
    .DiscoverMenu .discoverInner .titleinner .com-heading{
        font-size: 6rem;
    }
}

@media screen and (max-width: 768px) {
    .DiscoverMenu .discoverInner .titleinner .com-heading{
        font-size: 5rem;

        span{
            display: block;
        }
    }
}

@media screen and (max-width: 640px) {
    .DiscoverMenu .discoverInner .titleinner .com-heading{
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -1.64px;
    }
}

.DiscoverMenu .discoverInner .filter {
    grid-column-start: 2;
    grid-column-end: 12;
    text-align: center;
    display: flex;
    justify-content: center;
}

@media (max-width: 992px) {
    .DiscoverMenu .discoverInner .filter {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .discover-our-options-sec .com-heading{
        font-size: 6rem;
    }
}

@media screen and (max-width: 768px) {
    .discover-our-options-sec .com-heading{
        font-size: 4rem;
    }
}

@media screen and (max-width: 640px) {
    .discover-our-options-sec .com-heading{
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -1.14px;
    }
}


.DiscoverMenu .discoverInner .filter .selectDesing {
    background: #efefde url("../images/arrow-down.png") no-repeat center right
        14px;
    border-radius: 30px;
    padding: 8px 25px;
    border: none;
    color: var(--Newgreen);
    min-width: 180px;
    max-width: 230px;
    white-space: nowrap;
    font-size: 18px;
    margin: 5px;
    font-weight: 400;
    height: 42px;
    line-height: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.DiscoverMenu .discoverInner .filter button.selectDesing {
    background-image: none;
}

@media (max-width: 922px) {
    .DiscoverMenu .discoverInner .filter {
        flex-wrap: wrap;
    }
}

.DiscoverMenu .discoverInner .MobleFIlter {
    display: none;
}

.DiscoverMenu .discoverInner .MobleFIlter .MobileSelect .Selectoption {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    width: 250px;
    padding: 1rem;
    border-radius: 10px;
    background: linear-gradient(90deg, #053825 0%, #6ab845 100%);
}

.DiscoverMenu .discoverInner .MobleFIlter .MobileSelect .Selectoption select {
    background: #efefde url("../images/arrow-down.png") no-repeat center right
        14px;
    border-radius: 30px;
    padding: 8px 25px;
    border: none;
    color: var(--Newgreen);
    min-width: 180px;
    white-space: nowrap;
    font-size: 18px;
    margin: 5px 0;
    font-weight: 400;
    height: 42px;
    line-height: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.DiscoverMenu .discoverInner .MobleFIlter button {
    background: #efefde;
    border-radius: 30px;
    padding: 8px 25px;
    color: #053825;
    font-weight: 400;
    margin: 5px;
    min-width: 100px;
}

.DiscoverMenu .discoverInner .MobleFIlter button .ALlFilter {
    background-color: #d6e6bf;
}

@media (max-width: 992px) {
    .DiscoverMenu .discoverInner .MobleFIlter {
        display: flex;
        grid-column: span 12;
        justify-content: center;
    }
}

.DiscoverMenu .DiscoverMenuSLide {
    margin: 3.5rem 0 1rem;
    grid-column: span 12;
}

.DiscoverMenu .DiscoverMenuSLide .item {
    text-align: center;
}

.DiscoverMenu .DiscoverMenuSLide .item p {
    font-size: 24px;
    font-weight: 700;
    color: #053825;
    font-family: "Tiempos Headline Bold";
}

@media (max-width: 1536px) {
    .DiscoverMenu .DiscoverMenuSLide .item p {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    .DiscoverMenu .DiscoverMenuSLide .item p {
        font-size: 16px;
        line-height: 2rem;
    }
}

.DiscoverMenu .discoverBottom {
    grid-column: span 12;
    text-align: center;
    .com-btn {
        font-size: 35px;
        padding: 0;
    }
}

@media screen and (max-width: 1536px) {
    .DiscoverMenu .discoverBottom{
        .com-btn {
            font-size: 28px;
            padding: 4px 0;
        }
    }
}

@media (min-width: 768px) {
    .DiscoverMenu .discoverBottom a {
        min-width: 250px;
    }
}
@media (max-width: 583px) {
    .DiscoverMenu .discoverBottom {
        /* display: flex;
		gap: 2rem; */
        padding: 0 1rem;
    }
    .DiscoverMenu .discoverBottom a {
        /* flex: 1; */
        font-size: 14px;
        height: 38px;
        padding: 10px 16px;
        min-width: 140px;
    }
}

@media screen and (max-width:768px) {
    .DiscoverMenu .discoverBottom{
        .com-btn {
            font-size: 1.4rem;
            line-height: 2.2rem;
            letter-spacing: 0;
            padding: 8px 24px;
        }
    }
}

.DiscoverMenu .discoverBottom .foodVeriation {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.DiscoverMenu .discoverBottom .foodVeriation div {
    margin: 0 8px;
    color: #676767;
    font-size: 18px;
    font-family: "Circular Std Medium Italic";
}

@media screen and (max-width: 1536px) {
    .DiscoverMenu .discoverBottom .foodVeriation div {
        font-size: 14px;
    }
}

.DiscoverMenu .discoverBottom .foodVeriation div span {
    margin-right: 8px;
}

@media (max-width: 767px) {
    .DiscoverMenu .discoverBottom .foodVeriation {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(2,auto);
        row-gap: 12px;
    }

    .DiscoverMenu .discoverBottom .foodVeriation div {
        white-space: nowrap;
        line-height: 1.8rem;
        letter-spacing: -0.57px;
    }
}

.DiscoverMenu .foodVeriation span {
    width: 9px;
    height: 9px;
    border-radius: 30px;
    display: inline-block;
}

.DiscoverMenu .foodVeriation span.CYello {
    background-color: #fed545;
}

.DiscoverMenu .foodVeriation span.CPink {
    background-color: #b58dc0;
}

.DiscoverMenu .foodVeriation span.CRed {
    background-color: #cf3434;
}

.DiscoverMenu .foodVeriation span.CRed {
    background-color: #d4d4d4;
}

.DiscoverMenu .foodVeriation span.CVg {
    background-color: #109178;
}

.DiscoverMenu .foodVeriation span.CPerpep {
    background-color: #ef3653;
}

.DiscoverMenu .foodVeriation span.CYB {
    background-color: #0ebab6;
}

.discover-part-sec {
    margin-bottom: 80px;
}

@media (max-width: 767px) {
    .discover-part-sec {
        margin-bottom: 20px;
    }
}

.discover-part-sec .com-heading {
    text-align: center;
}

.discover-part-sec .discover-part-ct {
    padding: 55px 0;
    background: url("../images/home-banner.jpg") center / cover;
    color: #fff;
}

.discover-part-sec .discover-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.discover-part-sec .discover-row .single {
    grid-column: span 3;
}

.discover-part-sec .title {
    font-size: 32px;
    margin-bottom: 20px;
}

.discover-part-sec .single {
    display: flex;
    gap: 0 14px;
}

.discover-part-sec .single .num {
    color: #e0182b;
    font-size: 32px;
    font-weight: bold;
}

.discover-part-sec .single .para {
    font-size: 22px;
    margin: 0;
}

.our-story-sec {
    margin-bottom: 80px;
}

@media (max-width: 992px) {
    .our-story-sec {
        margin-bottom: 30px;
    }
}

.our-story-sec .our-story-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.75rem;
}

.our-story-sec .our-story-grid .our-story-box {
    grid-column: span 6;
    .com-heading {
        font-size: 90px;
        line-height: 90px;
        letter-spacing: -3.6px;
        color: #053825;
    }
    @media screen and (max-width: 1536px){
        .com-heading {
            font-size: 7.2rem;
            letter-spacing: -2.88px;
            line-height: 7.2rem;
        }
    }
}

@media (max-width: 992px) {
    .our-story-sec .our-story-grid .our-story-box {
        grid-column: span 12;
    }
}

@media (max-width: 767px) {
    .our-story-sec .custom-container {
        padding: 0px;
    }
    .our-story-sec .our-story-grid {
        grid-gap: 0;
    }
}

.our-story-sec .our-story-box .year-list {
    position: relative;
    list-style: none;
    padding-left: 2.875rem;
    height: 500px;
    overflow-y: auto;
}

.our-story-sec .our-story-box .year-list .year-single {
    position: relative;
    padding: 1.25rem 0.938rem;
    border-radius: 0.625rem;
    margin: 0;
    cursor: pointer;
    color: #053825;
}

.our-story-sec .our-story-box .year-list .year-single .year-para {
    font-size: 20px;
    font-family: "Circular Std Book";
    line-height: 32px;
    span {
        font-family: "Tiempos Headline Bold";
    }
}

.our-story-sec .our-story-box .year-list .year-single::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #676767;
    position: absolute;
    left: -19px;
    top: 19px;
}

.our-story-sec .our-story-box .year-list .year-single .year {
    font-size: 30px;
    position: relative;
    font-family: "Roboto Mono";
    font-weight: 700;
}
.our-story-sec .our-story-box .year-list .year-single .year-title {
    font-family: "Circular Std Book";
    font-size: 24px;
    color: #053825;
    span {
        font-family: "Tiempos Headline Bold";
    }
}
.our-story-sec .our-story-box .year-list .year-single .year::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    position: absolute;
    left: -3.25rem;
    background-color: #b3b3b3;
    top: 0.5rem;
}

.our-story-sec .our-story-box .year-list .year-single.active {
    background-color: var(--Lightgreen);
    color: #fff;
    padding: 1.25rem 0.938rem;
}
.our-story-sec .our-story-box .year-list .year-single.active .year-title {
    color: #fff;
}

.our-story-sec .our-story-box .year-list .year-single.active .year {
    font-size: 45px;
    color: #fff;
}

.our-story-sec .our-story-box .year-list .year-single.active .year::before {
    background-color: var(--Lightgreen);
}

.our-story-sec .our-story-box .year-list .year-single.active:after {
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid var(--Lightgreen);
    position: absolute;
    top: 14px;
    left: -10px;
}

.our-story-sec .our-story-box .year-list .year-single:hover {
    background-color: var(--Lightgreen);
    color: #fff;
}

.our-story-sec .our-story-box .year-list .year-single:hover .year {
    font-size: 30px;
    font-family: "Roboto Mono";
}

.our-story-sec .our-story-box .year-list .year-single:hover .year-title {
    color: #fff;
}

.our-story-sec .our-story-box .year-list .year-single:hover .year::before {
    background-color: var(--Lightgreen);
}

.our-story-sec .our-story-box .year-list .year-single:hover:after {
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid var(--Lightgreen);
    position: absolute;
    top: 14px;
    left: -10px;
}

.our-story-sec .our-story-box .year-list .year-single:last-child::before {
    display: none;
}

@media screen and (max-width: 1536px) {
    .our-story-sec .our-story-box .year-list .year-single.active .year {
        font-size: 3.6rem;
        color: #fff;
    }
    .our-story-sec .our-story-box .year-list .year-single .year {
        font-size: 2.4rem;
        line-height: 2.6rem;
    }
    .our-story-sec .our-story-box .year-list .year-single .year-title {
        font-size: 2rem;
    }
    .our-story-sec .our-story-box .year-list .year-single.active .year-title {
        font-size: 2rem;
    }
    .our-story-sec .our-story-box .year-list .year-single .year-para {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

@media (max-width: 992px) {
    .our-story-sec .our-story-box .year-list {
        display: flex;
        overflow-y: hidden;
        height: auto;
        padding-bottom: 3rem;
        padding-left: 0;
    }

    .our-story-sec .our-story-box .year-list .year-single {
        min-width: 280px;
    }

    .our-story-sec .our-story-box .year-list .year-single::before {
        content: "";
        width: 100%;
        height: 1px;
        background: #676767;
        left: -19px;
        bottom: -19px;
        top: inherit;
        display: none;
    }

    .our-story-sec .our-story-box .year-list .year-single p {
        font-size: 12px;
    }

    .our-story-sec .our-story-box .year-list .year-single .year::before {
        display: none;
    }

    .our-story-sec .our-story-box .year-list .year-single.active::after {
        border-top: none !important;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 10px solid var(--Lightgreen);
    }
}

@media (max-width: 767px) {
    .our-story-sec .our-story-box {
        display: none;
    }
}

.our-story-sec .mobileIMge {
    display: none;
    grid-column: span 12;
}

@media (max-width: 767px) {
    .our-story-sec .mobileIMge {
        display: block;
    }
}

.our-story-sec .Mobile-Our_Story {
    display: none;
    grid-column: span 12;
    padding: 0 15px;
}

.our-story-sec .Mobile-Our_Story .our-story-box img {
    border-radius: 0px;
}

.our-story-sec .Mobile-Our_Story .OurStory .owl-item {
    padding: 0.5rem;
    border-radius: 10px;
}

.our-story-sec .Mobile-Our_Story .OurStory .owl-item.active {
    background-color: var(--Lightgreen);
    color: #fff;
}

.our-story-sec .Mobile-Our_Story .OurStory .owl-item.active .year {
    font-size: 30px;
}

.our-story-sec .Mobile-Our_Story .OurStory .owl-item.active + .active {
    background-color: transparent;
}

.our-story-sec .Mobile-Our_Story .OurStory .owl-item.active::after {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--Lightgreen);
    position: absolute;
    bottom: 0;
}

.our-story-sec .Mobile-Our_Story .OurStory .year {
    font-size: 20px;
    font-weight: 600;
    color: var(--Newgreen);
    color: #fff;
}

.our-story-sec .Mobile-Our_Story .OurStory .year-title {
    font-size: 14px;
    color: var(--Newgreen);
    color: #fff;
}

.our-story-sec .Mobile-Our_Story .OurStory .year-para {
    font-size: 10px;
    color: var(--Newgreen);
    color: #fff;
}

.our-story-sec .Mobile-Our_Story .OurStory.owl-carousel .owl-dots {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 10px 18px 0 18px;
}

.our-story-sec .Mobile-Our_Story .OurStory.owl-carousel .owl-dots .owl-dot.active{
    position: relative;
}

.our-story-sec .Mobile-Our_Story .OurStory.owl-carousel .owl-dots .owl-dot.active::before{
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--Lightgreen);
    position: absolute;
    top: -10px;
    left: -2px;
}

.our-story-sec .Mobile-Our_Story .owl-dots:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    background: #b3b3b3;
    top: 10px;
    z-index: -1;
}

.our-story-sec .Mobile-Our_Story .owl-dots .owl-dot span {
    background-color: #b3b3b3 !important;
    margin: 0 !important;
    width: 10px;
    height: 10px;
    border-radius: 30px;
    display: inline-block;
}

.our-story-sec .Mobile-Our_Story .owl-dots .owl-dot.active span {
    background-color: var(--Lightgreen) !important;
}


.mobileIMge.owl-carousel .owl-nav button.owl-next {
    right: 5%;
    background: #fff;
    top: 40%;
}

.mobileIMge.owl-carousel .owl-nav button.owl-prev{
    left: 5%;
    background: #fff;
    top: 40%;
}

@media screen and (max-width: 768px) {
    .our-story-sec .Mobile-Our_Story .OurStory .owl-item.active{
        padding: 8px;
    }
    .our-story-sec .Mobile-Our_Story .OurStory .owl-item.active .year {
        font-size: 5.5rem;
        line-height: 6rem;
        font-family: "Roboto Mono Bold";
        color: #063924;
    }
    .our-story-sec .Mobile-Our_Story .OurStory .year-title{
        font-family: "Circular Std Book";
        font-size: 1.8rem;
        line-height: 1.8rem;
        letter-spacing: 0;
        margin-bottom: 6px;
        color: #063924;
    }
    .our-story-sec .Mobile-Our_Story .OurStory .year-para{
        font-family: "Circular Std Book";
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: 0;
        color: #063924;
    }
}

@media screen and (max-width: 440px) {
    .our-story-sec .Mobile-Our_Story .OurStory .owl-item.active .year {
        font-size: 4rem;
        line-height: 4rem;
    }
}


@media (max-width: 767px) {
    .our-story-sec .Mobile-Our_Story {
        display: block;
        .com-heading{
            font-size: 4rem;
            line-height: 4.8rem;
            letter-spacing: -1.64px;
        }
    }
}

.our-story-sec .our-story-img {
    width: auto;
    height: 545px !important;
    object-fit: contain;
    margin: 0 auto;
    border-radius: 5.625rem 0 5.625rem 0;
}

@media screen and (min-width: 992px) {
    .our-story-sec{
        .custom-container{
            .our-story-grid{
                column-gap: 80px;
            }
        }
    }
}
@media screen and (min-width: 1536px) {
    .our-story-sec{
        .custom-container{  
            padding: 0;
        }
    }
}

.our-story-box .tabcontent1 {
    text-align: center;
}

.embrace-you-sec {
    margin-bottom: 80px;
}

.embrace-you-sec .com-heading span {
    font-family: "Poppins", sans-serif !important;
    font-size: 4rem;
    font-weight: 400;
}

@media (max-width: 767px) {
    .embrace-you-sec .com-heading span {
        font-size: 2.5rem;
    }
}

@media (max-width: 992px) {
    .embrace-you-sec {
        margin-bottom: 30px;
    }
}

.embrace-you-sec .embrace-you-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.75rem;
    margin-top: 2.5rem;
}

.embrace-you-sec .embrace-up-title {
    font-size: 33px;
    font-weight: bold;
    color: var(--Newgreen);
}

.embrace-you-sec .com-heading {
    font-size: 5.625rem;
    line-height: 5rem;
}

@media (max-width: 583px) {
    .embrace-you-sec .embrace-up-title {
        font-size: 1.5rem;
    }

    .embrace-you-sec .com-heading {
        font-size: 3.625rem;
    }
}

.embrace-you-sec .embrace-you-grid .embrace-img {
    grid-column: span 3;
}

@media (max-width: 583px) {
    .embrace-you-sec .embrace-you-grid .embrace-img {
        grid-column: span 6;
    }
}

.embrace-you-sec .embrace-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.custom_insta_feed .mpinstagramfeed-container {
    max-width: 100% !important;
    padding: 0px !important;
}

.line-up-sec {
    padding: 5rem 2.5rem 3.125rem 2.5rem;
    border-radius: 5.313rem 0 5.313rem 0;
    margin: 6.875rem auto;
    background: url(../images/bg.png) center / cover;
    text-align: center;
}

@media (max-width: 992px) {
    .line-up-sec {
        margin: 0 auto 40px;
    }
}

.line-up-sec .lineup-table-wrap {
    margin-top: 3.125rem;
    overflow-x: auto;
}

.line-up-sec .lineup-table-wrap table {
    margin-bottom: 1.25rem;
}

.line-up-sec .line-up-product {
    display: flex;
    flex-direction: column;
}

.line-up-sec .line-up-product .line-up-pro-img {
    height: 13.875rem;
    margin-bottom: 0.813rem;
}

.line-up-sec .line-up-product .line-up-pro-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.line-up-sec .line-up-product .lineupTItle {
    min-height: 123px;
}

.line-up-sec .line-up-product .line-up-pro-title {
    font-family: "Tiempos Headline";
    font-size: 2.6rem;
    color: var(--Newgreen);
}

.line-up-sec .line-up-product .line-up-pro-title span {
    color: var(--Lightgreen);
    font-weight: 700;
}

.line-up-sec .line-up-product .line-up-pro-titlesub {
    font-size: 40px;
    font-family: "Frunchy Serif";
    line-height: 30px;
}

.line-up-sec .line-up-product .para {
    margin: 0;
    color: var(--Newgreen);
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1500px) {
    .line-up-sec .line-up-product .para {
        font-size: 12px;
    }
}

.line-up-sec .line-up-product .com-btn {
    font-size: 15px;
    padding: 10px 20px;
    background-color: var(--Newgreen);
    display: block;
    margin: 1rem auto;
    width: 100%;
}

.line-up-sec .pro-table-first td {
    vertical-align: top;
    padding: 0 1.25rem;
}

.line-up-sec .pro-table-first td:first-child {
    width: 150px;
}

@media (max-width: 1100px) {
    .line-up-sec .pro-table-first td {
        min-width: 200px;
    }
}

.line-up-sec td {
    max-width: 16.875rem;
}

.line-up-sec .pro-table-second td {
    border-bottom: 1px solid var(--Newgreen);
    padding: 1.25rem 0.625rem;
    font-size: 16px;
    color: var(--Newgreen);
}

@media (min-width: 1600px) {
    .line-up-sec .pro-table-second td {
        font-size: 18px;
    }
}

.line-up-sec .pro-table-second td .td-icons {
    display: flex;
    gap: 5px;
    text-align: left;
    align-items: center;
    word-break: normal;
}

.line-up-sec .pro-table-second td .td-icons > div {
    display: flex;
    gap: 5px;
    text-align: left;
    align-items: center;
}

.line-up-sec .pro-table-second td .td-icons img {
    width: 35px;
}

.line-up-sec .pro-table-second td:first-child {
    border-right: 1px solid var(--Newgreen);
    font-weight: 600;
    text-align: left;
    width: 150px;
    padding-left: 0;
}

.line-up-sec .pro-table-second .frunchy-text {
    font-family: "Frunchy Serif";
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 2rem;
}

.line-up-sec .button-tbody td {
    padding: 3.75rem 0 2.5rem;
}

.line-up-sec .button-tbody button {
    border: none;
    background-color: transparent;
    color: var(--Lightgreen);
    font-size: 1.438rem;
}
.line-up-sec .button-tbody button:active {
    box-shadow: none;
}

.line-up-sec .button-tbody button span {
    text-decoration: underline;
    color: var(--Lightgreen);
    font-size: 18px;
}

@media (min-width: 1600) {
    .line-up-sec .button-tbody button span {
        font-size: 23px;
    }
}

.line-up-sec .button-tbody button img {
    width: 20px;
}

.FawsNEW {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
    text-align: start;
    .faqleft {
        .com-heading {
            font-family: "Circular Std Bold";
            letter-spacing: -3.2px;
            color: #023725;
            font-size: 90px;
        }
        @media screen and (max-width: 1536px) {
            .com-heading{
                font-size: 7.2rem;
                letter-spacing: -2.88px;
            }
        }
        @media screen and (max-width: 768px) {
            .com-heading{
                font-size: 4rem;
                line-height: 5rem;
                letter-spacing: -1.64px;
            }
        }
    }
}

.FawsNEW .faqRight .textright {
    text-align: right;
}

@media (min-width: 1280px) {
    .FawsNEW .faqleft {
        padding-left: 15%;
    }

    .FawsNEW .faqRight {
        padding-right: 15%;
    }
}

.FawsNEW > div {
    grid-column: span 6;
}

.FawsNEW div details {
    border-bottom: 1px solid #bcbab4;
    padding: 1.5rem 0;
}

.FawsNEW div details summary {
    font-size: 22px;
    letter-spacing: -0.44px;
    font-family: "Circular Std Bold";
    font-weight: 700;
    color: #023725;
    padding-right: 3rem;
    cursor: pointer;
    position: relative;
}

@media (min-width: 1600px) {
    .FawsNEW div details summary {
        font-size: 22px;
    }
}

.FawsNEW div details summary:before {
    content: "\e904";
    font-family: "icomoon" !important;
    color: var(--Newgreen);
    font-weight: 400;
    position: absolute;
    right: 0;
}

.FawsNEW div details summary::-webkit-details-marker {
    display: none;
}

.FawsNEW div details div {
    padding: 1rem 0;
    color: #023725;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    font-family: "Circular Std Book";  
    h4{
        color: #023725;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.4px;
        font-weight: 400;
        font-family: "Circular Std Book";
    }  
}

@media screen and (max-width: 1536px) {
    .FawsNEW div details summary{
        font-size: 1.8rem;
        letter-spacing: -0.35px;
        line-height: 2rem;
    }
    .FawsNEW div details div{
        font-size: 1.6rem;
        letter-spacing: -0.35px;
        line-height: 2rem;
        h4{
            font-size: 1.6rem;
            letter-spacing: -0.35px;
            line-height: 2rem;
        }
    }
}

@media screen and (max-width: 768px) {
    .FawsNEW div details summary{
        font-size: 1.6rem;
        letter-spacing: -0.61px;
        line-height: 1.8rem;
    }
    .FawsNEW div details div{
        font-size: 1.6rem;
        letter-spacing: 0;
        line-height: 1.8rem;
        h4{
            font-size: 1.6rem;
            letter-spacing: 0;
            line-height: 1.8rem;
        }
    }
}

.FawsNEW div details[open] > summary:before {
    content: "\e905" !important;
    font-family: "icomoon" !important;
}
.faqleft .faqdata {
    display: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    .FawsNEW > div {
        grid-column: span 12;
    }
    .faqleft {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .faqleft .faqdata {
        display: block;
    }

    .faqleft .com-heading {
        margin-bottom: 0;
    }
    .faqRight .textright {
        display: none;
    }
}

.popup1 {
    background: var(--Lightgreen) url(../images/popupBg-1.png) no-repeat center;
    padding: 6rem;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
}

@media (max-width: 767px) {
    .popup1 {
        padding: 6rem 2rem;
    }
}

.popup1 .modal-inner-content h2 {
    color: #fff;
    margin: 0px 0px 4rem;
    font-size: 38px;
    text-align: center;
    font-weight: 400;
}

@media (max-width: 992px) {
    .popup1 .modal-inner-content h2 h2 {
        font-size: 24px;
    }
}

.popup1 .modal-inner-content .logoITem {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 2rem;
}

.popup1 .modal-inner-content .logoITem div {
    grid-column: span 6;
    text-align: center;
}

.popup1 .modal-inner-content .logoITem div img {
    margin: 0 auto 2rem;
    height: 150px;
    width: 150px;
    display: block;
}

.popup1 .modal-inner-content .logoITem div .com-btn {
    background: #043724;
    padding: 6px 20px;
    font-size: 2rem;
}

@media (max-width: 583px) {
    .popup1 .modal-inner-content .logoITem div {
        grid-column: span 12;
    }
}

@media (max-width: 767px) {
    aside.modal_content_00,
    aside.modal_content_11,
    aside.modal_content_33,
    aside.modal_content_22,
    aside[aria-describedby="modal-content-4"] {
        padding-top: 40px;
    }
}

aside.modal_content_00 .action-close::before,
aside.modal_content_11 .action-close::before,
aside.modal_content_33 .action-close::before,
aside.modal_content_22 .action-close::before,
aside[aria-describedby="modal-content-4"] .action-close::before {
    content: "\e906" !important;
    font-family: "icomoon" !important;
    background-image: none !important;
    color: #fff !important;
}

aside.modal_content_00 .modal-inner-wrap,
aside.modal_content_11 .modal-inner-wrap,
aside.modal_content_33 .modal-inner-wrap,
aside.modal_content_22
    .modal-inner-wrap
    aside[aria-describedby="modal-content-4"]
    .modal-inner-wrap {
    background: transparent;
    padding-top: 0 !important;
}

aside.modal_content_00 .modal-inner-wrap .modal-inner-content h2,
aside.modal_content_11 .modal-inner-wrap .modal-inner-content h2,
aside.modal_content_33 .modal-inner-wrap .modal-inner-content h2,
aside.modal_content_22 .modal-inner-wrap .modal-inner-content h2,
aside[aria-describedby="modal-content-4"]
    .modal-inner-wrap
    .modal-inner-content
    h2 {
    font-size: 4rem;
}

@media (max-width: 583px) {
    aside.modal_content_00 .modal-inner-wrap .modal-inner-content h2,
    aside.modal_content_11 .modal-inner-wrap .modal-inner-content h2,
    aside.modal_content_33 .modal-inner-wrap .modal-inner-content h2,
    aside.modal_content_22 .modal-inner-wrap .modal-inner-content h2,
    aside[aria-describedby="modal-content-4"]
        .modal-inner-wrap
        .modal-inner-content
        h2 {
        font-size: 3rem;
    }
}

aside.modal_content_00 .modal-inner-wrap {
    max-width: 830px !important;
    background: transparent;
}

aside.modal_content_00 .modal-inner-wrap .modal-footer {
    display: none;
}

@media (max-width: 767px) {
    aside.modal_content_00 .modal-inner-wrap {
        padding-top: 40px;
    }
}

aside.modal_content_11 .modal-inner-wrap {
    max-width: 1300px !important;
}

aside.modal_content_11 .modal-inner-wrap .modal-footer {
    display: none;
}

aside.modal_content_11 .modal-inner-wrap ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

aside.modal_content_11 .modal-inner-wrap ul li {
    position: relative;
    cursor: pointer;
    margin: 0 1rem 2rem;
}

aside.modal_content_11 .modal-inner-wrap ul li .imgBOx {
    border: 1px solid #3f8237;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 123px;
    height: 123px;
    padding: 2rem;
    position: relative;
}

aside.modal_content_11 .modal-inner-wrap ul li .imgBOx::before {
    content: url(../images/img-check.png);
    position: absolute;
    top: -1rem;
    right: -1rem;
    transform: scale(0.5);
}

aside.modal_content_11 .modal-inner-wrap ul li .imgBOx img {
    max-width: 100%;
}

@media (max-width: 992px) {
    aside.modal_content_11 .modal-inner-wrap ul li .imgBOx {
        width: 90px;
        height: 90px;
    }

    aside.modal_content_11 .modal-inner-wrap ul li .imgBOx::before {
        top: -2rem;
        right: -1rem;
        width: 34px;
        transform: scale(0.5);
    }
}

aside.modal_content_11 .modal-inner-wrap ul li .btn-check {
    position: absolute;
    pointer-events: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
}

aside.modal_content_11 .modal-inner-wrap ul li .btn-check:checked + .imgBOx {
    border-color: #8ef75d;
}

aside.modal_content_11
    .modal-inner-wrap
    ul
    li
    .btn-check:checked
    + .imgBOx::before {
    content: url(../images/img-checked.png);
}

aside.modal_content_11 .modal-inner-wrap .com-btn {
    background-color: var(--Newgreen);
}

aside.modal_content_33 .fackBOx .pack1 img {
    padding: 0;
}

aside.modal_content_33 .fackBOx div img {
    max-height: 161px;
    min-height: 149px;
    padding: 0;
}

@media (min-width: 1600px) {
    aside.modal_content_33 .fackBOx div img {
        max-height: 162px;
        max-height: 162px;
    }
}

aside.modal_content_22 .fackBOx div img,
aside[aria-describedby="modal-content-4"] .fackBOx div img {
    max-height: 140px;
}

@media (min-width: 1600px) {
    aside.modal_content_22 .fackBOx div img,
    aside[aria-describedby="modal-content-4"] .fackBOx div img {
        max-height: 180px;
    }
}

aside.modal_content_33 .modal-inner-wrap,
aside.modal_content_22 .modal-inner-wrap,
aside[aria-describedby="modal-content-4"] .modal-inner-wrap {
    max-width: 1300px !important;
}

aside.modal_content_33 .modal-inner-wrap .modal-footer,
aside.modal_content_22 .modal-inner-wrap .modal-footer,
aside[aria-describedby="modal-content-4"] .modal-inner-wrap .modal-footer {
    display: none;
}

aside.modal_content_33 .fackBOx,
aside.modal_content_22 .fackBOx,
aside[aria-describedby="modal-content-4"] .fackBOx {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 0rem;
}

@media (max-width: 1100px) {
    aside.modal_content_33 .fackBOx,
    aside.modal_content_22 .fackBOx,
    aside[aria-describedby="modal-content-4"] .fackBOx {
        gap: 2rem;
    }
}

aside.modal_content_33 .fackBOx div,
aside.modal_content_22 .fackBOx div,
aside[aria-describedby="modal-content-4"] .fackBOx div {
    grid-column: span 6;
    display: flex;
    align-items: center;
    text-align: center;
}

@media (max-width: 767px) {
    aside.modal_content_33 .fackBOx div,
    aside.modal_content_22 .fackBOx div,
    aside[aria-describedby="modal-content-4"] .fackBOx div {
        grid-column: span 12;
        display: block;
    }

    aside.modal_content_33 .fackBOx div + div,
    aside.modal_content_22 .fackBOx div + div,
    aside[aria-describedby="modal-content-4"] .fackBOx div + div {
        margin-top: 2rem;
    }
}

aside.modal_content_33 .fackBOx div .packText,
aside.modal_content_22 .fackBOx div .packText,
aside[aria-describedby="modal-content-4"] .fackBOx div .packText {
    text-align: center;
    color: var(--Newgreen);
    display: block;
    padding: 0 1rem;
}

aside.modal_content_33 .fackBOx div .packText h6,
aside.modal_content_22 .fackBOx div .packText h6,
aside[aria-describedby="modal-content-4"] .fackBOx div .packText h6 {
    font-size: 5rem;
    font-family: "Tiempos Headline";
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 0;
}

aside.modal_content_33 .fackBOx div .packText h6 strong,
aside.modal_content_22 .fackBOx div .packText h6 strong,
aside[aria-describedby="modal-content-4"] .fackBOx div .packText h6 strong {
    font-weight: 700;
}

aside.modal_content_33 .fackBOx div .packText h6 span,
aside.modal_content_22 .fackBOx div .packText h6 span,
aside[aria-describedby="modal-content-4"] .fackBOx div .packText h6 span {
    font-family: "Frunchy Serif";
    font-size: 5rem;
}

aside.modal_content_33 .fackBOx div .packText p {
    font-size: 18px;
}

aside.modal_content_22 .fackBOx div .packText p,
aside[aria-describedby="modal-content-4"] .fackBOx div .packText p {
    font-size: 12px;
}

.pack2 img,
.pack3 img,
.pack3 img,
.pack4 img {
    padding: 10px;
}

@media (min-width: 1600px) {
    aside.modal_content_33 .fackBOx div .packText h6,
    aside.modal_content_22 .fackBOx div .packText h6,
    aside[aria-describedby="modal-content-4"] .fackBOx div .packText h6 {
        font-size: 5.6875rem;
        line-height: 48px;
    }

    aside.modal_content_33 .fackBOx div .packText h6 span,
    aside.modal_content_22 .fackBOx div .packText h6 span,
    aside[aria-describedby="modal-content-4"] .fackBOx div .packText h6 span {
        font-size: 8rem;
    }
}

@media (max-width: 1600px) {
    aside.modal_content_22 .fackBOx div .packText p,
    aside[aria-describedby="modal-content-4"] .fackBOx div .packText p {
        font-size: 10px;
    }
}

aside.modal_content_33 .fackBOx div .packText .com-btn,
aside.modal_content_22 .fackBOx div .packText .com-btn,
aside[aria-describedby="modal-content-4"] .fackBOx div .packText .com-btn {
    background-color: var(--Newgreen);
    font-size: 1.5rem;
    padding: 5px 20px;
    white-space: nowrap;
    margin-top: auto;
}

@media (min-width: 1600px) {
    aside.modal_content_33 .fackBOx div .packText .com-btn,
    aside.modal_content_22 .fackBOx div .packText .com-btn,
    aside[aria-describedby="modal-content-4"] .fackBOx div .packText .com-btn {
        font-size: 2rem;
    }
}

@media (min-width: 1600px) {
    aside.modal_content_33 .fackBOx div .packText,
    aside.modal_content_22 .fackBOx div .packText,
    aside[aria-describedby="modal-content-4"] .fackBOx div .packText {
        padding: 0 1rem;
    }
}

@media (max-width: 992px) {
    aside.modal_content_33 .fackBOx,
    aside.modal_content_22 .fackBOx,
    aside[aria-describedby="modal-content-4"] .fackBOx {
        gap: 1rem;
    }

    aside.modal_content_33 .fackBOx div h6,
    aside.modal_content_22 .fackBOx div h6,
    aside[aria-describedby="modal-content-4"] .fackBOx div h6 {
        font-size: 2.6875rem !important;
    }

    aside.modal_content_33 .fackBOx div h6 span,
    aside.modal_content_22 .fackBOx div h6 span,
    aside[aria-describedby="modal-content-4"] .fackBOx div h6 span {
        font-size: 5rem !important;
    }
}

aside.modal_content_33 .fackBOx.fackBOx12 div,
aside.modal_content_22 .fackBOx.fackBOx12 div,
aside[aria-describedby="modal-content-4"] .fackBOx.fackBOx12 div {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}

aside.modal_content_33 .fackBOx.fackBOx12 div .packText h6,
aside.modal_content_22 .fackBOx.fackBOx12 div .packText h6,
aside[aria-describedby="modal-content-4"] .fackBOx.fackBOx12 div .packText h6 {
    font-size: 3.2875rem;
    line-height: 24px;
}

aside.modal_content_33 .fackBOx.fackBOx12 div .packText h6 span,
aside.modal_content_22 .fackBOx.fackBOx12 div .packText h6 span,
aside[aria-describedby="modal-content-4"]
    .fackBOx.fackBOx12
    div
    .packText
    h6
    span {
    font-size: 4rem;
    line-height: 24px;
}

@media (max-width: 1500px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div .packText h6,
    aside.modal_content_22 .fackBOx.fackBOx12 div .packText h6,
    aside[aria-describedby="modal-content-4"]
        .fackBOx.fackBOx12
        div
        .packText
        h6 {
        font-size: 3rem;
        line-height: 24px;
    }
}

aside.modal_content_33 .fackBOx.fackBOx12 div .packText p,
aside.modal_content_22 .fackBOx.fackBOx12 div .packText p,
aside[aria-describedby="modal-content-4"] .fackBOx.fackBOx12 div .packText p,
aside.modal_content_33 .fackBOx.fackBOx12 div .packText .com-btn,
aside.modal_content_22 .fackBOx.fackBOx12 div .packText .com-btn,
aside[aria-describedby="modal-content-4"]
    .fackBOx.fackBOx12
    div
    .packText
    .com-btn {
    margin-top: auto;
}

@media (max-width: 1100px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div,
    aside.modal_content_22 .fackBOx.fackBOx12 div,
    aside[aria-describedby="modal-content-4"] .fackBOx.fackBOx12 div {
        grid-column: span 3;
    }
}

@media (max-width: 992px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div,
    aside.modal_content_22 .fackBOx.fackBOx12 div,
    aside[aria-describedby="modal-content-4"] .fackBOx.fackBOx12 div {
        grid-column: span 4 !important;
    }
}

@media (max-width: 767px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div,
    aside.modal_content_22 .fackBOx.fackBOx12 div,
    aside[aria-describedby="modal-content-4"] .fackBOx.fackBOx12 div {
        grid-column: span 6 !important;
    }
}

@media (max-width: 583px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div,
    aside.modal_content_22 .fackBOx.fackBOx12 div,
    aside[aria-describedby="modal-content-4"] .fackBOx.fackBOx12 div {
        grid-column: span 12 !important;
    }
}

@media (min-width: 1600px) {
    aside.modal_content_22 .modal-inner-wrap,
    aside[aria-describedby="modal-content-4"] .modal-inner-wrap {
        max-width: 1500px !important;
    }
}

.convenient-options-sec {
    text-align: center;
}

.convenient-options-sec img {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.convenient-options-sec .com-heading {
    margin-bottom: 30px;
}

.btnFresh {
    background-color: #8fea51 !important;
    font-family: Frunchy serif;
    font-size: 3rem !important;
    line-height: 30px !important;
    font-weight: 900 !important;
}

.btnFrozen {
    background-color: #48dbfc !important;
    font-family: Frunchy serif;
    font-size: 3rem !important;
    line-height: 30px !important;
    font-weight: 900 !important;
}

.weekslide {
    grid-column: span 12;
    margin-bottom: 3rem;
    padding: 30px 0;
}

.WeekPlan .com-heading {
    margin-bottom: 3rem;
}

.WeekPlan .com-heading span {
    font-family: "Tiempos Headline";
    font-size: 4.375rem;
}

.WeekPlan .com-heading span b {
    color: var(--Lightgreen);
}

.WeekPlan .Monday .pactitle {
    background-color: #6ab845;
}

.WeekPlan .Tuesday .pactitle {
    background-color: #a853c0;
}

.WeekPlan .Wednesday .pactitle {
    background-color: #fed545;
}

.WeekPlan .pactitle {
    padding: 0.5rem 1rem;
    color: #fff;
    font-weight: 700;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    text-align: center;
}

.WeekPlan .weekPac {
    display: flex;
    gap: 0rem;
    background: #f7f6f4;
    padding: 10px;
}

.WeekPlan .weekPac div {
    flex-grow: 1;
    padding: 1.5rem;
    text-align: center;
    font-weight: 600;
}

.WeekPlan .weekPac div p {
    color: var(--Lightgreen);
    margin-bottom: 0;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.WeekPlan .weekPac div p img {
    width: 60px;
    border: 1px solid var(--Newgreen);
    border-radius: 100px;
    margin-left: 1rem;
}

.WeekPlan .weekPac div + div {
    border-left: 1px solid #000;
}

@media (max-width: 1100px) {
    .WeekPlan .weekPac div p img {
        width: 45px;
    }
}

@media (max-width: 767px) {
    .weekslide {
        padding: 0 15px;
    }
}

.WeekPlan .owl-nav {
    position: relative;
    bottom: -30px;
}

.WeekPlan .owl-nav button {
    bottom: 0 !important;
    top: inherit !important;
    border: 1px solid #000 !important;
    border-radius: 4px !important;
}

.WeekPlan .owl-nav button.owl-prev {
    left: 0;
    border-radius: 4px !important;
}

.WeekPlan .owl-nav button.owl-prev::before {
    top: 9px;
    width: 6px;
    height: 6px;
}

.WeekPlan .owl-nav button.owl-next {
    right: inherit;
    left: 40px;
    border-radius: 4px !important;
}

.WeekPlan .owl-nav button.owl-next::before {
    top: 9px;
    width: 6px;
    height: 6px;
}

.yoloplanwork {
    padding: 0rem 0 3rem;
}

.howITPlanbg {
    padding: 5rem 2.5rem 3.125rem 2.5rem;
    border-radius: 5.313rem 0 5.313rem 0;
    background: url(../images/bg.png) center / cover;
}

.discover-our-options-sec {
    text-align: center;
    padding-top: 60px;
}
@media screen and (max-width: 1280px) {
    .discover-our-options-sec {
        padding-top: 60px;
    }
}
@media screen and (max-width: 768px) {
    .discover-our-options-sec {
        padding-top: 30px;
    }
}

.discover-our-options-sec .discover-our-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.2rem;
    padding-bottom: 100px;
    border-bottom: solid 8px #063924;        

}

@media screen and (max-width: 1280px) {
    .discover-our-options-sec .discover-our-row {
        padding-bottom: 70px;
        border-bottom: solid 6px #063924;   
    }
}

@media screen and (max-width: 768px) {
    .discover-our-options-sec .discover-our-row {
        padding-bottom: 40px;
        border-bottom: solid 4px #063924;   
    }
}

@media screen and (max-width: 640px) {
    .discover-our-options-sec .discover-our-row {
        padding-bottom: 40px;
        border-bottom: solid 1.43px #063924;   
    }
}

.discover-our-options-sec .discover-our-row .single-col {
    grid-column: span 1;
    border-radius: 30px;
    background-color: #efefde;
    overflow: hidden;
    box-shadow: 0 1px 5px #0000004d;
}

.discover-our-options-sec .bnr-part {
    height: 383px;
    position: relative;
}

.discover-our-options-sec .bnr-part .bnr-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.discover-our-options-sec .bnr-part .curv-img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.discover-our-options-sec .discover-our-data {
    background-image: url(../images/effect-leaf.png);
    background-size: 100%;
    color: var(--Newgreen);
    background-repeat: no-repeat;
}

.discover-our-options-sec .discover-our-data {
    padding: 0 8px 25px;
}

.discover-our-options-sec .discover-our-data .pro-title {
    margin: 25px auto 0;
    width: fit-content;
    text-align: left;
    position: relative;
    z-index: 1;
    min-height: 140px;
}

.discover-our-options-sec .discover-our-data .pro-title .underline {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: -1;
}

.discover-our-options-sec .discover-our-data .fresh-img {
    max-width: 55%;
    height: 109px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .discover-our-options-sec .discover-our-data .fresh-img {
        max-width: 70%;
        height: auto !important;
    }
}

.discover-our-options-sec .discover-our-data .pro-title-small {
    color: #053825;
    font-family: "Circular Std Book";
    font-size: 20px;
    letter-spacing: -0.8px;
}

.discover-our-options-sec .discover-our-data .pro-title-large {
    font-family: "Circular Std Black";
    letter-spacing: -1.6px;
    font-size: 40px;
    font-weight: 500;
    color: #053825;
    margin: 0;
    position: relative;
}

.discover-our-options-sec .discover-our-data .dot-images {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 5px;
}

.discover-our-options-sec .discover-our-data .dot-images img {
    width: 52px;
}

.discover-our-options-sec .discover-our-data .com-btn {
    display: inline-block;
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
@media screen and (max-width: 768px) {
    .discover-our-options-sec .discover-our-data .com-btn {
        font-size: 1.6rem;
        letter-spacing: -0.64px;
        line-height: 2rem;
        min-width: 200px;
        padding: 10px;
    }
}

.discover-our-options-sec .discover-our-data .delivered {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 20px;
}

.discover-our-options-sec .discover-our-data .delivered-txt span {
    font-family: "Circular Std Book";
    font-size: 22px;
}

.discover-our-options-sec .discover-our-data .delivered-txt h6 {
    font-size: 50px;
    font-family: "Circular Std Black";
    margin: 0;
    line-height: 52px;
    font-weight: 500;
}

.discover-our-options-sec .discover-our-data .delivered-img {
    height: 160px;
    max-width: 50%;
}

.discover-our-options-sec .discover-our-data .delivered-img img {
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.dis-yolo-sec {
    text-align: center;
    position: relative;
    margin-bottom: 80px;
}

.dis-yolo-sec .com-heading {
    font-family: "Circular Std Book";
    font-size: 90px;
    letter-spacing: -3.5px;
    color: #053825;
    margin-bottom: 0;
    .two-shade-text {
        font-size: 85px;
        color: #053825;
        font-family: "Tiempos Headline Regular";
        font-weight: 400;
        span {
            color: #65b243;
            font-family: "Tiempos Headline Bold";
        }
    }
}
@media screen and (max-width: 1536px) {
    .dis-yolo-sec .com-heading {
        font-size: 72px;
        letter-spacing: -2.88px;
        margin: 0;
        .two-shade-text {
            letter-spacing: 0;
            font-size: 6.8rem;
        }
    }
}

@media (max-width: 992px) {
    .dis-yolo-sec {
        margin-bottom: 40px;
    }
    .dis-yolo-sec .com-heading {
        font-size: 5.6rem;
        letter-spacing: -2.88px;
        margin: 0;
        .two-shade-text {
            letter-spacing: 0;
            font-size: 5.2rem;
        }
    }
}

@media (max-width: 573px) {
    .dis-yolo-sec .com-heading .two-shade-text {
        font-size: 2rem;
    }
}

.dis-yolo-sec .dis-yolo-ct {
    color: #fff;
    position: absolute;
    right: 3.3vw;
    bottom: 4vw;
    .com-btn{
        background-color: #013725;
    }
}

.dis-yolo-sec .dis-yolo-ct h4 {
    font-size: 80px;
    line-height: 90px;
    letter-spacing: -4px;
    margin: 0;
    font-family: "Circular Std Bold";
}

.dis-yolo-sec .dis-yolo-ct .sub-heading {
    font-size: 70px;
    line-height: 74px;
    letter-spacing: -2.8px;
    font-family: "Circular Std Book";
}

.dis-yolo-sec .dis-yolo-ct .com-btn {
    min-width: 19vw;
    display: inline-block;
}

@media (min-width: 1536px) {
    .dis-yolo-ct {
        max-width: 570px;
        .yolo-partners-desc{
            font-size: 32px;
        }
    }
}

@media screen and (max-width: 1536px) {
    .dis-yolo-ct{
        max-width: 526px;
        .yolo-partners-desc{
            font-size: 28px;
        }
    }
    .dis-yolo-sec .dis-yolo-ct h4 {
        font-size: 64px;
        letter-spacing: -3.2px;
    }
    .dis-yolo-sec .dis-yolo-ct .sub-heading{
        font-size: 5.6rem;
        letter-spacing: -2.24px;
        line-height: 6rem;
    }
    .dis-yolo-sec .dis-yolo-ct .com-btn{
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 1350px){
    .dis-yolo-ct{
        max-width: 480px;
    }
}

@media screen and (max-width: 1280px) {
    .dis-yolo-ct{
        max-width: 420px;
        .yolo-partners-desc{
            font-size: 24px;
        }
    }
    .dis-yolo-sec .dis-yolo-ct h4 {
        font-size: 56px;
        letter-spacing: -2.2px;
    }
    .dis-yolo-sec .dis-yolo-ct .sub-heading{
        font-size: 4.6rem;
        letter-spacing: -2px;
        line-height: 5rem;
    }
    .dis-yolo-sec .dis-yolo-ct .com-btn{
        font-size: 3rem;
    }
}

@media screen and (max-width: 1280px) {
    .dis-yolo-sec .dis-yolo-ct h4 {
        font-size: 56px;
        letter-spacing: -2.2px; 
        line-height: 60px;
    }
    .dis-yolo-sec .dis-yolo-ct .sub-heading{
        font-size: 3.6rem;
        letter-spacing: -2px;
        line-height: 4rem;
    }
    .dis-yolo-sec .dis-yolo-ct .com-btn{
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 1150px){
    .dis-yolo-ct{
        max-width: 400px;
        .yolo-partners-desc{
            font-size: 20px;
        }
        h4 {
            font-size: 50px;
            letter-spacing: -2.2px; 
            line-height: 56px;
        }
    }
}

@media screen and (max-width: 1024px){
    .dis-yolo-ct{
        max-width: 320px;
        .yolo-partners-desc{
            font-size: 18px;
        }
        h4 {
            font-size: 40px;
            letter-spacing: -2.2px; 
            line-height: 46px;
        }
    }
}

@media screen and (max-width: 860px){
    .dis-yolo-ct{
        max-width: 300px;
        h4 {
            font-size: 36px;
            letter-spacing: -2.2px; 
            line-height: 40px;
        }
    }
}

.dis-yolo-sec .dis-yolo-ct .logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5625vw 0 2.6vw;
    gap: 0 3rem;
}

.dis-yolo-sec .dis-yolo-ct .logo-row img {
    width: 6.51vw;
}

.dis-yolo-sec .dis-yolo-ct .logo-row .partition {
    height: 4.6875vw;
    width: 2px;
    background-color: #fff;
}

.dis-yolo-sec .dis-yolo-bnr-desk {
    width: 100%;
}

.dis-yolo-sec .dis-yolo-bnr-mob {
    display: none;
}

@media (max-width: 1699px) {
    .discover-our-options-sec .bnr-part {
        height: 313px;
    }

    .discover-our-options-sec .discover-our-data .pro-title-small {
        font-size: 16px;
    }

    .discover-our-options-sec .discover-our-data .pro-title-large {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 38px;
    }

    .discover-our-options-sec .discover-our-data .dot-images img {
        width: 34px;
    }

    .discover-our-options-sec .discover-our-data .pro-title {
        min-height: 98px;
    }

    .discover-our-options-sec .discover-our-data .delivered-txt span {
        font-size: 18px;
    }

    .discover-our-options-sec .discover-our-data .delivered-txt h6 {
        font-size: 4rem;
        letter-spacing: -1.6px;
        line-height: 3rem;
    }
}

@media screen and (max-width: 1268px) {
    .discover-our-options-sec .discover-our-data .delivered-txt h6 {
        font-size: 3.8rem;
    }
}

@media (max-width: 1499px) {
    .discover-our-options-sec .bnr-part {
        height: 263px;
    }

    .discover-our-options-sec .discover-our-data .fresh-img {
        height: 69px;
    }

    .discover-our-options-sec .discover-our-data .pro-title .underline {
        bottom: 0;
    }

    .discover-our-options-sec .discover-our-row .single-col {
        border-radius: 20px;
    }
}

@media (max-width: 1199px) {
    .discover-our-options-sec .discover-our-row .single-col {
        grid-column: span 2;
    }

    .discover-our-options-sec .discover-our-data .fresh-img {
        height: 129px;
    }

    .discover-our-options-sec .discover-our-data .pro-title-small {
        font-size: 20px;
    }

    .discover-our-options-sec .discover-our-data .pro-title-large {
        font-size: 44px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .discover-our-options-sec .discover-our-row .single-col {
        grid-column: span 4;
    }

    .discover-our-options-sec .discover-our-data .fresh-img {
        height: 110px;
        display: block;
        margin: 10px 0 -50px;
    }

    .discover-our-options-sec .discover-our-data .pro-title {
        min-height: auto;
        margin-top: 14px;
    }

    .discover-our-options-sec .discover-our-data .pro-title.with-images{
        display: flex;
        justify-content: space-between;
    }

    .discover-our-options-sec .full_Section {
        padding: 0 15px;
    }

    .discover-our-options-sec .discover-our-data .delivered-row {
        font-family: "Circular Std Book";
        display: flex;
        flex-direction: column-reverse;
    }

    .discover-our-options-sec .bnr-part {
        display: none;
    }

    .dis-yolo-sec .dis-yolo-bnr-desk {
        display: none;
    }

    .dis-yolo-sec .dis-yolo-bnr-mob {
        display: block;
        width: 100%;
    }

    .dis-yolo-sec .dis-yolo-ct {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
        padding: 0 15px;
        right: 0;
        left: 0;
        bottom: 2.2vw;
        text-align: left;
    }

    .dis-yolo-sec .dis-yolo-ct .com-btn {
        font-size: 16px;
        line-height: 2rem;
        letter-spacing: -0.64px;
        text-align: center;
    }

    .dis-yolo-sec .dis-yolo-ct .logo-row img {
        width: 12vw;
    }

    .dis-yolo-sec .dis-yolo-ct .logo-row {
        gap: 0 4vw;
        margin-top: 0;
    }

    .dis-yolo-sec .dis-yolo-ct .logo-row .partition {
        height: 10.6vw;
    }

    .dis-yolo-sec .dis-yolo-ct h4 {
        font-family: "Circular Std Black";
        font-size: 3.8rem;
        letter-spacing: -1.48;
        line-height: 4.4rem;
    }

    .dis-yolo-sec .dis-yolo-ct .sub-heading {
        font-size: 3rem;
        width: calc(100% - 30px);
        display: block;
        line-height: 2.6rem;
        letter-spacing: -1.27px;
    }

    .dis-yolo-sec .com-heading{
        font-size: 3.2rem;
        line-height: 3.2rem;
        letter-spacing: 0;
        .two-shade-text{
            font-size: 3rem;
            line-height: 3.2rem;
        }
    }

    .dis-yolo-sec .dis-yolo-ct .sub-heading br {
        display: none;
    }
}


@media screen and (max-width:768px) {
    .discover-our-options-sec .discover-our-data .delivered-txt span{
        font-size: 2rem;
        line-height: 4rem;
        letter-spacing: -0.87px;
    }
    .discover-our-options-sec .discover-our-data .delivered-txt h6{
        font-size: 4rem;
        letter-spacing: -1.57px;
        line-height: 4rem;
    }
}

@media screen and (max-width: 432px) {
    .dis-yolo-sec .dis-yolo-ct .com-btn{
        font-size: 1.4rem;   
        min-width: 30vw;
        padding: 4px 16px;
    }
}

.fav-rest-sec {
    background: url("../images/bg-2.jpg") center / cover;
    position: relative;
    padding: 3rem 0.875rem 3rem 7.5rem;
    margin-top: 80px;
}

.fav-rest-sec .marquee-label {
    padding: 0;
}

.fav-rest-sec .marquee-label .marquee {
    height: 42px;
}

@media screen and (max-width: 767px) {
    .fav-rest-sec .marquee-label .marquee {
        height: 18px;
    }
}

.fav-rest-sec .marquee-label .inner {
    background: #fff;
    color: var(--Newgreen);
    padding: 0.813rem 0;
}

@media screen and (max-width: 768px) {
    .fav-rest-sec .marquee-label .inner {
        padding: 4px;
    }
}

.fav-rest-sec .marquee-label .inner p {
    margin-bottom: 0;
    font-family: "Circular Std Bold";
    font-size: 24px;
    color: #053725;
}

@media screen and (max-width: 1536px) {
    .fav-rest-sec .marquee-label .inner p{
        font-size: 18px;
    }
}

.fav-rest-sec .marquee-label.top {
    top: 0;
    border-top: 1px solid #999;
}

.fav-rest-sec .marquee-label.bottom {
    bottom: 0;
    border-bottom: 1px solid #999;
}

.fav-rest-sec .fav-rest-row {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.fav-rest-sec .fav-rest-row .fav-box {
    max-width: 50%;
    flex: 1;
    .white-text {
        font-family: "Circular Std Book";
        font-size: 30px;
        .two-shade-text {
            font-family: "Tiempos Headline Regular";
            font-weight: 400;
            span {
                font-family: "Tiempos Headline Bold";
            }
        }
    }
    @media screen and (max-width: 1536px){
        .white-text {
            font-size: 24px;
        }
    }
    @media screen and (max-width: 768px){
        .white-text {
            font-size: 1.6rem;
            line-height: 2.6rem;
            letter-spacing: -0.64px;
        }
        .com-btn{
            font-size: 1.6rem;
            line-height: 2rem;
            letter-spacing: -0.64px;
        }
    }
}

.fav-rest-sec .fav-rest-row .fav-box .com-heading {
    font-size: 60px;
    line-height: 65px;
    font-family: "Circular Std Book";
    .two-shade-text {
        font-family: "Tiempos Headline Regular";
        font-weight: 400;
        span {
            font-family: "Tiempos Headline Bold";
        }
    }
}

@media screen and (max-width: 1536px) {
    .fav-rest-sec .fav-rest-row .fav-box .com-heading {
        font-size: 48px;
        line-height: 50px;
        letter-spacing: -1.92px;
        .two-shade-text{
            letter-spacing: 0px;
        }
    }
}

@media screen and (max-width: 1280px) {
    .fav-rest-sec .fav-rest-row .fav-box .com-heading {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -1.92px;
        .two-shade-text{
            letter-spacing: 0px;
        }
    }
}

@media (max-width: 767px) {
    .fav-rest-sec .fav-rest-row .fav-box .com-heading {
        font-size: 3rem;
        line-height: 2.8rem;
        letter-spacing: -1.21px;
        .two-shade-text{
            font-size: 2.6rem;
            line-height: 2.8rem;
            letter-spacing: 0;
        }
    }
}

@media (min-width: 1300px) {
    .fav-rest-sec .fav-rest-row .com-heading {
        width: 85%;
    }
}

@media (max-width: 992px) {
    .fav-rest-sec .fav-rest-row {
        flex-direction: column;
    }

    .fav-rest-sec .fav-rest-row .fav-box {
        margin-bottom: 2rem;
    }
    .fav-rest-sec .fav-rest-row .fav-box {
        max-width: 100%;
        width: 100%;
        flex: 1;
    }
}

@media (max-width: 992px) {

    .fav-rest-sec .fav-box {
        padding: 2rem;
    }
}

@media (max-width: 1280px) {
    .fav-rest-sec {
        padding: 7rem 0 7rem 0;
    }

    .fav-rest-sec .fav-box {
        padding: 2rem;
    }
}

@media (min-width: 990px) and (max-width: 1100px) {
    .fav-rest-sec .fav-rest-img {
        min-height: 400px;
    }
}

/* featured-rest-sec */

.featured-rest-sec {
    text-align: center;
    margin-bottom: 80px;
}

.teaturedRes_title {
    text-align: center;
    margin-bottom: 3rem;
    border-top: 1px solid #000;
    padding-top: 3rem;
}

.featured-rest-img1 {
    background: url(../images/rest-bg1.png) center right/cover !important;
}

.featured-rest-img1 .set-img {
    display: none;
}

.featured-rest-img2 {
    background: url(../images/2.jpg) center/cover !important;
}
.featured-rest-img3 {
    background: url(../images/3.jpg) center/cover !important;
}
.featured-rest-img4 {
    background: url(../images/4.jpg) center/cover !important;
}
.featured-rest-img5 {
    background: url(../images/5.jpg) center/cover !important;
}

.featured-rest-sec .featured-rest-box {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
    background: url(../images/rest-bg.png) center/cover;
    border-radius: 40px 0 40px 0;
    overflow: hidden;
    position: relative;
    padding: 60px;
    align-items: center;
    z-index: 1;
    margin-bottom: 30px;
}

.featured-rest-sec .featured-rest-box::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #082218;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.4;
    z-index: -1;
}

.featured-rest-sec .featured-rest-box .inner {
    grid-column: span 4;
}

.featured-rest-sec .featured-rest-box-title {
    text-align: center;
    font-size: 90px;
    line-height: 65px;
    color: #fff;
    font-family: "Frunchy Serif";
    font-weight: 700;
}

.featured-rest-sec .featured-rest-box-img {
    text-align: center;
}

.featured-rest-sec .featured-rest-box-img img {
    max-height: 100%;
    max-width: 100%;
}

.featured-rest-sec .featured-rest-box-txt {
    text-align: left;
}

.featured-rest-sec .featured-rest-box-txt .para {
    font-size: 2.5rem;
    color: #fff;
    margin: 0 0 40px;
    font-weight: 400;
}

/* .featured-rest-sec .featured-rest-box-txt .para span {
	font-style: italic;
} */

.featured-rest-sec .com-btn {
    font-size: 25px;
}

.featured-rest-sec .set-img {
    position: absolute;
    right: 0;
    max-width: 450px;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin-left: auto;
    transform: translateY(15%);
}

.btnGroup {
    display: flex;
    justify-content: center;
}

.btnGroup a {
    font-size: 13px !important;
    padding: 12px 10px;
    min-width: 150px;
    text-align: center;
}
.btnGroup a + a {
    margin-left: 0.5rem;
}

@media (min-width: 1200px) {
    .btnGroup a {
        font-size: 15px !important;
        padding: 12px 25px;
    }
}

@media (max-width: 583px) {
    .btnGroup a {
        font-size: 14px !important;
        padding: 5px 15px;
        flex: 1;
        min-width: auto;
    }
}

@media (min-width: 1600px) {
    .btnGroup a {
        font-size: 2.125rem;
        padding: 10px 30px;
    }
}
.WeekPlan .weekPac div img {
    max-width: 300px;
}
.cms-meal-plan-advanced .DiscoverMenu {
    padding: 0px 0 70px;
}

.DiscoverMenuSLideBottom {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.DiscoverMenuSLideBottom div {
    width: 90px;
    height: 90px;
    border: 1px solid var(--Newgreen);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.com-btn-dark {
    background-color: var(--Newgreen);
    display: inline-block;
    font-size: 2.125rem;
    color: #fff !important;
    border-radius: 30px;
    border: none;
    padding: 10px 45px;
    cursor: pointer;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.yeloplanPlus .com-btn {
    padding: 15px 45px;
}

.yeloplanPlus .HWEslideTitle {
    text-decoration: none !important;
    font-size: 8rem !important;
}

.yeloplanPlus .HWEslideTitle span {
    text-decoration: underline;
    text-decoration-color: var(--Lightgreen);
}

.yeloplanPlus .TOpSLider .item .full_Section .slideBOttom p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 1200px) {
    .yeloplanPlus .HWEslideTitle {
        font-size: 8rem !important;
    }

    .yeloplanPlus .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 2.4rem;
    }

    .yeloplanPlus .slideBOttom div {
        flex: auto !important;
    }
}

@media (min-width: 1600px) {
    .yeloplanPlus .HWEslideTitle {
        font-size: 10rem !important;
    }

    .yeloplanPlus .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 3rem;
    }
}

.yeloplanPlus .slidebottom_img_right {
    display: flex;
    align-items: end;
    justify-content: end;
    color: #fff;
}

.yeloplanPlus .slidebottom_img_right picture {
    min-height: auto !important;
}

.yeloplanPlus .TOpSLider .item::before {
    opacity: 0.5;
}

@media (max-width: 992px) {
    /* .featured-rest-sec .featured-rest-box .inner {
		grid-column: span 12;
	} */

    .featured-rest-sec .featured-rest-box .inner.featured-rest-box-title {
        font-size: 30px;
        line-height: 24px;
    }
}

@media (max-width: 992px) {
    .featured-rest-sec .featured-rest-box {
        padding: 14px;
        border-radius: 20px 0 20px 0;
        grid-gap: 1rem;
        margin-bottom: 10px;
    }
    .featured-rest-sec {
        margin-bottom: 30px;
    }
    /* .featured-rest-sec .featured-rest-box-img img {
		max-width: 170px;
	} */

    .featured-rest-sec .featured-rest-box-txt .para {
        font-size: 8px;
        margin-bottom: 0;
    }

    .btnGroup a {
        font-size: 10px !important;
        padding: 3px 7px;
        flex: 1;
        min-width: auto;
    }
    .btnGroup a + a {
        margin-left: 0rem;
    }
    .WeekPlan .weekPac div p {
        font-size: 1.3rem;
    }

    .WeekPlan .weekPac div p img {
        width: 40px;
    }

    .WeekPlan .weekPac {
        gap: 0rem;
    }

    .DiscoverMenuSLideBottom div {
        width: 60px;
        height: 60px;
        padding: 1rem;
    }

    .yeloplanPlus .HWEslideTitle {
        font-size: 2.5rem !important;
    }

    .yeloplanPlus .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .yeloplanPlus .com-btn {
        padding: 10px 18px;
        width: auto;
        font-size: 1.5rem;
    }

    .yeloplanPlus .TOpSLider .item .full_Section .slideBOttom img {
        max-width: 50px;
        min-height: initial !important;
    }

    .featured-rest-sec .com-btn {
        font-size: 16px;
    }
}

/* checkout page css */

.check-steps-area {
    text-align: center;
    padding-bottom: 70px;
    margin-bottom: 60px;
}

.check-steps-area .custom-container {
    border-bottom: 1px solid #b0b0b0;
}

.choose-your-rest-sec {
    text-align: center;
    margin-bottom: 90px;
}

.choose-your-rest-sec .choose-rest-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.4rem;
}

.choose-your-rest-sec .choose-rest-col {
    grid-column: span 3;
}

.choose-your-rest-sec .choose-rest-col label {
    height: 170px;
    border-radius: 30px 0 30px 0;
    overflow: visible;
    padding: 10px;
}

.choose-your-rest-sec .choose-rest-col input:checked + label,
.choose-your-rest-sec .choose-rest-col label:hover {
    border-color: #003726;
}

.com-check-select {
    position: relative;
    overflow: visible;
}

.com-check-select .check-img {
    display: none;
    position: absolute;
    top: -20px;
    right: -20px;
}

.com-check-select input:checked + label .check-img {
    display: block;
}

.choose-your-rest-sec .choose-rest-col .rest-img {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.com-check-select input {
    display: none;
}

.check-choose-box label {
    border: 2px solid #b0b0b0;
    padding: 37px 10px;
    background-color: #f2f2f2;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: #999999;
    overflow: hidden;
    font-weight: 600;
}

.check-choose-box input {
    display: none;
}

.check-choose-box label .small-txt {
    color: #9e9e9e;
    display: block;
    font-weight: normal;
}

.check-choose-box input:checked + label,
.check-choose-box label:hover {
    border-color: #70b840;
    background-color: #8fea51;
    box-shadow: 10px 10px 10px #8fea5194;
    color: var(--Newgreen);
}

.check-choose-box input:checked + label .small-txt,
.check-choose-box label:hover .small-txt {
    color: var(--Newgreen);
}

.choose-your-other-sec .choose-your-other-heading {
    font-size: 35px;
    color: var(--Newgreen);
    margin: 0 0 30px 0;
    font-weight: bold;
}

.choose-your-other-sec .separate {
    margin-bottom: 70px;
}

.choose-your-other-sec .choose-line-1 {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-gap: 1.4rem;
}

.choose-your-other-sec .choose-line-1 .check-choose-box {
    grid-column: span 4;
}

.choose-your-other-sec .add-ons .check-choose-box label {
    border-radius: 30px 0 30px 0;
    padding: 0;
}

.choose-your-other-sec .add-ons .meal-img {
    height: 150px;
    width: 175px;
    object-fit: cover;
    flex-shrink: 0;
}

.choose-your-other-sec .add-ons .rht {
    width: 100%;
    padding: 30px;
}

.choose-your-other-sec .choose-line-2 .check-choose-box {
    grid-column: span 5;
}

.check-choose-date {
    grid-column: span 12;
}

.check-choose-date input {
    border: 2px solid #b0b0b0;
    background-color: #f2f2f2;
    border-radius: 10px;
    width: 100%;
    font-size: 35px;
    padding: 14px 40px;
    height: auto;
    color: var(--Newgreen);
}

.choose-your-other-sec .separate .btm-txt {
    font-size: 25px;
    color: var(--Newgreen);
    margin: 20px 0 0;
    width: 60%;
}

.check-order-sum {
    padding: 40px 0 70px;
    background: url(../images/order-summary-bg.png) center/cover;
    margin-bottom: 80px;
    color: #fff;
}

.check-order-sum .com-heading {
    color: #fff;
}

.check-order-table {
    margin: 20px 0 50px;
    max-width: 543px;
}

.check-order-sum .check-order-price {
    font-size: 35px;
    padding: 0 40px 20px 0;
}

.check-order-sum .check-order-price:first-child {
    font-weight: 600;
}

.check-order-sum .check-order-total:first-child {
    color: var(--Lightgreen);
    font-weight: 600;
}

.check-order-sum .check-order-total {
    font-size: 45px;
    padding: 0;
}

/* choose-your-meal-page */

.choose-your-meal-sec {
    text-align: center;
    margin-bottom: 80px;
}

.choose-your-meal-sec .choose-your-meal-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.4rem;
    margin-top: 2rem;
}

.choose-your-meal-sec .choose-your-meal-row .single-meal {
    grid-column: span 3;
    text-align: left;
}

.choose-your-meal-sec .single-meal label.first {
    background: rgb(76, 209, 238);
    background: linear-gradient(
        135deg,
        rgba(76, 209, 238, 1) 0%,
        rgba(76, 209, 238, 1) 83%
    );
}

.choose-your-meal-sec .single-meal label.second {
    background: rgb(254, 213, 70);
    background: linear-gradient(
        135deg,
        rgba(254, 213, 70, 1) 0%,
        rgba(254, 237, 157, 1) 83%
    );
}

.choose-your-meal-sec .single-meal label.third {
    background: rgb(190, 146, 201);
    background: linear-gradient(
        135deg,
        rgba(190, 146, 201, 1) 0%,
        rgba(189, 171, 193, 1) 83%
    );
}

.choose-your-meal-sec .single-meal label.fourth {
    background: rgb(143, 234, 81);
    background: linear-gradient(
        135deg,
        rgba(143, 234, 81, 1) 0%,
        rgba(201, 234, 178, 1) 83%
    );
}

.choose-your-meal-sec .single-meal label {
    display: block;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 30px 0 30px 0;
    padding: 50px 40px;
    color: var(--Newgreen);
    height: 100%;
}

.choose-your-meal-sec .single-meal input:checked + label {
    border-color: var(--Newgreen);
}

.choose-your-meal-sec .single-meal input:checked + label.first {
    box-shadow: 10px 12px 10px #5bd4ee7d;
}

.choose-your-meal-sec .single-meal input:checked + label.second {
    box-shadow: 10px 12px 10px #fed5476b;
}

.choose-your-meal-sec .single-meal input:checked + label.third {
    box-shadow: 10px 12px 10px #be98c775;
}

.choose-your-meal-sec .single-meal input:checked + label.fourth {
    box-shadow: 10px 12px 10px #99ea6175;
}

.choose-your-meal-sec .single-meal h5 {
    font-size: 25px;
    margin: 20px 0;
}

.choose-your-meal-sec .single-meal p {
    font-size: 12px;
    margin: 0;
}

@media (min-width: 1600px) {
    .choose-your-meal-sec .single-meal p {
        font-size: 18px;
    }
}

@media (max-width: 1499px) {
    .check-choose-box label {
        font-size: 20px;
        padding: 18px 10px;
    }

    .check-choose-date input {
        font-size: 28px;
    }

    .choose-your-rest-sec .choose-rest-col label {
        height: 140px;
    }

    .com-check-select .check-img {
        top: -10px;
        right: -5px;
        width: 33px;
    }

    .choose-your-other-sec .choose-your-other-heading {
        font-size: 28px;
    }

    .choose-your-other-sec .separate .btm-txt {
        font-size: 18px;
        width: 74%;
    }

    .check-order-sum .check-order-price {
        font-size: 28px;
    }

    .check-order-sum .check-order-total {
        font-size: 38px;
    }

    .choose-your-meal-sec .single-meal h5 {
        font-size: 20px;
    }

    .choose-your-meal-sec .single-meal label {
        padding: 35px 30px;
    }
}

@media (max-width: 1199px) {
    .choose-your-rest-sec .choose-rest-col label {
        height: 110px;
        border-radius: 20px 0 20px 0;
    }

    .check-choose-box label {
        border-radius: 6px;
    }

    .choose-step-container {
        padding: 0 30px;
    }

    .check-choose-box label {
        font-size: 16px;
    }

    .choose-your-other-sec .choose-your-other-heading {
        font-size: 22px;
        margin: 0 0 20px 0;
    }

    .choose-your-other-sec .separate {
        margin-bottom: 50px;
    }

    .choose-your-other-sec .add-ons .check-choose-box label {
        border-radius: 20px 0 20px 0;
    }

    .check-choose-date input {
        font-size: 22px;
    }

    .choose-your-meal-sec .choose-your-meal-row .single-meal {
        grid-column: span 6;
    }
}

@media (max-width: 767px) {
    .com-check-select .check-img {
        top: -6px;
        right: -6px;
        width: 30px;
    }

    .choose-your-rest-sec .choose-rest-col {
        grid-column: span 6;
    }
    .choose-your-meal-sec .single-meal label {
        padding: 15px 10px;
    }
    .choose-your-meal-sec .single-meal h5 {
        font-size: 12px;
        margin: 10px 0;
    }
    .choose-your-meal-sec .single-meal p {
        font-size: 8px;
    }
    .choose-your-rest-sec .choose-rest-row,
    .choose-your-other-sec .choose-line-1 {
        grid-gap: 0.9rem;
    }

    .choose-your-other-sec .choose-line-1 .check-choose-box,
    .choose-your-other-sec .choose-line-2 .check-choose-box {
        grid-column: span 6;
    }

    .choose-your-rest-sec .choose-rest-col label {
        height: 70px;
        padding: 5px 10px;
    }

    .check-choose-box label {
        padding: 12px 10px;
    }

    .check-choose-date {
        grid-column: span 14;
    }

    .choose-step-container {
        padding: 0 15px;
    }

    .check-choose-date input {
        padding: 14px 20px;
    }

    .choose-your-other-sec .separate .btm-txt {
        width: 100%;
        font-size: 13px;
    }

    .choose-your-meal-sec .choose-your-meal-row .single-meal {
        grid-column: span 6;
    }
    .choose-your-other-sec .choose-your-other-heading {
        font-size: 18px;
        margin: 0 0 15px 0;
    }
    .choose-your-other-sec .choose-line-1 {
        grid-gap: 1rem;
        /* width: calc(100% - 50px); */
    }
    .check-choose-box label {
        font-size: 12px;
    }
}
@media (max-width: 650px) {
    .coming_soon {
        right: -21px !important;
    }
    .btnGroup {
        flex-direction: column;
        gap: 0.5rem;
    }
}

.stepDesign {
    text-align: center;
    padding-top: 80px;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 2rem;
}

.stepDesign h1 {
    font-size: 8.333333333333333rem;
    color: var(--Newgreen);
    margin: 0 0 10px 0;
    font-family: "Frunchy Serif";
    font-weight: 700;
    /* line-height: 45px; */
}

.steps {
    border-bottom: 1px solid;
    margin-bottom: 4rem;
}

.steps ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 70%;
    margin: 4rem auto;
}

.steps ul li {
    text-align: center;
    font-weight: 700;
    position: relative;
    flex: 1;
}

.steps ul li p {
    color: #b0b0b0;
}

.steps ul li:last-child:before {
    display: none;
}

.steps ul li:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    background: #000;
    right: -35%;
    top: 35%;
}

.steps ul li.active span {
    background: var(--Newgreen);
}

.steps ul li.active p {
    color: var(--Newgreen);
}

.steps ul li span {
    background: #b0b0b0;
    width: 45px;
    height: 45px;
    border-radius: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem auto;
    font-size: 2rem;
    padding: 3px;
}

.steps ul li span b {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    border: 3px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .choose-your-other-sec .add-ons .meal-img {
        height: 120px;
        width: 100px;
    }
}

@media (max-width: 992px) {
    .stepDesign h1 {
        font-size: 4.333333rem;
    }

    .steps ul {
        max-width: 100%;
    }

    .steps ul li p {
        font-size: 10px;
    }

    .steps ul li span {
        background: #b0b0b0;
        width: 35px;
        height: 35px;
        font-size: 1.5rem;
    }

    .steps ul li:before {
        width: 50%;
        right: -25%;
    }

    .check-order-sum .check-order-price {
        font-size: 20px;
    }

    .check-order-sum .check-order-total {
        font-size: 28px;
    }

    .check-order-sum {
        margin-bottom: 40px;
    }

    .check-order-sum .com-btn {
        padding: 15px 30px;
    }
}

/*========================= diff-food-slider  ==========================*/

.diff-food-slider {
    background: url(../images/diff-food-slider-bg.png) center/cover;
    padding: 100px 0 0;
    position: relative;
}

.diff-food-slider .custom-slide-nav {
    display: flex;
    gap: 18px;
    align-items: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 15%;
    bottom: 74px;
    z-index: 1;
}

.diff-food-slider .custom-slide-nav .single-dot {
    padding: 10px;
    border-radius: 100px 100px 0 0;
    background-color: #f5e9ca;
    text-align: center;
    box-shadow: 10px -8px 18px #d1bb84d4;
    width: 100px;
    cursor: pointer;
}

/* .diff-food-slider .custom-slide-nav .single-dot:last-child img{
  width: 75%;
} */
.diff-food-slider .custom-slide-nav .single-dot img {
    width: auto;
    height: 80px;
    object-fit: contain;
}

@media (min-width: 1600px) {
    .diff-food-slider .custom-slide-nav .single-dot {
        width: 160px;
        padding: 20px;
    }

    .diff-food-slider .custom-slide-nav .single-dot img {
        width: auto;
        height: 116px;
    }
}

.diff-food-slider .custom-slide-nav .single-dot.active {
    background-color: var(--Lightgreen);
    padding-bottom: 50px;
}

.diff-food-slider .diff-food-row {
    display: flex;
    align-items: flex-start;
}

.diff-food-slider .diff-food-left {
    width: 70%;
}

.diff-food-slider .diff-food-left img {
    width: 105%;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.diff-food-slider .diff-food-card {
    width: 700px;
    background-color: #f1ecde99;
    border-radius: 60px 0;
    box-shadow: 0 0 30px #b0a07285;
    padding: 60px 50px;
    margin: 110px 30px 0 0;
    z-index: 2;
}

.diff-food-slider .diff-food-card .diff-food-title {
    font-size: 51px;
    line-height: 53px;
    font-family: "Tiempos Headline";
    color: var(--Newgreen);
    font-weight: bold;
    margin-bottom: 15px;
}

.diff-food-slider .diff-food-card .diff-food-title span {
    font-size: 34px;
    display: block;
}

.diff-food-slider .diff-food-card .star-rating {
    border-radius: 20px;
    box-shadow: 5px 6px 13px #cecece;
    color: var(--Lightgreen);
    width: fit-content;
    padding: 5px 9px;
    margin-bottom: 15px;
    background-color: #fff;
    font-size: 18px;
}

.diff-food-slider .diff-food-card .star-rating span {
    margin-left: 5px;
}

.diff-food-slider .diff-food-card .diff-food-para {
    font-size: 22px;
    color: var(--Newgreen);
}

.diff-food-slider .diff-food-card .feature-pro-row {
    margin: 35px 0;
    padding: 22px;
    box-shadow: inset 3px 3px 8px #aea58c;
    border-radius: 26px;
    display: flex;
    background-color: #e8ddbf;
    /* max-height: 160px;
  overflow-y: auto; */
}

.diff-food-slider .diff-food-card .feature-pro-row .features-side-title {
    font-size: 20px;
    color: var(--Newgreen);
}

.diff-food-slider .diff-food-card .feature-pro-row .feature-pro-tab {
    margin: 13px 7px 0 0;
    background-color: var(--Lightgreen);
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    display: inline-block;
    border-radius: 10px;
    padding: 2px 10px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
}

.diff-food-slider .diff-food-card .feature-pro-row .feature-pro-tab i {
    margin-right: 6px;
    color: var(--Newgreen);
}

.diff-food-slider
    .diff-food-card
    .feature-pro-row
    .program-side
    .feature-pro-tab {
    background-color: var(--Newgreen);
}

.diff-food-slider .diff-food-card .diff-food-card-foot {
    display: flex;
    justify-content: space-between;
}

.diff-food-slider .diff-food-card .diff-food-card-foot .rate {
    font-size: 67px;
    color: var(--Newgreen);
    border-radius: 50px;
    background-color: #e8ddbf;
    font-weight: bold;
    padding: 2px 15px;
    min-width: 50%;
    text-align: center;
}

.diff-food-slider .diff-food-card .diff-food-card-foot .com-btn {
    border-radius: 50px;
}

.diff-food-slider .diff-food-ingrediants {
    display: flex;
    padding: 18px 0;
    background: linear-gradient(
        90deg,
        rgba(5, 56, 37, 1) 0%,
        rgba(106, 184, 69, 1) 100%
    );
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.diff-food-slider .diff-food-ingrediants .diff-food-inner {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.diff-food-slider .diff-food-ingrediants .ingrediants-single {
    padding: 0 55px;
    color: #fff;
    font-size: 30px;
    border-right: 2px solid #fff;
    text-align: center;
    letter-spacing: 2px;
    text-wrap: nowrap;
}

.diff-food-slider .diff-food-ingrediants .ingrediants-single span {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin-top: 4px;
}

.diff-food-slider .diff-food-ingrediants .ingrediants-single:last-child {
    border-right: none;
}

.cms-product-landing .healthy-grt-sec {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .diff-food-slider .diff-food-card .feature-pro-row .feature-pro-tab {
        font-size: 8px !important;
        min-height: auto !important;
        padding: 3px 6px;
    }
}

/* ingrediants-bnr */

.ingrediants-bnr {
    background-color: #fff;
}

.ingrediants-bnr img {
    width: 100%;
}

.ingrediants-bnr .ingrediants-bnr-small {
    display: none;
}

@media (max-width: 1699px) {
    .diff-food-slider .diff-food-card .diff-food-title {
        font-size: 40px;
        line-height: 43px;
    }

    .diff-food-slider .diff-food-card .diff-food-title span {
        font-size: 24px;
    }

    .diff-food-slider .diff-food-card .diff-food-para {
        font-size: 18px;
    }

    .diff-food-slider .diff-food-card {
        border-radius: 40px 0;
    }

    .diff-food-slider .diff-food-card {
        padding: 40px 34px;
    }

    .diff-food-slider .diff-food-card .feature-pro-row .features-side-title {
        font-size: 16px;
    }

    .diff-food-slider .diff-food-card .feature-pro-row .feature-pro-tab {
        font-size: 14px;
    }

    .diff-food-slider .diff-food-card .feature-pro-row {
        margin: 25px 0;
        padding: 18px;
        border-radius: 20px;
    }

    .diff-food-slider .diff-food-card .diff-food-card-foot .rate {
        font-size: 50px;
    }

    .diff-food-slider .diff-food-ingrediants {
        padding: 13px 0;
    }

    .diff-food-slider .diff-food-ingrediants .ingrediants-single {
        padding: 0 40px;
        font-size: 24px;
    }

    .diff-food-slider .diff-food-ingrediants .ingrediants-single span {
        font-size: 12px;
    }
}

@media (max-width: 1499px) {
    .diff-food-slider .diff-food-card {
        width: 600px;
        padding: 30px 24px;
        border-radius: 30px 0;
        max-width: 90%;
        margin: 25px 30px 0 0;
    }

    .diff-food-slider .diff-food-card .diff-food-title {
        font-size: 34px;
        line-height: 33px;
    }

    .diff-food-slider .diff-food-card .diff-food-title span {
        font-size: 20px;
    }

    .diff-food-slider .diff-food-card .diff-food-card-foot .rate {
        font-size: 40px;
    }

    .diff-food-slider .diff-food-row {
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    .diff-food-slider .diff-food-card {
        margin: 25px 20px 0 0;
    }

    .diff-food-slider .diff-food-card .diff-food-title {
        font-size: 26px;
        line-height: 25px;
    }

    .diff-food-slider .diff-food-card .diff-food-title span {
        font-size: 16px;
    }

    .diff-food-slider .diff-food-card .diff-food-para {
        font-size: 14px;
    }

    .diff-food-slider .diff-food-card .feature-pro-row {
        margin: 15px 0;
        padding: 14px 10px;
        border-radius: 10px;
    }

    .diff-food-slider .diff-food-card .feature-pro-row .feature-pro-tab {
        font-size: 12px;
        margin-top: 7px;
        border-radius: 5px;
        min-height: 24px;
    }

    .diff-food-slider .diff-food-card .feature-pro-row .feature-pro-tab img {
        margin-right: 2px;
        max-width: 16px;
    }

    .diff-food-slider .diff-food-card .diff-food-card-foot .rate {
        font-size: 30px;
    }

    .diff-food-slider .diff-food-ingrediants .ingrediants-single {
        padding: 0 30px;
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .diff-food-slider .diff-food-row {
        flex-direction: column;
    }

    .diff-food-slider .diff-food-left {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }

    .diff-food-slider .diff-food-left img {
        width: 80%;
    }

    .diff-food-slider .diff-food-card {
        margin: 20px auto 10px;
        padding: 26px 15px;
        border-radius: 20px 0;
    }

    .diff-food-slider .diff-food-ingrediants {
        justify-content: center;
        flex-wrap: wrap;
        padding: 6px 0;
    }

    .diff-food-slider .diff-food-ingrediants .ingrediants-single {
        font-size: 14px;
        padding: 0 20px;
    }

    .diff-food-slider .diff-food-ingrediants .ingrediants-single span {
        font-size: 10px;
    }

    .diff-food-slider .diff-food-card .star-rating {
        font-size: 14px;
    }

    .ingrediants-bnr {
        padding-top: 15px;
    }

    .ingrediants-bnr .ingrediants-bnr-large {
        display: none;
    }

    .ingrediants-bnr .ingrediants-bnr-small {
        display: block;
    }

    .custom-slide-nav {
        display: none !important;
    }
}

header .block-search #search-btn a::before{
	background-image: url(../images/Search_02.png);
}

.page-header div#search_autocomplete {
        border-radius: 15px;
    
    }
.page-header div#search_autocomplete li {
    color: var(--Newgreen);
    border: none;
	font-size: 14px;
	padding: 6px 14px 3px 14px;
	span{
		color: var(--Newgreen);
		font-size: 14px;
	}
	.amount{
		right: 12px;
	}
}

.page-header div#search_autocomplete{
	border: 1px solid #6ab845;
}

@media (max-width: 767px) {
    .diff-food-slider .diff-food-left img {
        margin: 0 auto;
    }

    .diff-food-slider .diff-food-card .diff-food-title {
        font-size: 23px;
        line-height: 24px;
    }
}

@media (max-width: 583px) {
    .diff-food-slider .diff-food-ingrediants .ingrediants-single {
        font-size: 10px;
        padding: 0 8px;
    }

    .diff-food-slider .diff-food-ingrediants .ingrediants-single span {
        font-size: 5px;
    }

    .diff-food-slider .diff-food-card .diff-food-card-foot .com-btn {
        font-size: 1.5rem;
        padding: 5px 20px;
    }

    .diff-food-slider .diff-food-card .diff-food-card-foot .rate {
        font-size: 18px;
    }
}

@media (max-width: 340px) {
    .diff-food-slider .diff-food-card {
        padding: 30px 14px;
    }
}

/* Model new change */
aside.modal_content_33 .fackBOx.fackBOx12 {
    display: flex;
    gap: 1.5rem;
}
aside.modal_content_33 .fackBOx.fackBOx12 div {
    flex-grow: 1;
}
@media (max-width: 1100px) {
    aside.modal_content_33 .fackBOx.fackBOx12 {
        display: flex;
        gap: 1.5rem;
        flex-wrap: wrap;
    }
    aside.modal_content_33 .fackBOx.fackBOx12 div {
        flex: 0 32%;
    }
}
@media (max-width: 992px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div {
        flex: 0 30%;
    }
}
@media (max-width: 767px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div {
        flex: 0 48%;
    }
}
@media (max-width: 583px) {
    aside.modal_content_33 .fackBOx.fackBOx12 div {
        flex: 0 100%;
    }
}

.categorypath-meal-plan .banner-block.mgz-container {
    width: 100%;
}

.minicart-wrapper .action.showcart .counter.qty {
    position: relative;
    top: -10px;
    right: 10px;
}

strong.lineupprice {
    font-weight: bold;
    color: #053825;
    font-size: 14px;
    font-family: "Circular Std Book";
}

.faqdata {
    color: var(--Lightgreen);
    font-weight: 500;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer;
}
.faqdata img {
    width: 20px;
}

.INstamobile {
    display: none;
}

.ui-datepicker .ui-datepicker-calendar th {
    background-color: var(--Newgreen);
    color: var(--Lightgreen);
}
.ui-datepicker .ui-datepicker-next span {
    border-color: transparent transparent transparent var(--Lightgreen);
}
.ui-datepicker .ui-datepicker-prev span {
    border-color: transparent var(--Lightgreen) transparent transparent;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
    background-color: var(--Lightgreen);
    color: #fff;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
    background: var(--Lightgreen);
    color: #fff;
}

.LineUpMobile {
    display: none;
}

#banner-slider-carousel .banner-content .owl-image {
    display: block;
}

.cms-precision-nutrition-page {
    #banner-slider-carousel .banner-content .owl-image {
        display: flex;
        justify-content: center;
    }
}

/* .starterpac_custom .custom-container .btn, .starterpac_custom .custom-container button {
	font-size: 20px !important;
	padding: 15px 30px !important;
	text-align: center;
	background-color: #6ab845 !important;
	color: #fff !important;
	border-radius: 30px !important;
	border: none !important;
	cursor: pointer !important;
	text-decoration: none !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400 !important;
	height: 60px;
	width: 522px;
} */

/* YOLO Now */
/* .category-shop  .toolbar-products {

} */

.page-header form#search_mini_form{
    width: auto;
}

.shopby {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.shopby .sorter-label {
    display: none;
}

.sortfilter .select2-container {
    width: auto !important;
}

.shopby
    .custom_product_select
    + .select2-container--default
    .select2-selection--single {
    background: #efefde url(../images/arrow-down.png) no-repeat center right
        14px;
    border-radius: 30px;
    padding: 8px 25px;
    border: none;
    color: var(--Newgreen);
    min-width: 180px;
    /* max-width: 230px; */
    white-space: nowrap;
    font-size: 18px;
    margin: 5px;
    font-weight: 400;
    height: 42px;
    line-height: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.shopby
    .custom_product_select
    + .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    text-align: left;
}
.select2-container--default .select2-results__option--selected {
    background-color: inherit;
}
.shopby
    .custom_product_select
    + .select2-container--default
    .select2-selection__arrow {
    display: none;
}
.select2-container--default .select2-results>.select2-results__options {
    border: 1px solid #fff;
    border-radius: 27px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    max-height: 100%;
    padding-bottom: 12px;
}
.select2-dropdown {
    min-width: 185px !important;
}
.page-products.category-shop .columns {
    background-color: #fff;
}

.category-shop .item.product.product-item .product-item-info {
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
}

.category-shop .product-items li {
    /* padding-top: 0px !important; */
    padding-bottom: 0px !important;
    /* margin-bottom: 0px !important; */
}
.category-shop .product-items .no-label {
    display: none;
}

.category-shop .page-products .products-grid .product-item {
    height: 480px;
    min-height: 480px;
}
.category-shop .product-items li .product-item-info .product-item-photo {
    position: unset;
}
.category-shop .new-lable {
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 2;
    background-color: var(--Lightgreen);
    border-color: var(--Lightgreen);
}

.category-shop .product-item-details {
    padding: 0 1rem;
}
.category-shop .item.product.product-item .product-item-info:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px 0 30px 0;
    background: #f1ecde;
    z-index: -1;
    height: calc(100% - 120px);
}
.category-shop .product-item-details .product-item-name {
    font-family: "Tiempos Headline";
    font-weight: 700;
}
.category-shop .product-item-details .product-item-name .meal-subname-small {
    font-family: "Tiempos Headline";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-height: 24px;
}

.category-shop .product-items li .product-item-info .details form {
    position: relative;
    bottom: 0px;
}

.category-shop .product-item-details .product-item-name .product-item-link {
    font-size: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-height: auto;
}

.category-shop .product-item-details .actions-primary .btn button {
    background-color: var(--Lightgreen) !important;
    font-size: 2.125rem;
    color: #fff !important;
    border-radius: 30px !important;
    padding: 8px 10px !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400 !important;
    width: 100%;
}
.category-shop
    .product-item-details
    .actions-primary
    .btn
    button[title="Add to Cart"]:hover {
    border-color: var(--Lightgreen) !important;
}

.category-shop .product-item-details .actions-primary .btn + div {
    display: none;
}

.category-shop .product-item-details .price-box {
    background-color: #e8ddbf;
    box-shadow: inset -4px 2px 4px rgba(0, 0, 0, 0.36);
    padding: 0px 10px;
    border-radius: 30px;
    /* flex-direction: column; */
    justify-content: center;
}
.category-shop .product-item-details .price-box .price {
    font-weight: 900;
    font-size: 24px;
}

.clearAllbtn a {
    font-family: "Poppins", sans-serif !important;
}

.category-shop .actions-primary {
    width: 100%;
}
.actionNew {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
    width: 100%;
    flex-direction: column;
}
@media (min-width: 1441px) {
    .healthy-grt-sec .healthy-grt-grid.healthy-grt-multiple .com-heading {
        font-size: 5rem;
        line-height: 33px;
        min-height: 66px;
    }
    .healthy-grt-sec .para {
        font-size: 18px;
    }
}

@media (min-width: 1600px) {
    .actionNew {
        flex-direction: row;
    }
    .discover-our-options-sec .discover-our-data .pro-title .underline {
        bottom: 0px;
    }
}
.actionNew > div {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.actionNew .actions-secondary {
    display: none;
}

.category-shop .filter-content .accordion {
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

.category-shop .filter-content button.accordion,
.category-shop .filter-options-content {
    border: none !important;
}

.category-shop #ajaxlist-reload-product_list {
    margin-top: 0px;
}

.category-shop #category-filters li.parent > a.category-collapse,
.category-shop #category-filters li.parent > a.category-expand {
    background-image: none;
    position: relative;
    padding-right: 35px;
}
.category-shop #category-filters li.parent > a.category-collapse::before,
.category-shop #category-filters li.parent > a.category-expand::before {
    position: absolute;
    right: 1rem !important;
    left: auto;
    border: none;
    top: 5px !important;
}
.category-shop #category-filters li.parent > a.category-collapse::before {
    content: "\e905";
    font-family: "icomoon";
}

.category-shop #category-filters li.parent > a.category-expand::before {
    content: "\e904";
    font-family: "icomoon";
}

.category-shop .toolbar-products {
    margin-bottom: 0px;
}

.category-shop .pages ul li strong,
.category-shop .pages ul li a {
    width: 45px !important;
    height: 45px !important;
    display: block !important;
    border-radius: 30px !important;
    font-family: "Poppins", sans-serif ;
}
.category-shop .toolbar-products {
    padding: 0;
    margin-top: 5px;
}

.category-shop .pages ul li a.next:before,
.category-shop .pages ul li a.previous:before {
    font-size: 46px !important;
}
@media (min-width: 1180px) and (max-width: 1480px) {
    .category-shop .slidebottom_img_right img {
        max-width: 220px !important;
    }
}

@media (min-width: 992px) {
    .category-shop .columns .column.main {
        padding-top: 15px !important;
    }
    picture.fav-rest-img {
        flex-basis: auto;
        flex: 1;
    }
}

.category-shop .filter-content #category-filters li > a {
    padding: 5px 12px;
    color: #003726;
    background-color: #fff;
    border-radius: 6px;
    background-image: none;
    font-size: 16px;
}
.category-shop .filter-content #category-filters li.first.child a {
    background-color: var(--Newgreen) !important;
    color: #fff;
}

.category-shop .filter-options-content .items li a {
    font-size: 16px !important;
    color: #1a1a18;
}
.category-shop .filter-options-content .items li a::before {
    height: 17px;
    width: 17px;
    position: absolute;
    left: 0;
    top: 7px;
    border: 1px solid #1a1a18;
    border-radius: 5px;
}

.starterpacbottom .com-btn {
    padding: 15px 30px !important;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    margin-top: 3rem;
    width: 100%;
}

.category-shop .fav-rest-sec {
    margin-top: 0px;
    margin-bottom: 80px;
}
.category-shop .columns {
    padding-bottom: 0px !important;
}

.discover-our-options-sec .discover-our-data .pro-title-small i {
    font-style: normal;
    font-family: "Tiempos Headline Regular";
    margin-right: 3px;
    b{
        font-family: "Tiempos Headline Bold";
    }
}
.yeloplanPlus p {
    font-family: "Poppins", sans-serif;
}

.cms-yoloplansplus .DiscoverMenu {
    padding: 0px 0 70px;
}

.check-choose-date .iconsCa {
    color: var(--Newgreen);
    /* top: 2rem !important; */
    right: 20px !important;
}

.customer-stories-list .com-btn {
    padding: 15px 30px !important;
    margin: 1rem 0;
}

.discover-our-row .single-col:nth-child(4) .pro-title {
    text-align: center;
}
.mpinstagramfeed-container .mpinstagramfeed-photo {
    max-height: initial;
}
.mpinstagramfeed-photo img {
    max-height: initial;
}

.yeloplanPlus .slidebottom_img_right {
    display: none !important;
}

.yeloplanPlus .item {
    margin-bottom: 4rem;
}

.yeloplanPlus .TOpSLider .item img {
    object-position: right;
}

.featured-rest-img1 .futureRestBoxtextWeb .para span {
    font-style: italic;
}
.featured-rest-img1 .futureRestBoxtextWeb .para {
    margin: 0 0 18px;
    text-align: center;
}

@media (max-width: 768px) {
    .customer-stories-list .com-btn {
        padding: 8px 26px !important;
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: -0.57px;
    }
}

@media (min-width: 992px) {
    .stepDesign {
        width: calc(100% - 80px);
        margin: 0 auto 2rem;
    }
    .coming_soon {
        width: 165px;
        position: relative;
        right: -70px;
        display: inline-block;
    }
}
@media (min-width: 1200px) {
    .coming_soon {
        width: 200px;
    }
}

@media (min-width: 768px) {
    .cms-home .howITWork,
    .cms-homepage .howITWork {
        display: none;
    }
    .cms-newhomepage .howITWork {
        display: none;
    }
    .InstantRightMobile,
    .futureRestBoxtextMobile {
        display: none;
    }
}
@media (min-width: 1600px) {
    .category-shop .product-item-details .product-item-name .product-item-link {
        font-size: 32px;
        /* min-height: 102px; */
    }
    .category-shop .filter-content .accordion {
        font-size: 30px;
    }
    .fav-rest-sec .fav-rest-row div {
        flex: 1;
    }
    .coming_soon {
        right: -83px;
        display: inline-block;
    }
}
@media (max-width: 992px) {
    .page-products .columns .column.main {
        width: 100%;
        max-width: 100%;
    }
    .page-with-filter .columns .sidebar-main {
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
        height: auto;
    }
    .coming_soon {
        width: 130px;
        position: relative;
        right: -50px;
        display: inline-block;
    }
}
@media (min-width: 992px) and (max-width: 1180px) {
    .category-shop .slidebottom_img_right img {
        max-width: 180px !important;
    }
    .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .HWEslideTitle {
        font-size: 5rem;
    }
    .featured-rest-sec .featured-rest-box-txt .para {
        font-size: 2.3rem;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .category-shop .products-grid .product-item {
        width: calc((100%) / 2) !important;
        /* margin-left: 2%; */
    }
}

@media (max-width: 583px) {
    .shopby {
        flex-direction: column;
    }
    .category-shop .product-items li.item {
        flex: auto;
    }
    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box .healthCOntent p {
        font-size: 11px;
    }
    .choose-pack-left .select2-container {
        width: calc(100% - 35px) !important;
    }
    .coming_soon {
        width: 60px;
        right: -20px;
    }
}

@media (max-width: 767px) {
    .INstamobile {
        display: block;
        .com-heading{
            .embrace-unseen{
                font-family: "Circular Std Book";
                font-size: 1.6rem;
                line-height: 2.8rem;
                letter-spacing: -0.64px;
                margin-bottom: 0;
            }
            .undiscovered{
                font-family: "Circular Std Bold";
                font-size: 3.2rem;
                line-height: 2.8rem;
                letter-spacing: -1.28px;
            }
        }
        .instagramSlide{
            display: grid;
            grid-template-columns: repeat(2,1fr);
            column-gap: 4px;
        }
    }
    .INstaWeb,
    .futureRestBoxtextWeb {
        display: none;
    }

    .button-tbody {
        display: none;
    }
    .line-up-sec .pro-table-first td:first-child {
        display: none;
    }
    /* .line-up-sec .com-heading{
		line-height: 20px;
		margin-bottom: 0;
	} */

    .line-up-sec {
        padding: 5rem 1.5rem 3.125rem 1.5rem;
        border-radius: 0;
    }

    .LineUpMobile {
        display: block;
    }
    .lineUpWEB {
        display: none;
    }

    .LineUpMobile .line-up-product {
        flex-direction: row;
        margin-top: 25px;
    }
    .LineUpMobile .line-up-product .com-btn {
        display: inline-block;
        width: auto;
    }
    .LineUpMobile .line-up-product .lineText {
        padding: 5px;
        width: 100%;
    }

    .LineUpMobile .line-up-product .line-up-pro-img {
        width: 100px;
        min-width: 100px;
    }
    /* .marquee {
		height:14px;
	} */
    .marquee p {
        font-size: 9px;
        margin-bottom: 0px;
        letter-spacing: 1px;
        line-height: 1.2rem;
    }

    .ui-menu.ui-widget.ui-widget-content.ui-corner-all.toggle-menu {
        display: block;
        position: absolute;
        top: 100%;
        background: linear-gradient(90deg, #053825 0%, #6ab845 100%);
        left: 0px;
        right: 0px;
        height: auto;
        transition: 0.3s ease all;
        padding: 0;
        z-index: 2;
        width: 100%;
    }
    .navigation .level0 > .level-top {
        color: #fff;
    }
    picture.m_our-story-img {
        height: 350px;
        display: block;
    }

    picture.m_our-story-img img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }
    .discover-our-options-sec .discover-our-data .pro-title-small {
        font-family: "Circular Std Book";
        font-size: 18px;
        line-height: 2rem;
        letter-spacing: -0.71px;
    }
    .discover-our-options-sec .discover-our-data .dot-images {
        margin-left: 10px;
        margin-bottom: 5px;
    }
    .discover-our-options-sec .discover-our-data .pro-title-large {
        font-size: 34px;
        line-height: 40px;
        letter-spacing: -1.35px;
    }
    .Instant_gastronomy {
        border-radius: 20px 0 20px 0;
    }
    .fav-rest-sec {
        background: linear-gradient(90deg, #053825 0%, #6ab845 100%);
    }
    .fav-rest-sec {
        margin-top: 20px;
        padding: 4rem 0 3rem 0;
    }
    picture.fav-rest-img {
        height: 185px;
        overflow: hidden;
    }
    .fav-rest-circles {
        margin: 10px 0 10px;
    }
    .fav-rest-circles img {
        width: 70px;
    }
    .WhyFoods {
        margin-top: 0rem;
    }
    .WhyFoods .tabHead {
        border-top: none;
    }

    .OurStory .owl-stage {
        display: flex;
        align-items: stretch;
    }
    .OurStory .owl-stage .owl-item {
        min-height: 100%;
    }

    .starterpacbottom .com-btn {
        padding: 10px 30px !important;
        font-size: 16px;
        line-height: 2rem;
        letter-spacing: -0.64px;
        height: auto;
    }
    /* .block.newsletter:before{
		content: "Contact";
		font-family: 'Tiempos Headline';
		font-size: 24px;
		font-weight: 700;
	} */
    .newsletter .title + label[for="newsletter"] {
        font-family: "Tiempos Headline";
    }
    .navigation .level0 > .level-top {
        padding: 8px 40px 8px 20px;
        font-size: 14px;
        font-weight: 500;
        text-transform: capitalize;
        font-family: "Tiempos Headline";
    }
    .navigation .level0 > .level-top:hover {
        color: var(--Lightgreen);
    }

    .nav-toggle.active:before {
        content: "\e90f" !important;
        color: #fff;
        font-family: "icomoon";
        font-size: 18px !important;
        top: 5px;
        position: relative;
        left: 3px;
    }
    .discover-our-options-sec
        .discover-our-row
        .single-col:nth-child(3)
        .pro-title {
        max-width: 300px;
    }
    .discover-our-options-sec
        .discover-our-row
        .single-col:last-child
        .pro-title {
        justify-content: center;
    }
    .line-up-sec .line-up-product .com-btn {
        font-size: 14px;
        padding: 5px 30px;
    }
    .fav-rest-sec .marquee-label .inner p {
        font-size: 8px;
        line-height: 1rem;
        letter-spacing: 1.15px;
    }
    .InstantRightWeb {
        display: none;
    }
    .InstantRight {
        text-align: center;
    }
    .InstantRight .com-heading {
        text-align: left;
    }
    .Instant_gastronomy .InstantRight p {
        font-size: 1.4375rem !important;
        text-align: left;
    }
    .yeloplanPlus .HWEslideTitle {
        font-size: 3rem !important;
    }
    .yeloplanPlus p {
        font-family: "Poppins", sans-serif;
    }
    .yeloplanPlus .HWEslideTitle span {
        font-size: 3rem;
    }
    .yeloplanPlus .slidebottom_img_right {
        flex-direction: column;
    }
    .yeloplanPlus .com-btn {
        padding: 6px 18px;
        font-size: 14px;
    }
    .DiscoverMenuSLideBottom {
        margin-bottom: 0rem;
    }
    .cms-yoloplansplus .DiscoverMenu {
        padding: 0px 0 30px;
    }
    .DiscoverMenu .discoverInner .titleinner {
        padding: 0 2rem;
    }
    .category-shop .pages ul li strong,
    .category-shop .pages ul li a {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    .category-shop .pages ul li a.next:before {
        margin: 0 0 0 -10px !important;
    }
    .category-shop .pages ul li a.previous:before {
        margin: 0 0 0 -10px !important;
    }

    .category-shop .columns .column.main {
        padding: 0px 15px 40px 15px;
    }
    .minicart-wrapper .action.showcart::before {
        background-size: 16px;
        background-position: center;
    }
    .MobileTabBTN + .select2 .select2-selection__rendered span,
    .select2-results__options li span {
        font-size: 12px;
    }
    .stepDesign {
        padding-top: 40px;
        border-bottom: 1px solid #b0b0b0;
        margin-bottom: 2rem;
    }
    .category-shop .filter-content .accordion {
        font-size: 18px;
    }
    .category-shop .filter-content .accordion {
        font-size: 18px;
        padding: 8px 20px 8px 0px;
    }
    .home-main-section .TOpSLider .item .full_Section .slideBOttom {
        align-items: end;
    }
    .home-main-section .TOpSLider .item .full_Section .slideBOttom div {
        flex-basis: auto;
        min-width: 90px;
    }
    /* .page-footer .footer.content {
        font-family: 'Tiempos Headline';
    } */
    .line-up-sec .line-up-product .line-up-pro-title {
        line-height: 24px;
    }
    .line-up-sec .line-up-product .lineupTItle {
        min-height: auto;
    }

    .catalog-category-view
        .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .HWEslideTitle
        + p {
        font-size: 1.2rem !important;
    }
    .cms-homepage .columns .column.main {
        min-width: 0;
        margin-top: -2rem;
    }
    .category-shop .product-item-details .product-item-name .product-item-link {
        font-size: 20px;
    }
    .featured-rest-sec .set-img {
        max-width: 60%;
    }
}

@media screen and (max-width:424px) {
    .discover-our-options-sec .discover-our-data .pro-title-large{
        font-size: 24px;
        line-height: 30px;
    }
}

@media (max-width: 360px) {
    .category-shop .product-items li {
        padding: 0px !important;
    }
    .category-shop .product-items li {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
}
@media (max-width: 360px) {
    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box .healthCOntent p {
        font-size: 10px;
    }
}
@media (max-width: 583px) {
    .healthy-grt-sec .healthy-grt-grid .healthy-grt-box .img-box {
        width: 120px;
    }
}

/* 2560x1440 screen responsive */

@media (min-width: 1920.99px) {
    #banner-slider-carousel .banner-content .banner-title {
        font-size: 210px !important;
        line-height: 135px !important;
    }
    .custom-container {
        margin: 0 auto;
    }
    .com-heading {
        font-size: 9.333333rem;
        line-height: 65px;
    }
    .WhyFoods .tabHead .HWEtab .tablinks {
        font-size: 3rem;
        line-height: 30px;
    }
    .gogl-review-sec .review-left .lbl {
        font-size: 3rem;
    }
    .gogl-review-sec .review-right .txt {
        font-size: 3rem;
    }
    .gogl-review-sec .review-right .name {
        font-size: 3rem;
    }
    .Instant_gastronomy .InstantRight {
        padding: 7rem 6rem;
    }
    .dis-yolo-sec .com-heading .two-shade-text {
        font-size: 6rem;
    }
    .fav-rest-sec .fav-rest-row .fav-box .com-heading {
        line-height: 94px;
    }
    .line-up-sec .line-up-product .com-btn {
        font-size: 20px;
        max-width: 200px;
    }
    .line-up-sec .line-up-product .line-up-pro-title {
        font-size: 4.6rem;
    }
    .line-up-sec .line-up-product .para {
        font-size: 28px;
    }
    strong.lineupprice {
        font-size: 3rem;
    }
    .line-up-sec .button-tbody button span {
        font-size: 24px;
    }
    .line-up-sec .button-tbody button img {
        width: 34px;
    }
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight p {
        font-size: 28px;
    }
    .WhyFoods .tabcontent .Instant_gastronomy .InstantRight .whyFoodCOunt div {
        font-size: 8rem;
    }
    .customer-single .comment,
    .customer-single .name {
        font-size: 21px;
    }
    .choose-pack-sec .choose-pack-table .tbl-row {
        font-size: 21px;
    }
    .customSelect {
        font-size: 20px;
    }
    .FawsNEW div details summary {
        font-size: 22px;
    }
    .marquee .inner {
        font-size: 18px;
    }
    .page-footer .footerMenu .menu1 h6 {
        font-size: 23px;
    }
    .footer.content a {
        font-size: 20px;
    }
    .customer-single .customer-img {
        height: 400px;
    }
    .com-btn {
        border-radius: 62px;
        font-size: 3.125rem;
    }
    .discover-our-options-sec .discover-our-data .pro-title-small {
        font-size: 23px;
    }

    .discover-our-options-sec .discover-our-data .pro-title-large {
        font-size: 40px;
    }
    .discover-our-options-sec .discover-our-data .delivered-txt span {
        font-size: 22px;
        line-height: 30px;
    }
    .discover-our-options-sec .discover-our-data .delivered-txt h6 {
        font-size: 50px;
    }
    .discover-our-options-sec .discover-our-data .pro-title .underline {
        bottom: 0px;
    }
    .DiscoverMenu .discoverInner .filter .selectDesing {
        font-size: 25px;
        height: 58px;
    }
    .WhyFoods .tabHead .HWEtab .tablinks span {
        font-size: 5rem;
    }
    .dis-yolo-sec .dis-yolo-ct .sub-heading {
        line-height: 86px;
    }
    .yeloplanPlus .HWEslideTitle {
        font-size: 14rem !important;
        line-height: 110px;
    }
    .yeloplanPlus .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 4rem;
    }
    .yeloplanPlus .com-btn {
        padding: 29px 45px;
        width: 300px;
    }
    .home-main-section .TOpSLider .item .full_Section .slideBOttom img {
        max-width: 250px;
    }
    .cms-meal-
        .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        img {
        max-width: 450px;
    }
    .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .HWEslideTitle {
        line-height: 95px;
    }
    .featured-rest-sec .featured-rest-box-txt .para {
        font-size: 3.5rem;
    }
    .btnGroup a {
        font-size: 28px !important;
        padding: 15px 25px;
    }
    .btnGroup {
        display: flex;
        justify-content: start;
    }
    .featured-rest-sec .featured-rest-box-title {
        font-size: 150px;
        line-height: 95px;
    }
    .com-btn-dark {
        font-size: 3.125rem;
        border-radius: 50px;
        padding: 15px 45px;
    }
    .WeekPlan .weekPac div p {
        font-size: 2.8rem;
    }
    .workSection .workBox h6 {
        font-size: 3.5rem;
    }
    .workSection .workBox p {
        font-size: 2.4375rem;
    }
    .line-up-sec .pro-table-second td {
        font-size: 23px;
    }
    .stepDesign h1 {
        font-size: 12.333333rem;
        line-height: 76px;
    }
    .home-main-section .com-btn {
        width: auto;
    }
    .home-main-section
        .TOpSLider
        .item
        .full_Section
        .slideBOttom
        .HWEslideTitle {
        font-size: 11rem;
    }
    .home-main-section .TOpSLider .item .full_Section .slideBOttom p {
        font-size: 4rem;
    }
    .home-main-section h1 {
        font-size: 17rem;
        line-height: 163px;
    }
    .DiscoverMenu .discoverInner .filter .selectDesing {
        max-width: 300px;
    }
    .faqdata {
        font-size: 24px;
    }
    .HWEtab .icon-icon-tab8,
    .HWEtab .icon-icon-tab9 {
        font-size: 7rem !important;
    }
    .page-header .searchandcart .minicart-wrapper {
        padding: 6px;
    }

    .DiscoverMenu .discoverInner .titleinner p {
        font-size: 40px;
    }
    .fav-rest-sec .marquee-label .inner p {
        font-size: 18px;
    }
    .teaturedRes_title p {
        font-size: 28px;
    }
    .line-up-sec .line-up-product .line-up-pro-img {
        height: 22.875rem;
    }
    .line-up-sec .com-heading + p {
        font-size: 28px;
    }
    .logo-part .logo img {
        width: 280px;
    }
    .category-shop .product-item-details .product-item-name .product-item-link {
        min-height: 103px;
    }
    .page-products .columns .column.main {
        max-width: calc(100% - 450px);
    }
    .marquee {
        height: 28px;
    }
    .page-header .searchandcart .minicart-wrapper,
    .page-header .searchandcart .switcher,
    .page-header .searchandcart .header.links {
        width: 45px;
        height: 45px;
    }

    .link.authorization-link a::before,
    .minicart-wrapper .action.showcart::before {
        width: 25px;
        height: 25px;
    }
    .page-header .searchandcart .switcher .switcher-trigger img {
        width: 22px !important;
        top: -1px;
    }
    .fav-rest-sec .marquee-label .marquee {
        height: 40px;
    }
    .check-choose-date .iconsCa {
        top: -55px !important;
    }
    .discover-our-options-sec .discover-our-data .pro-title {
        min-height: 176px;
    }
    .discover-our-options-sec .discover-our-data .delivered-img {
        height: 205px;
    }
    .coming_soon {
        width: 290px;
        right: -132px;
    }
    .page-header .block-search div#custom-search{
		top: 45.5px;
	}
    header .block-search #search-btn a::before{
		width: 27px;
		height: 27px;
	}
}

@media screen and (max-width: 1536px) {
    .DiscoverMenu .discoverInner .titleinner p {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 26px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .DiscoverMenu .discoverInner .titleinner p {
        font-size: 1.8rem;
        letter-spacing: -0.71px;
        line-height: 26px;
    }
}

.teaturedRes_title a.featuredlink {
    color: var(--Newgreen);
}


#html-body.cms-homepage,
#html-body.cms-landing-page {
    .magezon-builder{
        .why-yolofoods{
            .why-yolofoods-block{
                .inner-content:first-child{
                    padding: 0 80px;
                }
                .why-yolofoods-container{
                    padding-bottom: 80px;
                    border-bottom: solid 8px #063924;
                }
                .why-yolo-heading{
                    text-align: center;
                    margin-top: 72px;
                    margin-bottom: 78px;
                    letter-spacing: -3.2px;
                    h2 {
                        font-size: 100px;
                    }
                    .header-why {
                        color: #004128;
                        font-family: "Circular Std Book";
                        font-weight: 400;
                    }
                    .header-yolo {
                        color: #6ab845;
                        font-family: "Tiempos Headline Regular";
                        font-weight: 300;
                        .header-foods {
                            font-family: "Tiempos Headline Bold";
                            font-weight: 700;
                        }
                    }
                }
                .why-yolo-content {
                    .row-content {
                        display: grid;
                        grid-template-columns: 348px repeat(4, 1fr);
                        border-bottom: solid 2px #03432a;
                        .col-1 {
                            font-size: 5rem;
                            color: #54b548;
                            font-family: "Circular Std Medium Italic";
                            letter-spacing: -2px;
                            line-height: 60px;
                            padding: 20px 0 20px 12px;
                        }
                        .col-2 {
                            background-color: #6ab845;
                        }
                        .col-3,
                        .col-4 {
                            border-right: solid 2px #03432a;
                        }
                        .col-2,
                        .col-3,
                        .col-4,
                        .col-5 {
                            text-align: center;
                            font-size: 4rem;
                            color: #03432a;
                            font-family: "Circular Std Book";
                            font-weight: 400;
                            letter-spacing: -1.6px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                    }
                    .row-content.row-1 {
                        .col-2 {
                            font-size: 5rem;
                            font-family: "Tiempos Headline Regular";
                            font-weight: 400;
                            span {
                                font-family: "Tiempos Headline Bold";
                                font-weight: 700;
                            }
                            position: relative;
                        }
                        .col-2::before {
                            content: "";
                            position: absolute;
                            top: -38px;
                            left: 50%;
                            transform: translateX(-50%);
                            width: 100%;
                            height: 38px;
                            background-color: #6ab845;
                            border-radius: 55px 55px 0 0;
                        }
                        .col-2,
                        .col-3,
                        .col-4,
                        .col-5 {
                            align-items: self-start;
                        }
                    }
                    .row-content.row-10 {
                        .col-2,
                        .col-3,
                        .col-4,
                        .col-5 {
                            font-size: 3rem;
                            color: #1e3f2a;
                            font-family: "Circular Std Book";
                            font-weight: 300;
                            span {
                                font-size: 40px;
                                font-family: "Circular Std Bold";
                                font-weight: 700;
                            }
                        }
                        .col-2 {
                            border-bottom-left-radius: 55px;
                            border-bottom-right-radius: 55px;
                        }
                    }
                    @media screen and (max-width: 1536px) {
                        .why-yolo-heading{
                            text-align: center;
                            margin-top: 60px;
                            margin-bottom: 90px;
                            h2 {
                                font-size: 8rem;
                            }
                        }
                        .row-content {
                            grid-template-columns: 300px repeat(4, 1fr);
                            .col-1 {
                                font-size: 4rem;
                                line-height: 4.8rem;
                                padding: 12px 0 12px 8px;
                            }
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                font-size: 3.2rem;
                                line-height: 3.8rem;
                            }
                        }
                        .row-content.row-1 {
                            .col-2 {
                                font-size: 4rem;
                                line-height: 4.8rem;
                            }
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                padding-bottom: 20px;
                            }
                        }
                        .row-content.row-10 {
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                font-size: 2.4rem;
                                span {
                                    font-size: 3.2rem;
                                    line-height: 3.8rem;
                                    font-weight: 700;
                                }
                            }
                        }
                    }
                    @media screen and (max-width: 1280px){
                        .row-content {
                            grid-template-columns: 250px repeat(4, 1fr);
                            .col-1 {
                                font-size: 3.5rem;
                            }
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                font-size: 2.5rem;
                            }
                            svg{
                                width: 40px;
                                height: 40px;
                            }
                        }
                        .row-content.row-1 {
                            .col-2 {
                                font-size: 3rem;
                            }
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                padding-bottom: 12px;
                            }
                        }
                        .row-content.row-10 {
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                font-size: 2rem;
                                span {
                                    font-size: 2.5rem;
                                    font-weight: 700;
                                }
                            }
                        }
                    }
                    @media screen and (max-width: 768px){
                        .row-content {
                            grid-template-columns: repeat(5, 1fr);
                            .col-1 {
                                font-size: 1.8rem;
                                line-height: 2rem;
                                letter-spacing: -0.71px;
                                padding: 8px 0 8px 6px;
                            }
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                font-size: 1.4rem;
                                line-height: 1.8rem;
                                letter-spacing: -0.57px;
                                svg{
                                    width: 20px;
                                    height: 20px;
                                }
                            }
                            svg{
                                width: 30px;
                                height: 30px;
                            }
                        }
                        .row-content.row-1 {
                            .col-2::before {
                                top: -23px;
                                height: 24px;
                                border-radius: 22px 22px 0 0;
                            }
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                font-size: 1.4rem;
                                line-height: 1.8rem;
                                letter-spacing: -0.57px;
                                padding-bottom: 12px;
                            }
                            .col-2 {
                                font-size: 1.8rem;
                                line-height: 2rem;
                                letter-spacing: -0.71px;
                            }
                        }
                        .row-content.row-10 {
                            .col-2{
                                border-bottom-left-radius: 22px;
                                border-bottom-right-radius: 22px;
                            }
                            .col-2,
                            .col-3,
                            .col-4,
                            .col-5 {
                                font-size: 1rem;
                                line-height: 1.8rem;
                                letter-spacing: -0.43px;
                                span {
                                    font-size: 1.4rem;
                                    line-height: 1.8rem;
                                    letter-spacing: -0.57px;
                                }
                            }
                        }
                    }
                }
                @media screen and (max-width: 1536px) {
                    .why-yolo-heading{
                        text-align: center;
                        margin-top: 60px;
                        margin-bottom: 60px;
                        h2 {
                            font-size: 8rem;
                        }
                    }
                }
                @media screen and (max-width: 1280px) {
                    .inner-content:first-child {
                        padding: 0 50px;
                    }
                    .why-yolofoods-container{
                        padding-bottom: 60px;
                        border-bottom: solid 6px #063924;
                    }
                    .why-yolo-heading{
                        text-align: center;
                        margin-top: 40px;
                        margin-bottom: 60px;
                        h2 {
                            font-size: 6rem;
                        }
                    }
                }
                @media screen and (max-width: 1024px){
                    .why-yolo-content.grid-container{
                        overflow-x: auto;
                        padding-top: 50px;
                    }
                    .why-yolo-content.grid-container::-webkit-scrollbar{
                        display: none;
                    }
                    .row-content-container {
                        width: 1024px;
                    }
                    .why-yolo-heading{
                        margin-bottom: 10px;
                    }
                    .why-yolofoods-container{
                        padding-bottom: 50px;
                        border-bottom: solid 4px #063924;
                    }
                }
                @media screen and (max-width: 768px) {
                    .inner-content:first-child {
                        padding: 0 36px;
                    }
                    .why-yolofoods-container{
                        padding-bottom: 50px;
                        border-bottom: solid 1.43px #063924;
                    }
                    .why-yolo-content.grid-container{
                        padding-top: 40px;
                    }
                    .why-yolo-heading{
                        text-align: center;
                        margin-top: 30px;
                        h2 {
                            font-size: 3.6rem;
                            line-height: 4.2rem;
                            letter-spacing: -1.43px;
                        }
                    }
                    .row-content-container {
                        width: 768px;
                    }
                }

                @media screen and (max-width: 640px){
                    .inner-content:first-child {
                        padding: 0 18px;
                    }
                    .why-yolofoods-container{
                        padding-bottom: 40px;
                    }
                    .row-content-container {
                        width: 640px;
                    }
                }
            }
        }
        .discover-menu-container {
            padding-top: 64px;
        }
        @media screen and (max-width: 768px) {
            .discover-menu-container {
                padding-top: 30px;
            }
        }
        .google-review-container{
            .inner-content {
                padding: 0 80px;
            }
            @media screen and (max-width: 1280px){
                .inner-content {
                    padding: 0 50px;
                }
            }
            @media screen and (max-width: 768px){
                .inner-content {
                    padding: 0 36px;
                }
            }
            @media screen and (max-width: 640px){
                .inner-content {
                    padding: 0 18px;
                }
            }
            @media screen and (max-width: 400px){
                .custom-container{
                    padding: 0;
                }
            }
        }
    }
    .what-is-yolo-foods-row-container{
        margin-bottom: 28px;
        .what-is-yolo-foods-banner-container{
            .what-is-yolo-foods-banner-title-container{
                margin-top: 16px;
                .what-is-yolo-foods-banner-title{
                    font-family: "Circular Std Book";
                    font-size: 100px;
                    color: #013725;
                    letter-spacing: -4.4px;
                    margin-bottom: 24px;
                    .yolo-foods-text{
                        font-family: "Tiempos Headline Regular";
                        font-weight: 400;
                        color: #54b548;
                        span{
                            font-family: "Tiempos Headline Bold";
                        }
                    }
                }
                @media screen and (max-width:1536px){
                    .what-is-yolo-foods-banner-title{
                        font-size: 80px;
                    }
                }
                @media screen and (max-width:1280px) {
                    .what-is-yolo-foods-banner-title{
                        font-size: 60px;
                        letter-spacing: -3.4px;
                    }
                }
                @media screen and (max-width:1024px) {
                    .what-is-yolo-foods-banner-title{
                        font-size: 50px;
                    }
                }
                @media screen and (max-width:768px) {
                    .what-is-yolo-foods-banner-title{
                        font-size: 40px;
                        letter-spacing: -2.4px;
                        margin-bottom: 12px;
                    }
                }
                @media screen and (max-width:640px) {
                    .what-is-yolo-foods-banner-title{
                        font-size: 32px;
                        line-height: 40px;
                        letter-spacing: -1.14px;
                    }
                }
            }
            .what-is-yolo-foods-content-block{
                .inner-content.mgz-container{
                    width: 100%;
                    padding: 0 80px;
                    .what-is-yolo-foods-content-title-container{
                        .mgz-element-inner{
                            display: grid;
                            /* grid-template-rows: repeat(3, 1fr); */
                            .precision-nutrition{
                                grid-row: 2/3;
                                text-align: left;
                                .what-is-yolo-foods-content-title{
                                    font-size: 80px;
                                    color: #013725;
                                    font-family: "Circular Std Black";
                                    line-height: 100px;
                                    margin: 0;
                                    span{
                                        font-family: "Circular Std Book";
                                        font-weight: 500;
                                    }
                                    .light-green-text {
                                        font-family: "Circular Std Black";
                                        color: #69B745;
                                    }
                                }
                                .what-is-yolo-foods-content-subtitle{
                                    font-size: 7rem;
                                    line-height: 8rem;
                                    letter-spacing: -4.34px;
                                    font-family: "Circular Std Book";
                                    font-weight: 500;
                                    color: #013725;
                                    margin: 32px;
                                }
                            }
                            .science-backed-gastronomic{
                                grid-row: 4/8;
                                .what-is.yolo-foods-desc{
                                    font-family: "Circular Std Book";
                                    font-size: 24px;
                                    line-height: 32px;
                                    color: #013725;
                                    text-align: left;
                                    font-family: 400;
                                    margin-top: 32px;
                                }
                            }
                            @media screen and (max-width: 1730px) {
                                .precision-nutrition{
                                    .what-is-yolo-foods-content-title{
                                        font-size: 80px;
                                        line-height: 80px;
                                    }
                                    .what-is-yolo-foods-content-subtitle{
                                        font-size: 6rem;
                                        line-height: 6rem;
                                    }
                                }
                            }
                            @media screen and (max-width: 1536px) {
                                .precision-nutrition{
                                    .what-is-yolo-foods-content-title{
                                        font-size: 64px;
                                        line-height: 64px;
                                    }
                                    .what-is-yolo-foods-content-subtitle{
                                        font-size: 5.7rem;
                                        line-height: 5.7rem;
                                    }
                                }
                            }
                            @media screen and (max-width: 1420px) {
                                .precision-nutrition{
                                    .what-is-yolo-foods-content-title{
                                        font-size: 56px;
                                        line-height: 56px;
                                       
                                    }
                                    .what-is-yolo-foods-content-subtitle{
                                        font-size: 4.8rem;
                                        line-height: 4.8rem;
                                    }
                                }
                                .science-backed-gastronomic{
                                    .what-is.yolo-foods-desc{
                                        font-size: 28px;
                                        line-height: 36px;
                                    }
                                }
                            }
                            @media screen and (max-width: 1280px) {
                                .precision-nutrition{
                                    .what-is-yolo-foods-content-title{
                                        font-size: 48px;
                                        line-height: 48px;
                                        
                                    }
                                    .what-is-yolo-foods-content-subtitle{
                                        font-size: 4.5rem;
                                        line-height: 4.5rem;
                                    }
                                }
                                .science-backed-gastronomic{
                                    .what-is.yolo-foods-desc{
                                        font-size: 24px;
                                        line-height: 32px;
                                    }
                                }
                            }
                            @media screen and (max-width: 1136px) {
                                .precision-nutrition{
                                    .what-is-yolo-foods-content-title{
                                        font-size: 40px;
                                        line-height: 40px;
                                    }
                                    .what-is-yolo-foods-content-subtitle{
                                        font-size: 4rem;
                                        line-height: 4rem;
                                    }
                                }
                                .science-backed-gastronomic{
                                    .what-is.yolo-foods-desc{
                                        font-size: 24px;
                                        line-height: 32px;
                                    }
                                }
                            }
                        }
                    }
                }
                @media screen and (max-width: 1024px) {
                    .what-is-yolo-foods-inner-content{
                        .mgz-parallax{
                            display: none;
                        }
                        .inner-content.mgz-container{
                            .mgz-element-column:first-child{
                                display: none;
                            }
                            .mgz-element-column:nth-child(2){
                                width: 100%;
                            }
                        }
                    }
                }

                @media screen and (max-width: 1280px){
                    .inner-content.mgz-container {
                        padding: 0 50px;
                    }
                }
                @media screen and (max-width: 768px){
                    .inner-content.mgz-container {
                        padding: 0 36px;
                    }
                }
                @media screen and (max-width: 640px){
                    .inner-content.mgz-container {
                        padding: 0 18px;
                    }
                }
            }
            @media screen and (min-width: 1024px) {
                .precision-nutrition-mobile-container{
                    display: none;
                }
                .what-is-yolo-desc-mobile-container{
                    display: none;
                }
            }
            @media screen and (max-width: 1024px) {
                .precision-nutrition-mobile-container{
                    .inner-content.mgz-container{
                        padding: 0 50px;
                        .precision-nutrition{
                            text-align: center;
                            .what-is-yolo-foods-content-title{
                                font-size: 40px;
                                color: #013725;
                                font-family: "Circular Std Black";
                                letter-spacing: -4px;
                                line-height: 40px;
                                margin: 0;
                                span{
                                    font-family: "Circular Std Book";
                                    font-weight: 500;
                                }
                                .light-green-text {
                                    font-family: "Circular Std Black";
                                    color: #69B745;
                                }
                            }
                            .what-is-yolo-foods-content-subtitle{
                                font-size: 4rem;
                                line-height: 4.8rem;
                                letter-spacing: -2.34px;
                                font-family: "Circular Std Book";
                                font-weight: 500;
                                color: #013725;
                                margin: 0;
                            }
                        }
                    }
                    @media screen and (max-width: 768px){
                        .inner-content.mgz-container {
                            padding: 0 36px;
                        }
                    }
                    @media screen and (max-width: 640px){
                        .inner-content.mgz-container {
                            padding: 0 18px;
                        }
                    }
                }
                .what-is-yolo-desc-mobile-container{
                    .inner-content.mgz-container{
                        padding: 0 50px;
                        .what-is-yolo-foods-desc-mobile{
                            font-family: "Circular Std Book";
                            font-size: 24px;
                            line-height: 30px;
                            letter-spacing: -1.4px;
                            color: #013725;
                            text-align: center;
                            font-family: 400;
                        }
                        @media screen and (max-width:640px) {
                            .what-is-yolo-foods-desc-mobile{
                                font-size: 2rem;
                                line-height: 2.4rem;
                                letter-spacing: -0.43px;
                            }
                        }
                    }
                    @media screen and (max-width: 768px){
                        .inner-content.mgz-container {
                            padding: 0 36px;
                        }
                    }
                    @media screen and (max-width: 640px){
                        .inner-content.mgz-container {
                            padding: 0 18px;
                        }
                    }
                }
            }
            @media screen and (max-width: 768px) {
                .precision-nutrition-mobile-container{
                    .inner-content.mgz-container{
                        .precision-nutrition{
                            .what-is-yolo-foods-content-title{
                                font-size: 40px;
                                line-height: 40px;
                            }
                            .what-is-yolo-foods-content-subtitle{
                                font-size: 2.2rem;
                                line-height: 2.5rem;
                                letter-spacing: -1.36px;
                            }
                        }
                    }
                }
            }
            @media screen and (max-width: 640px) {
                .precision-nutrition-mobile-container{
                    .inner-content.mgz-container{
                        .precision-nutrition{
                            .what-is-yolo-foods-content-title{
                                font-size: 32px;
                                line-height: 32px;
                            }
                            .what-is-yolo-foods-content-subtitle{
                                font-size: 2.2rem;
                                line-height: 2.4rem;
                                letter-spacing: -1.36px;
                            }
                        }
                    }
                }
            }
            @media screen and (max-width: 400px) {
                .precision-nutrition-mobile-container{
                    .inner-content.mgz-container{
                        .precision-nutrition{
                            .what-is-yolo-foods-content-title{
                                font-size: 24px;
                                line-height: 24px;
                            }
                        }
                    }
                }
            }
        }
    }
    .precistion-nutrition-container{
        .precision-nutrition-accordion-title{
            display: none;
        }
        .precision-nutrition-accordion-title-homepage{
            display: block;
            text-align: center;
            .precision-title-accordian-homepage{
                font-size: 10rem;
                font-family: "Circular Std Book";
                letter-spacing: -6px;
                color: #013725;
                span{
                    font-family: "Circular Std Black";
                }
            }
            @media screen and (max-width: 1536px) {
                .precision-title-accordian-homepage{
                    font-size: 8rem;
                }
            }
            @media screen and (max-width: 1280px) {
                .precision-title-accordian-homepage{
                    font-size: 7rem;
                    letter-spacing: -4px;
                }
            }
            @media screen and (max-width: 1024px) {
                .precision-title-accordian-homepage{
                    font-size: 6rem;
                }
            }
            @media screen and (max-width: 768px) {
                .precision-title-accordian-homepage{
                    font-size: 4rem;
                    letter-spacing: -3px;
                }
            }
            @media screen and (max-width: 640px) {
                .precision-title-accordian-homepage{
                    font-size: 3rem;
                    letter-spacing: -1.82px;
                    line-height: 4.5rem;
                }
            }
            @media screen and (max-width: 375px) {
                .precision-title-accordian-homepage{
                    font-size: 2.4rem;
                    letter-spacing: -1.82px;
                    line-height: 4.5rem;
                }
            }
        }
    }
    .custom-container.INstaWeb{
        .insta-feeds {
            .mpinstagramfeed-header {
                .embrace-heading{
                    font-size: 4rem;
                    font-family: "Circular Std Book";
                    letter-spacing: -1.6px;
                    line-height: 75px;
                    color: #023725;
                    margin: 0;
                }
                .undiscovered-you{
                    font-family: "Circular Std Bold";
                    font-size: 7rem;
                    letter-spacing: -2.8px;
                    line-height: 75px;
                    color: #023725;
                }
                @media screen and (max-width: 1536px) {
                    .embrace-heading{
                        font-size: 3.2rem;
                        line-height: 6rem;
                        letter-spacing: -1.28px;
                    }
                    .undiscovered-you{
                        font-size: 5.6rem;
                        letter-spacing: -2.24px;
                        line-height: 6rem;
                    }
                }
            }
        }
    }

    .precistion-nutrition-container {
        margin-top: 30px;
        .precision-nutrition-accordion-title {
            font-size: 136.67px;
            margin-top: 2rem;
            p {
                text-align: left;
                margin-left: 60px;
    
                .precision-nutrition-accordion-title-left {
                    font-family: "Circular Std Black";
                    font-size: 223px;
                    font-size: 14rem;
                    text-align: left;
                    letter-spacing: -13.38px;
                    line-height: 197px;
                    color: #103121;
                }
    
                .precision-nutrition-accordion-title-right {
                    font-size: 14rem;
                    font-family: "Circular Std Book";
                    font-size: 223px;
                    color: #103121;
                    text-align: center;
                    letter-spacing: -13.38px;
                    line-height: 197px;
                }
            }
        }
    
        .precision-nutrition-accordion-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 80px;
    
            > :first-child {
                width: 100%;
                > :first-child {
                    width: 100%;
                    padding: 0 80px;
                    .mgz-panel-heading {
                        margin: 0px;
                        background-color: #ffffff;
                        border: none;
                        .mgz-panel-heading-title {
                            max-height: 95px;
                            a.has-icon {
                                padding: 0px;
                                display: flex;
                                flex-direction: row-reverse;
                                justify-content: space-between;
                                max-height: 95px;
                                .mgz-accoridon-icon-plus {
                                    position: unset;
                                    transform: translate(0,0);
                                    font-family: "Circular Std Book";
                                    font-size: 44px;
                                    font-weight: 900;
                                    color: #113121;
                                    line-height: 95px;
                                }
                                .mgz-accoridon-icon-plus::before {
                                    display: flex;
                                    align-items: center;
                                }
    
                                span {
                                    .precision-nutrition-content-left {
                                        font-family: "Circular Std Book";
                                        font-size: 9.5rem;
                                        color: #013725;
                                        letter-spacing: -10.02px;
                                        line-height: 149px;
                                        text-align: left;
                                        font-weight: normal;
                                    }
                                    .precision-nutrition-content-right {
                                        font-family: "Circular Std Medium Italic"; 
                                        font-size: 9.5rem;
                                        color: #6ab645;
                                        letter-spacing: -5.7px;
                                        line-height: 149px;
                                        text-align: left;
                                        font-weight: normal;
                                    }
                                    @media screen and (max-width:1280px){
                                        .precision-nutrition-content-left {
                                            font-size: 8rem;
                                            letter-spacing: -8.02px;
                                            line-height: 12rem;
                                        }
                                        .precision-nutrition-content-right {
                                            font-size: 8rem;
                                            letter-spacing: -8.02px;
                                            line-height: 12rem;
                                        }
                                    }
                                    @media screen and (max-width:1024px){
                                        .precision-nutrition-content-left {
                                            font-size: 6rem;
                                            letter-spacing: -6.02px;
                                            line-height: 10rem;
                                        }
                                        .precision-nutrition-content-right {
                                            font-size: 6rem;
                                            letter-spacing: -6.02px;
                                            line-height: 10rem;
                                        }
                                    }
                                    @media screen and (max-width:768px){
                                        .precision-nutrition-content-left {
                                            font-size: 5rem;
                                            letter-spacing: -4.02px;
                                            line-height: 6rem;
                                        }
                                        .precision-nutrition-content-right {
                                            font-size: 5rem;
                                            letter-spacing: -4.02px;
                                            line-height: 6rem;
                                        }
                                    }
                                    @media screen and (max-width:640px){
                                        .precision-nutrition-content-left {
                                            font-size: 3.2rem;
                                            letter-spacing: -1.92px;
                                            line-height: 3rem;
                                        }
                                        .precision-nutrition-content-right {
                                            font-size: 3.2rem;
                                            letter-spacing: -1.92px;
                                            line-height: 3rem;
                                        }
                                    }
                                    @media screen and (max-width:375px){
                                        .precision-nutrition-content-left {
                                            font-size: 2.8rem;
                                            letter-spacing: -1.92px;
                                            line-height: 3rem;
                                        }
                                        .precision-nutrition-content-right {
                                            font-size: 2.8rem;
                                            letter-spacing: -1.92px;
                                            line-height: 3rem;
                                        }
                                    }
                                }
                            }
                        }
                        @media screen and (max-width: 1280px){
                            .mgz-panel-heading-title {
                                max-height: 8rem;
                                a.has-icon {
                                    max-height: 8rem;
                                    .mgz-accoridon-icon-plus::before {
                                        line-height: 8rem;
                                    }       
                                }
                            }
                        }
                        @media screen and (max-width: 1024px){
                            .mgz-panel-heading-title {
                                max-height: 6rem;
                                a.has-icon {
                                    max-height: 6rem;
                                    .mgz-accoridon-icon-plus {
                                        font-size: 36px;
                                    }    
                                    .mgz-accoridon-icon-plus::before {
                                        line-height: 6rem;
                                    }       
                                }
                            }
                        }
                        @media screen and (max-width: 768px){
                            .mgz-panel-heading-title {
                                height: 6rem;
                                a.has-icon {
                                    max-height: 6rem;
                                    .mgz-accoridon-icon-plus {
                                        font-size: 30px;
                                    }    
                                    .mgz-accoridon-icon-plus::before {
                                        line-height: 5rem;
                                    }       
                                }
                            }
                        }
                        @media screen and (max-width: 640px){
                            .mgz-panel-heading-title {
                                max-height: 3rem;
                                a.has-icon {
                                    max-height: 3rem;
                                    .mgz-accoridon-icon-plus {
                                        font-size: 24px;
                                    }    
                                    .mgz-accoridon-icon-plus::before {
                                        line-height: 3rem;
                                    }       
                                }
                            }
                        }
                        @media screen and (max-width: 440px){
                            .mgz-panel-heading-title {
                                max-height: 3rem;
                                a.has-icon {
                                    .mgz-accoridon-icon-plus {
                                        font-size: 18px;
                                    }     
                                }
                            }
                        }
                    }
    
                    .mgz-panel-body {
                        background-color: #ffffff;
                        border: none;
                        .mgz-panel-body-inner {
                            padding: 0;
                        }
                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            background-color: #6ab845;
                            border-radius: 15rem 0 15rem 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 15rem 0 15rem 0;
                                    }
                                    .inner-content {
                                        width: 100%;
    
                                        .accordion-block-container-desktop {
                                            padding: 40px;
    
                                            .accordion-single-block-container-lower {
                                                margin-top: 5rem;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;
    
                                                    .mgz-element-inner {
                                                        width: 100%;
    
                                                        .inner-content {
                                                            width: 100%;
                                                            display: flex;
                                                            justify-content: space-between;
                                                            column-gap: 5rem;
    
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 95px;
                                                                    max-height: 95px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }
    
                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;
    
                                                        .mgz-element-inner {
                                                            position: relative;
    
                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 20%;
                                                                img {
                                                                    width: 220px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }
    
                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 72%;
                                                                margin: auto;
                                                                top: 25%;
    
                                                                .what-in-it-for-you-desc-title {
                                                                    font-family: "Circular Std Bold";
                                                                    font-size: 28px;
                                                                    line-height: 25.55px;
                                                                    color: #ffffff;
                                                                    background: #6ab845;
                                                                }
                                                            }
                                                        }
                                                    }
    
                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;
                                                        padding: 0px;
    
                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;
    
                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 15%;
    
                                                                img {
                                                                    width: 320px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }
    
                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 30%;
    
                                                                .what-in-it-for-you-desc-title {
                                                                    font-family: "Circular Std Bold";
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 31px;
                                                                    line-height: 28px;
                                                                    color: #ffffff;
                                                                    background: #6ab845;
                                                                }
                                                            }
                                                        }
                                                    }
    
                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                display: flex;
                                                                flex-direction: row;
                                                                justify-content: center;
                                                                width: 100%;
                                                                gap: 0px;
                                                                margin-left: 8%;
    
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 127px;
                                                                    height: 127px;
                                                                }
    
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 30px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-family: "Circular Std Bold";
                                                                            color: #ffffff;
                                                                            font-size: 30px;
                                                                            line-height: 27.98px;
                                                                            text-align: left;
                                                                            letter-spacing: 0px;
                                                                            margin-top: 10px;
                                                                            margin-bottom: 10px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
    
                                                .accordion-single-block-titles-container {
                                                    display: flex;
    
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            width: 100%;
                                                            display: flex;
                                                            justify-content: space-between;
                                                            column-gap: 5rem;
    
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-family: "Circular Std Bold";
                                                                    font-size: 33.33px;
                                                                    line-height: 40px;
                                                                    color: #ffffff;
                                                                    text-align: center;
                                                                    margin: 0px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
    
                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            width: 100%;
                                                            display: flex;
                                                            justify-content: space-between;
                                                            column-gap: 5rem;
    
                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-family: "Circular Std Book";
                                                                    font-size: 26.66px;
                                                                    line-height: 32px;
                                                                    color: #063924;
                                                                    text-align: center;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
    
                                            .discover-more-button-container {
                                                margin-top: 30px;
    
                                                .discover-more-button {
                                                    font-family: "Circular Std Book";
                                                    background: #063924;
                                                    padding: 13px 32px;
                                                    font-size: 40px;
                                                    line-height: 47.6px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                    font-weight: 700;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }

                @media (min-width:1781px) {
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            border-radius: 15rem 0 15rem 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 15rem 0 15rem 0;
                                    }
                                    .inner-content {
                                        .accordion-block-container-desktop {
                                            padding: 40px;

                                            .accordion-single-block-container-lower {
                                                margin-top: 50px;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        .inner-content {
                                                            column-gap: 50px;
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 110px;
                                                                    max-height: 110px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        .mgz-element-inner {
                                                            .what-in-it-for-you-image {
                                                                img {
                                                                    width: 265px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 72%;
                                                                margin: auto;
                                                                top: 20%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-size: 34px;
                                                                    line-height: 30px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 12%;

                                                                img {
                                                                    width: 375px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 35%;
                                                                right: 4%;

                                                                .what-in-it-for-you-desc-title {
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 34px;
                                                                    line-height: 30px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 140px;
                                                                    height: 140px;

                                                                    img {
                                                                        width: 100%;
                                                                    }
                                                                }
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 32px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-family: "Circular Std Bold";
                                                                            font-size: 34px;
                                                                            line-height: 30px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-titles-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        .inner-content {
                                                            column-gap: 4rem;
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-size: 40px;
                                                                    line-height: 44px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 5rem;

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-size: 34px;
                                                                    line-height: 36px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 30px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 13px 26px;
                                                    font-size: 36px;
                                                    line-height: 42px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:1641px) and (max-width:1780px) {
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            border-radius: 15rem 0 15rem 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 15rem 0 15rem 0;
                                    }
                                    .inner-content {
                                        .accordion-block-container-desktop {
                                            padding: 40px;

                                            .accordion-single-block-container-lower {
                                                margin-top: 50px;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        .inner-content {
                                                            column-gap: 50px;
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 110px;
                                                                    max-height: 110px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        .mgz-element-inner {
                                                            .what-in-it-for-you-image {
                                                                img {
                                                                    width: 260px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 72%;
                                                                margin: auto;
                                                                top: 20%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-size: 32px;
                                                                    line-height: 28px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 10%;

                                                                img {
                                                                    width: 350px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 30%;
                                                                right: 5%;

                                                                .what-in-it-for-you-desc-title {
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 33px;
                                                                    line-height: 28px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 140px;
                                                                    height: 140px;

                                                                    img {
                                                                        width: 100%;
                                                                    }
                                                                }
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 32px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-family: "Circular Std Bold";
                                                                            font-size: 32px;
                                                                            line-height: 30px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-titles-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        .inner-content {
                                                            column-gap: 4rem;
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-size: 36px;
                                                                    line-height: 42px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 5rem;

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-size: 30px;
                                                                    line-height: 32px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 30px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 13px 26px;
                                                    font-size: 36px;
                                                    line-height: 42px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:1340px) and (max-width:1439px) {
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            border-radius: 15rem 0 15rem 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 15rem 0 15rem 0;
                                    }
                                    .inner-content {
                                        .accordion-block-container-desktop {
                                            padding: 40px;

                                            .accordion-single-block-container-lower {
                                                margin-top: 4rem;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        .inner-content {
                                                            column-gap: 4rem;
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 70px;
                                                                    max-height: 70px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        .mgz-element-inner {
                                                            .what-in-it-for-you-image {
                                                                img {
                                                                    width: 200px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 70%;
                                                                margin: auto;
                                                                top: 20%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-size: 24px;
                                                                    line-height: 26px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 12%;

                                                                img {
                                                                    width: 280px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 30%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-family: "Circular Std Bold";
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 28px;
                                                                    line-height: 26px;
                                                                    color: #ffffff;
                                                                    background: #6ab845;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 110px;
                                                                    height: 110px;
                                                                }
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 20px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-family: "Circular Std Bold";
                                                                            font-size: 26px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-titles-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        .inner-content {
                                                            column-gap: 4rem;
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-size: 29px;
                                                                    line-height: 36px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 4rem;

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-size: 22px;
                                                                    line-height: 28px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 30px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 13px 26px;
                                                    font-size: 36px;
                                                    line-height: 42px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:1192px) and (max-width:1339px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 15rem 0 15rem 0;
                                    }
                                    .inner-content {
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            padding: 40px;

                                            .accordion-single-block-container-lower {
                                                margin-top: 4rem;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        width: 100%;

                                                        .inner-content {
                                                            column-gap: 4rem;
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 60px;
                                                                    max-height: 60px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        .mgz-element-inner {
                                                            position: relative;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 20%;
                                                                img {
                                                                    width: 185px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 70%;
                                                                margin: auto;
                                                                top: 15%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-size: 21px;
                                                                    line-height: 24px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;
                                                        padding: 0px;

                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 15%;
                                                                top: 10%;

                                                                img {
                                                                    width: 250px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 30%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-family: "Circular Std Bold";
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 26px;
                                                                    line-height: 24px;
                                                                    color: #ffffff;
                                                                    background: #6ab845;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 100px;
                                                                    height: 100px;
                                                                }
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 20px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-family: "Circular Std Bold";
                                                                            font-size: 22px;
                                                                            line-height: 22px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-titles-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 3rem;
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-size: 25px;
                                                                    line-height: 30px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 3rem;

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-size: 20px;

                                                                    line-height: 22px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 30px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 13px 24px;
                                                    font-size: 30px;
                                                    line-height: 36px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:1024px) and (max-width:1191px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 15rem 0 15rem 0;
                                    }
                                    .inner-content {
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            padding: 40px;

                                            .accordion-single-block-container-lower {
                                                margin-top: 3rem;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        width: 100%;

                                                        .inner-content {
                                                            column-gap: 4rem;
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 60px;
                                                                    max-height: 60px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 15%;
                                                                img {
                                                                    width: 175px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 76%;
                                                                margin: auto;
                                                                top: 15%;
                                                                left: 0;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-size: 19px;
                                                                    line-height: 22px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 12%;
                                                                top: 20%;

                                                                img {
                                                                    width: 220px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 45%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-family: "Circular Std Bold";
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 24px;
                                                                    line-height: 22px;
                                                                    color: #ffffff;
                                                                    background: #6ab845;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 80px;
                                                                    height: 80px;
                                                                }
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 15px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-family: "Circular Std Bold";
                                                                            font-size: 20px;
                                                                            line-height: 20px;
                                                                            padding: 0px
                                                                                30px
                                                                                0px
                                                                                0px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-titles-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 2rem;
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-size: 23px;

                                                                    line-height: 27px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 2rem;

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-family: "Circular Std Book";

                                                                    font-size: 18px;

                                                                    line-height: 20px;
                                                                    color: #063924;
                                                                    text-align: center;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 30px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 18px;
                                                    font-size: 26px;
                                                    line-height: 28px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:922px) and (max-width:1023px) {
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                    }
                                    .inner-content {
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            padding: 20px 0px;

                                            .accordion-single-block-container-lower {
                                                margin-top: 10px;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        width: 100%;

                                                        .inner-content {
                                                            column-gap: 20px;
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 50px;
                                                                    max-height: 50px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 20%;
                                                                img {
                                                                    width: 160px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 65%;
                                                                margin: auto;
                                                                top: 18%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-size: 18px;
                                                                    line-height: 16px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 15%;
                                                                top: 20%;

                                                                img {
                                                                    width: 200px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 43%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-family: "Circular Std Bold";
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 18px;
                                                                    line-height: 18px;
                                                                    color: #ffffff;
                                                                    background: #6ab845;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 90px;
                                                                    height: 60px;
                                                                }
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 12px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-family: "Circular Std Bold";
                                                                            font-size: 18px;
                                                                            line-height: 16px;
                                                                            padding: 0px
                                                                                30px
                                                                                0px
                                                                                0px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-titles-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 50px;
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-size: 22px;
                                                                    line-height: 24px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 20px;

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-size: 16px;
                                                                    line-height: 18px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 30px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 18px;
                                                    font-size: 22px;
                                                    line-height: 24px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:768px) and (max-width:921px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 20px 0;
                            border-radius: 55px 0 55px 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 55px 0 55px 0;
                                    }
                                    .inner-content {
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            padding: 20px 0px;

                                            .accordion-single-block-container-lower {
                                                margin-top: 10px;
                                            }
                                            .accordion-single-block-container-upper,
                                            .accordion-single-block-container-lower {
                                                .accordion-single-block-icons-container {
                                                    display: flex;
                                                    column-gap: 0px;

                                                    .mgz-element-inner {
                                                        width: 100%;

                                                        .inner-content {
                                                            column-gap: 15px;
                                                            .accordion-single-block-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 50px;
                                                                    max-height: 50px;
                                                                }
                                                            }
                                                            .accordion-single-block-icon.full-img-icon {
                                                                img {
                                                                    height: 100%;
                                                                    width: 100%;
                                                                    max-width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-left {
                                                        .mgz-element-inner {
                                                            position: relative;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 20%;
                                                                top: 10%;
                                                                img {
                                                                    width: 150px;
                                                                    aspect-ratio: 2;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                width: 72%;
                                                                margin: auto;
                                                                top: 15%;
                                                                left: 3%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-size: 16px;
                                                                    line-height: 16px;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-overlap-right {
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;

                                                        .mgz-element-inner {
                                                            position: relative;
                                                            width: 100%;

                                                            .what-in-it-for-you-image {
                                                                position: absolute;
                                                                left: 15%;
                                                                top: 24%;

                                                                img {
                                                                    width: 190px;
                                                                    aspect-ratio: 3.1;
                                                                }
                                                            }

                                                            .what-in-it-for-you-desc-title-container {
                                                                top: 45%;

                                                                .what-in-it-for-you-desc-title {
                                                                    font-family: "Circular Std Bold";
                                                                    width: fit-content;
                                                                    margin: auto;
                                                                    font-size: 18px;
                                                                    line-height: 16px;
                                                                    color: #ffffff;
                                                                    background: #6ab845;
                                                                }
                                                            }
                                                        }
                                                    }

                                                    .what-in-it-for-you-single-container-non-overlap {
                                                        .what-in-it-for-you-icon-text-container-non-overlap {
                                                            .inner-content {
                                                                .what-in-it-for-you-overlap-icon {
                                                                    width: 80px;
                                                                    height: 60px;
                                                                }
                                                                .what-in-it-for-you-overlap-text {
                                                                    top: 12px;
                                                                    .what-in-it-for-you-desc-title-container {
                                                                        .what-in-it-for-you-desc-title {
                                                                            font-size: 17px;
                                                                            font-family: "Circular Std Bold";
                                                                            line-height: 16px;
                                                                            padding: 0px
                                                                                30px
                                                                                0px
                                                                                0px;
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-titles-container {
                                                    display: flex;

                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 15px;
                                                            .accordion-single-block-title-container {
                                                                .accordion-single-block-title {
                                                                    font-size: 20px;
                                                                    line-height: 22px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }

                                                .accordion-single-block-contents-container {
                                                    display: flex;
                                                    .mgz-element-inner {
                                                        width: 100%;
                                                        .inner-content {
                                                            column-gap: 0px;
                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-size: 16px;
                                                                    line-height: 18px;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 30px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 16px;
                                                    font-size: 20px;
                                                    line-height: 22px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 34px;
                                                    border: none;
                                                }
                                            }
                                        }
                                        .accordion-block-container-mobile {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:640px) and (max-width:767px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 12px 0;
                            border-radius: 55px 0 55px 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 55px 0 55px 0;
                                    }
                                    .inner-content {
                                        padding: 6px 0;
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            display: none;
                                        }

                                        .accordion-block-container-mobile {
                                            display: block;

                                            .made-accordion-mobile-container {
                                                .inner-content {
                                                    display: grid;
                                                    grid-template-columns: repeat(
                                                        2,
                                                        1fr
                                                    );
                                                    gap: 20px 10px;
                                                    .three-items-section{
                                                        grid-column: span 2;
                                                        max-width: 330px;
                                                        justify-self: center;
                                                    }

                                                    &::before {
                                                        display: none;
                                                    }
                                                    .mgz-element-column {
                                                        > :first-child {
                                                            display: flex;
                                                            flex-direction: column;
                                                            justify-content: flex-start;
                                                            align-items: center;

                                                            .accordion-single-block-icon-container {
                                                                width: 100%;
                                                                max-height: 80px;

                                                                .mgz-element-inner {
                                                                    margin-bottom: 10px;

                                                                    img {
                                                                        width: 60px;
                                                                        height: 60px;
                                                                    }
                                                                }
                                                            }
                                                            .accordion-single-block-icon-container.full-img-icon {
                                                                img {
                                                                    width: 100%;
                                                                }
                                                            }

                                                            .accordion-single-block-title-container {
                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;
                                                                    .accordion-single-block-title {
                                                                        font-family: "Circular Std Bold";
                                                                        font-size: 20px;
                                                                        line-height: 24px;
                                                                        color: #ffffff;
                                                                        margin-top: 10px;
                                                                        margin-bottom: 5px;
                                                                    }
                                                                }
                                                            }

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-family: "Circular Std Book";
                                                                    font-size: 18px;
                                                                    line-height: 22px;
                                                                    letter-spacing: -0.64px;
                                                                    color: #063924;
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-left {
                                                                width: 100%;
                                                                height: 85px;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;

                                                                .mgz-element-inner {
                                                                    position: relative;

                                                                    #accordion-section-overlap-image-left {
                                                                        max-width: 150px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        img {
                                                                            width: 100%;
                                                                            aspect-ratio: 1.9;
                                                                        }
                                                                    }

                                                                    .accordion-section-title-container {
                                                                        top: 29%;
                                                                        width: 100%;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Bold";
                                                                            color: #ffffff;
                                                                            background: #6ab845;
                                                                            font-size: 16px;
                                                                            line-height: 18px;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-right {
                                                                width: 100%;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;
                                                                height: 85px;

                                                                .mgz-element-inner {
                                                                    position: relative;
                                                                    width: 100%;

                                                                    #accordion-section-overlap-image-right {
                                                                        top: 10%;
                                                                        max-width: 200px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        .mgz-single-image-wrapper {
                                                                            width: 100%;
                                                                            img {
                                                                                width: 100%;
                                                                                aspect-ratio: 3;
                                                                            }
                                                                        }
                                                                    }

                                                                    #accordion-section-title-right {
                                                                        top: 40%;
                                                                        left: 32%;
                                                                        width: max-content;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Black";
                                                                            color: #ffffff;
                                                                            font-size: 20px;
                                                                            line-height: 14px;
                                                                            background: #6ab845;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-non-overlap-section-mobile {
                                                                width: 100%;
                                                                margin: 6px 0px;
                                                                .accordion-non-overlap-section-container {
                                                                    .inner-content {
                                                                        gap: 0px;
                                                                        margin: 0px;
                                                                        .accordion-non-overlap-image-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: flex-end;

                                                                                .accordion-non-overlap-image {
                                                                                    width: 100px;
                                                                                    height: 100px;
                                                                                }
                                                                            }
                                                                        }

                                                                        .accordion-non-overlap-title-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: center;
                                                                                #accordion-section-title-non-overlap {
                                                                                    padding: 0px
                                                                                        40%
                                                                                        0px
                                                                                        0px;
                                                                                    .accordion-section-title {
                                                                                        font-family: "Circular Std Bold";
                                                                                        color: #ffffff;
                                                                                        text-align: left;
                                                                                        font-size: 22px;
                                                                                        line-height: 22px;
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 20px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 26px;
                                                    font-size: 20px;
                                                    line-height: 24px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 20px;
                                                    border: none;
                                                    font-weight: 700;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:525px) and (max-width:639px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 12px 0;
                            border-radius: 55px 0 55px 0;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 55px 0 55px 0;
                                    }
                                    .inner-content {
                                        padding: 6px 0;
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            display: none;
                                        }

                                        .accordion-block-container-mobile {
                                            display: block;

                                            .made-accordion-mobile-container {
                                                .inner-content {
                                                    display: grid;
                                                    grid-template-columns: repeat(
                                                        2,
                                                        1fr
                                                    );
                                                    gap: 20px 10px;
                                                    .three-items-section{
                                                        grid-column: span 2;
                                                        max-width: 290px;
                                                        justify-self: center;
                                                    }
                                                    &::before {
                                                        display: none;
                                                    }
                                                    .mgz-element-column {
                                                        > :first-child {
                                                            display: flex;
                                                            flex-direction: column;
                                                            justify-content: flex-start;
                                                            align-items: center;

                                                            .accordion-single-block-icon-container {
                                                                width: 100%;
                                                                max-height: 80px;

                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;
                                                                    img {
                                                                        width: 54px;
                                                                        height: 54px;
                                                                    }
                                                                }
                                                            }
                                                            .accordion-single-block-icon-container.full-img-icon {
                                                                img {
                                                                    width: 100%;
                                                                }
                                                            }

                                                            .accordion-single-block-title-container {
                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;
                                                                    .accordion-single-block-title {
                                                                        font-family: "Circular Std Bold";
                                                                        font-size: 18px;
                                                                        line-height: 22px;
                                                                        color: #ffffff;
                                                                        margin-top: 5px;
                                                                        margin-bottom: 5px;
                                                                        text-align: center;
                                                                    }
                                                                }
                                                            }

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-family: "Circular Std Book";
                                                                    font-size: 16px;
                                                                    line-height: 18px;
                                                                    letter-spacing: -0.64px;
                                                                    color: #063924;
                                                                    text-align: center;
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-left {
                                                                width: 100%;
                                                                height: 75px;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;

                                                                .mgz-element-inner {
                                                                    position: relative;

                                                                    #accordion-section-overlap-image-left {
                                                                        max-width: 150px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        img {
                                                                            width: 100%;
                                                                            aspect-ratio: 2.2;
                                                                        }
                                                                    }

                                                                    .accordion-section-title-container {
                                                                        top: 29%;
                                                                        width: 100%;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Bold";
                                                                            color: #ffffff;
                                                                            background: #6ab845;
                                                                            font-size: 16px;
                                                                            line-height: 18px;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-right {
                                                                width: 100%;
                                                                height: 75px;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;

                                                                .mgz-element-inner {
                                                                    position: relative;
                                                                    width: 100%;

                                                                    #accordion-section-overlap-image-right {
                                                                        top: 10%;
                                                                        max-width: 180px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        .mgz-single-image-wrapper {
                                                                            width: 100%;
                                                                            img {
                                                                                width: 100%;
                                                                                aspect-ratio: 3.4;
                                                                            }
                                                                        }
                                                                    }

                                                                    #accordion-section-title-right {
                                                                        top: 35%;
                                                                        left: 30%;
                                                                        width: max-content;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Black";
                                                                            color: #ffffff;
                                                                            font-size: 18px;
                                                                            line-height: 16px;
                                                                            background: #6ab845;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-non-overlap-section-mobile {
                                                                width: 100%;
                                                                .accordion-non-overlap-section-container {
                                                                    .inner-content {
                                                                        gap: 0px;
                                                                        margin: 0px;
                                                                        .accordion-non-overlap-image-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: flex-end;

                                                                                .accordion-non-overlap-image {
                                                                                    width: 85px;
                                                                                    height: 85px;
                                                                                }
                                                                            }
                                                                        }

                                                                        .accordion-non-overlap-title-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: center;
                                                                                #accordion-section-title-non-overlap {
                                                                                    padding: 0px
                                                                                        40%
                                                                                        0px
                                                                                        0px;
                                                                                    .accordion-section-title {
                                                                                        font-family: "Circular Std Bold";
                                                                                        color: #ffffff;
                                                                                        text-align: left;
                                                                                        font-size: 18px;
                                                                                        line-height: 18px;
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 20px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 26px;
                                                    font-size: 20px;
                                                    line-height: 24px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 20px;
                                                    border: none;
                                                    font-weight: 700;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:425px) and (max-width:524px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 12px 0;
                            border-radius: 55px 0 55px 0;
                            margin-top: 6px;
                            margin-bottom: 8px;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 55px 0 55px 0;
                                    }
                                    .inner-content {
                                        padding: 6px 0;
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            display: none;
                                        }

                                        .accordion-block-container-mobile {
                                            display: block;

                                            .made-accordion-mobile-container {
                                                .inner-content {
                                                    display: grid;
                                                    grid-template-columns: repeat(
                                                        2,
                                                        1fr
                                                    );
                                                    gap: 20px 10px;
                                                    .three-items-section{
                                                        grid-column: span 2;
                                                        max-width: 220px;
                                                        justify-self: center;
                                                    }
                                                    &::before {
                                                        display: none;
                                                    }
                                                    .mgz-element-column {
                                                        > :first-child {
                                                            display: flex;
                                                            flex-direction: column;
                                                            justify-content: flex-start;
                                                            align-items: center;

                                                            .accordion-single-block-icon-container {
                                                                width: 100%;
                                                                max-height: 80px;

                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;

                                                                    img {
                                                                        width: 48px;
                                                                        height: 48px;
                                                                    }
                                                                }
                                                            }
                                                            .accordion-single-block-icon-container.full-img-icon {
                                                                img {
                                                                    width: 100%;
                                                                }
                                                            }

                                                            .accordion-single-block-title-container {
                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;

                                                                    .accordion-single-block-title {
                                                                        font-family: "Circular Std Bold";
                                                                        padding: 0px;
                                                                        font-size: 16.76px;
                                                                        line-height: 20px;
                                                                        color: #ffffff;
                                                                        margin-top: 5px;
                                                                        margin-bottom: 5px;
                                                                        text-align: center;
                                                                    }
                                                                }
                                                            }

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-family: "Circular Std Book";
                                                                    padding: 0px
                                                                        10px;
                                                                    color: #063924;
                                                                    text-align: center;
                                                                    font-size: 14.26px;
                                                                    line-height: 17.11px;
                                                                    letter-spacing: -0.64px;
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-left {
                                                                width: 100%;
                                                                height: 70px;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;

                                                                .mgz-element-inner {
                                                                    position: relative;

                                                                    #accordion-section-overlap-image-left {
                                                                        max-width: 140px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        img {
                                                                            width: 100%;
                                                                            aspect-ratio: 2.3;
                                                                        }
                                                                    }

                                                                    .accordion-section-title-container {
                                                                        top: 25%;
                                                                        width: 100%;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Bold";
                                                                            color: #ffffff;
                                                                            background: #6ab845;
                                                                            font-size: 15px;
                                                                            line-height: 18px;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-right {
                                                                width: 100%;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;
                                                                height: 70px;

                                                                .mgz-element-inner {
                                                                    position: relative;
                                                                    width: 100%;

                                                                    #accordion-section-overlap-image-right {
                                                                        top: 5%;
                                                                        max-width: 160px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        .mgz-single-image-wrapper {
                                                                            width: 100%;
                                                                            img {
                                                                                width: 100%;
                                                                                aspect-ratio: 3.1;
                                                                            }
                                                                        }
                                                                    }

                                                                    #accordion-section-title-right {
                                                                        top: 35%;
                                                                        left: 28%;
                                                                        width: max-content;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Black";
                                                                            color: #ffffff;
                                                                            font-size: 15px;
                                                                            line-height: 12px;
                                                                            background: #6ab845;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-non-overlap-section-mobile {
                                                                width: 100%;
                                                                .accordion-non-overlap-section-container {
                                                                    .inner-content {
                                                                        gap: 0px;
                                                                        margin: 0px;
                                                                        .accordion-non-overlap-image-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: flex-end;

                                                                                .accordion-non-overlap-image {
                                                                                    width: 77px;
                                                                                    height: 77px;
                                                                                }
                                                                            }
                                                                        }

                                                                        .accordion-non-overlap-title-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: center;
                                                                                #accordion-section-title-non-overlap {
                                                                                    padding: 0px
                                                                                        30%
                                                                                        0px
                                                                                        0px;
                                                                                    .accordion-section-title {
                                                                                        font-family: "Circular Std Bold";
                                                                                        color: #ffffff;
                                                                                        text-align: left;
                                                                                        font-size: 16px;
                                                                                        line-height: 16px;
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 10px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 20px;
                                                    font-size: 13.58px;
                                                    line-height: 16px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 11px;
                                                    border: none;
                                                    font-weight: 700;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:375px) and (max-width:424px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 12px 0;
                            border-radius: 55px 0 55px 0;
                            margin-top: 6px;
                            margin-bottom: 8px;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 55px 0 55px 0;
                                    }
                                    .inner-content {
                                        padding: 6px 0;
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            display: none;
                                        }

                                        .accordion-block-container-mobile {
                                            display: block;

                                            .made-accordion-mobile-container {
                                                .inner-content {
                                                    display: grid;
                                                    grid-template-columns: repeat(
                                                        2,
                                                        1fr
                                                    );
                                                    gap: 20px 10px;
                                                    .three-items-section{
                                                        grid-column: span 2;
                                                        max-width: 170px;
                                                        justify-self: center;
                                                    }
                                                    &::before {
                                                        display: none;
                                                    }
                                                    .mgz-element-column {
                                                        > :first-child {
                                                            display: flex;
                                                            flex-direction: column;
                                                            justify-content: flex-start;
                                                            align-items: center;

                                                            .accordion-single-block-icon-container {
                                                                width: 100%;
                                                                max-height: 80px;

                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;

                                                                    img {
                                                                        width: 42px;
                                                                        height: 42px;
                                                                    }
                                                                }
                                                            }
                                                            .accordion-single-block-icon-container.full-img-icon {
                                                                img {
                                                                    width: 100%;
                                                                }
                                                            }

                                                            .accordion-single-block-title-container {
                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;
                                                                    .accordion-single-block-title {
                                                                        font-family: "Circular Std Bold";
                                                                        font-size: 14px;
                                                                        line-height: 18px;
                                                                        color: #ffffff;
                                                                        margin-top: 5px;
                                                                        margin-bottom: 5px;
                                                                    }
                                                                }
                                                            }

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-family: "Circular Std Book";
                                                                    font-size: 13px;
                                                                    line-height: 18px;
                                                                    padding: 0
                                                                        4px;
                                                                    text-align: center;
                                                                    letter-spacing: -0.64px;
                                                                    color: #063924;
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-left {
                                                                width: 100%;
                                                                height: 65px;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;

                                                                .mgz-element-inner {
                                                                    position: relative;

                                                                    #accordion-section-overlap-image-left {
                                                                        max-width: 130px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        img {
                                                                            width: 100%;
                                                                            aspect-ratio: 2.2;
                                                                        }
                                                                    }

                                                                    .accordion-section-title-container {
                                                                        top: 29%;
                                                                        width: 100%;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Bold";
                                                                            color: #ffffff;
                                                                            background: #6ab845;
                                                                            font-size: 14px;
                                                                            line-height: 16px;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-right {
                                                                width: 100%;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;
                                                                height: 65px;

                                                                .mgz-element-inner {
                                                                    position: relative;
                                                                    width: 100%;

                                                                    #accordion-section-overlap-image-right {
                                                                        top: 10%;
                                                                        max-width: 150px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        .mgz-single-image-wrapper {
                                                                            width: 100%;
                                                                            img {
                                                                                width: 100%;
                                                                                aspect-ratio: 3;
                                                                            }
                                                                        }
                                                                    }

                                                                    #accordion-section-title-right {
                                                                        top: 42%;
                                                                        left: 26%;
                                                                        width: max-content;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Black";
                                                                            color: #ffffff;
                                                                            font-size: 14px;
                                                                            line-height: 12px;
                                                                            background: #6ab845;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-non-overlap-section-mobile {
                                                                width: 100%;
                                                                .accordion-non-overlap-section-container {
                                                                    .inner-content {
                                                                        gap: 0px;
                                                                        margin: 0px;
                                                                        .accordion-non-overlap-image-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: flex-end;

                                                                                .accordion-non-overlap-image {
                                                                                    width: 69px;
                                                                                    height: 69px;
                                                                                }
                                                                            }
                                                                        }

                                                                        .accordion-non-overlap-title-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: center;
                                                                                #accordion-section-title-non-overlap {
                                                                                    padding: 0px
                                                                                        30%
                                                                                        0px
                                                                                        0px;
                                                                                    .accordion-section-title {
                                                                                        font-family: "Circular Std Bold";
                                                                                        color: #ffffff;
                                                                                        text-align: left;
                                                                                        font-size: 14px;
                                                                                        line-height: 14px;
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 20px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 26px;
                                                    font-size: 20px;
                                                    line-height: 24px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 20px;
                                                    font-weight: 700;
                                                    border: none;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                @media (min-width:320px) and (max-width:374px){
                    .mgz-panel-body {
                        background-color: #ffffff;

                        .precision-nutrition-content {
                            width: 100%;
                            margin: 12px 0;
                            border-radius: 55px 0 55px 0;
                            margin-top: 6px;
                            margin-bottom: 8px;
                            .accordion-block-outer-container {
                                .accordion-block-container {
                                    .mgz-parallax {
                                        opacity: 0.35;
                                        border-radius: 55px 0 55px 0;
                                    }
                                    .inner-content {
                                        padding: 6px 0;
                                        width: 100%;

                                        .accordion-block-container-desktop {
                                            display: none;
                                        }

                                        .accordion-block-container-mobile {
                                            display: block;

                                            .made-accordion-mobile-container {
                                                .inner-content {
                                                    display: grid;
                                                    grid-template-columns: repeat(
                                                        2,
                                                        1fr
                                                    );

                                                    gap: 20px 10px;
                                                    .three-items-section{
                                                        grid-column: span 2;
                                                        max-width: 150px;
                                                        justify-self: center;
                                                    }
                                                    &::before {
                                                        display: none;
                                                    }
                                                    .mgz-element-column {
                                                        > :first-child {
                                                            display: flex;
                                                            flex-direction: column;
                                                            justify-content: flex-start;
                                                            align-items: center;

                                                            .accordion-single-block-icon-container {
                                                                width: 100%;
                                                                max-height: 80px;

                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;
                                                                    img {
                                                                        width: 36px;
                                                                        height: 36px;
                                                                    }
                                                                }
                                                            }
                                                            .accordion-single-block-icon-container.full-img-icon {
                                                                img {
                                                                    width: 100%;
                                                                }
                                                            }

                                                            .accordion-single-block-title-container {
                                                                .mgz-element-inner {
                                                                    margin-bottom: 0px;
                                                                    .accordion-single-block-title {
                                                                        font-family: "Circular Std Bold";
                                                                        font-size: 12px;
                                                                        line-height: 14px;
                                                                        color: #ffffff;
                                                                        margin-top: 5px;
                                                                        margin-bottom: 5px;
                                                                    }
                                                                }
                                                            }

                                                            .accordion-single-block-content-container {
                                                                .accordion-single-block-content {
                                                                    font-family: "Circular Std Book";
                                                                    font-size: 12px;
                                                                    line-height: 16px;
                                                                    padding: 0
                                                                        4px;
                                                                    letter-spacing: -0.64px;
                                                                    color: #063924;
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-left {
                                                                width: 100%;
                                                                height: 60px;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;

                                                                .mgz-element-inner {
                                                                    position: relative;

                                                                    #accordion-section-overlap-image-left {
                                                                        max-width: 120px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        img {
                                                                            width: 100%;
                                                                            aspect-ratio: 2.3;
                                                                        }
                                                                    }

                                                                    .accordion-section-title-container {
                                                                        top: 30%;
                                                                        width: 100%;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Bold";
                                                                            color: #ffffff;
                                                                            background: #6ab845;
                                                                            font-size: 13px;
                                                                            line-height: 13px;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-overlap-section-mobile-right {
                                                                width: 100%;
                                                                display: flex;
                                                                justify-content: center;
                                                                align-items: center;
                                                                height: 60px;

                                                                .mgz-element-inner {
                                                                    position: relative;
                                                                    width: 100%;

                                                                    #accordion-section-overlap-image-right {
                                                                        top: 10%;
                                                                        max-width: 125px;
                                                                        width: 100%;
                                                                        max-height: 100px;
                                                                        margin: auto;

                                                                        .mgz-single-image-wrapper {
                                                                            width: 100%;
                                                                            img {
                                                                                width: 100%;
                                                                                aspect-ratio: 3;
                                                                            }
                                                                        }
                                                                    }

                                                                    #accordion-section-title-right {
                                                                        top: 35%;
                                                                        left: 30%;
                                                                        width: max-content;
                                                                        position: absolute;

                                                                        .accordion-section-title {
                                                                            font-family: "Circular Std Black";
                                                                            color: #ffffff;
                                                                            font-size: 12px;
                                                                            line-height: 10px;
                                                                            background: #6ab845;
                                                                        }
                                                                    }
                                                                }
                                                            }

                                                            .accordion-non-overlap-section-mobile {
                                                                width: 100%;
                                                                .accordion-non-overlap-section-container {
                                                                    .inner-content {
                                                                        gap: 0px;
                                                                        margin: 0px;
                                                                        .accordion-non-overlap-image-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: flex-end;

                                                                                .accordion-non-overlap-image {
                                                                                    width: 60px;
                                                                                    height: 60px;
                                                                                }
                                                                            }
                                                                        }

                                                                        .accordion-non-overlap-title-container {
                                                                            > .mgz-element-inner {
                                                                                justify-content: center;
                                                                                align-items: center;
                                                                                #accordion-section-title-non-overlap {
                                                                                    padding: 0px
                                                                                        15%
                                                                                        0px
                                                                                        0px;
                                                                                    .accordion-section-title {
                                                                                        font-family: "Circular Std Bold";
                                                                                        color: #ffffff;
                                                                                        text-align: left;
                                                                                        font-size: 12px;
                                                                                        line-height: 12px;
                                                                                    }
                                                                                }
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }

                                            .discover-more-button-container {
                                                margin-top: 20px;

                                                .discover-more-button {
                                                    background: #063924;
                                                    padding: 10px 26px;
                                                    font-size: 20px;
                                                    line-height: 24px;
                                                    letter-spacing: 0px;
                                                    color: #ffffff;
                                                    border-radius: 20px;
                                                    border: none;
                                                    font-weight: 700;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                }
                
                @media screen and (max-width: 1280px){
                    > :first-child {
                        padding: 0 50px;
                    }
                }
                @media screen and (max-width: 768px){
                    > :first-child {
                        padding: 0 36px;
                    }
                }
                @media screen and (max-width: 640px){
                    > :first-child {
                        padding: 0 18px;
                    }
                }
            }
        }

        @media screen and (max-width: 768px) {
            .precision-nutrition-accordion-container{
                margin-bottom: 0;
                .mgz-block-content{
                    padding-bottom: 24px;
                    border-bottom: solid 1.43px #013725;
                    margin-bottom: 30px;

                }
            }
        }
    
        
        .precision-nutrition-accordion-description-content {
            color: #003726;
            font-size: 3rem;
            font-weight: 400;
            text-align: justify;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
        .precision-nutrition-accordion-description {
            margin-bottom: 90px;
            .inner-content.mgz-container {
                margin: 0;
                padding-left: 62px;
            }
        }
    }

    @media screen and (max-width: 768px) {
        .precistion-nutrition-container{
            margin-top: 18px;
        }
    }

    .homepage-since-2015{
        margin: 56px 80px 0 80px;
        border-bottom: solid 8px #063924;

        .since-2015-homepage{
            text-align: end;
            .since-2015{
                font-family: "Circular Std Book";
                font-size: 6rem;
                color: #013725;
                letter-spacing: -2.4px;
                line-height: 7.2rem;
                span{
                    color: #53BA4E;
                }
            }
        }
    }
    @media screen and (max-width:1280px) {
        .homepage-since-2015{
            margin: 50px 50px 0 50px;
            border-bottom: solid 6px #063924;
            .since-2015-homepage{
                .since-2015{
                    font-size: 5rem;
                    letter-spacing: -2px;
                    line-height: 6rem;
                }
            }
        }
    }
    @media screen and (max-width:768px) {
        .homepage-since-2015{
            margin: 40px 36px 0 36px;
            border-bottom: solid 4px #063924;
            .since-2015-homepage{
                .since-2015{
                    font-size: 4;
                    letter-spacing: -1.8px;
                    line-height: 5rem;
                }
            }
        }
    }
    @media screen and (max-width:640px) {
        .homepage-since-2015{
            margin: 30px 18px 0 18px;
            border-bottom: solid 1.43px #063924;
            .since-2015-homepage{
                .since-2015{
                    font-size: 2.6rem;
                    letter-spacing: -1.07px;
                    line-height: 3.2rem;
                }
            }
        }
    }

    .homepage-hero-section{
        .hero-section-video{
            position: relative;
        }
        .hero-section-order-now{
            position: absolute;
            bottom: 17%;
            left: 3%;
            a{
                color: #fff;
                background: #6AB845;
                padding: 12px 40px;
                font-size: 24px;
                font-family: "Circular Std Book";
                border-radius: 30px;
                display: inline;
            }
        }
        .hero-section-nutrient-prolifing{
            position: absolute;
            bottom: 33%;
            right: 8%;
            p{
                font-family: "Circular Std Book";
                font-size: 3.6rem;
                line-height: 3.8rem;
                letter-spacing: -0.64px;
                color: #FFFFFF;
            }
        }
        @media screen and (max-width: 1536px){
            .hero-section-order-now{
                bottom: 16%
            }
            .hero-section-nutrient-prolifing{
                bottom: 32%;
                p{
                    font-size: 3.2rem;
                }
            }
        }
        @media screen and (max-width: 1024px){
            .hero-section-order-now{
                bottom: 14%;
                a{
                    font-size: 20px;
                }
            }
            .hero-section-nutrient-prolifing{
                bottom: 30%;
                p{
                    font-size: 3rem;
                }
            }
        }
        @media screen and (max-width: 880px){
            .hero-section-order-now{
                bottom: 15%;
                a{
                    font-size: 18px;
                }
            }
            .hero-section-nutrient-prolifing{
                bottom: 28%;
                p{
                    font-size: 2.8rem;
                    line-height: 3.4rem;
                }
            }
        }
        @media screen and (max-width: 700px){
            .hero-section-order-now{
                a{
                    font-size: 16px;
                }
            }
            .hero-section-nutrient-prolifing{
                bottom: 26%;
                p{
                    font-size: 2.4rem;
                    line-height: 3rem;
                }
            }
        }
        @media screen and (max-width: 600px){
            .hero-section-order-now{
                a{
                    font-size: 14px;
                    line-height: 2rem;
                    padding: 8px 30px;
                }
            }
            .hero-section-nutrient-prolifing{
                bottom: 26%;
                p{
                    font-size: 2rem;
                    line-height: 2.8rem;
                }
            }
        }
        @media screen and (max-width: 440px){
            .hero-section-order-now{
                left: 7%;
                right: unset;
                a{
                    font-size: 14px;
                    line-height: 2rem;
                    padding: 6px 24px;
                }
            }
            .hero-section-nutrient-prolifing{
                bottom: 36%;
                right: 18%;
                p{
                    font-size: 1.2rem;
                    line-height: 1.4rem;
                }
            }
        }
    }
}



@media screen and (max-width: 768px) {
    .read-more-expandable-block-container{
        .read-more-single-block-container.read-more-not-expanded{
            .read-more-icon{
                img{
                    opacity: 0.25;
                }
            }
            .read-more-text-title-container{
                .read-more-text-title{
                    opacity: 0.25;
                }
            }
            .read-more-content-container{
                .read-more-text-desc{
                    opacity: 0.25;
                }
            }
        } 
    }
    .read-more-expandable-block-container.expanded{

        .read-more-single-block-container.read-more-not-expanded{
            .read-more-icon{
                img{
                    opacity: 1;
                }
            }
            .read-more-text-title-container{
                .read-more-text-title{
                    opacity: 1;
                }
            }
            .read-more-content-container{
                .read-more-text-desc{
                    opacity: 1;
                }
            }
        } 
    }
    .homepage-embrace-unseen-insta-widget{
        display: none;
    }
}

.magenest-promo-content--inner > :nth-child(n),
.magenest-promo-button--inner > :nth-child(n) {
    font-family: "Circular Std Bold";
}

.made-gourmet-block-outer-container .mgz-tabs-content .mgz-tabs-tab-content{
    display: block;
}
.made-gourmet-block-outer-container .mgz-tabs-content .mgz-tabs-tab-content.mgz-active{
    display: block;
}

.made-holistic-block-outer-container .mgz-tabs-content .mgz-tabs-tab-content{
    display: block;
}
.made-holistic-block-outer-container .mgz-tabs-content .mgz-tabs-tab-content.mgz-active{
    display: block;
}

.made-affordable-block-outer-container .mgz-tabs-content .mgz-tabs-tab-content{
    display: block;
}
.made-affordable-block-outer-container .mgz-tabs-content .mgz-tabs-tab-content.mgz-active{
    display: block;
}

#html-body.cms-yoloplans{
    .DiscoverMenu{
        display: block;
        padding: 70px 0;
        .discoverBottom{
            .com-btn{
                font-size: 22px;
                padding: 15px 45px;
            }
            @media screen and (max-width: 583px) {
                .com-btn{
                    font-size: 14px;
                    height: unset;
                    padding: 10px 16px;
                }
            }
        }
    }
    @media screen and (max-width:767px) {
        .page-wrapper{
            overflow: hidden;
        }
    }
    .pagebuilderfeature.featured-rest-sec{
        .com-heading{
            color: var(--Newgreen);
            font-weight: 700;
            line-height: 45px;
            margin: 0px 0px 10px;
            h2{
                font-family: "Frunchy Serif";
                font-size: 50px;
                line-height: 1.1;
                letter-spacing: 0;
            }
        }
        .featured-rest-box{
            .featured-rest-box-title{
                h2{
                    font-family: "Frunchy Serif";
                }
            }
            .featured-rest-box-txt{
                .content-middle{
                    .com-btn{
                        min-width: 150px;
                        padding: 12px 25px !important;
                        font-size: 15px;
                        a{
                            padding: 0 !important;
                            font-family: Poppins, sans-serif;
                            font-weight: 400;
                        }
                    }
                    .com-btn-dark{
                        min-width: 150px;
                        padding: 12px 25px !important;
                        font-size: 15px;
                        a{
                            padding: 0 !important;
                            font-family: Poppins, sans-serif;
                            font-weight: 400;
                        }
                    }
                    @media screen and (max-width: 1268px) {
                        .btnGroup{
                            .inner-content.mgz-container{
                                flex-direction: column;
                            }
                        }
                    }
                }
            }
            @media screen and (max-width:767px){
                .futureRestBoxtextWeb{
                    display: block;
                    .para{
                        margin-bottom: 0;
                        text-align: left;
                        p{
                            margin: 0;
                        }
                    }
                }
                .featured-rest-box-txt{
                    .content-middle{
                        .com-btn{
                            min-width: 100%;
                            padding: 3px 7px !important;
                            font-size: 10px;
                        }
                        .com-btn-dark{
                            min-width: 100%;
                            padding: 3px 7px !important;
                            font-size: 10px;
                        }
                    }
                }
                .featured-rest-box-title{
                    h2{
                        font-size: 60px !important;
                        line-height: 40px;
                    }
                }
            }
        }
    }
    .customer-stories-sec{
        padding: 0;
        border: none;
        .customer-stories-sec{
            margin: 0;
            border: none;
        }
    }
    @media screen and (max-width: 1024px) {
        .customer-stories-sec{
            padding: 50px 0;
        }
    }
}