/* Start global CSS */
:root {
    --suissecond-int-thin: 'SuisseIntlCond-Thin-WebS';
    --suissecond-int-light: 'SuisseIntlCond-Light-WebS';
    --suissecond-int-normal: 'SuisseIntlCond-Regular-WebS';
    --suissecond-int-medium: 'SuisseIntlCond-Medium-WebS';
    --suissecond-int-bold: 'SuisseIntlCond-Bold-WebS';

    --suisse-screen-thin: 'SuisseScreen-Thin-WebS';
    --suisse-screen-light: 'SuisseScreen-Light-WebS';
    --suisse-screen-normal: 'SuisseScreen-Regular';
    --suisse-screen-monitor: 'SuisseScreen-Monitor-WebS';

    --suisse-int-thin: 'SuisseIntl-Thin-WebS';
    --suisse-int-light: 'SuisseIntl-Light-WebS';
    --suisse-int-ultralight: 'SuisseIntl-Ultralight-WebS';
    --suisse-int-normal: 'SuisseInt-Regular-WebS';
    --suisse-int-medium: 'SuisseIntl-Medium-WebS';
    --suisse-int-semibold: 'SuisseIntl-SemiBold-WebS';
    --suisse-int-bold: 'SuisseIntl-Bold-WebS';

    --suisse-works-italicbold: 'SuisseWorks-BoldItalic-WebS';
    --suisse-works-bold: 'SuisseWorks-Bold-WebS';
    --suisse-works-bookitalic: 'SuisseWorks-BookItalic-WebS';
    --suisse-works-book: 'SuisseWorks-Book-WebS';
    --suisse-works-mediumitalic: 'SuisseWorks-MediumItalic-WebS';
    --suisse-works-medium: 'SuisseWorks-Medium-WebS';
    --suisse-works-regularitalic: 'SuisseWorks-RegularItalic-WebS';
    --suisse-works-regular: 'SuisseWorks-Regular-WebS';

    /* --suisse-neue-light: 'SuisseNeue-Light-WebS';
    --suisse-neue-normal: 'SuisseNeue-Regular-WebS';
    --suisse-neue-medium: 'SuisseNeue-Medium';

    --suisse-mono-thin: 'SuisseIntlMono-Thin-WebS';
    --suisse-mono-normal: 'SuisseIntlMono-Regular-WebS';
    --suisse-mono-bold: 'SuisseIntlMono-Bold-WebS';

    --suisse-book-bold: 'SuisseIntl-Book-WebS'; */

    --primary-green: #0aab65;
    --primary-white: #ffffff;
    --secondary-white: #f0efee;
    --primary-black: #04253c;
    --primary-text-black-color: #04253C;
    --secondary-black: #021c22;
    --default-black: #000000;
    --default-gray: #6e6e6e;
    --primary-gray: #858585;
    --secondary-gray: #929292;
    --primary-navy-blue: #22315d;
    --primary-royal-blue: #04253C;
    --Light-Grey-100: #E6F6EF;

    --mobile-ratio: 4/5;
    --desktop-ratio: 4/5;
}

/* Start font CSS*/
@font-face {
    font-family: 'SuisseIntlCond-Thin-WebS';
    src: url('./fonts/SuisseIntlCond-Thin-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntlCond-Light-WebS';
    src: url('./fonts/SuisseIntlCond-Light-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntlCond-Regular-WebS';
    src: url('./fonts/SuisseIntlCond-Regular-WebS.woff') format('woff');
    src: url('./fonts/SuisseIntlCond-Regular-WebS.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntlCond-Medium-WebS';
    src: url('./fonts/SuisseNeue-Medium.woff') format('woff');
    src: url('./fonts/SuisseNeue-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntlCond-Bold-WebS';
    src: url('./fonts/SuisseIntlCond-Bold-WebS.woff') format('woff');
    src: url('./fonts/SuisseIntlCond-Bold-WebS.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseScreen-Thin-WebS';
    src: url('./fonts/SuisseScreen-Thin-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseScreen-Light-WebS';
    src: url('./fonts/SuisseScreen-Light-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseScreen-Regular';
    src: url('./fonts/SuisseScreen-Regular.woff') format('woff');
    src: url('./fonts/SuisseScreen-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseScreen-Monitor-WebS';
    src: url('./fonts/SuisseScreen-Monitor-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntl-Thin-WebS';
    src: url('./fonts/SuisseIntl-Thin-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntl-Light-WebS';
    src: url('./fonts/SuisseIntl-Light-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntl-Ultralight-WebS';
    src: url('./fonts/SuisseIntl-Ultralight-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseInt-Regular-WebS';
    src: url('./fonts/SuisseIntl-Regular-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntl-Medium-WebS';
    src: url('./fonts/SuisseIntl-Medium-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntl-SemiBold-WebS';
    src: url('./fonts/SuisseIntl-SemiBold-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntl-Bold-WebS';
    src: url('./fonts/SuisseIntl-Bold-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseNeue-Light-WebS';
    src: url('./fonts/SuisseNeue-Light-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseNeue-Regular-WebS';
    src: url('./fonts/SuisseNeue-Regular-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseNeue-Medium';
    src: url('./fonts/SuisseNeue-Medium.woff') format('woff');
    src: url('./fonts/SuisseNeue-Medium.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntlMono-Thin-WebS';
    src: url('./fonts/SuisseIntlMono-Thin-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntlMono-Regular-WebS';
    src: url('./fonts/SuisseIntlMono-Regular-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntlMono-Bold-WebS';
    src: url('./fonts/SuisseIntlMono-Bold-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseIntl-Book-WebS';
    src: url('./fonts/SuisseIntl-Book-WebS.woff') format('woff');
    font-display: swap;
}



@font-face {
    font-family: 'SuisseWorks-BoldItalic-WebS';
    src: url('./fonts/SuisseWorks-BoldItalic-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseWorks-Bold-WebS';
    src: url('./fonts/SuisseWorks-Bold-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseWorks-BookItalic-WebS';
    src: url('./fonts/SuisseWorks-BookItalic-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseWorks-Book-WebS';
    src: url('./fonts/SuisseWorks-Book-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseWorks-MediumItalic-WebS';
    src: url('./fonts/SuisseWorks-MediumItalic-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseWorks-Medium-WebS';
    src: url('./fonts/SuisseWorks-Medium-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseWorks-RegularItalic-WebS';
    src: url('./fonts/SuisseWorks-RegularItalic-WebS.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SuisseWorks-Regular-WebS';
    src: url('./fonts/SuisseWorks-Regular-WebS.woff') format('woff');
    font-display: swap;
}
/* End font CSS*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /* font-family: var(--suisse-int-normal) !important; */
    font-family: var(--suisse-works-regular);
    font-size: 16px !important;
    line-height: 1.2 !important;
}

html {
    scroll-behavior: smooth;
  }
  

.font-family-Montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

a {
    text-decoration: none !important;
}

.container{
    /* max-width: 1400px; */
    max-width: 1440px;
    /* width: 1440px !important; */
    padding-left: 0;
    padding-right: 0;
}

.container-fluid{
    padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin:0
}

h1, h2 {
    font-size: 55px;
}

h3 {
    font-size: 47px;
}

h5 {
    font-size: 26px;
}

p{
    margin:0
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
}
li {
    list-style: none;
}
input:focus-visible, button:focus-visible{
    outline: 0;
}
.full-img{
    width: 100%;
}
.ipad-img {
    display: none;
}
/* End global CSS */

/* Start menu / header CSS */
.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
}

.sticky + .content {
    padding-top: 102px;
}
.top-heading {
    height: 40px;
    background-color: var(--default-black);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
}
.top-heading .customize-heading {
    color: var(--primary-white);
    /* padding: 13px; */
    font-size: 17px;
    letter-spacing: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.top-heading .customize-heading h3 {
    /* font-size: 17px; */
    font-size: 13px;
    margin-bottom: 0px;
    /* font-family: var(--suisse-int-light); */
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 600; */
    font-weight: bold;
}
.header {
    max-height: 60px;
    position: relative;
    z-index: 99;
    background-color: #fff;
}
.header .container {
    padding-left: 0;
    padding-right: 0;
}
.header .row {
    width: 100%;
    margin-left: 0;
    height: 60px;
    justify-content: space-between;
}
.headerContainer {
    /* padding: 10px 0; */
}
.header a.try.custom-btn:hover {
    background-color: #000000;
    color: #fff;
    border: 2px solid #000000;
    transition: 200ms;
}
.header .logo {
    display: block;
    margin-top: 10px;
}
.headerImage {
    width: 220px;
    z-index: 999;
}
#navBarToggle {
    /* width: 1140px; */
}
.header nav {
    display: flex;
    letter-spacing: 2px;
    justify-content: space-between;
    flex: 1;
    height: 100%;
}
.header nav ul {
    display: flex ;
    padding-left: 0;
    margin-bottom: 0;
    /* align-items: center; */
}
.header nav ul li {
    display: flex;
    padding: 0px 35px;
    height: 100%;
}
.header nav ul a {
    color: var(--primary-black);
    /* font-size: 15px; */
    /* transition: 0.5s; */

    font-size: 13px;
    letter-spacing: 0;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    padding: 20px 0;
    display: flex;
    align-items: center;
    position: relative;
}
/* .header nav ul a:hover {
    border-bottom: 4px solid var(--primary-green);
    padding-bottom: 19px;
    transition: 200ms;
} */
.header nav ul a:after {
    content: "";
    height: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary-green);
    transition: 200ms;
    position: absolute;
}
.header nav ul a:hover:after {
    height: 2px;
}
.header .col-left {
    padding: 11px 0px !important;
    width: 20%;
}
.header .col-right {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 80%;
    padding: 0px !important;
}
.account li:last-child {
    padding: 0;
    align-items: center;
}

.header .account .try:after{
	content:none;
}

@media all and (min-width:1200px){
  .header nav ul.cs_nav{
    flex-grow: 1;
    max-width: 60%;
    justify-content: space-around;
    margin-left: 30px
  }
  .header nav ul.cs_nav li{
    padding: 0px 15px;
  }
}
/* .header .account {
    text-transform: uppercase;
    display: flex;
    align-items: center;
} */
/* .header .account .singin {
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
    position: relative;

    color: #000000;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
} */
/* .header .account .singin:hover:after {
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--primary-green);
    padding-bottom: 18px;
    padding-top: 22px;
    transition: 200ms;
    left: 0;
    right: 0;
    bottom: -22px;
} */
.singin {
    text-decoration: none !important;
}
.logOut {
    display: none !important;
}
.header .account .try {
    padding: 12px 30px 10px;
    /* margin-left: 30px; */

    border: 2px solid #000000;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
}
.custom-btn {
    /* background-color: var(--primary-green);
    color: var(--primary-white); */
    color: #000000;
}
.header .hamburger  {
    display: none;
}
.header .close {
    /* display: none; */
}
/* End menu / header  section CSS */

/* Start home page banner CSS */
.col-img-banner {
    /* width: 508px; */
    height: 100%;
    /* margin-right: 147px;
    margin-left: 114px; */
    margin: 0 auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-image: url('../asset-v1/images/bnr_img.png');
    background-position: 0 75%;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-contents .col-lg-6 {
    height: 100%;
}
.title-banner {
    /* letter-spacing: 0;
    font-family: var(--suisse-works-regular); */

    font-weight: 400;
    line-height: 67px;
    font-size: 52px;
}
.doNotServeHeader {
    font-size: 26px;
    color: white;
    font-weight: 700;
    line-height: 40px;
    padding: 0px;
    margin-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
}
.doNotServeHeader-btn {
    font-size: 30px;
    color: black;
    font-weight: 700;
    line-height: 40px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 5px;
    font-family: 'Montserrat', sans-serif;
}
.doNotServeDesc {
    font-size: 14px;
    color: white;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
}
.doNotServeDesc-btn {
    font-size: 18px;
    color: black;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
}
.emailCheckContainer-top {
    /* max-width: 500px; */
}
.emailCheck {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}
.emailCheck input::placeholder {
    color: var(--default-black) !important;
    opacity: 1; /* Firefox */
}
.emailZipSubmitBtn:hover {
    background: none;
    color: #fff;
}
.errorshowemail, .errorshowemail-btn {
    color: red;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
}
.emailError-btn {
    color: red;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.email-submit-success {
    color: white;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}
.email-successful-submit-below {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}
.bg-banner{
    /* background-color: var(--primary-navy-blue); */

    background-color: var(--primary-royal-blue);
}

.bg-banner .container {
    max-width: 100% !important;
}



.banner-wrapper{
    /* padding: 90px 0; */
}
.banner-contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 600px;
}
.bannerImg{
    /* padding-right: 80px; */
    width: 100%;
    position: relative;
    top: -13%;
}
.input-btn-group{
    width: 100%;
    height: 80px;
}
.zip-btn-top:hover {
    background: none;
    color: #fff;
}
#zipcheck input.form-control.form-control-black {
    border: 2px solid var(--primary-green);
}
.input-btn-group input, .btn-zip-btn {
    background-color: transparent;
    letter-spacing: 0;
    padding: 15px 25px;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
} 
.input-btn-group input{
    /* flex-grow: 1;
    color: var(--primary-white); */

    /* width: 279px; */
    width: 55% !important;
    background-color: #fff;
    font-weight: 500;
}
.input-btn-group-append{
    background-color: var(--primary-green);
}
.btn-zip-btn{
    background-color: var(--primary-green);
    color: var(--primary-black);
    /* width: 211px; */
    width: 43%;
    font-weight: bold;
    border: 2px solid var(--primary-green);
    cursor: pointer;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 200ms;
}
.zipCodeInputArea-btn {
    /* max-width: 810px; */
    height: 84px;
}
.zipcheck {
    height: 80px;
    /* margin: 0 19%; */
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.emailCheck {
    margin: 0;
}
.zipcheck-btn {
    height: 84px;
    margin: 0 314px 0 315px;
}
.zip-form-btn {
    width: 469px !important;
    font-size: 20px !important;
    border: none;
}
.zip-form-btn::placeholder {
    color: #777777 !important;
    opacity: 1; /* Firefox */
}
  
.zip-form-btn:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777777 !important;
}

.zip-form-btn::-ms-input-placeholder { /* Microsoft Edge */
    color: #777777 !important;
}
.zip-form-btn-bottom {
    /* width: 324px !important; */
    background-color: var(--default-black);
    color: var(--primary-white);
    font-size: 20px;
    border: 2px solid var(--default-black);
}
.zip-form-btn-bottom:hover {
    background: none;
    color: var(--default-black);
    transition: 200ms;
}
.mainziparea {
    display: none;
    margin: -15px 0 0 0;
}
.form-control-white::placeholder{
    color: var(--primary-white);
}
.form-control-black::placeholder{
    color: var(--primary-black);
}

.bannerContainer {
    margin: 134px 20%;
}

.homePageBannerContainer {
    /* margin: 0 18%; */
    margin: 0 0 46px;
    text-align: center;
}

/* End home page banner CSS */

/* Start ready to eat section CSS */
.section-ready-eat{
    /* padding: 60px 0 0; */
    /* position: relative;
    z-index: 999;
    background-color: #fff; */
    padding-bottom: 63px;
}
.title-ready-eat{
    /* margin-bottom: 45px;
    color: var(--primary-green);
    font-size: 30px;
    letter-spacing: 2px; */
    margin: 0 108px 35px 107px;
}
.title-ready-eat-desc {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 4px;
    font-family: 'Montserrat', sans-serif;
    color: var(--default-black);
}
.title-cooked-desc {
    line-height: normal;
}
.title-secondary-ready-eat {
    /* margin: 0 488px 64px 488px; */
    margin: 0 0 64px 0;
}
.content-ready-eat .title-meal-delivery {
    display: none;
}

.title-meal-delivery {
    font-size: 52px;
    font-style: normal;
    font-weight: 400;
    line-height: 67px;
    color: var(--primary-text-black-color);
}
.section-ready-eat .row {
    margin-left: 0;
    margin-right: 0;
}
.title-meal-program-container {
    margin: 0 528px 33px;
}
.title-meal-program {
    /* font-size: 52px;
    margin-bottom: 25px;
    letter-spacing: 0; */
    font-weight: 400;
    line-height: normal !important;
}
.meal-program-plan-desc-container {
    margin: 0 454px 85px 452px;
}
.meal-program-plan-desc {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    font-family: 'Montserrat', sans-serif;
    color: var(--default-black);
}
.content-ready-eat {
    padding-top: 64px;
    /* max-width: 540px; */
    /* margin: 0 auto; */
}

.title-meal-delivery span{
    display: block;
}
.col-three{
    text-align: center;
}
.icon-circle{
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 5px solid var(--default-black); */
    border-radius: 50%;
    background-color: var(--primary-green);
    width: 126px;
    height: 126px;
    margin: 0 auto 30px;
}
/* .icon-circle img{
    width: 100px;
} */
.meal-title{
    letter-spacing: 2px;
    /* font-family: var(--suisse-int-semibold);
    font-size: 18px; */
    /* line-height: 1.6; */
    color: var(--primary-black);

    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
}
.meal-content p{
    /* font-family: var(--suisse-int-light);
    line-height: 1.6; */
    padding: 0 90px;
    color: var(--primary-black);

    line-height: 18px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}
/* End ready to eat section CSS */

/* Start what our customer say CSS */
.row-customer{
    margin: 0;
}
.column-customer{
    padding: 85px 100px 48px 62px;
    height: 100%;
    /* height: 843px; */
}
.customer-name-mobile {
    display: block;
}
.customer-say-img{
    vertical-align: bottom;
    /* height: 843px; */
    height: 100%;
    object-fit: fill;
}

.title-customer span{
    display: block;
}
.customer-slider{
    max-width: 700px;
}
.customer-slider-wrapper{
    /* padding-left: 50px; */
}
.star-rating {
    display:flex;
    flex-direction: row-reverse;
    font-size:26px;
    justify-content:space-around;
    text-align:center;
    width:150px;
    margin-bottom: 34px;
}
.customer-review {
    margin-bottom: 34px;
}
.star-rating input {
    display:none;
}
.star-rating label {
    color:#fc0;
}
.customer-review-title{
    margin-bottom: 24px;
    /* font-size: 26px; */

    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 41px;
}
.customer-review p{
    letter-spacing: 3px;
}
.customer-name {
    margin-bottom: 10px;

    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}
.cutomer-category{
    color: var(--primary-green);

    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.customer-slider .slick-arrow{
    border-bottom: 3px solid;
    border-left: 3px solid;
    width: 14px;
    height: 14px;
    border-color: #fff;
    position: absolute;
    top: 110%;
}
/* .customer-slider .slick-arrow::before{
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    left: 50%;
    background-repeat: no-repeat;
    color: var(--secondary-gray);
    opacity: 1;
} */

/* .customer-slider .slick-prev:hover, .customer-slider .slick-next:hover {
    background: #fff;
} */
.customer-slider .slick-prev{
    /* left: auto;
    right: 90px; */
    transform: rotate(45deg);
    left: auto;
    right: 20%;
}
.customer-slider .slick-next {
    /* right: 15px; */
    transform: rotate(-135deg);
    right: 8%;
}
.customer-slider .slick-prev::before{
    content: "";
    /* background-image: url("./images/Arrow_left.png"); */

    /* border-left: 2px solid; */
    transform: rotate(45deg);
}
.customer-slider .slick-next::before{
    content: "";
    /* background-image: url("./images/Arrow_right.png"); */
    /* border-right: 2px solid;
    transform: rotate(-45deg); */
}
/* End what our customer say CSS */

/* Start meal program CSS */
.content-meal-program{
    /* max-width: 540px; */
    /* margin: 0 auto 80px; */
    padding-top: 64px;
}
.content-meal-program p{
    /* font-family: var(--suisse-int-light); */
    /* line-height: 1.6;
    padding: 0 55px; */
    /* color: var(--secondary-black); */
    /* font-size: 22px; */

    /* line-height: 35px;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif; */
}
.meal-program-slider {
    padding-top: 45px;
    margin-top: 145px;
    margin-bottom: 45px !important;
}
.meal-program-slider .slick-list{
    max-width: 1060px;
    margin: 0 auto;
}
.meal-program-slider .slick-dots{
    display: flex;
    top: -55px;
    bottom: auto;
    justify-content: space-around;    
}
.meal-program-slider .slick-dots li, .meal-program-slider .slick-dots li button {
    width: 100%;
    height: auto;
    margin: 0;
}
.meal-program-slider .slick-dots li button {
    padding: 0;
    display: initial;
    font-size: 22px;
    letter-spacing: 2px;
    color: var(--primary-black);
    line-height: 1.6;
    padding: 10px 35px;
}
.meal-program-slider .slick-dots li.slick-active button{
    background-color: var(--primary-green);
    color: var(--primary-white);
}
/* End meal program CSS */

/* Start experience fast result CSS */
.meal-prep-plan-tab{
    max-width: 760px;
    margin: 0 auto 45px;
}
.meal-nav-tabs{
    display: flex;
    justify-content: space-around;
    margin-bottom: 24px;
}
.meal-nav-tabs .nav-link{
    font-size: 22px;
    letter-spacing: 2px;
    color: var(--primary-black);
    cursor: pointer;
}
.meal-nav-tabs .nav-link.active{
    color: var(--primary-green);
    text-decoration: underline;
}
.meal-tab-pane p{
    font-size: 28px;
    letter-spacing: 2px;
    color: var(--primary-black);
    line-height: 2.6;
}
.meal-tab-pane .meal-plan-detail{
    line-height: 1.6;
}
.meal-tab-pane{
    display: none;
}
.meal-tab-pane.active{
    display: block;
}
.average-content{
    font-style: italic;
    font-family: var(--suisse-int-light);
    line-height: 1.6;
    padding: 0 55px;
    color: var(--secondary-black);
    font-size: 22px;
}
.btn-outline{
    background-color: transparent !important;
    border: 3px solid var(--primary-black);
}
/* End experience fast result CSS */

/* Start how its work CSS */
.icon-how-work-wrapper{
    /* padding-bottom: 145px; */
}

.icon-how-work-ipad-wrapper {
    display: none;
}
.icon-how-work{
    display: flex;
    justify-content: space-around;
    position: relative;
}
.icon-how-work::before{
    content: "";
    position: absolute;
    /* left: 0;
    border-bottom: 5px solid var(--primary-black);
    width: 100%;
    top: 85px; */
    z-index: -1;

    border-bottom: 10px solid var(--default-black);
    left: 23px;
    width: 98%;
    top: 104px;
}
.icon-bullet{
    position: absolute;
    width: 100%;
}
.icon-bullet::before, .icon-bullet::after{
    content: "";
    /* border: 10px solid; */
    border-radius: 50%;
    position: absolute;
    /* top: 77px; */

    border: 13px solid;
    top: 96px;
}
.icon-bullet::before{
    left: 0;
}
.icon-bullet::after{
    right: 0;
}
.icon-how-work-img{
    /* padding: 25px;
    margin: 0 auto 65px; */
    /* background-color: var(--primary-white); */
    border-radius: 50%;
    /* border: 5px solid var(--default-black); */

    margin: 0 auto 41px;
    /* border: 10px solid var(--default-black); */
    padding: 35px 35px 0 35px;
}
.icon-how-work-img svg {
    background-color: white;
    border-radius: 100%;
}
.icon-how-work-img img{
    /* width: 100px; */

    width: 130px;
}
.col-icon-how-work p{
    /* line-height: 1.6;
    color: var(--secondary-black);
    letter-spacing: 3px; */

    letter-spacing: 2px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: var(--primary-text-black-color);
    opacity: 0.8;
    line-height: normal;
    flex-shrink: 0;
}
/* End how it work CSS*/

/* Start man seeing product CSS */
.col-spacing-0{
    padding: 0;
}
.column-image{
    margin-right: -50px;
    /* position: relative; */
}
.column-color-bg{
    position: relative;
    margin-top: 55px;
    margin-left: -50px;
}
.section-mob-image{
    display: none;
}
/* End man seeing product CSS */

/* Start home faq asked quest CSS */
.bg-faq-container{
    /* background-color: var(--primary-green);
    padding: 145px 0 90px;  */

    padding: 65px 0 35px;
}
.faq-accordion-header{
    position: relative;
}
.home-faq-accordion .gg-chevron-right{
    position: absolute;
    right: 0;
}
.home-faq-accordion .faq-accordion-item{
    /* border-color: var(--primary-white); */

    border-color: var(--default-black);
}
.home-faq-accordion .faq-accordion-button {
    /* color: var(--primary-white); */
}
.home-faq-accordion .faq-accordion-body{
    /* color: var(--primary-white); */

    color: var(--default-black);
    line-height: 26px;
    letter-spacing: 0;
    font-weight: 400;
}
/* End home faq asked quest CSS */

/* Start nutritionist meets CSS */
.section-nutritionist-meet{
    /* padding: 58% 0 5%; */
    padding: 76% 0 127px;
    background-image: url("./images/order-delivery.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.delivery-order{
    text-align: center;
    /* max-width: 960px; */
    /* margin: 0 211px 79px 212px; */
    margin: 0 90px 79px 90px;
}
.order-now-text{
    color: var(--primary-green);
    font-size: 30px;
    letter-spacing: 2px;
    color: var(--secondary-black);
}
.section-nutritionist-meet .input-btn-group{
    max-width: 100%;
}
.section-nutritionist-meet .input-btn-group input{
    color: #777777;
}
.enterEmail-Container-bottom {
    width: 100%;
}
.enterEmail-Container-bottom form {
    margin: 0 314px 0 315px;
}
.enterEmail-Container-bottom form .zipcheck {
    display: flex;
    justify-content: space-between;
    height: 84px;
}
.enterEmail-Container-bottom form .zipcheck input {
    width: 469px;
    font-size: 20px;
}

.enterEmail-Container-bottom form .zipcheck input::placeholder {
    color: #777777 !important;
    opacity: 1;
}
.enterEmail-Container-bottom form .zipcheck button {
    /* width: 324px; */
    font-size: 20px;
    background-color: var(--default-black);
    color: var(--primary-white);
    border: 2px solid var(--default-black);
}
.enterEmail-Container-bottom form .zipcheck button:hover {
    background: none;
    color: var(--default-black);
    transition: 200ms;
}
/* End nutritionist meets CSS */

/* Start our approach section CSS*/

.row-spacing-bottom{
    margin-bottom:160px;
}
.spacing-bottom{
    margin-bottom:100px;
}

.HIW-section2 {
    margin-bottom: 97px;
}

.HIW-section3 .container .row {
    margin-left: 0;
    margin-right: 0;
}

.HIW-section3 .container .row div {
    padding-left: 0;
    /* padding-right: 0; */
}

.HIW-section4 {
    margin-bottom: 138px;
}

.HIW-section5 .container .row {
    margin-left: 0;
    margin-right: 0;
    margin: 0 77px 0 79px;
}

.HIW-section5 {
    margin-bottom: 183px;
}

.HIW-section6 {
    margin-bottom: 230px;
}

.section-1 {
    margin-bottom: 86px;
}

.section-2 .container .row,
.section-3 .container .row,
.section-4 .container .row,
.section-5 .container .row,
.section-6 .container .row {
    margin-left: 0;
    margin-right: 0;
}

.spacing-bottom-64 {
    margin-bottom: 64px;
}
.section-customer {
    /* height: 843px; */
    /* height: 100%; */
    /* padding-bottom: 270px; */
    background-color: rgba(10, 171, 101, 0.102);
}
.section-meal-programs {
    /* padding-top: 60px; */
    background-color: rgba(10, 171, 101, 0.102);
}
.section-cust-image {
    padding-top: 80px;
    background-color: rgba(10, 171, 101, 0.102);
}
.spacing-bottom-0{
    margin-bottom: 0;
}
.HIW-section7 .bg-container-full {
    background-color: #fff;
}
.bg-container-full{
    background-color: rgba(10, 171, 101, 0.102);
    padding: 64px 0;
}
.text-center{
    text-align:center;
}
.title{
    /* letter-spacing: -2px;
    color: var(--primary-green);
    font-family: var(--suisse-int-semibold);
    margin-bottom: 24px; */

    letter-spacing: 0;
    font-size: 52px;
    font-weight: 100;
}
.how-it-works-title {
    color: #04253C;
    font-weight: 100;
    font-size: 52px;
    letter-spacing: 0;
}
.title-customer{
    /* margin-bottom: 145px; */

    margin-bottom: 62px;
    font-size: 52px;
    letter-spacing: 0px;
    line-height: 67px;
}
.title-white {
    color: var(--primary-white);
}

.title-text-black {
    color: var(--primary-text-black-color);
}
.spacing-bottom-65{
    margin-bottom: 65px;
}
.spacing-bottom-90{
    margin-bottom: 90px;
}
.spacing-bottom-80{
    margin-bottom: 80px;
}
.spacing-bottom-60 {
    margin-bottom: 60px;
}
.homePageBanner {
    /* margin-bottom: 39px; */
    /* margin: 134px 0 46px 0; */
    margin: 0;
}
.paragraph-max-content{
    max-width: 950px;
    margin:0 auto;
}
.paragraph-max-content-px{
    padding: 0 30px;
}
.title-our-approach {
    line-height: 67px;
    margin-bottom: 30px;
    color: var(--primary-text-black-color);
}
.title-nutrition-philosophy {
    line-height: 67px;
    margin-bottom: 26px;
    color: var(--primary-text-black-color);
}
.Nutrition-Philosophy-container {
    padding: 65px 0 88px 0 !important;
}
.nutrition-Philosophy-bottom {
    margin-bottom: 126px;
}
.full-container-text{
    /* font-size: 28px;
    font-family: var(--suisse-int-light); */
    font-weight: 300;
    line-height: 2.1;
    color: var(--default-black);

    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    line-height: 45px;
}
/* End our approach section CSS*/

/* Start sustaiable sourcing section CSS*/
#bg-sustainable{
    background-image: url('./images/sustainable-source.jpg');
}
.bgImage{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 209px 0;
    margin-bottom: 45px;
}
.mainPageImage {
    padding-left: 0 !important;
}
.overlay-bgImage{
    position:relative;
}
.overlay-bgImage::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(4, 37, 60, 0.3);
}
.bgImage-border::after{
    content: "";
    position: absolute;
    border-right: 10px solid var(--primary-green);
    border-bottom: 10px solid var(--primary-green);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top: 10px;
    left: 10px;
}

.plan-left-img::after {
    width: calc(100% - 20px);
}

.title-with-image{
    /* letter-spacing: -2px;
    line-height: 42px; */
    color: var(--primary-white);
    text-align: center;
    position:relative;
    z-index: 1;
    font-family: var(--suisse-int-semibold);
    font-size: 64px;

    letter-spacing: -3px;
    line-height: 78px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.para-text{
    /* font-size: 30px;
    line-height: 52px; */
    color: var(--primary-text-black-color);
    font-family: 'Montserrat', sans-serif;
    line-height: 45px;
}
.para-left-text{
    max-width: 555px;
    font-weight: 600;
    font-size: 28px;
    color: var(--primary-text-black-color);
}
.para-pr-15{
    padding-right:15px;
}
.para-right-text{
    font-size: 24px;
    max-width: 630px;
    font-weight: 500;
    color: var(--primary-text-black-color);
}
.para-pr-20{
    padding-right:20px;
}
.para-pr-60{
    padding-right:60px;
}
.para-maxfull{
    max-width: fit-content;
}
.para-text span{
    position: relative;
}
.para-text span::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 2px;
    background-color: var(--primary-black);
}
.light-line::after{
    height: 3px !important;
}
/* End sustaiable sourcing section CSS*/

/* Start reducing waste / leaving no trace / offsetting / giving back CSS*/
#bg-reducing{
    background-image: url('./images/reducing-waste.jpg');
}
#bg-lavingTrace{
    background-image: url('./images/leaving-no-trace.jpg');
}
#bg-offsetting{
    background-image: url('./images/offsetting.jpg');
}
#bg-givingBack{
    background-image: url('./images/giving-back.jpg');
}

/* Start macroplate nutrition pillars section CSS */
.custom-container-gutter{
    /* padding-left: 24px;
    padding-right: 24px; */
}
.row-gutter{
    margin-left:-24px;
    margin-right:-24px;
}
.col-gutter{
    padding-left: 24px;
    padding-right: 24px;
}
.title-secondary{
    line-height: 67px;
    color: var(--primary-text-black-color);

    /* letter-spacing: 2px; */
    /* font-weight: 100; */
    font-size: 52px;
    letter-spacing: 0px;
}
.title-nutritionist-meet {
    line-height: normal !important;
    font-size: 64px !important;
    letter-spacing: 0 !important;
}
.title-secondary-web-spacing{
    padding-bottom: 28px;
    margin-bottom: 74px;
}
.title-mob-secondary-spacing {
    padding-bottom: 45px;
    margin-bottom: 75px;
}
.title-secondary-border{
    border-bottom: 3px solid var(--default-black);;
}
.nutrition-pillar-flex{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.nutrition-pillar-tittle{
    letter-spacing: -2px;
    color: var(--primary-text-black-color);
    font-size: 47px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 64px;
}
.nutrition-pillar-box{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding:90px;
    margin-bottom: 65px;
    position: relative;
}
.nutrition-pillar-box span{
    display: block;
}
#moderation{
    background-image: url("./images/moderation.jpg")
}
#protien{
    background-image: url("./images/protein.jpg")
}
#carbs{
    background-image: url("./images/carbs.jpg")
}
#fat-mandatory{
    background-image: url("./images/fat-mandatory.jpg")
}
#eat-color{
    background-image: url("./images/eat-color.jpg")
}
.nutrition-pillar-inner-box {
    width: 482px;
    height: 400px;
    perspective: 1000px;
} 
.nutrition-pillar-content {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 1s;
    transform-style: preserve-3d;
    background-color: var(--primary-white);
} 
.nutrition-pillar-inner-box:hover .nutrition-pillar-content {
    transform: rotateY( 180deg ) ;
    transition: transform 0.5s;
}
.nutrition-pillar-front, .nutrition-pillar-back {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    left: 0;
    top: 0;
    padding: 45px;
    text-align: center;
}
.nutrition-pillar-back {
    background-color: var(--primary-white);
    transform: rotateY( 180deg );
    font-size: 20px;
    color: #4F4F4F;
    font-family: 'Montserrat', sans-serif;
    line-height: 149.9%;
    font-weight: 400;
}
.row-btn{
    padding-top:95px;
    padding-bottom: 15px;
}
.btn-get-started{
    padding:35px;
    background-color: var(--primary-green);
    font-size: 32px;
    font-family: var(--suisse-int-semibold);
    color: var(--secondary-black);
    letter-spacing: 3px;
    display: inline-block;
    width: 100%;
    max-width: 645px;
    text-align: center;
}
.HIW-getStartedBtn-container {
    display: flex;
    justify-content: center;
}
.HIW-btn-get-started {
    background-color: var(--default-black);
    font-size: 32px;
    letter-spacing: 3px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #FFF;
    width: 614px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.HIW-section8 .HIW-btn-get-started {
    height: 86px;
    font-size: 28px;
    width: 498px;
}
/* End macroplate nutrition pillars section CSS */


/* Start mobile view macroplate nutrition pillars section CSS */
/*Mobile view Default slide */

.macroplate-mobile-view-slider .slick-slide, .meal-program-slider.slick-slide{
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
}
.macroplate-mobile-view-slider .slick-slide,
.macroplate-mobile-view-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"], .meal-program-slider .slick-slide,
.meal-program-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(0.8, 0.8);
    transition: all 0.4s ease-in-out;
}
  
/* Active center slide (You can change anything here for cenetr slide)*/
.macroplate-mobile-view-slider .slick-center,
.macroplate-mobile-view-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"], .meal-program-slider .slick-center,
.meal-program-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
    transform: scale(1.1);
}
.macroplate-mobile-view-slider .slick-current.slick-active, .meal-program-slider .slick-current.slick-active{
    transform: scale(1.1);
}

.fa-sort-asc {
    display: none;
}
  
.slick-next, .slick-prev{
    z-index: 5;
}
.slick-next{
    right: 15px;
}
.slick-prev{
    left: 15px;
}
.slick-next:before, .slick-prev:before{
    color: var(--default-black);
    font-size: 26px;
}
.spacing-mob-bottom{
    display: none;
}
.nutrition-pillar-images{
    position: relative;
}
.nutrition-pillar-images img{
    height: 375px;
    object-fit: cover;
}
.nutrition-pillar-mob-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--primary-white);
    width: calc(100% - 45px);
    height: calc(100% - 90px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
}
.nutrition-pillar-mob-content .nutrition-pillar-tittle{
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}
.nutrition-pillar-mob-content p{
    color: #4F4F4F;
}

/* End mobile view macroplate nutrition pillars section CSS */

/* Start frequently asked section CSS */
.faq-container{
    max-width: 850px;
}
.title-frequently{
    margin-bottom:55px;
    text-align: center;
    line-height: normal;
    color: var(--primary-text-black-color);
}
.row-frequently{
    padding-top:100px;
    /* padding-bottom:130px; */
}
.row-Choose-Plan {
    padding-top: 130px;
}
.our-approach-faq{
    margin-bottom: 60px;
}
.btn-null{
    background-color: transparent;
    border: 0;
    outline: 0;
}
.faq-gg-chevron-down {
    box-sizing: border-box;
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
    position: absolute !important;
    right: 0;
}
.faq-gg-chevron-down::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-135deg);
    right: 4px;
    top: 6px;
} 
.gg-chevron-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    border-radius: 100px;
}
.gg-chevron-right::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    right: 6px;
    top: 4px;
} 
.faq-accordion-item{
    /* border-bottom: 1.5px solid var(--primary-gray); */

    border-bottom: 1.5px solid var(--default-black);
    /* padding: 0 25px 0px */
}
.faq-accordion-button {
    color: var(--default-black);
    font-size: 20px;
    cursor: pointer;
    font-family: var(--suisse-works-regular);
    padding: 20px 30px 20px 0px;
    width: 100%;
    text-align: left;

    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 500;
    letter-spacing: 0;
    line-height: normal;
}
.faq-accordion-button span{
    display: flex;
    align-items: center;
}
.faq-accordion-button .gg-chevron-right{
    transform: rotate(90deg);
}
.faq-accordion-button.collapsed .gg-chevron-right{
    transform: rotate(0deg);
}
.faq-accordion-button.collapsed .faq-gg-chevron-down {
    transform: rotate(180deg);
}
.faq-accordion-body{
    /* font-family: var(--suisse-int-normal);
    padding: 0 35px 20px; */
    font-size: 16px;

    font-family: 'Montserrat', sans-serif;
    padding: 0 0px 20px;
}
.our-approach-faq .faq-accordion-body {
    line-height: 26px;
    font-size: 15px;
}
.faq-accordion-collapse.collapse:not(.show) {
    display: none;
}
.faq-accordion-collapse.collapsing{
    transition: all 0.5s ease;
    height: 0;
    overflow: hidden;
}
.faq-info p{
    font-size: 12px;
    line-height: 24px;
    color: var(--secondary-gray);
    font-family: 'Montserrat', sans-serif;
}
/* End frequently asked section CSS  */

/* Start personal chef CSS */
.row-personal-chef{
    background-image: url("./images/personal-chef.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 130px 0;
}
.col-personal-chef{
    background-color: var(--secondary-white);
    padding:80px;
}

.col-personal-chef .col-sm-5 {
    width: 47%;
}

.col-personal-chef .col-sm-7 {
    width: 53%;
    padding: 0;
}

.personal-chef-title{
    margin-bottom: 45px;
    font-size: 64px;
    line-height: 75px;
    /* max-width: 500px; */
}
.row-icon{
    padding-left: 100px;
}
.icon-with-text{
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 19px;
    color: var(--default-gray);
    font-family: var(--suisse-int-semibold);
    padding: 0 10px;
}
.icon-with-text img{
    margin-bottom: 15px;
}

.icon-with-text p {
    color: var(--default-black);
}
/* End personal chef CSS */

/* Start source / cooked / deliver CSS */
.ribbon-row-slider {
    display: none;
    height: 100px;
}
.row-ribbon{
    position: relative;
    height: 100%;
    /* background-color: var(--primary-navy-blue);
    padding: 55px 0; */
    font-size: 29px;
    font-family: var(--suisse-int-semibold);
    letter-spacing: 5px;
    color: var(--primary-white);
    overflow-x: clip; 
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;

    /* padding: 33px 0; */
}
.row-ribbon p{
    -webkit-animation: move 20s linear infinite;
    animation: move 20s linear infinite;
    white-space: nowrap;
    position: relative;
}

@keyframes move {
    0% { 
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        left: 100%;
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        left: 0;
    }
}
/* End source / cooked / deliver CSS */

/* Start footer CSS */

.footer-section {
    font-family: 'Montserrat', sans-serif;
}

.footer-section .container {
    padding: 0;
}

.footer-list-wrapper{
    position: relative;
    padding: 62px 0 48px 0;
    justify-content: space-between;
    margin: 0 !important;
}

.footer-list-wrapper .footer-list:nth-child(1) {
    width: 20%;
    padding: 0;
}
.footer-list-wrapper .footer-list:nth-child(2) {
    width: 20%;
    padding: 0;
}
.footer-list-wrapper .footer-list:nth-child(3) {
    padding: 0;
}
.footer-list-wrapper .footer-list:nth-child(4) {
    width: 28%;
    margin-top: 42px;
    padding: 0;
}

.custAssist {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    color: #8B8888;
}
.footer-list-wrapper::after{
    content: "";
    border-bottom: 2px solid #E2E2E2;
    position: absolute;
    /* width: calc(100% - 24px); */
    /* left: 12px; */
    width: 100%;
    bottom: 0;
}
.footer-list ul {
    padding-left: 0;
    font-size: 16px;
    margin-bottom: 0;
    color: var(--secondary-gray);
}
.footer-list span {
    color: #8B8888;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.footer-list ul li {
    margin-top: 5px;
}
.footer-list ul a {
    font-size: 22px;
    color: var(--default-black);
    font-weight: 500;
    line-height: 40px;
}

.footer-bottom-link {
    padding: 20px 0;
}

.footer-bottom-link ul {
    padding-left: 0;
    display: flex;
    gap: 17px;
    color: var(--secondary-gray);
}
.footer-bottom-link ul li a {
    font-size: 16px;
    line-height: 18px;
    color: #8B8888;
}

.footer-bottom-link .termsCond li a {
    border-right: 1px solid #8B8888;
    padding-right: 15px;
}

.contactDetailsContainer {
    border-bottom: 2px solid #E2E2E2;
    gap: 24px;
}

.footerSeparator {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #8B8888;
}

@media (min-width: 768px) {
    .termsCond li:last-child > a {
        border-right: 1px solid #8B8888 !important;
    }
    .socialMediaIcons {
        padding-left: 15px !important;
    }
}

@media (max-width: 767px) {
    .footer-bottom-link {
        flex-direction: column;
        align-items: flex-start;
    }

    .socialMediaIcons {
        justify-content: flex-start;
        padding-left: 15px; /* Optional padding for alignment */
    }

    .footerGetInTouchBtnContainer, .footerSeparator {
        display: none;
    }

    .contactDetailsContainer {
        gap: 0px;
        padding: 0 0 20px 0 !important;
    }

    .socialMediaIcons {
        display: flex !important;
        gap: 20px !important;
    }
}

.contactDetailsMP span {
    color: #8B8888;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 222.222% */
}

.footer-bottom-link .termsCond li:nth-child(3) a {
    border: none;
}

/* .footer-bottom-link ul li::after {
    content: '|';
    padding-left: 10px;
} */
.footer-bottom-link ul li:nth-last-child(1)::after {
    display: none;
}
/* End footer CSS */

/* Start How its work CSS */
.bg-container-how-work{
    padding: 200px 0;
}
.title-how-work{
    font-size: 64px;
}
/* End How its work CSS */

/* Start Choose a plan CSS */
.choose-plan{
    background-color: var(--primary-royal-blue);
    height: 145px;
    margin-bottom: 104px;
    /* padding: 55px 0; */
}
.plan-list-container{
    /* max-width: 1060px;
    margin: 0 auto; */
    margin: 0 313px;
    padding: 43px 0 43px 0;
}
.row-plan-list{
    position: relative;
    justify-content: space-between;
}
.row-plan-list::before{
    width: 99%;
    content: "";
    position: absolute;
    /* width: calc(100% - 200px); */
    height: 2px;
    background-color: var(--primary-green);
    top: 85%;
    left: 0;
    margin: 0 auto;
    right: 0;
}
.plan-list{
    text-align: center;
    color: var(--primary-white);
    position: relative;
    width: auto;
    flex: inherit;
    padding: 0 20px;
    background: var(--primary-royal-blue);
}
.plan-list-number{
    margin-bottom: 8px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: 'Montserrat', sans-serif;
}
.plan-list-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-family: 'Montserrat', sans-serif;
}
.button-box{
    padding-top: 32px;
}
.btn-outline-started{
    padding: 10px 54px 8px;
    color: var(--primary-white);
    border: 2px solid var(--primary-white);
    display: inline-block;
    margin-bottom: 15px;
}
/* End Choose a plan CSS */

/* Start step one CSS */
.step-plan-section{
    margin-bottom: 184px;
}
.step-one{
    background-color: var(--primary-green);
    letter-spacing: 3px;
    padding: 16px 20px;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 24px;
    color: var(--primary-white);
}
.section-step-one .container .row {
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
}
.section-step-one .container .row .step-col {
    padding-left: 0;
    padding-right: 0;
}
.HIW-section2 .step-col-content svg {
    margin-left: -8%;
}

.HIW-section2 .step-col-content h2{
    margin: -33% 380px 32px 0;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 75px;
}
.HIW-section4 .step-col-content h2{
    margin: -33% 149px 32px 0;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 75px;
}

.HIW-section4 .step-col-content svg {
    margin-left: -8%;
}

.HIW-section6 .step-col-content svg {
    margin-left: -8%;
}
.HIW-section6 .step-col-content h2{
    margin: -33% 68px 32px 0;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 75px;
}
.step-col-content .step-text {
    margin-right: 54px;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    font-family: 'Montserrat', sans-serif;
    color: var(--default-black);
}
.step-text{
    line-height: 2;
}
.plan-left-img {
    position: relative;
    width: 691px;
    padding-left: 0;
    padding-right: 0;
}
.plan-left-img img{
    vertical-align: bottom;
    width: 100%;
    padding-right: 10px;
}
/* End step one CSS */

/* Start step one plan CSS */
.title-step-plan {
    margin-bottom: 16px;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--primary-text-black-color);
}
.title-snacks{
    margin-bottom: 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px;
    color: var(--primary-text-black-color);
}
.plan-item{
    margin-bottom: 90px;
}
.plan-item-content{
    padding-right: 100px;
    /* color: var(--primary-black); */
}
.plan-item-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    content: var(--default-black);
}
/* End step one plan CSS */

/* Start juice / snacks / coffee CSS */
.col-snacks{
    text-align: center;
}
.snacks-img{
    margin-bottom: 36px;
}
.snacks-content{
    padding: 0 60px;
}
.snacks-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    color: var(--primary-text-black-color);
}
/* End juice / snacks / coffee CSS */

/* Start step three CSS */
.enjoy-list li{
    margin-bottom: 24px;
    position: relative;
    padding-left: 60px;
}
.step-check-o{
    position: absolute;
    transform: scale(var(--ggs,1));
    width: 30px;
    height: 30px;
    border: 2px solid;
    border-radius: 100px;
    left: 0;
    top: 25px;
    color: var(--primary-green);
}
.step-check-o::before{
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    left: 6px;
    top: 0px;
    width: 8px;
    height: 14px;
    border-color: currentColor;
    border-width: 0 2px 2px 0;
    border-style: solid;
    transform-origin: bottom left;
    transform: rotate(45deg);
}

#headerMenu-overlay{
    background: #fff;
    pointer-events: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
    z-index: 99;
}
.rightNavBar.active + #headerMenu-overlay{
    z-index: 99;
    pointer-events: none;
    opacity: 0.9;
}
.rightNavBar.active.col-right{
    z-index: 999;
}

.mobFooter {
    display: none !important;
}
/* End step three CSS */

/* Resposive CSS */
@media screen and (max-width: 1600px) {
    
    .customer-slider .slick-arrow {
        top: 100%;
    }

    .customer-slider .slick-next {
        right: 8%;
    }
}

@media screen and (max-width: 1440px) {
    .title-meal-program-container {
        margin: 0 0 33px;
    }
    
}

@media all and (min-width: 1600px) {
    .container {
        max-width: 1440px !important;
    }
}

@media screen and (max-width: 1599px){
    .container {
        max-width: 95% !important;
    }

    .title-banner {
        font-size: 52px;
    }

}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    /* .title-banner {
        margin: 0 7% 15px;
    } */
}

@media screen and (max-width: 767px){

    #navBarToggle {
        width: 100%;
        top: 46px;
    }

    .container {
        max-width: 100% !important;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    h1, h2 {
        font-size: 42px;
    }
    h3 {
        font-size: 34px;
    }
    .custom-container-gutter {
        padding-left: 0;
        padding-right: 0;
    }

    /* Start Header CSS */
        .top-heading {
            height: 46px;
        }
        .top-heading .customize-heading {
            padding: 0;
            height: 46px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--default-black);
        }
        .top-heading .customize-heading h3 {
            font-size: 11px;
            letter-spacing: 1px;
        }
        .header {
            max-height: 46px;
        }
        .header .row {
            width: auto;
            height: 46px;
            justify-content: center;
            margin: 0;
        }
        .header .col-left {
            padding: 0 !important;
            width: auto;
            display: flex;
            height: 100%;
            align-items: center;
        }

        .header.notSticky .col-left {
            position: relative;
            z-index: 9999;
        }
        .headerContainer {
            margin-right: 0;
            margin-left: 0;
        }
        .header .logo {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
        }
        .macroplateSvg {
            height: 14px;
        }
        .header .hamburger {
            display: flex;
            width: auto;
            align-items: center;
            position: absolute;
            right: 0;
            height: 46px;
            z-index: 9999;
        }
        .bar {
            display: block;
            background-color: #000;
            height: 2px;
            width: 24px;
            margin: 5px auto;
            transition: 0.2s;
        }
        .header .col-right {
            position: fixed;
            overflow-y: auto;
            right: -100%;
            padding: 15px;
            flex-direction: column;
            background: var(--primary-white);
            top: 0;
            z-index: 9;
            height: 100%;
            align-items: flex-end;
            width: 280px;
            transition: 0.5s;
        }
        .header .col-right.active {
            right: 0;
        }

        .logOut {
            display: flex !important;
        }

        .menu-bar.active .bar {
            position: relative;
            z-index: 999;
        }
    
        .menu-bar.active .bar:nth-child(2) {
            opacity: 0;
        }
        .menu-bar.active .bar:nth-child(1) {
            transform: translateY(6px) rotate(45deg);
        }
        .menu-bar.active .bar:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }
        .header nav {
            flex-direction: column;
            justify-content: flex-start;
            width: 100%;
            /* margin-top: 25px; */
        }
        .header.notSticky nav ul {
            flex-direction: column;
            margin-bottom: 55px;
            align-items: center;
            margin-top: 46px;
        }

        .header.sticky nav ul {
            flex-direction: column;
            margin-bottom: 55px;
            align-items: center;
            margin-top: 0;
        }
        .header nav ul li {
            /* margin: 10px 0;
            padding: 10px 0; */
        }
        .header nav ul li:first-child{
            margin-top: 0;
        }
        .header .account {
            /* justify-content: space-between; */
            flex-direction: column;
        }
        .header .account .singin {
            /* padding: 10px 0; */

            border: 2px solid #000000;
            /* padding: 12px 20px; */
            /* margin-left: 0; */
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            padding: 15px 50px 15px;
        }

        .header .account .logoutbutton {
            border: 2px solid #000000;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            padding: 15px 25px 15px;
            text-transform: uppercase;
        }

        .header .account .try {
            /* padding: 12px 20px;
            margin-left: 0; */
            background: #000000;
            color: #fff;
            /* margin: 0; */
            padding: 15px 27px 15px;
        }
    /* End Header CSS */
    
    /* Start home page banner */
        .homePageBannerContainer {
            /* margin: 44px 9% 22px 9%; */
            margin: 0 0 22px;
        }
        .banner-contents {
            display: flex;
            flex-direction: column-reverse;
            height: 640px;
        }
        .banner-wrapper {
            padding: 0;
        }
        .bannerImg{
            padding: 0 16px;
        }
        .col-img-banner{
            /* background-image: url('../asset-v1/images/homeBanner_mob_small.jpeg'); */
            order: 1;
            /* margin: 0 0 33px 0; */
            width: 100%;
            height: 320px;
            /* background-position: 0 34%; */
            background-position: 0 0%;
            /* transform: scale(1.2); */
            margin-top: -9%;
            /* margin-left: -5%; */
        }
        .col-text-banner{
            width: 100%;
            height: 320px;
            /* max-width: 575px;
            margin: 0 auto; */
        }
        .title-banner{
            text-align: center;
            /* margin-bottom: 45px !important; */
            font-size: 32px !important;
            font-style: normal;
            font-weight: 400;
            line-height: 40px !important; /* 128.571% */
            letter-spacing: -1px;
            /* margin: 0 0 20px 0; */
        }
        .col-text-banner .input-btn-group{
            /* margin-bottom: 52px; */
        }

        .emailCheck {
            height: 60px;
        }
        .input-btn-group input, .btn-zip-btn {
            padding: 9px;
            font-size: 14px;
            /* letter-spacing: 1px; */
        }
        .zipcheck-top {
            /* margin: 0 12%; */
            height: 60px;
        }
        .zipcheck-top input.form-control.form-control-black {
            font-size: 13px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            flex-shrink: 0;
            width: 57% !important;
        }
        .zip-btn-top {
            width: 40%;
            font-size: 13px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .showonerror {
            /* margin: 0 16% 30px; */
            margin: 0;
        }

        .doNotServeHeader {
            font-size: 12px;
            line-height: 22px;
        }

        .doNotServeDesc {
            font-size: 10px;
        }

        .emailCheck input {
            font-size: 14px;
        }

        .email-submit-success {
            font-size: 12px;
            text-align: center;
            margin-bottom: 30px;
        }

        .email-successful-submit-below {
            font-size: 16px;
        }
        
    /* End home page banner CSS */

    /* Start ready to eat section CSS */
        .section-ready-eat {
            /* padding: 45px 0 0; */
        }
        .content-ready-eat {
            padding-top: 51px;
        }
        .title-ready-eat {
            margin: 0 16px 21px;
        }
        .title-ready-eat-desc {
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 22px;
            letter-spacing: 4px;
        }
        .title-secondary-ready-eat {
            margin: 0 16px 41px;
        }
        .title-meal-delivery {
            font-size: 36px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }
        .meal-content {
            margin-bottom: 52px;
        }
        .spacing-bottom-90, .col-three, .icon-circle, .content-meal-program {
            margin-bottom: 52px !important;
        }
        .customer-review {
            margin-bottom: 29px !important;
        }
        .customer-review-title {
            font-size: 16px;
            line-height: 26px;
        }
        .icon-circle {
            margin-bottom: 32px !important;
        }
        .spacing-mob-0{
            margin-bottom: 0 !important;
        }
        .col-last-three{
            margin-bottom: 0 !important;
        }
        .col-last-three .meal-content {
            margin-bottom: 0;
        }
        .meal-content p, .content-meal-program p {
            /* padding: 0 15px; */
        }
        .content-meal-program p {
            font-size: 14px;
            line-height: 20px;
        }
    /* End ready to eat section CSS */

    /* Start what our customer say CSS */
        .section-customer {
            height: auto;
        }
        .customer-say-img {
            /* height: 343px; */
            height: auto;
        }
        .column-customer {
            padding: 36px 16px;
            /* height: 520px; */
            height: 100%;
        }
        .star-rating {
            margin-bottom: 18px;
        }
        .title-customer{
            margin-bottom: 30px !important;
            font-size: 32px;
            font-weight: 400;
            line-height: 42px;
        }
        .customer-name-mobile {
            display: block;
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            letter-spacing: 1.68px;
        }
        .customer-name-web {
            display: none;
        }
        .customer-slider-wrapper {
            /* padding-left: 25px; */
        }
        .customer-slider .slick-arrow::before{
            width: 14px;
            height: 14px;
            background-size: 14px;
        }
        .customer-slider .slick-prev {
            right: 60px;
        }
        .customer-slider .slick-next {
            left: auto;
            right: 6%
        }
        .customer-slider .slick-arrow {
            width: 14px;
            height: 14px;
        }

        .customer-slider .slick-arrow {
            top: 95%;
        }
        
    /* End what our customer say CSS */

    /* Start our meal program CSS */
        .section-meal-programs {
            /* padding-top: 64px; */
        }
        .content-meal-program {
            padding-top: 50px;
        }
        .title-meal-program-container {
            margin: 0 16px 13px;
        }
        .meal-program-plan-desc-container {
            margin: 0 16px 50px;
        }
        .meal-program-slider {
            padding-top: 200px;
            margin-top: 145px;
            margin-bottom: 45px !important;
        }
        .meal-program-slider ul.slick-dots {
            display: block;
            top: -100px;
        }
        .meal-tab-pane p {
            font-size: 22px;
            letter-spacing: 1.5px;
            line-height: 1.6;
        }
        .average-content p{
            font-size: 18px;
        }
        .column-color-bg{
            margin-top: 45px;
        }
    /* End our meal program CSS */

    /* Start man seeing product CSS */
    .section-two-image{
        display: none;
    }

    .section-mob-image{
        display: block;
    }

    .row-mob-image img{
        vertical-align: bottom;
    }

    /* End man seeing product CSS */

    /* Start how it works CSS */
        .icon-how-work-wrapper{
            padding-bottom: 0;
        }
        .icon-how-work::before {
            content: none;
        }

        /* .plan-list:after {
            content: '';
            background: green;
            height: 2px;
            position: absolute;
            left: 85%;
            width: 100%;
            top: 62%;
        }

        .plan-list:nth-child(3)::after {
            display: none;
        } */

        /* .line-mobile{
            position: relative;
        }
        .line-mobile::before{
            content: "";
            position: absolute;
            width: 30px;
            height: 2px;
            background-color: #0aab65;
        }
        .line-mobile-before::before{
            left: -80px;
            top: 45px;
        }
        .line-mobile-after::before{
            top: -24.5px;
            right: -83px;
            z-index: 2;
        } */

        .row-plan-list::before {
            width: 75%;
            top: 57%;
        }
        .icon-bullet{
            display: none;
        }
        .icon-how-work{
            flex-wrap: wrap;
        }
        .col-icon-how-work{
            flex: 0 0 100%;
            margin-bottom: 45px;
        }
        .icon-how-work-img {
            margin: 0 auto 15px;
            width: 150px;
            height: 150px;
            line-height: 150px;        
            padding: 0;
        }
        .icon-how-work-img img {
            vertical-align: middle;
            width: 80px;
        }
        .how-its-work-rowBtn{
            padding: 0 !important;
        }

        .section-step-one .container .row, .HIW-section3 .container .row {
            margin: 0 17px;
        }

        .HIW-section2 .step-col-content h2, .HIW-section4 .step-col-content h2, .HIW-section6 .step-col-content h2 {
            margin: -63% 25px 22px 36px;
            font-size: 44px;
            line-height: 54px;
        }

        .HIW-section2 {
            margin-bottom: 93px;
        }

        .HIW-section3 .container .row {
            flex-direction: column;
            margin: 0 53px;
        }

        .HIW-section3 .container .row div {
            width: 100%;
        }



        .HIW-section2 .step-col-content svg, .HIW-section4 .step-col-content svg, .HIW-section6 .step-col-content svg {
            margin-left: 0;
        }

        .plan-left-img {
            width: auto;
        }

        .plan-item {
            margin-bottom: 59px;
        }

        .step-col-content .step-text {
            font-size: 18px;
            margin: 0 10px 0 36px;
            line-height: 40px;
        }

        .HIW-section6 {
            margin-bottom: 120px;
        }

        .HIW-section6 .step-text {
            margin-bottom: 35px;
        }

        .HIW-getStartedBtn {
            margin: 0 45px;
        }

        .HIW-section8 .HIW-getStartedBtn {
            margin: 0;
        }

        .HIW-getStartedBtn .HIW-btn-get-started {
            width: 100%;
            height: 58px;
            font-size: 16px;
        }

        .HIW-section8 .HIW-btn-get-started {
            width: 100%;
            height: 68px;
            font-size: 20px;        
        }

        .HIW-section4 {
            margin-bottom: 90px;
        }

        .HIW-section5 {
            margin-bottom: 72px;
        }

        .HIW-section5 .container .row {
            margin: 0 60px;
        }
        
    /* End how it works CSS */

    /* Start faq asked quest home CSS */
        .bg-faq-container {
            padding: 47px 0 0;
        }
        .faq-accordion-button {
            font-size: 16px;
        }
        .faq-accordion-button {
            padding: 15px 0px 15px 0px;
        }
        .faq-accordion-body {
            font-size: 12px !important;
            line-height: 22px !important;
        }
        .faq-accordion-button span {
            align-items: flex-start;
            padding-right: 15px;
        }
    /* End faq asked quest home CSS */

    /* Start nutritionist meet CSS*/
        .section-nutritionist-meet {
            padding: 71% 0 35px;
            background-position: bottom center;
            background-image: url(./images/nutrition_mob_image.png);
        }
        .title-nutritionist-meet{
            margin-bottom: 45px !important;
        }
        .delivery-order{
            margin: 0 0 45px 0;
        }
        .order-now-text{
            font-size: 22px;
        }
        .section-nutritionist-meet .input-btn-group {
            height: 50px;
        }
        .section-nutritionist-meet .input-btn-group .zipcheck-btn {
            height: 50px;
            margin: 0 16px 35px;
        }
        .section-nutritionist-meet .input-btn-group input {
            font-size: 12px !important;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            width: 58% !important;
        }
        .section-nutritionist-meet .input-btn-group .zipcheck-btn .btn-zip-btn {
            font-size: 12px !important;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            width: 40% !important;
        }

        .showonerror-btn {
            margin: 0 16px;
        }

        .doNotServeHeader-btn {
            font-size: 16px;
            line-height: 0;
            margin-bottom: 18px;
        }

        .doNotServeDesc-btn {
            font-size: 14px;
        }

        .enterEmail-Container-bottom form {
            margin: 0;
        }

        .enterEmail-Container-bottom form .zipcheck {
            height: 50px;
        }

        .enterEmail-Container-bottom form .zipcheck button {
            font-size: 12px;
        }

        .emailError-btn {
            margin-top: 5px;
            font-size: 12px;
        }
    /* Start nutritionist meet CSS*/
    
    /* Start our approach section CSS*/

        .section-2 .container .row, .section-3 .container .row, .section-4 .container .row, .section-5 .container .row, .section-6 .container .row {
            margin: 0 10px;   
        }

        .title{
            margin-bottom: 15px;
        }
        .title-our-approach {
            font-size: 44px;
            line-height: 52px;
        }

        .section-1 {
            margin-bottom: 70px;
        }
        .row-spacing-bottom{
            margin-bottom:80px;
        }
        .section-faq {
            margin-bottom: 61px !important;
        }
        .spacing-bottom{
            margin-bottom:50px;
        }
        .bg-container-full{
            padding: 20px 0 45px 0;
            /* padding: 45px 0; */
            /* padding: 0 16px 0; */
        }
        .paragraph-max-content {
            padding: 0 15px;
            margin: 0 15px;
        }
        .full-container-text {
            font-size: 18px;
            line-height: 32px;
            display: inline;
        }

        .nutrition-Philosophy-bottom {
            margin-bottom: 70px;
        }

    /* End our approach section CSS */

    /* Start sustaiable sourcing section CSS */
        .bgImage {
            padding: 14% 0;
            margin-bottom: 25px;
        }
        .title-with-image {
            font-size: 50px;
            padding: 0 15px;
        }
        /* .para-text {
            font-size: 12px;
            line-height: 32px;
        } */
        .para-left-text{
            margin-bottom: 5px;
            font-size: 18px;
        }
        .para-right-text {
            font-size: 16px;
        }
    /* End sustaiable sourcing section CSS */

    /* Start macroplate nutrition pillars section CSS */
        .section-2 .col-12 .col-sm-6, .section-3 .col-12 .col-sm-6, .section-4 .col-12 .col-sm-6, .section-5 .col-12 .col-sm-6, .section-6 .col-12 .col-sm-6 {
            margin-bottom: 12px;
        }
        .para-text {
            line-height: 32px;
        }

        .Nutrition-Philosophy-container {
            padding: 45px 0 !important;
        }
        .title-nutrition-philosophy {
            line-height: 48px;
            font-size: 36px;
        }

        .mob-nutrition-piller-section {
            /* margin: 0 10px; */
        }

        .mob-nutrition-piller-section .slick-list {
            padding: 0 60px !important;
        }
        .title-secondary {
            line-height: 52px;
            font-size: 44px;
            margin-bottom: 0;
        }

        .personal-chef-title {
            line-height: 48px;
            font-size: 36px;
        }

        .title-nutritionist-meet {
            font-size: 22px !important;
            font-style: normal;
            font-weight: 400;
        }
        .title-meal-program {
            margin-bottom: 20px;
        }
        .title-secondary-spacing {
            padding-bottom: 15px;
            margin-bottom: 20px;
        }
        .title-macroplate{
            text-align: center;
            font-size: 24px;
            line-height: 38px;
            margin: 0 10px 20px;
        }
        .spacing-desktop-bottom{
            display: none;
        }
        .row-gutter {
            margin-left: inherit;
            margin-right: inherit;
        }
        .col-gutter {
            padding-left: inherit;
            padding-right: inherit;
        }
        .nutrition-pillar-box {
            padding: 30px;
            margin-bottom: 25px;
        }
        .nutrition-pillar-inner-box {
            width: 100%;
            height: 200px;
        }
        .nutrition-pillar-tittle {
            font-size: 18px;
            line-height: 26px;
            color: #04253C;
            font-weight: 700;
            letter-spacing: normal;
        }
        .nutrition-pillar-mob-content p {
            color: #4F4F4F;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
        }
        .row-btn {
            padding-top: 25px;
            padding-bottom: 0;
        }
        .btn-get-started {
            padding: 16px;
            font-size: 22px;
        }
        .spacing-mob-bottom{
            display: block;
        }

    /* End macroplate nutrition pillars section CSS */

    /* Start frequently asked question CSS */

        .our-approach-faq {
            margin: 0 16px 60px;
        }
        .faq-info {
            margin: 0 10px;
        }
        .title-frequently {
            /* text-align: left; */
            font-size: 22px;
            /* margin-bottom: 47px; */
            margin-bottom: 20px;
        }
        .row-personal-chef {
            padding: 55px 10px;
        }
        .col-personal-chef {
            padding: 20px;
        }
        .col-personal-chef .col-sm-5 {
            width: 100%;
        }

        .section-OA-PersonalChef .HIW-btn-get-started {
            width: 100%;
            height: 68px;
            font-size: 20px;
        }

        .col-personal-chef .col-sm-7 {
            width: 100%;
        }
        .personal-chef-rowBtn{
            padding: 30px 0 45px;
        }
        .icon-with-text{
            margin-bottom: 25px;
        }
    /* End frequently asked question CSS */

    /* Start personal chef CSS */
        .row-icon{
            padding-left: 0;
        }
    /* End personal chef CSS */

    /* Start source / cooked / deliver CSS */
        .row-ribbon {
            padding: 45px 0;
            font-size: 22px;
            letter-spacing: 3px;
        }
        .row-ribbon p{
            display: inline-block;
        }
    /* Start source / cooked / deliver CSS */

    /* Start how its work page section */
    .title-how-work {
        font-size: 42px;
    }
    /* End how its work page section */

    /* Start choose a plan section */
    .choose-plan {
        height: auto;
        margin-bottom: 45px;
    }
    .choose-plan .container {
        height: 100%;
    }

    .plan-list-container {
        margin: 0 6%;
        padding: 0;
        height: 100%;
    }
    .row-plan-list {
        height: auto;
        align-items: start;
        padding: 1rem 0;
    }
    .plan-list {
        width: 100%;
        flex: 1;
        background: none;
    }
   
    .plan-list-number {
        margin-bottom: 9px;
        font-size: 20px;
    }
    .plan-list-text {
        font-size: 14px;
        background: var(--primary-royal-blue);
        display: inline;
        outline: 7px solid var(--primary-royal-blue);
    }
    .button-box {
        padding-top: 10px;
    }
    /* End choose a plan section */

    /* Start step one CSS */
    .step-col-content {
        margin-bottom: 55px;
    }
    .step-text {
        line-height: 1.6;
    }
    .plan-item-content{
        padding-right: 0;
    }
    .plan-item:last-child {
        margin-bottom: 0;
    }
    .col-snacks{
        margin-bottom: 45px;
    }
    .snacks-img{
        max-width: 175px;
        margin: 0 auto 39px;
    }
    .title-snacks {
        font-size: 14px;
    }
    .title-step-plan {
        font-size: 25px;
        margin-bottom: 12px;
    }
    .plan-item-content p {
        font-size: 18px;
        line-height: 32px;
    }
    .snacks-content {
        padding: 0;
    }
    .snacks-content p {
        font-size: 14px;
        line-height: 20px;
    }
    /* End step one CSS */

    /* Start footer CSS */
    .footer-list-wrapper {
        margin: 0 16px !important;
        padding: 40px 0 0px 0 !important;
    }
    .footer-list-wrapper .footer-list:nth-child(1) {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }
    .footer-list-wrapper .footer-list:nth-child(2) {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }
    .footer-list-wrapper .footer-list:nth-child(3) {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }
    .footer-list-wrapper .footer-list:nth-child(4) {
        width: 100%;
        padding: 0;
        margin-top: 0;
    }
    .footer-list span {
        font-size: 16px;
        white-space: nowrap;
    }
    .footer-list ul {
        font-size: 15px;
    }
    .footer-list ul a {
        font-size: 22px;
        line-height: 40px;
    }
    .footer-bottom-link ul li a {
        font-size: 16px;
        line-height: 30px;
    }    
    .footer-bottom-link ul li::after {
        display: none;
    }

    .footer-bottom-link .termsCond li a {
        /* padding-right: 16px;
        margin-right: 16px; */
    }

    .footer-bottom-link ul {
        gap: 18px;
        /* flex: 0 0 100%; */
        display: flex;
        width: 100%;
    }

    .footer-bottom-link ul li {
        display: inline-block;
    }





    .custAssist {
        /* margin-bottom: 10px; */
        margin-top: 0;
        font-size: 16px;
        line-height: 40px;
    }

    .footer-bottom-link {
        margin: 0 16px;
        padding: 20px 0;
        flex-wrap: wrap;
    }
    
    .termsCond {
        width: 80%;
        /* order: 2; */
        flex: 0 0 100%;
    }

    .socialMediaIcons {
        width: 20% !important;
        /* order: 1; */
        flex: 0 0 33% !important;
        margin: 0 0 20px 0;
    }

    .footer-list-wrapper::after {
        /* width: 100%;
        left: 0; */
        display: none;
    }

    .mobFooter {
        display: flex !important;
    }

    .webFooter {
        display: none !important;
    }

    .termsCondWrapper {
        display: flex;
        gap: 18px;
        flex-direction: column;
    }

    .footer-bottom-link .termsCond li a {
        border-right: unset;
        padding: 0;
    }

    .mobFooter .termsCondSeparator {
        display: flex;
        align-items: center;
    }



    /* End footer CSS */
}

.socialMediaIcons {
    width: 110px;
}

.socialMediaLinks:hover {
    color: #000;
}


@media all and (min-width: 1024px) and (max-width: 1179px) {
    .personal-chef-title {
        font-size: 40px;
        line-height: 52px;
    }

    .zipcheck-top {
        margin: 0 1%;
    }

    .mainziparea {
        /* margin: 0 6%; */
        margin: -15px 0 0 0;
    }
}

@media all and (min-width: 1180px) and (max-width: 1199px) {
    .personal-chef-title {
        font-size: 46px;
        line-height: 52px;
    }

    .zipcheck-top {
        /* margin: 0 10%; */
        margin: 0 2%;
    }

    .mainziparea {
        /* margin: 0 12%; */
        margin: -15px 0 0 0;
    }
}

@media all and (min-width: 1024px) and (max-width: 1179px) {
    .meal-content p {
        padding: 0 20px;
    }
}

@media all and (min-width: 1180px) and (max-width: 1368px) {
    .meal-content p {
        padding: 0 40px;
    }
}

@media (min-width: 1024px) and (max-width: 1179px) {
    .homePageBannerContainer {
        /* margin: 0 2%; */
        margin: 0 0 46px 0;
    }

    .col-img-banner {
        /* width: 45%;
        height: 45%; */
        height: 440px;
        background-image: url('../asset-v1/images/banner_image_ipad.png');
        background-position: 0 38%;
    }

}

@media (min-width: 1180px) and (max-width: 1199px) {
    .homePageBannerContainer {
        /* margin: 0 8%; */
        margin: 0 0 46px 0;
    }

    .col-img-banner {
        /* width: 45%;
        height: 45%; */
        height: 508px;
        /* background-image: url('../asset-v1/images/homeBanner_pad.png'); */
        background-position: 0 33%;
    }

}

@media all and (min-width: 1024px) and (max-width: 1199px){
    .logOut {
        display: flex !important;
    }
    .container {
        max-width: 100%;
    }
    .top-heading {
        height: 46px;
    }
    .top-heading .container {
        height: 100%;
        max-width: 100%;
    }
    .header {
        height: 46px;
    }
    .header .container {
        height: 100%;
        max-width: 100%;
    }
    .header .row {
        height: 46px;
        justify-content: center;
        margin: 0;
    }
    .header .col-left {
        padding: 0 !important;
        width: auto;
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
    }


    .header .hamburger {
        display: flex;
        width: auto;
        align-items: center;
        position: absolute;
        right: 0;
        height: 46px;
    }
    .bar {
        display: block;
        background-color: #000;
        height: 2px;
        width: 24px;
        margin: 4px auto;
        transition: 0.2s;
    }
    #navBarToggle {
        width: 992px;
        position: relative;
        height: 850px;
        top: -46px;
    }

    .menu-bar.active .bar {
        position: relative;
        z-index: 999;
    }

    .menu-bar.active .bar:nth-child(2) {
        opacity: 0;
    }
    .menu-bar.active .bar:nth-child(1) {
        transform: translateY(4px) rotate(45deg);
    }
    .menu-bar.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .header.notSticky .col-right {
        top: 91px !important;
    }
    .header.sticky .col-right {
        top: 46px !important;
    }

    .header .col-right {
        position: fixed !important;
        overflow-y: auto;
        right: -100%;
        padding: 15px;
        flex-direction: column;
        background: var(--primary-white);
        /* top: 46px !important; */
        z-index: 9;
        height: 100% !important;
        align-items: flex-end;
        width: auto !important;
        transition: 0.5s;
    }
    .header .col-right.active {
        right: 0;
    }

    .header nav {
        flex-direction: column;
        justify-content: unset;
        width: 400px;
    }

    .header nav ul {
        flex-direction: column;
        margin-bottom: 55px;
    }

    .header nav ul li {
        padding: 0;
        justify-content: center;
    }

    .header .account {
        flex-direction: column;
    }

    .header .account .singin {
        padding: 15px 30px 15px;
        border: 2px solid #000000;
        margin-bottom: 25px;
        width: 50%;
        display: flex;
        justify-content: center;
    }

    .header .account .logoutbutton {
        padding: 15px 30px 15px;
        border: 2px solid #000000;
        margin-bottom: 25px;
        width: 50%;
        display: flex;
        justify-content: center;
    }

    .header .account .try {
        background: #000000;
        color: #fff;
        justify-content: center;
        width: 50%;
        padding: 15px 30px 15px;
    }

    /* Banner Section */

    .banner-wrapper {
        /* padding: 65px 0; */
    }

    .banner-contents {
        /* margin: 0 45px; */
        height: 512px;
    }

    .banner-contents .col-text-banner {
        /* margin-left: 50px; */
        /* margin: 0 7% 0 5%; */
    }

    /* .homePageBannerContainer {
        margin: 0 8%;
    } */

    .homePageBanner {
        font-size: 44px;
        line-height: 52px;
        /* margin-bottom: 46px; */
        /* margin: 118px 0 42px 0; */
        margin: 0;
    }

    .input-btn-group input, .btn-zip-btn {
        font-size: 16px;
    }

    #zipcheck input.form-control.form-control-black {
        /* width: 55% !important; */
        flex-shrink: 0;
    }

    .zip-btn-top {
        /* width: 43%; */
        flex-shrink: 0;
    }

    .doNotServeHeader {
        font-size: 20px;
    }

    .doNotServeDesc {
        font-size: 12px;
    }

    /* Ready Eat Section */

    .title-ready-eat {
        margin: 0 0 35px 0;
    }

    .title-ready-eat-desc {
        display: flex;
        justify-content: center;
    }

    .title-secondary-ready-eat {
        margin: 0 0 64px 0;
    }

    .icon-circle {
        margin: 0 auto 32px;
    }

    .meal-title {
        font-size: 11px;
    }


    /* What Customer syas section */

    .section-customer {
        height: 100%;
    }

    .customer-name-web {
        display: none;
    }

    .customer-name-mobile {
        display: block;
        font-size: 14px;
    }

    .customer-say-img {
        /* height: 500px; */
        height: 100%;
    }
    
    .column-customer {
        /* height: 500px; */
        height: 100%;
        padding: 54px 24px 30px;
    }

    .title-customer {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 35px;
    }

    .customer-review-title {
        font-size: 16px;
        line-height: 26px;
    }

    .customer-slider .slick-slider .slick-track {
        /* margin: 0; */
    }

    .star-rating {
        margin-bottom: 15px;
    }

    .customer-review {
        margin-bottom: 29px;
    }

    .customer-slider .slick-arrow {
        /* bottom: -45px; */
    }

    .customer-slider .slick-arrow {
        top: 98%;
    }

    .customer-slider .slick-next {
        right: 8%;
    }


    /* Section customer image */

    .section-cust-image {
        padding-top: 92px;
    }

    .column-image {
        margin-right: -25px;
    }

    .column-color-bg {
        margin-top: 34px;
        margin-left: -25px;
    }

    .section-cust-image .row-image-color {
        margin: 0;
    }

    .section-cust-image .row-image-color .col-6 {
        padding: 0;
    }

    /* How it works section */

    .row-Choose-Plan {
        padding-top: 100px;
    }

    .icon-how-work-wrapper {
        margin: 0 60px;
    }

    .icon-how-work::before {
        border-bottom: 6px solid var(--default-black);
        top: 75px;
        left: 10px;
    }

    .icon-bullet::before, .icon-bullet::after {
        top: 70px;
        border: 8px solid;
    }

    .icon-bullet::after {
        right: -8px;
    }

    .icon-how-work-img {
        padding: 0;
        border: none;
        background: none;
        margin: 0 auto 43px;
    }

    .icon-how-work-img svg {
        background-color: white;
        border-radius: 50%;
    }

    .col-icon-how-work p {
        opacity: 1;
    }

    .HIW-getStartedBtn-container .HIW-btn-get-started {
        width: 480px;
        height: 85px;
        font-size: 28px;
    }


    /* FAQ Section */

    .bg-faq-container {
        padding: 45px 0 70px;
    }

    .title-frequently {
        font-size: 32px;
        margin-bottom: 50px;
    }

    .faq-accordion-button {
        font-size: 16px;
        padding: 15px 30px 15px 0px;
    }

    .our-approach-faq {
        margin: 0 15% 26px 15%;
    }

    .faq-accordion-body {
        font-size: 12px;
        padding: 0 0px 10px;
    }

    /* Nutrition meet section */

    .section-nutritionist-meet {
        /* padding: 70% 0 80px; */
        padding: 76% 0 5%;
    }

    .delivery-order {
        margin: 0 8% 37px 8%;
    }

    .title-nutritionist-meet {
        font-size: 52px !important;
    }

    .zipCodeInputArea-btn {
        height: 72px;
    }

    .zipcheck-btn {
        height: 72px;
        margin: 0 20%;
    }

    .section-nutritionist-meet .input-btn-group input {
        width: 58% !important;
        flex-shrink: 0;
    }

    .zip-form-btn-bottom {
        width: 40% !important;
        flex-shrink: 0;
        font-size: 18px;
    }

    .enterEmail-Container-bottom form .zipcheck input::placeholder {
        font-size: 18px;
    }

    .enterEmail-Container-bottom form {
        margin: 0;
    }



    /* ---------HOW IT WORKS PAGE-------------- */

    .choose-plan {
        height: 116px;
    }

    .choose-plan .container {
        height: 100%;
    }

    .plan-list-container {
        margin: 0 15%;
        height: 100%;
        padding: 32px 0 35px 0;
    }

    .HIW-section2, .HIW-section3, .HIW-section4, .HIW-section6 {
        margin: 0 12px 140px 8%;
    }

    .HIW-section2 .step-col-content h2 {
        margin: -45% 200px 19px 0;
        font-size: 38px;
        line-height: 48px;
    }

    .step-col-content .step-text {
        font-size: 16px;
        line-height: 32px;
    }

    .plan-left-img {
        width: 450px;
    }

    .title-step-plan {
        font-size: 18px;
    }

    .plan-item-content p {
        font-size: 16px;
        line-height: 30px;
    }

    .HIW-section4 .step-col-content h2 {
        margin: -45% 85px 19px 0;
        font-size: 38px;
        line-height: 48px;
    }

    .HIW-section5 img {
        width: 200px;
        height: 200px;
    }

    .snacks-content {
        padding: 0;
    }

    .title-snacks {
        font-size: 14px;
        margin-bottom: 9px;
    }

    .snacks-content p {
        font-size: 14px;
    }

    .HIW-section6 .step-col-content h2 {
        margin: -45% 68px 19px 0;
        font-size: 38px;
        line-height: 48px;
    }

    .HIW-section2 .step-col-content svg, .HIW-section4 .step-col-content svg, .HIW-section6 .step-col-content svg {
        margin-left: -14%;
    }

    .HIW-getStartedBtn {
        margin-bottom: 0;
    }

    .HIW-section8 .HIW-getStartedBtn .HIW-btn-get-started {
        width: 90%;
        height: 68px;
        font-size: 24px;
        flex-shrink: 0;
    }

    .row-icon {
        padding-left: 60px;
    }

    .icon-with-text {
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 2px;
        font-family: 'Montserrat', sans-serif;
        padding: 0;
    }

    .icon-with-text img {
        width: 81px;
        height: 81px;
    }

    .faq-info {
        margin: 0 15%;
    }


    /* ---------------OUR APPROACH PAGE------------- */

    .bg-container-full {
        padding: 55px 0 !important;
    }

    .spacing-bottom {
        margin-bottom: 90px;
    }

    .section-OA-PersonalChef {
        margin-bottom: 0 !important;
    }

    .section-faq {
        margin-bottom: 0 !important;
    }

    .HIW-section8 {
        margin-bottom: 0 !important;
    }

    .section-2 .row, .section-3 .row, .section-4 .row, .section-5 .row, .section-6 .row {
        margin: 0 10px !important;
    }

    .bgImage {
        padding: 18% 0;
    }

    .para-left-text {
        font-size: 24px;
    }

    .para-text {
        line-height: 42px;
    }

    .para-right-text {
        font-size: 20px;
    }

    .title-secondary-web-spacing {
        margin: 0 25px 60px;
        font-size: 48px;
        line-height: 58px;
    }

    .nutrition-Philosophy-bottom {
        margin-bottom: 90px;
    }

    .section-nutrition-pillers {
        margin: 0 10px 90px !important;
    }

    .section-nutrition-pillers .row-gutter {
        margin: 0;
    }

    .nutrition-pillar-box {
        padding: 60px;
        margin-bottom: 55px;
    }

    .nutrition-pillar-inner-box {
        width: 100%;
        height: 320px;
    }

    .nutrition-pillar-front, .nutrition-pillar-back {
        padding: 40px;
    }

    .nutrition-pillar-tittle {
        font-size: 42px;
    }

    .nutrition-pillar-back {
        font-size: 18px;
    }

    .section-nutrition-pillers .HIW-btn-get-started {
        width: 482px;
        height: 83px;
        font-size: 26px;
    }

    .row-personal-chef {
        padding: 95px 40px;
    }

    .col-personal-chef {
        padding: 45px;
    }



    .personal-chef-title {
        margin-bottom: 25px;
    }

    .section-OA-PersonalChef .HIW-getStartedBtn-container {
        display: block;
    }

    .section-OA-PersonalChef .HIW-btn-get-started {
        width: 90%;
        height: 68px;
        font-size: 20px;
    }




    /* -------------FOOTER SECTION------------  */

    .footer-list-wrapper {
        margin: 0 15px;
    }

    .footer-list span {
        font-size: 16px;
        line-height: 18px;
    }

    .footer-list ul a {
        font-size: 22px;
    }

    .custAssist {
        font-size: 14px;
    }

    .footer-list-wrapper .footer-list:nth-child(3) {
        width: 30%;
    }

    .footer-list-wrapper .footer-list:nth-child(4) {
        width: 30%;
    }

    .footer-list-wrapper::after {
        width: 100%;
        left: 0;
    }

    .footer-bottom-link {
        /* margin: 0 15px; */
    }

    .footer-bottom-link ul li a {
        font-size: 14px;
    }



}

@media all and (min-width: 768px) and (max-width: 819px) {
    .mainziparea {
        margin: -16px 10% 83px;
    }

    .homePageBannerContainer {
        /* margin: 0 3%; */
        margin: 0 0 30px 0;
    }

    .zipcheck-top {
        margin: 0 12%;
    }
}

@media all and (min-width: 768px) and (max-width: 819px) {
    .mainziparea {
        margin: -16px 7% 83px;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px){
    .container {
        max-width: 100%;
    }
    .top-heading {
        height: 46px;
    }
    .top-heading .customize-heading {
        background-color: var(--default-black);
    }
    .top-heading .container {
        height: 100%;
        max-width: 100%;
    }
    .header {
        height: 46px;
    }
    .header .container {
        height: 100%;
        max-width: 100%;
    }
    .header .row {
        height: 46px;
        width: auto;
        justify-content: center;
        margin: 0;
    }
    
    .header .col-left {
        padding: 0 !important;
        width: auto;
        display: flex;
        height: 100%;
        align-items: center;
    }
    .header .hamburger {
        display: flex;
        align-items: center;
        width: auto;
        position: absolute;
        right: 0;
        height: 46px;
    }
    .logOut {
        display: flex !important;
    }
    .bar {
        display: block;
        background-color: #000;
        height: 2px;
        width: 24px;
        margin: 4px auto;
        transition: 200ms;
    }

    .menu-bar.active .bar {
        position: relative;
        z-index: 999;
    }

    .menu-bar.active .bar:nth-child(2) {
        opacity: 0;
    }
    .menu-bar.active .bar:nth-child(1) {
        transform: translateY(4px) rotate(45deg);
    }
    .menu-bar.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    
    #navBarToggle {
        width: 992px;
        position: relative;
        height: 850px;
        top: -46px;
    }
    .header.notSticky .col-right {
        top: 91px !important;
    }
    .header.sticky .col-right {
        top: 46px !important;
    }
    .header .col-right {
        position: fixed !important;
        overflow-y: auto;
        right: -100%;
        padding: 20px;
        flex-direction: column;
        background: #fff;
        /* top: 46px !important; */
        z-index: 1;
        height: 100% !important;
        align-items: flex-end;
        width: auto !important;
        transition: 0.5s;
    }

    .header .col-right.active {
        right: 0;
    }

    .header nav {
        flex-direction: column;
        justify-content: flex-start;
        width: 400px;
    }

    .header nav ul {
        flex-direction: column;
        margin-bottom: 55px;
    }

    .header nav ul li {
        justify-content: center;
        padding: 0;
    }

    .header .account {
        flex-direction: column;
    }

    .header .account .singin {
        padding: 15px 30px 15px;
        border: 2px solid #000000;
        margin-bottom: 25px;
        width: 50%;
        display: flex;
        justify-content: center;
    }

    .header .account .logoutbutton {
        padding: 15px 30px 15px;
        border: 2px solid #000000;
        margin-bottom: 25px;
        width: 50%;
        display: flex;
        justify-content: center;
    }


    .header .account .try {
        padding: 15px 30px 15px;
        background: #000000;
        color: #fff;
        justify-content: center;
        width: 100%;
        justify-content: center;
        width: 50%;
    }

    /* banner section */

    .banner-wrapper {
        padding: 0;
    }
    .banner-contents {
        /* flex-direction: column-reverse; */
        height: 488px;
    }

    .col-text-banner {
        width: 50%;
        height: 100%;
    }
    .homePageBanner {
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 49px;
        /* margin: 88px 0 30px; */
    }
    .zipCodeInputArea {
        max-width: 100%;
        margin-bottom: 50px;
        height: 80px;
    }
    .zipcheck-top {
        /* margin: 0 20%; */
        height: 50px;
        flex-direction: column;
    }
    #zipcheck input.form-control.form-control-black {
        width: 100% !important;
        flex-shrink: 0;
        height: 70px;
        margin: 0 0 20px 0;
        font-size: 16px;
        text-align: center;
    }

    .input-btn-group input::placeholder {
        text-align: center;
    }

    .input-btn-group input, .btn-zip-btn {
        padding: 0;
    }
    
    .btn-zip-btn {
        width: 100% !important;
        flex-shrink: 0;
        font-size: 16px;
        height: 70px;
    }
    .col-img-banner {
        width: 50%;
        /* margin: 0 0 71px 0; */
        height: 100%;
        /* background-image: url('../asset-v1/images/homeBanner_ipad_mini.jpeg'); */
    }
    .bannerImg {
        width: 100%;
        padding: 0 127px;
    }

    .doNotServeHeader {
        font-size: 15px;
    }

    .doNotServeDesc {
        font-size: 12px;
        margin-bottom: 15px;
    }

    #emailbelow {
        /* margin: 0 20%; */
        margin: 0 10%;
    }

    .input-btn-group input {
        width: 100% !important;
        margin: 0 0 10px 0;
    }

    .emailCheck {
        height: auto;
    }

    .emailCheck input, .emailCheck button {
        height: 60px;
        text-align: center;
        font-size: 16px;
    }

    .email-submit-success {
        /* text-align: center; */
    }

    .zipcheck {
        flex-direction: column;
    }


    /* Ready Eat Section */
    .section-ready-eat {
        margin-bottom: 94px;
    }
    .title-ready-eat {
        display: flex;
        justify-content: center;
        margin: 0 0 35px 0;
    }
    .title-secondary-ready-eat {
        margin: 0 0 72px 0;
    }

    .section-ready-eat .row {
        display: flex;
        flex-direction: column;
        margin: 0 0 0 44px;
    }

    .section-ready-eat .row .col-sm-4 {
        padding: 0;
        width: 100%;
    }

    .col-three {
        display: flex;
        margin-bottom: 75px;
    }

    .col-last-three {
        margin-bottom: 0;
    }

    .col-three .col-icon {
        margin: 0 54px 0 0;
        height: 126px;
    }

    .col-three .meal-content {
        margin: 25px 0;
    }

    .meal-title {
        text-align: left;
        line-height: normal;
    }

    .meal-content p {
        text-align: left;
        padding: 0;
    }


    /* section customer */

    .section-customer {
        height: 100%;
    }

    .row-customer {
        display: flex;
        flex-direction: column;
    }

    .row-customer .col-spacing-0 {
        width: 100%;
    }

    .customer-say-img {
        /* height: 688px; */
        height: auto;
    }

    .customer-name-web {
        display: none;
    }

    .customer-name-mobile {
        display: block;
    }

    .column-customer {
        padding: 85px 44px 48px 44px;
        /* height: 820px; */
        height: 100%;
    }

    .title-customer {
        margin-bottom: 62px;
    }

    .customer-slider .slick-track {
        /* width: 100% !important; */
        margin: 0;
    }

    .customer-slider .slick-arrow {
        top: 100%;
    }


    /* meal program section */

    .content-meal-program {
        padding-top: 50px;
    }

    .title-cooked-desc {
        font-size: 12px;
        flex-shrink: 0;
    }

    .title-cooked-container {
        margin: 0 0 21px 0;
    }

    .title-meal-program-container {
        margin: 0 0 13px 0;
        display: flex;
        justify-content: center;
    }

    .title-meal-program {
        font-size: 36px;
    }

    .meal-program-plan-desc-container {
        margin: 0 212px 50px 212px;
        display: flex;
        justify-content: center;
        flex-shrink: 0;    
    }

    .meal-program-plan-desc {
        font-size: 14px;
        line-height: 20px;
    }


    /* full image section */

    .ipad-img {
        display: block;
    }

    .web-img {
        display: none;
    }

    .column-image {
        margin-right: -18px;
    }

    .column-color-bg {
        margin-top: 18px;
        margin-left: -18px;
    }

    .section-cust-image .row-image-color {
        margin: 0;
    }

    .section-cust-image .row-image-color .col-6 {
        padding: 0;
    }

    /* how it works section */

    .choose-plan {
        margin-bottom: 59px;
        height: 116px;
    }

    .choose-plan .container {
        height: 100%;
    }

    .row-Choose-Plan {
        padding: 95px 0 103px 0;
    }

    .icon-how-work-web-wrapper {
        display: none;
    }
    .icon-how-work-ipad-wrapper {
        display: block;
    }
    .icon-how-work-img-ipad {
        width: 142px;
        height: 142px;
        margin-bottom: 24px;
    }
    .icon-how-work-ipad {
        display: flex;
        justify-content: space-between;
        margin: 0 45px;
    }

    .col-icon-how-work p {
        font-size: 14px;
    }

    .plan-left-img {
        width: 50%;
    }

    .plan-left-img.bgImage-border {
        width: 100%;
    }

    .section-step-one .container .row, .HIW-section3 .container .row {
        margin: 0 44px;
    }

    .section-step-one .container .row .step-col {
        width: 50%;
    }

    .step-col-content {
        margin-bottom: 48px;
    }

    .HIW-section2 .step-col-content h2 {
        margin: -64% 110px 28px 60px;
        font-size: 30px;
        line-height: 40px;
    }

    .HIW-section4 .step-col-content h2, .HIW-section6 .step-col-content h2 {
        margin: -64% 10px 28px 60px;
        font-size: 30px;
        line-height: 40px;
    }

    .step-col-content .step-text {
        margin: 0 30px 0 60px;
        font-size: 15px;
        line-height: 27px;
    }

    .HIW-section2 .step-col-content svg, .HIW-section4 .step-col-content svg, .HIW-section6 .step-col-content svg {
        margin-left: 0%;
    }

    .HIW-section6 {
        margin-bottom: 79px;
    }

    .HIW-section5 .container .row {
        margin: 0 44px;
    }

    .HIW-section7 {
        margin-bottom: 0 !important;
    }

    .HIW-getStartedBtn {
        margin-bottom: 0 !important;
    }

    .HIW-getStartedBtn-container .HIW-btn-get-started {
        width: 390px;
        height: 53px;
        font-size: 18px;
    }

    .HIW-section8 .HIW-getStartedBtn .HIW-btn-get-started {
        width: 90%;
        height: 58px;
        font-size: 16px;
    }

    .plan-item-content {
        padding: 0;
    }
    
    .title-step-plan {
        font-size: 16px;
        margin-bottom: 9px;
    }

    .plan-item-content p {
        font-size: 14px;
        line-height: 24px;
    }

    .plan-item {
        margin-bottom: 51px;
    }
    
    .HIW-section4 {
        margin-bottom: 45px;
    }

    /* .HIW-section5 .col-sm-4 {
        width: 100%;
    } */

    .snacks-img img {
        width: 150px;
        height: 150px;
    }

    .title-snacks {
        margin-bottom: 9px;
        font-size: 12px;
    }


    .snacks-content {
        padding: 0;
        margin: 0;
    }

    .snacks-content p {
        font-size: 11px;
        line-height: 20px;
    }

    .HIW-section6 .step-col-content p.step-text {
        margin-bottom: 35px;
    }

    .HIW-section6 .step-col-content ul li {
        margin: 0 0 32px 60px;
    }



    .HIW-section5 {
        margin-bottom: 90px;
    }

    .HIW-section2 {
        margin: 0 0 55px 0;
    }

    .faq-info  {
        margin: 0 91px 61px
    }
    

    .doNotServeHeader-btn {
        font-size: 24px;
    }

    .doNotServeDesc-btn {
        font-size: 16px;
    }

    .enterEmail-Container-bottom form {
        margin: 0;
    }

    .enterEmail-Container-bottom form .zipcheck {
        height: 50px;
    }

    .emailError-btn {
        margin-top: 5px;
    }

    


    /* FAQ Section */

    .bg-faq-container {
        padding: 50px 0 0;
    }

    .title-frequently {
        font-size: 22px;
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    .our-approach-faq {
        margin: 0 91px 61px;
    }
    .faq-accordion-button {
        font-size: 16px;
        padding: 12px 30px 15px 0px;
    }

    .faq-accordion-body {
        font-size: 14px !important;
        padding: 0 0px 15px;
    }

    .section-nutritionist-meet {
        padding: 74% 0 90px;
        background-image: url(./images/order_delivery_ipad.png);
    }

    .delivery-order {
        margin: 0 7% 67px 11%;
    }

    .title-nutritionist-meet {
        font-size: 40px !important;
    }

    .section-nutritionist-meet .input-btn-group {
        height: 50px;
    }

    .zipcheck-btn {
        height: 50px;
        margin: 0 130px;
    }

    .section-nutritionist-meet .input-btn-group input {
        width: 58% !important;
        flex-shrink: 0;
        font-size: 12px !important;
    }



    /*  -------------HOW IT WORKS PAGE--------   */

    .plan-list-container {
        margin: 0 10%;
        padding: 32px 0 35px 0;
        height: 100%;
    }

    .title-macroplate {
        margin: 0 10px 40px;
    }

    .HIW-section8 {
        margin-bottom: 0 !important;
    }



    /* ------------OUR APPROACH PAGE------------ */

    .title-our-approach {
        font-size: 48px;
    }

    .paragraph-max-content {
        margin: 0 25px;
    }

    .full-container-text {
        font-size: 20px;
        line-height: 40px;
    }

    .spacing-bottom {
        margin-bottom: 90px;
    }

    .mob-nutrition-piller-section {
        margin-bottom: 0;
    }

    .section-OA-PersonalChef {
        margin-bottom: 0;
    }

    .section-2 .row, .section-3 .row, .section-4 .row, .section-5 .row, .section-6 .row {
        margin: 0 10px !important;
    }

    .bgImage {
        padding: 145px 0;
    }

    .title-with-image {
        font-size: 52px;
    }

    .para-left-text {
        font-size: 24px;
    }

    .para-text {
        line-height: 42px;
    }

    .para-right-text {
        font-size: 18px;
    }

    .nutrition-Philosophy-bottom {
        margin-bottom: 90px;
    }
    
    .section-nutrition-pillers {
        margin: 0 10px !important;
    }

    .title-secondary-web-spacing {
        padding-bottom: 28px;
        margin: 0 27px 45px;
        font-size: 48px;
        line-height: 58px;
    }

    .section-nutrition-pillers .row-gutter {
        margin: 0;
    }

    .section-nutrition-pillers .row-gutter .col-gutter {
        width: 100%;
    }

    .nutrition-pillar-box {
        margin-bottom: 45px;
    }

    .nutrition-pillar-inner-box {
        width: 100%;
    }

    .section-nutrition-pillers .HIW-btn-get-started {
        width: 482px;
        height: 83px;
        font-size: 26px;
    }

    .OA-FAQ .faq-info {
        margin: 0 91px 61px;
    }

    .OA-FAQ {
        margin-bottom: 0;
    }
    
    .row-personal-chef {
        padding: 90px 40px;
    }

    .personal-chef-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .section-OA-PersonalChef .personal-chef-rowBtn {
        width: 90%;
    }

    .col-personal-chef {
        padding: 25px;
    }

    .section-OA-PersonalChef .personal-chef-rowBtn .HIW-btn-get-started {
        width: 100%;
        font-size: 18px;
        height: 63px;
    }

    .icon-with-text {
        padding: 0;
        font-size: 8px;
        line-height: 16px;
    }

    .row-icon {
        padding-left: 40px;
    }

    .section-nutrition-pillers {
        display: none;
    }

    .spacing-mob-bottom{
        display: block;
    }

    .nutrition-pillar-images img {
        height: auto;
        width: 100%;
    }

    .nutrition-pillar-mob-content {
        width: calc(100% - 80px);
    }

    .nutrition-pillar-mob-content {
        height: calc(100% - 120px);
        padding: 16px;
    }

    .nutrition-pillar-tittle {
        font-size: 26px;
        line-height: 32px;
        letter-spacing: normal;
    }

    .nutrition-pillar-mob-content p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
    }
    


    /* ------------FOOTER---------- */

    .footer-list-wrapper {
        margin: 0 10px;
        padding: 44px 0 44px 0;
    }

    .footer-list span {
        font-size: 12px;
        line-height: 26px;
    }

    .footer-list ul a {
        font-size: 14px;
        line-height: 28px;
    }

    .custAssist {
        font-size: 12px;
        line-height: 32px;
    }

    .footer-list-wrapper::after {
        width: 100%;
        left: 0;
    }

    .footer-bottom-link {
        /* margin: 0 10px; */
    }

    .footer-list-wrapper .footer-list:nth-child(4) {
        width: 32%;
    }


}

@media all and (min-width: 820px) and (max-width: 1023px){
    .header .logo {
        padding-right: 5%;
    }

    .mainziparea {
        /* margin: -16px 10% 0; */
        margin: -20px 0 0 0;
    }

    /* .homePageBannerContainer {
        margin: 0 6%;
    } */
}

@media all and (min-width: 1200px) and (max-width: 1344px) {
    .input-btn-group input, .btn-zip-btn {
        font-size: 17px;
    }
}

@media all and (min-width: 1200px) and (max-width: 1368px) {

    .meal-content p {
        padding: 0 70px;
    }

    .homePageBannerContainer {
        /* margin: 0 5%; */
        margin: 0 0 46px 0;
    }
    /* .zipcheck-top {
        margin: 0 7%;
    } */

    .banner-contents {
        height: 488px;
    }

    .col-img-banner {
        /* background-image: url('../asset-v1/images/homeBanner_ipad_pro.jpeg'); */
        background-position: 0 26%;
        height: 514px;
    }

    .zipcheck {
        /* margin: 0 15%; */
        margin: 0 1.5%;
    }

    .emailCheck {
        margin: 0;
    }

    .title-banner {
        font-size: 44px;
        line-height: 52px;
    }


    /* ----------HOW IT WORKS PAGE--------------  */

    /* Section 1 */

    .plan-list-container {
        margin: 0 15%;
    }

    .plan-left-img {
        width: 500px;
    }

    .HIW-section2 {
        margin: 0 0 97px 90px;
    }

    .HIW-section2 .step-col-content h2 {
        margin: -44% 150px 35px 0;
        font-size: 48px;
        line-height: 58px;
    }

    .step-col-content .step-text {
        font-size: 18px;
        line-height: 40px;
    }

    .HIW-section3 .container {
        margin: 0 26px 97px 90px;
    }

    .title-step-plan {
        font-size: 22px;
    }

    .plan-item-content p {
        font-size: 18px;
        line-height: 32px;
    }

    .HIW-section4 {
        margin: 0 0 97px 90px;
    }

    .plan-left-img::after {
        width: calc(100% - 22px);
    }

    .HIW-section4 .step-col-content h2 {
        margin: -44% 125px 32px 0;
        font-size: 48px;
        line-height: 58px;
    }

    .HIW-section5 img {
        width: 200px;
        height: 200px;
    }

    .title-snacks {
        margin-bottom: 9px;
        font-size: 14px;
    }

    .snacks-content p {
        font-size: 14px;
    }

    .HIW-section6 {
        margin: 0 0 97px 90px;
    }

    .HIW-section6 .step-col-content h2 {
        margin: -44% 68px 32px 0;
        font-size: 48px;
        line-height: 58px;
    }

    .HIW-btn-get-started {
        height: 83px;
        font-size: 26px;
        width: 482px;
    }

    .section-OA-PersonalChef .HIW-getStartedBtn-container {
        display: block;
    }

    .HIW-getStartedBtn {
        margin-bottom: 0;
    }

    .row-personal-chef {
        padding: 70px 20px;
    }

    .col-personal-chef {
        padding: 40px;
    }

    .col-personal-chef .col-sm-5 {
        width: 45%;
    }

    .col-personal-chef .col-sm-7 {
        width: 55%;
    }

    .personal-chef-title {
        margin-bottom: 23px;
        font-size: 54px;
        line-height: 58px;
    }

    .HIW-section8 .HIW-btn-get-started {
        height: 68px;
        width: 375px;
        font-size: 20px;
    }

    .faq-info {
        /* margin: 0 15%; */
    }


    /* -------------FOOTER SECTION------------  */

    .footer-list-wrapper {
        margin: 0 30px !important;
    }

    .footer-list span {
        font-size: 16px;
        line-height: 18px;
    }

    .footer-list ul a {
        font-size: 22px;
    }

    .custAssist {
        font-size: 16px;
    }

    .footer-list-wrapper .footer-list:nth-child(3) {
        width: 30%;
    }

    .footer-list-wrapper .footer-list:nth-child(4) {
        width: 30%;
    }

    .footer-list-wrapper::after {
        width: 100%;
        left: 0;
    }

    .footer-bottom-link {
        /* margin: 0 30px; */
    }
}

@media all and (min-width: 1369px) and (max-width: 1440px) {

    .zipcheck, .mainziparea .text-left {
        /* margin: 0 10%; */
        margin: 0 1.5%;
    }
}

@media all and (min-width: 1441px) and (max-width: 1599px) {

    .zipcheck, .mainziparea .text-left {
        /* margin: 0 13%; */
        margin: 0 1.5%;
    }
}

@media all and (min-width: 1200px) and (max-width: 1579px) {
    .homePageBannerContainer {
        /* margin: 0; */
    }

    .mainziparea {
        /* margin: 0 17%; */
        margin: -15px 0 0 0;
    }

    .doNotServeHeader {
        font-size: 22px;
    }

    .doNotServeDesc {
        font-size: 12px;
    }

    
}

@media all and (min-width: 340px) and (max-width: 575px) {
    .logOut {
        display: flex !important;
    }

    .col-img-banner {
        /* width: 85%;
        height: 85%; */
        background-size: 100%;
        /* background-image: url('../asset-v1/images/homeBanner_mob_small.jpeg'); */
    }

    .title-banner {
        font-size: 24px;
        line-height: 32px;
    }
    .col-text-banner .input-btn-group {
        max-width: 100%;
        height: 60px;
    }

    /* .zipcheck-top {
        margin: 0 20%;
    } */

    /* HOW IT WORKS PAGE */

    .HIW-section2 .step-col-content h2, .HIW-section4 .step-col-content h2, .HIW-section6 .step-col-content h2 {
        margin: -43% 25px 22px 36px;
    }

}

@media all and (min-width: 576px) and (max-width: 680px) {
    .logOut {
        display: flex !important;
    }
    .header .row {
        width: 100%;
    }

    .header .logo {
        padding-left: 5%;
    }

    .header .col-left {
        width: 93%;
        justify-content: center;
    }

    .header .hamburger {
        width: 7%;
    }

    .homePageBannerContainer {
        /* margin: 44px 10% 29px 11%; */
        margin: 0 0 29px;
    }

    .col-img-banner {
        height: 488px;
    }

    .title-banner {
        font-size: 38px;
        line-height: 52px;
        /* margin: 0 20%; */
    }

    .zipcheck-top input.form-control.form-control-black, .zip-btn-top {
        font-size: 14px;
    }

    /* .col-text-banner {
        height: 420px !important;
    } */

    .col-text-banner .input-btn-group {
        max-width: 100%;
        height: 60px;
    }

    /* .zipcheck-top {
        margin: 0 27%;
    } */


    /* OUR APPROACH PAGE */


    /* section ready eat */

    .section-ready-eat .row {
        display: flex;
        flex-direction: column;
    }

    .section-ready-eat .row .col-sm-4 {
        width: 100%;
    }

    .meal-content p {
        padding: 0 190px;
    }

    .column-customer {
        padding: 55px 34px;
        height: auto;
    }

    .row-customer .col-spacing-0 {
        width: 100%;
    }

    .row-customer {
        flex-direction: column;
    }

    .title-customer {
        font-size: 36px;
        line-height: 52px;
    }

    .customer-review-title {
        font-size: 18px;
        line-height: 32px;
    }

    .customer-name-mobile {
        font-size: 16px;
    }

    .delivery-order {
        margin: 0 25px 45px 25px;
    }

    .section-nutritionist-meet {
        padding: 85% 0 35px;
    }

    .section-nutritionist-meet .input-btn-group .zipcheck-btn {
        margin: 0 17%;
    }

    

    /* HOW IT WORKS PAGE */

    .HIW-section2 .step-col-content h2, .HIW-section4 .step-col-content h2, .HIW-section6 .step-col-content h2 {
        margin: -34% 25px 22px 36px;
    }




}

/* For Galaxy Fold */

@media all and (max-width: 313px) {
    .header nav ul a {
        font-size: 11px;
        padding: 15px 0;
    }

    .header.notSticky nav ul {
        margin-bottom: 35px;
    }

    .col-img-banner {
        /* height: auto; */
    }

    .banner-contents {
        height: 512px;
    }

    .homePageBannerContainer {
        /* margin: 32px 14% 15px 14%; */
        margin: 0 0 19px;
    }
    .col-text-banner .input-btn-group {
        margin-bottom: 32px;
        height: 40px;
    }
    .logOut {
        display: flex !important;
    }
    .top-heading .customize-heading h3 {
        font-size: 9px;
    }

    .emailCheck input, .emailCheck button {
        font-size: 10px;
    }

    .title-banner {
        font-size: 24px !important;
        line-height: 36px !important;
    }

    .zipcheck-top {
        height: 40px;
        /* margin: 0 15%; */
        margin: 0;
    }

    .zipcheck-top input.form-control.form-control-black, .zip-btn-top {
        font-size: 9px;
    }

    .title-ready-eat-desc {
        font-size: 8px;
    }

    .title-meal-delivery {
        font-size: 24px;
    }

    .meal-title {
        font-size: 9px;
    }

    .meal-content p {
        font-size: 8px;
    }

    .title-customer {
        font-size: 24px;
        line-height: 38px;
    }

    .customer-review-title, .content-meal-program p {
        font-size: 12px;
        line-height: 24px;
    }

    .customer-name-mobile {
        font-size: 12px;
    }

    .title-meal-program {
        font-size: 32px;
    }


    /* footer */

    .footer-list span {
        font-size: 12px;
    }

    .footer-list ul a {
        font-size: 18px;
        line-height: 32px;
    }

    .custAssist {
        font-size: 12px;
        line-height: 34px;
    }

    .footer-bottom-link ul li a {
        font-size: 10px;
        line-height: 16px;
    }

    .socialMediaIcons {
        margin: 0 0 15px 0;
    }




    

    /* How It Works Page */

    .choose-plan {
        margin-bottom: 45px;
    }

    .plan-list-container {
        margin: 0;
    }

    .plan-list-number {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .plan-list-text {
        font-size: 10px;
    }

    .HIW-section2 .step-col-content h2, .HIW-section4 .step-col-content h2, .HIW-section6 .step-col-content h2 {
        margin: -95% 25px 22px 36px;
        font-size: 32px;
        line-height: 46px;
    }

    .step-col-content .step-text {
        font-size: 14px;
        line-height: 32px;
    }

    .title-step-plan {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .plan-item-content p {
        font-size: 12px;
        line-height: 20px;
    }

    .title-snacks {
        font-size: 9px;
    }

    .snacks-content p {
        font-size: 10px;
        line-height: 16px;
    }

    .title-frequently {
        font-size: 16px;
        line-height: 32px;
    }

    .faq-accordion-button {
        padding: 10px 0px 10px 0px;
    }

    .faq-accordion-button {
        font-size: 10px;
    }

    .faq-gg-chevron-down::after {
        width: 6px;
        height: 6px;
        top: 11px;
    }

    .faq-info p {
        font-size: 9px;
    }

    .personal-chef-title {
        line-height: 42px;
        font-size: 24px;
    }

    .personal-chef-rowBtn {
        padding: 20px 0 30px;
    }

    .HIW-section8 .HIW-btn-get-started {
        height: 53px;
        font-size: 16px;
    }

    .nutrition-pillar-mob-content .nutrition-pillar-tittle {
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 18px;
    }

    .nutrition-pillar-mob-content p {
        font-size: 8px;
        line-height: 12px;
    }
}

@media all and (min-width: 314px) and (max-width: 360px) {
    
    .banner-contents {
        height: 600px;
    }

    .col-text-banner .input-btn-group {
        height: 55px;
    }

    .zipcheck-top {
        height: 55px;
        /* margin: 0 9%; */
        margin: 0;
    }

    .zipcheck-top input.form-control.form-control-black, .zip-btn-top {
        font-size: 11px;
    }

    .title-banner {
        font-size: 24px !important;
        line-height: 36px !important;
    }
}


@media all and (min-width: 681px) and (max-width: 767px) {
    .logOut {
        display: flex !important;
    }
    .homePageBannerContainer {
        /* margin: 44px 14% 29px 15%; */
        margin: 0 0 29px 0;
    }

    .title-banner {
        font-size: 38px;
        line-height: 56px;
        /* margin: 0 18%; */
    }

    .col-img-banner {
        height: 488px;
    }

    .zipCodeInputArea {
        max-width: 100%;
        /* margin-bottom: 83px; */
    }

    .zipcheck-top {
        /* margin: 0 29%; */
        height: 60px;
    }

    .zipcheck-top input.form-control.form-control-black {
        padding: 15px 20px;
        font-size: 14px;
    }

    .zip-btn-top {
        font-size: 14px;
    }


    /* OUR APPROACH PAGE */

    .title-ready-eat-desc {
        font-size: 18px;
        line-height: 32px;
    }

    .title-meal-delivery {
        font-size: 44px;
        line-height: 56px;
    }

    .section-ready-eat .row {
        flex-direction: column;
        margin: 0 0 0 44px;
    }

    .section-ready-eat .row .col-sm-4 {
        padding: 0;
        width: 100%;
    }

    .col-three {
        display: flex;
        margin-bottom: 67px !important;
    }

    .col-three .col-icon {
        margin: 0 10px 0 0;
        height: 126px;
    }

    .col-three .meal-content {
        margin: 25px 0;
    }

    .col-last-three {
        margin-bottom: 0;
    }


    .row-customer {
        flex-direction: column;
    }

    .row-customer .col-spacing-0 {
        width: 100%;
    }

    .column-customer {
        padding: 67px 38px;
        height: auto;
    }

    .title-customer {
        font-size: 44px;
        line-height: 62px;
    }


    .title-customer {
        font-size: 44px;
        line-height: 62px;
    }

    .customer-review-title {
        font-size: 18px;
        line-height: 36px;
    }

    .customer-name-mobile {
        font-size: 16px;
    }

    .delivery-order {
        margin: 0 40px 45px 40px;
    }

    .section-nutritionist-meet .input-btn-group .zipcheck-btn {
        margin: 0 17%;
    }

    .section-nutritionist-meet {
        padding: 92% 0 35px;
    }


    .title-nutritionist-meet {
        font-size: 36px !important;
    }


    /* HOW IT WORKS PAGE */

    .HIW-section2 .step-col-content h2, .HIW-section4 .step-col-content h2, .HIW-section6 .step-col-content h2 {
        margin: -32% 25px 22px 36px;
    }


}


@media all and (min-width: 1369px) and (max-width: 1599px) {

    /* HOW IT WORKS PAGE */

    .HIW-section2 .step-col-content h2 {
        margin: -33% 302px 32px 0;
    }

    .plan-left-img {
        width: 600px
    }


}


@media all and (min-width: 280px) and (max-width: 374px) {
    .title-with-image {
        font-size: 36px;
        line-height: 58px;
    }
}


/* Home Page Banner Adjustment */

@media all and (max-width: 767px) {
    .bannerContainer {
        margin: 35px 10%;
    }
}


@media all and (min-width: 280px) and (max-width: 289px) {
    .bannerContainer {
        margin: 35px 6.5% !important;
    }
}

@media all and (min-width: 290px) and (max-width: 295px) {
    .bannerContainer {
        margin: 35px 7.5% !important;
    }
}

@media all and (min-width: 296px) and (max-width: 299px) {
    .bannerContainer {
        margin: 35px 8% !important;
    }
}

@media all and (min-width: 300px) and (max-width: 310px) {
    .bannerContainer {
        margin: 35px 9.5% !important;
    }
}

@media all and (min-width: 311px) and (max-width: 321px) {
    .bannerContainer {
        margin: 35px 11% !important;
    }
}

@media all and (min-width: 322px) and (max-width: 329px) {
    .bannerContainer {
        margin: 35px 12% !important;
    }
}

@media all and (min-width: 330px) and (max-width: 338px) {
    .bannerContainer {
        margin: 35px 13% !important;
    }
}

@media all and (min-width: 339px) and (max-width: 345px) {
    .bannerContainer {
        margin: 35px 14% !important;
    }
}

@media all and (min-width: 346px) and (max-width: 352px) {
    .bannerContainer {
        margin: 35px 14.5% !important;
    }
}

@media all and (min-width: 353px) and (max-width: 360px) {
    .bannerContainer {
        margin: 35px 15.5% !important;
    }
}


@media all and (min-width: 361px) and (max-width: 372px) {
    .bannerContainer {
        margin: 44px 4% !important;
    }
}

@media all and (min-width: 373px) and (max-width: 380px) {
    .bannerContainer {
        margin: 44px 5% !important;
    }
}

@media all and (min-width: 381px) and (max-width: 388px) {
    .bannerContainer {
        margin: 44px 6% !important;
    }
}

@media all and (min-width: 389px) and (max-width: 396px) {
    .bannerContainer {
        margin: 44px 7.5% !important;
    }
}

@media all and (min-width: 397px) and (max-width: 405px) {
    .bannerContainer {
        margin: 44px 8.5% !important;
    }
}

@media all and (min-width: 406px) and (max-width: 414px) {
    .bannerContainer {
        margin: 44px 9.5% !important;
    }
}


@media all and (min-width: 415px) and (max-width: 423px) {
    .bannerContainer {
        margin: 44px 10.5% !important;
    }
}

@media all and (min-width: 424px) and (max-width: 433px) {
    .bannerContainer {
        margin: 44px 11.5% !important;
    }
}

@media all and (min-width: 434px) and (max-width: 444px) {
    .bannerContainer {
        margin: 44px 12.5% !important;
    }
}

@media all and (min-width: 445px) and (max-width: 455px) {
    .bannerContainer {
        margin: 44px 13% !important;
    }
}

@media all and (min-width: 456px) and (max-width: 466px) {
    .bannerContainer {
        margin: 44px 13.5% !important;
    }
}

@media all and (min-width: 467px) and (max-width: 478px) {
    .bannerContainer {
        margin: 44px 14.5% !important;
    }
}

@media all and (min-width: 479px) and (max-width: 491px) {
    .bannerContainer {
        margin: 44px 15.5% !important;
    }
}

@media all and (min-width: 491px) and (max-width: 505px) {
    .bannerContainer {
        margin: 44px 16.5% !important;
    }
}

@media all and (min-width: 506px) and (max-width: 519px) {
    .bannerContainer {
        margin: 44px 17% !important;
    }
}

@media all and (min-width: 520px) and (max-width: 535px) {
    .bannerContainer {
        margin: 44px 18% !important;
    }
}

@media all and (min-width: 536px) and (max-width: 551px) {
    .bannerContainer {
        margin: 44px 19% !important;
    }
}

@media all and (min-width: 552px) and (max-width: 568px) {
    .bannerContainer {
        margin: 44px 20% !important;
    }
}

@media all and (min-width: 569px) and (max-width: 590px) {
    .bannerContainer {
        margin: 44px 21% !important;
    }
}

@media all and (min-width: 591px) and (max-width: 610px) {
    .bannerContainer {
        margin: 44px 22% !important;
    }
}

@media all and (min-width: 611px) and (max-width: 634px) {
    .bannerContainer {
        margin: 44px 23% !important;
    }
}

@media all and (min-width: 635px) and (max-width: 660px) {
    .bannerContainer {
        margin: 44px 24% !important;
    }
}

@media all and (min-width: 661px) and (max-width: 686px) {
    .bannerContainer {
        margin: 44px 25% !important;
    }
}

@media all and (min-width: 687px) and (max-width: 715px) {
    .bannerContainer {
        margin: 44px 26% !important;
    }
}

@media all and (min-width: 716px) and (max-width: 746px) {
    .bannerContainer {
        margin: 44px 27% !important;
    }
}

@media all and (min-width: 747px) and (max-width: 762px) {
    .bannerContainer {
        margin: 44px 27.5% !important;
    }
}

@media all and (min-width: 763px) and (max-width: 767px) {
    .bannerContainer {
        margin: 44px 28% !important;
    }
}





@media all and (min-width: 768px) and (max-width: 789px) {
    .bannerContainer {
        margin: 88px 3.5% !important;
    }
}

@media all and (min-width: 790px) and (max-width: 808px) {
    .bannerContainer {
        margin: 88px 4.5% !important;
    }
}

@media all and (min-width: 809px) and (max-width: 835px) {
    .bannerContainer {
        margin: 88px 6% !important;
    }
}

@media all and (min-width: 836px) and (max-width: 853px) {
    .bannerContainer {
        margin: 88px 7% !important;
    }
}

@media all and (min-width: 854px) and (max-width: 873px) {
    .bannerContainer {
        margin: 88px 8% !important;
    }
}

@media all and (min-width: 874px) and (max-width: 896px) {
    .bannerContainer {
        margin: 88px 9% !important;
    }
}

@media all and (min-width: 897px) and (max-width: 929px) {
    .bannerContainer {
        margin: 88px 10.5% !important;
    }
}

@media all and (min-width: 930px) and (max-width: 953px) {
    .bannerContainer {
        margin: 88px 11.5% !important;
    }
}

@media all and (min-width: 954px) and (max-width: 980px) {
    .bannerContainer {
        margin: 88px 12.5% !important;
    }
}

@media all and (min-width: 981px) and (max-width: 1006px) {
    .bannerContainer {
        margin: 88px 13.5% !important;
    }
}

@media all and (min-width: 1007px) and (max-width: 1023px) {
    .bannerContainer {
        margin: 88px 14.5% !important;
    }
}

@media all and (min-width: 1200px) {
    .affiliatePageHeader {
        display: none !important;
    }
}


@media all and (min-width: 1024px) and (max-width: 1041px) {
    .bannerContainer {
        margin: 103px 1.5% !important;
    }
}

@media all and (min-width: 1042px) and (max-width: 1063px) {
    .bannerContainer {
        margin: 103px 2.5% !important;
    }
}

@media all and (min-width: 1064px) and (max-width: 1086px) {
    .bannerContainer {
        margin: 103px 3.5% !important;
    }
}

@media all and (min-width: 1087px) and (max-width: 1110px) {
    .bannerContainer {
        margin: 103px 4.5% !important;
    }
}

@media all and (min-width: 1111px) and (max-width: 1135px) {
    .bannerContainer {
        margin: 103px 5.5% !important;
    }
}

@media all and (min-width: 1136px) and (max-width: 1161px) {
    .bannerContainer {
        margin: 103px 6.5% !important;
    }
}

@media all and (min-width: 1162px) and (max-width: 1189px) {
    .bannerContainer {
        margin: 103px 7.5% !important;
    }
}

@media all and (min-width: 1190px) and (max-width: 1199px) {
    .bannerContainer {
        margin: 103px 8% !important;
    }
}





@media all and (min-width: 1200px) and (max-width: 1246px) {
    .bannerContainer {
        margin: 103px 9.5% !important;
    }
}

@media all and (min-width: 1247px) and (max-width: 1277px) {
    .bannerContainer {
        margin: 103px 10.5% !important;
    }
}

@media all and (min-width: 1278px) and (max-width: 1310px) {
    .bannerContainer {
        margin: 103px 11.5% !important;
    }
}

@media all and (min-width: 1311px) and (max-width: 1344px) {
    .bannerContainer {
        margin: 103px 12.5% !important;
    }
}

@media all and (min-width: 1345px) and (max-width: 1368px) {
    .bannerContainer {
        margin: 103px 13.5% !important;
    }
}






@media all and (min-width: 1369px) and (max-width: 1403px) {
    .bannerContainer {
        margin: 134px 7.5% !important;
    }
}

@media all and (min-width: 1404px) and (max-width: 1438px) {
    .bannerContainer {
        margin: 134px 8.5% !important;
    }
}

@media all and (min-width: 1439px) and (max-width: 1473px) {
    .bannerContainer {
        margin: 134px 9.5% !important;
    }
}

@media all and (min-width: 1474px) and (max-width: 1511px) {
    .bannerContainer {
        margin: 134px 10.5% !important;
    }
}

@media all and (min-width: 1512px) and (max-width: 1550px) {
    .bannerContainer {
        margin: 134px 11.5% !important;
    }
}

@media all and (min-width: 1551px) and (max-width: 1591px) {
    .bannerContainer {
        margin: 134px 12.5% !important;
    }
}

@media all and (min-width: 1592px) and (max-width: 1599px) {
    .bannerContainer {
        margin: 134px 13.5% !important;
    }
}



@media all and (min-width: 1600px) and (max-width: 1658px) {
    .bannerContainer {
        margin: 134px 14% !important;
    }
}

@media all and (min-width: 1659px) and (max-width: 1705px) {
    .bannerContainer {
        margin: 134px 15% !important;
    }
}

@media all and (min-width: 1706px) and (max-width: 1755px) {
    .bannerContainer {
        margin: 134px 16% !important;
    }
}

@media all and (min-width: 1756px) and (max-width: 1808px) {
    .bannerContainer {
        margin: 134px 17% !important;
    }
}

@media all and (min-width: 1809px) and (max-width: 1865px) {
    .bannerContainer {
        margin: 134px 18% !important;
    }
}

@media all and (min-width: 1866px) and (max-width: 1920px) {
    .bannerContainer {
        margin: 134px 19% !important;
    }
}


/* Affiliate Page CSS */

.ambassador-content {
    background-color: var(--Light-Grey-100);
}

.wrapper {
    margin-inline: auto;
    /* padding-inline: 16px; */
    max-width: 2000px;
}

.section-split {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(4,auto);
    -moz-column-gap: 32px;
    column-gap: 32px;
    text-align: center;
}

.contentHeaderSection {
    grid-row: 2 / 3;
}

.joinMissionContent {
    font-size: 1rem;
    font-weight: 600;
    line-height: 41px;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-family: Montserrat;
    text-align: center;
    overflow-wrap: break-word;
}

.ambassadorHeadingontent {
    font-size: 3.5rem;
    /* margin: 24px 0 0 0; */
    line-height: 67px;
    overflow-wrap: break-word;
    font-weight: inherit;
    font-family: var(--suisse-works-regular);
}

.descriptionSection {
    /* grid-row: 3 / 4; */
    margin-top: 48px;
    margin-inline: 32px;
    margin-bottom: 52px;
}

.section-split-text {
    text-align: center;
    margin-inline: auto;
    max-width: 65ch;
    font-family: Montserrat;
    line-height: 32px;
}

.responsiveImage {
    position: relative;
}

.ambassadorApplyBtn {
    display: inline-block;
    margin: 0 auto;
    font-size: 1rem;
    color: #000;
    border: 2px solid #000;
    align-items: center;
    cursor: pointer;
    background: none;
    font-weight: bold;
    font-family: Montserrat;
    padding: 29px 74px;
    transition-duration: .7s;
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
}

.ambassadorApplyBtn:hover {
    background: #000;
    color: #fff;
    border: 2px solid #000;
}

.applyButtonSection {
    margin: 0 0 32px 0;
}

.contentHeaderSection {
    /* margin: 5rem 0 0 0; */
}


@media (min-width: 1025px) {
    
    .contentHeaderSection {
        align-self: start;
    }

    .pictureSection {
        grid-column: 1 / 2;
        grid-row: 1 / -1;
        align-self: start;
    }

    .descriptionSection {
        margin-top: 24px;
    }
}

@media (min-width: 768px) {
    .ambassadorHeadingontent4 {
        font-size: 4rem;
    }
}

@media (max-width: 1025px) {
    .section-split {
        display: flex;
        flex-direction: column-reverse;
    }

    .joinMissionContent {
        margin-top: 40px;
    }

    .applyButtonSection {
        margin: 0 0 56px 0;
    }

    .pictureSection {
        align-self: auto;
    }
}




.sampleMenuLinkSection {
    display: flex;
    justify-content: center;
    margin: 0 0 15px 0;
}

.sampleMenuLink {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 162.5% */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border: 1px solid #000;
    border-radius: 100px;
}

.sampleMenuLink:hover {
    color: #000;
    border: 1px solid #000;
}

.sampleMenuLink.visible {
    background: #EAEAEA;
    border: none;
}

.top, .bottom {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.top.hidden, .bottom.hidden {
    opacity: 0;
}

.top.hidden {
    transform: translateY(-100%);
 
}

.bottom.hidden {
    transform: translateY(100%);
}

.sampleMenuContent {
    opacity: 0;
    transition: opacity 0.5s ease .0s;
    position: absolute;
    left: 0px;
    top: 30px;
    width: 100%;
    height: 100%;
    padding: 8rem 1rem 1rem;
    pointer-events: none;
}
    

.sampleMenuContent.visible {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.5s ease .35s;
 }

.headerPlanSection, .planGetStartedSection {
    position: relative;
    z-index: 1;
}
.homeMealPlan .top.hidden+.sampleMenuLinkSection{
    position: absolute;
    left: 0;
    right: 0;
    /* height: 100%; */
    width: 100%;
    top: 0;
    padding: 84px 2rem 2rem;
    z-index: 1;
}

 .sampleMenuContentMobile {
    position: absolute;
    opacity: 0;
    /* top: 0; */
    pointer-events: none;
 }

 .sampleMenuContentMobile.visible {
    opacity: 1;
    pointer-events: initial;
    transition: opacity 0.5s ease .35s;
    position: relative;
    padding: 14px;
 }

 .meal-plan-mobile-slider .imagePlanSection, 
 .meal-plan-mobile-slider .mealPlan-accordion-button, 
 .meal-plan-mobile-slider .descriptionPlanSection,
 .meal-plan-mobile-slider .planContentSection {
    transition: opacity 0.5s ease, transform 0.5s ease;
 }

 .meal-plan-mobile-slider .imagePlanSection.slide-up, 
 .meal-plan-mobile-slider .mealPlan-accordion-button.slide-up, 
 .meal-plan-mobile-slider .descriptionPlanSection.slide-up {
    transform: translateY(-100%);
    opacity: 0;
    position: absolute;
    pointer-events: none;
 }
 
 .meal-plan-mobile-slider .planContentSection.slide-down {
    transform: translateY(100%);
    opacity: 0;
    position: absolute;
 }

 .sampleMenuDays {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
 }

 .dayCount {
    color: var(--Universal-Colors-Black, #000);
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 185.714% */
    margin: 0 0 12px 0;
 }

 .sampleMenuItems {
    display: flex;
    flex-direction: column;
    gap: 16px;
 }

 p.sampleMenuMainContent {
    color: var(--Universal-Colors-Black, #000);
    text-align: center;
    font-family: "Suisse Works";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

p.sampleMenuSubContent {
    color: var(--Universal-Colors-Black, #000);
    font-family: Montserrat;
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    line-height: 19px;
}

/* .bannerWrapperContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
    -moz-column-gap: 32px;
    column-gap: 32px;
    text-align: center;
    background-color: var(--primary-royal-blue);
} */

.getInToucBtnCls {
    display: flex !important;
    height: 50px !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0;
    color: #FFF !important;
    text-align: center !important;
    font-family: Montserrat !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
    background-color: #000 !important;
}

.cs_nav .mobileOnly {
    display: none !important;
}

/* Show the mobile-only item on screens 768px wide or less (adjust as needed) */
@media (max-width: 767px) {
    .cs_nav .mobileOnly {
        display: block !important;
    }
}