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

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

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

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

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

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


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

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

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

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.eot');
    src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff'),
        url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root{
    --f-size-14:.73vw;
    --f-size-16:.83vw;
    --f-size-18:0.94vw;
    --f-size-20:1.04vw; /* Body */
    --f-size-22:1.15vw; 
    --f-size-24:1.25vw;
    --f-size-26:1.35vw;
    --f-size-32:1.67vw;
    --f-size-40:2.083vw;
    --f-size-55:2.71vw;
    --f-size-85:4.43vw;
    
    --color-primary: #ff6a00;
    --color-Black: #000000;
    --color-White: #ffffff;
    --color-Gray: #7f7f7f;
}


body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size:var(--f-size-20);
    line-height:1.5;
    color:var(--color-Black);
    padding-top: 5.47vw;
    background-color: #fef9f3;
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {transition-delay: .8s;}
[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s; }
[data-aos][data-aos][data-aos-delay='3100'].aos-animate, body[data-aos-delay='3100'] [data-aos].aos-animate { transition-delay: 3.1s; }
[data-aos][data-aos][data-aos-delay='3200'].aos-animate, body[data-aos-delay='3200'] [data-aos].aos-animate { transition-delay: 3.2s; }
[data-aos][data-aos][data-aos-delay='3300'].aos-animate, body[data-aos-delay='3300'] [data-aos].aos-animate { transition-delay: 3.3s; }
[data-aos][data-aos][data-aos-delay='3400'].aos-animate, body[data-aos-delay='3400'] [data-aos].aos-animate { transition-delay: 3.4s; }
[data-aos][data-aos][data-aos-delay='3500'].aos-animate, body[data-aos-delay='3500'] [data-aos].aos-animate { transition-delay: 3.5s; }
/* [data-aos=fade-up] { transform: translateY(50px); } */

img, video, iframe {
    max-width:100%;
}
a, a:hover { color:var(--color-primary); }
a:hover { text-decoration:none; }
.btn { box-shadow:none !important; }
.line-H-1 { line-height:1 !important; }
.line-H-1_1 { line-height:1.1 !important; }
.line-H-1_2 { line-height:1.2 !important; }
.line-H-1_3 { line-height:1.3 !important; }
.line-H-1_4 { line-height:1.4 !important; }
.line-H-1_5 { line-height:1.5 !important; }
.line-H-1_6 { line-height:1.6 !important; }
.line-H-1_7 { line-height:1.7 !important; }
.line-H-1_8 { line-height:1.8 !important; }
.line-H-1_9 { line-height:1.9 !important; }

.f-W-L { font-weight: 300 !important; }
.f-W-N { font-weight: normal !important; }
.f-W-M { font-weight: 500 !important; }
.f-W-SB { font-weight: 600 !important; }
.f-W-B , strong, b { font-weight: 700 !important; }
.f-W-EB { font-weight: 800 !important; }

.f-sz-14 { font-size: var(--f-size-14) !important;}
.f-sz-16 { font-size: var(--f-size-16) !important;}
.f-sz-18 { font-size: var(--f-size-18) !important;}
.f-sz-20 { font-size: var(--f-size-20) !important;}
.f-sz-22 { font-size: var(--f-size-22) !important;}
.f-sz-24 { font-size: var(--f-size-24) !important;}
.f-sz-26 { font-size: var(--f-size-26) !important;}
.f-sz-32 { font-size: var(--f-size-32) !important;}
.f-sz-40 { font-size: var(--f-size-40) !important;}
.f-sz-55 { font-size: var(--f-size-55) !important;}
.f-sz-85 { font-size: var(--f-size-85) !important;}
.mb__10{margin-bottom: 0.52vw !important;}
.mb__15{margin-bottom: 0.78vw !important;}
.mb__20{margin-bottom: 1.04vw !important;}
.mb__25{margin-bottom: 1.3vw !important;}
.mb__30{margin-bottom: 1.56vw !important;}
.mb__35{margin-bottom: 1.82vw !important;}
.mb__40{margin-bottom: 2.08vw !important;}
.mb__50{margin-bottom: 2.604vw !important;}
p, ul, ol ol, ol ul, ul ol, ul ul { margin-bottom:1.302vw; }
ol, ul {padding-left: 1.46vw;}
h1, h2, h3, h4, h5, h6 {margin-bottom:1.042vw;font-weight: bold;}
h6 {font-size:1.146vw;}
h5 {font-size: 1.354vw;}
h4 {font-size: 1.563vw;}
h3 {font-size: 1.771vw;}
h2 {font-size: 1.979vw;}
h1 {font-size: 2.188vw;}
.min-w-0 {min-width: 0 !important;}
.last-p>p:last-child { margin-bottom: 0; }
.txt-Truncate-2, .txt-Truncate-3 {display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden;}
.txt-Truncate-2 {-webkit-line-clamp: 2;}
.txt-Truncate-3 {-webkit-line-clamp: 3;}
.txt-Truncate-4 {-webkit-line-clamp: 4;}
.cstScrollbar::-webkit-scrollbar {width: 5px; height: 5px;}
.cstScrollbar::-webkit-scrollbar-track { background: #cdcdcd; }
.cstScrollbar::-webkit-scrollbar-thumb { background-color: #9f9f9f; border-radius: 10px; }
.cstScrollbar {scrollbar-color: #9f9f9f #cdcdcd !important;scrollbar-width: thin !important;}
.color-primary {color: var(--color-primary) !important;}
.color-Gray {color: var(--color-Gray)}
.cmnBtn {font-size: var(--f-size-14);padding: 0.26vw 1.35vw; min-height: 2.865vw; line-height: 1.2;font-weight: 700;border-radius: 3.125vw;background-color: var(--color-primary) !important;color: var(--color-White) !important;border-color: transparent !important;display: inline-flex;align-items: center;gap: .52vw;letter-spacing: 1px;}
.cmnBtn:hover {background-color: #e65a00 !important;}
.cmnBtn.btnBlack {background-color: var(--color-Black) !important;}
.cmnBtn.btnBlack:hover {background-color: #1f2937 !important;}
.cmnBtn.min-W{min-width: 13.021vw;}
.header_actionNav .cmnBtn, .newsL-group .cmnBtn{min-height:2.344vw; font-size: var(--f-size-16);}
.mainHeader { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background-color:#fff; border-bottom: 1px solid #b7b7b7; padding-top: .52vw;padding-bottom: .52vw; }
.mainHeader .navbar {padding: 0;}
.main_navbar {gap: 1.67vw;}
.main_navbar > .nav-item > .nav-link, .header_actionNav .nav-link {padding: 0;font-weight: 700;color: var(--color-Black);font-size: var(--f-size-18);}
.main_navbar > .nav-item > .nav-link:hover, .header_actionNav .nav-link:hover {color: var(--color-primary);}
.siteLogo_main {max-width: 10.68vw;width: 100%;display: inline-block;}
.header_actionNav {list-style: none;gap: .83vw; padding: 0;margin: 0;display: flex;justify-content: end;align-items: center;}
.heroSec_wrapp {background-color: #fef9f3;}
.home_heroItem { position: relative; height: calc(100dvh - 5.47vw); min-height: 300px; position: relative; padding-top: 2.6vw;padding-bottom: 2.6vw;background-repeat: no-repeat;background-image: url("../images/hero-plate-bg-1.png"), url("../images/hero-plate-bg-2.png"); background-position: left top, right bottom; background-size: 30.21vw auto; }
.home_heroItem .heroDish_1, .home_heroItem .heroDish_2 {position: absolute;width: 36.46vw;}
.home_heroItem .heroDish_1 {    left: -11.98vw; top: -11.72vw;}
.home_heroItem .heroDish_2 {right: -11.98vw;bottom: -11.72vw;}
.rotateAnimation {animation: rotation 120s infinite linear;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg); 
  }
}
.heroInfo_wrap .heading-text {font-size: var(--f-size-85);line-height: 1.1;margin-bottom: .52vw;}
.heroInfo_wrap .text-summary {max-width: 30.21vw;}
.heroInfo_wrap .btnRow {margin-top: 1.04vw; margin-left: auto; margin-right: auto; display: flex; justify-content: center; gap: 0.781vw;}
.btn-mxW{max-width: 15.104vw;}
.heroBtn-icon { max-width: 1.15vw; position: relative; margin-top: -.26vw; margin-bottom: -.26vw; }
.secWrapp {padding-top: 5.21vw;padding-bottom: 5.21vw;}
.whyChoose_wrapImg {position: relative;}
.whyChoose_wrapImg .sm-icon { width: 2.86vw; position: absolute; left: 0; top: 5.47vw; z-index: 1; }
.whyChoose_wrapImg .whyChoose_dish {width: 27.86vw;}
.whyChoose_wrapImg .whyChoose_card {position: absolute;left: 20.83vw;top: 5.99vw;width:16.15vw; box-shadow: .26vw .36vw .89vw 0 rgba(0,0,0,.15);}
.whyChoose_wrapImg .whyChoose_card, .whyChoose_wrapImg .whyChoose_card > img {border-radius: 1.04vw;}
.whyChoose_wrapImg .whyChoose_card .tag {position: absolute;background-color: #3691ef;left: 35px;top: 0;transform: translateY(-50%);font-size: .78vw;line-height: 1.1;color: #fff;border-radius: 5.21vw;padding: .21vw .83vw;}

/* KK Style Start */
.hiw-card{ display: block; padding:1.042vw 2.083vw; border-radius: 0.833vw; height: 100%; background-color: #ffffff; color: #000000; border: 1px solid rgba(255, 106, 0, 0.3); text-align: center; text-decoration: none;}
.hiw-card:hover{background-color: var(--color-primary); color: #ffffff;}
.hiw-card:hover .hiw-card-Icon{filter: brightness(0) invert(1);}
.hiw-card .hiw-card-Icon{max-width: 3.385vw; margin: auto; margin-bottom:0.26vw;}
.hiw-card .hiw-card-Txt{font-size: var(--f-size-24); font-weight: 700; line-height: 1.3;}
.hiw-rowGap{row-gap: 1.25vw;}
.hiw-btnWrp{margin-top: 2.344vw;}
.our-recipeiList .our-recipeiItem{margin-bottom: 1.302vw; padding-bottom: 1.823vw; border-bottom: 1px solid #e3e3e3;}
.our-recipeiList .our-recipeiItem:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.recipeImg-Wrp .recipeMain-img{max-width: 25.26vw; margin-left: auto;}
.recipe_dish{max-width: 26.042vw; position: absolute; top: 50%; transform: translateY(-50%); right: 18.604vw;}
.recipe_stamp{max-width: 10.417vw; position: absolute; top: 50%; transform: translateY(-50%); right: -3.125vw;}
.weeklyFresh-foodBx{padding: 4.688vw; border: 1px solid var(--color-primary); border-left-width: 0;}
.ab-section{background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.ab-section::before{content: ""; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.app-downContent{max-width: 22.396vw; margin-left: auto;}
.downApp_Wrp{display: flex; gap: 1.042vw;}
.downApp_Wrp .downApp_Item{max-width: 9.375vw;}
.bg-gray{background-color: #333335;}
.review-Bx{background-color: #ffffff; border-radius: 0.781vw; padding: 1.563vw;}
.review-Bx .customer-info{display: flex; gap: 0.521vw;}
.review-Bx .customer-info .customerThumb{overflow: hidden; border-radius: 100%; width: 2.083vw; height: 2.083vw;}
.review-Bx .customer-info .customerDet{font-size: var(--f-size-16); line-height: 1.2; align-self: center;}
.review-Bx .customer-info .customerDet .reviewDate{color: #616264;}
.review-Bx .customer-info .googleIcon{max-width: 1.042vw;}
.ratingStars{display: flex; gap: 0.26vw;}
.ratingStars li{width: 0.833vw;}
.sliderStyle .review-Slide{padding: 0 0.938vw;}
.site-Footer{background-color: #333335; padding: 3.906vw 0;}
.ftr_linksGroup{display: flex; flex-direction: column; row-gap: 0.521vw;}
.ftr_linksGroup .ftr_link_Item .ftr-link{color: var(--color-White); font-size: var(--f-size-18); text-decoration: none;}
.newsL-group{display: flex; flex-direction: column; gap: 0.781vw;}
.newsL-group .newsL-input{padding: 0.521vw 1.042vw; line-height: 1; border-radius: .31vw; box-shadow: none; background-color: #ffffff; height: 2.604vw;}
.newsL-group .cmnBtn.btnW{min-width: 10.417vw;}
.ftr_SocialGroup{display: flex; align-items: center; gap: 15px; margin-top: 1.823vw;}
.ftr_SocialGroup .ftr_SocialItem{width: 1.302vw; height: 1.302vw;}
.ftr_SocialGroup .ftr_SocialItem a{text-decoration: none;}
.frtCopy-rTxt{margin-top: 1.563vw; color: #ffffff; opacity: .6;}

.sec_bg{background-image: url(../images/assessment-pg-bg.png); background-repeat: repeat; }
.dietOuter-Bx{background-color: #f8f7f5; padding: 3.646vw 7.292vw;}
.question_Title{font-size: var(--f-size-24); font-weight: 600; display: flex; gap: 0.521vw; align-items: center;}
.question_Title .que_count{display: block; width: 1.302vw; min-width: 1.302vw; height: 1.302vw; border-radius: 100%; line-height: 1; background-color: var(--color-primary); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: var(--f-size-14);}
.selectLab{position: relative; cursor: pointer; display: block; padding: 1.042vw; border-radius: 0.781vw; background-color: #ffffff; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 0.417vw; border: 1px solid #e5e7eb; transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}
.goalSelect{text-align: center;}
.goalSelect .goal_Icon{display: block; width: 3.125vw; height: 3.125vw; font-size: var(--f-size-24); border-radius: 100%; background-color: #f1f5f9; color: #000000; display: flex; align-items: center; justify-content: center; margin-bottom: 0.625vw; transition: background-color 0.3s ease, transform 0.3s ease;}
.goalSelect .goal_Title, .activitySelect .activity_Title, .perDaymeals .pdm_Title{font-size: var(--f-size-18); font-weight: 600; display: block;}
.goalSelect .goal_subTxt, .activitySelect .activity_subTxt{font-size: var(--f-size-14); display: block; color: var(--color-Gray);}
.selectorBx .checkInp:checked ~ .selectLab, .selectorBx .checkInp ~ .selectLab:hover {background-color:#f8efe8; border-color: var(--color-primary);}
.selectorBx .checkInp:checked ~ .selectLab .goal_Icon{background-color:#ffffff;}
.selectLab::before{content: '\e5ca';font-family: 'Material Symbols Outlined'; font-size: var(--f-size-14); display: flex; justify-content: center; position: absolute; top: 0.521vw; right: 0.521vw; width: 1.042vw; height: 1.042vw; background-color: var(--color-primary); color: var(--color-White); border-radius: 100%; opacity: 0; transition: .3s ease;}
.selectorBx .checkInp:checked ~ .selectLab::before{opacity: 1;}
.activitySelect .activity_Icon{color: var(--color-primary); font-size: var(--f-size-32);}
.perDaymeals{display: flex; align-items: center; gap: 0.26vw;}
.selectLab.perDaymeals::before{top: 50%; transform: translateY(-50%);}
.selectLab.perDaymeals .pdm_Icon{color: var(--color-primary);}
.avoid_Wrp{display: flex; gap: 0.781vw; flex-wrap: wrap;}
.avoid_Lab { cursor: pointer; position: relative; display: block; padding: 0.781vw 1.302vw; border-radius: 1.823vw; background-color: #ffffff; border: 1px solid #e5e7eb; transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; display: flex; align-items: center; gap: 0.521vw; line-height: 1;}
.selectorBx .checkInp:checked ~ .avoid_Lab, .selectorBx .checkInp ~ .avoid_Lab:hover {background-color:#f8efe8; border-color: var(--color-primary); color: var(--color-primary);}
.selectorBx .avoid_Title{font-size: var(--f-size-18); font-weight: 600;}
.selectorBx .avoid_Icon{font-size: var(--f-size-24);}
.staper_btnWrp{display: flex; justify-content: space-between; margin-top: 2.604vw;}
.backBtn{display: flex; align-items: center; gap: 0.26vw; font-weight: 600; font-size: var(--f-size-16);}
/* progress Bar */
.progress-wrapper {width: 100%; max-width: 100%; height: 5px; background: #e0e0e0; border-radius: 0; overflow: hidden; position: absolute; top: 0; left: 0;}
.progress-fill {height: 100%; width: 25%; background: var(--color-primary); transition: width 0.4s ease;}
.mealSelect-steps {display: none;}
.mealSelect-steps.active {display: block;}
.form-group{margin-bottom: 1.302vw;}
.cst-lable{font-size: var(--f-size-16); font-weight: 600; margin-bottom: 4px;}
.cst-input{padding:0.521vw 0.938vw; height: 2.865vw; border-radius: 0.625vw; border: 1px solid #f3f4f6 !important; box-shadow: none !important; background-color: #ffffff; font-size: var(--f-size-18);}
.cst-input::placeholder{color: var(--color-Gray);}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.input-unitWrp{position: relative;}
.input-unitWrp .cst-input{padding-right: 3.125vw;}
.input-unitWrp .input-unit{position: absolute; top: 0.781vw; right: 1.042vw; font-size: var(--f-size-14); color: var(--color-Gray);}
.formBx{background-color: #ffffff; border-radius: 1.042vw; padding: 1.823vw; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
.input-IconWrp{position: relative;}
.input-IconWrp .input-Icon{position: absolute; top:0.781vw; left: 0.781vw; font-size: var(--f-size-24); color: var(--color-Gray); opacity: .5;}
.input-IconWrp .cst-input{padding-left: 2.604vw;}
.prsnl_SummaryWrp{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.781vw; }
.prsnl-sumItem{padding: 1.042vw; border-radius: 0.781vw; border: 1px solid #e5e7eb; background-color: #ffffff; display: flex; align-items: center; gap: 0.781vw;}
.prsnl-sumItem .prsnl-sumIcon{color: var(--color-primary); width:2.604vw; height:2.604vw; border-radius: 100% ; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; display: flex; align-items: center; justify-content: center; font-size: var(--f-size-24);}
.cstGrid{display: grid; grid-gap: 0.938vw;}
.cstGrid-col-3{grid-template-columns: repeat(3, 1fr);}
.cstGrid-col-4{grid-template-columns: repeat(4, 1fr);}
.selectorBx{height: 100%;}

.stepper-Wrp{display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 2.083vw; max-width: 38.021vw; margin-left: auto; margin-right: auto;}
.stepper-Wrp .stepItem{display: flex; flex-direction: column; gap: 0.521vw; align-items: center; position: relative;}
.stepper-Wrp .stepItem .stepCircle{width: 2.604vw; height: 2.604vw; background-color: #f1f5f9; border-radius: 100%; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: var(--f-size-18); font-weight: 600; position: relative;}
.stepper-Wrp .stepItem .stepTxt{font-size: var(--f-size-14); font-weight: 600; text-transform: uppercase; color: var(--color-Gray);}
.stepper-Wrp .stepItem::before {content: ''; width: 70%; height: 2px; right: 100%; transform: translateX(50%); margin: auto; top: 1.25vw; background-color: #f1f5f9; position: absolute; z-index: 0;}
.stepper-Wrp .stepItem:first-child:before{display: none;}
.stepItem.active .stepCircle, .stepItem.completed .stepCircle{background-color: var(--color-primary); color: #ffffff;}
.stepItem.active .stepCircle{box-shadow: rgba(255, 106, 0, 0.3) 0px 5px 10px, rgba(255, 106, 0, 0.1) 0px 5px 10px;}
.stepItem.active .stepTxt{color: var(--color-primary);}
.stepItem.active::before, .stepItem.completed::before{background-color: var(--color-primary);}
.stepItem.completed .stepCircle::before{content: '\e5ca';  font-family: 'Material Symbols Outlined';}
.stepItem.completed .stepCircle .stepNum{display: none;}

.checkout-bar{background-color: #ffffff; padding: 1.042vw 1.042vw 1.042vw 2.083vw; border: 1px solid hsl(210, 40%, 96%); box-shadow: rgba(0, 0, 0, 0.15) 0px 0.26vw 0.781vw 0px; border-radius: 3.125vw; display: flex; align-items: center; justify-content: space-between; max-width: 700px; margin-left: auto; margin-right: auto; margin-top: 2.083vw; position: sticky; bottom: 1.042vw;}
.checkout-bar .plan-summary .plan-label{font-size: var(--f-size-16); color: var(--color-Gray);}
.checkout-bar .plan-summary .plan-details{font-size: var(--f-size-20); color: #000000; font-weight: 600;}
/* KK Style End */ 


/* By MS */
.transition {transition: all 0.3s ease;}
.secWrapp.spc-md {padding-top: 2.6vw;padding-bottom: 2.6vw;}
.cstCard_wrap {padding: 2.34vw;border-radius: .21vw;background-color: #fff;box-shadow: 0px 0px 1.82vw 0px rgb( 0, 0, 0, .15);}
.mealGrid-item {background-color: #f8f7f5;border: 1px solid rgb( 255, 106, 0, .25); position: relative; border-radius: .31vw; transition: all 0.3s ease;}
.mealGrid-item:hover {box-shadow: 0 .21vw 1.04vw 0 rgba(0, 0, 0, .2);}
.mealGrid-item .thumbWrap { border-top-left-radius: .21vw; border-top-right-radius: .21vw; overflow: hidden; height: 7.66vw; position: relative; }
.mealGrid-item .thumbWrap .thumbimg {transition: all 0.5s ease;}
.mealGrid-item:hover .thumbWrap .thumbimg {transform: scale(1.05);}
.mealGrid-item .cont-wrapper {padding: .94vw;}
.mealGrid-item .cont-title {text-decoration: none;display: block;line-height: 1.2;margin-bottom: .78vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.mealGrid-item .meal_price {line-height: 1.2;margin-bottom: .94vw;}
.meal_infoList { padding: 0; margin: 0 -.31vw; display: flex; list-style-type: none; }
.meal_infoList > li {flex-grow: 1; padding-left: .31vw;padding-right: .31vw;}
.meal_infoList > li:not(:last-child) {border-right: 1px solid #d7d7d7;}
.meal_infoList .info_title {font-size: .78vw;}
.mealGrid-item .btRow {margin-top: .94vw;}
.qtyField {display:flex;align-items: center;max-width: 6.25vw;}
.qtyField .qty-input { flex-grow: 1; min-width: 0; width: 100%; padding:0; border-radius: 0; border: none; font-size: var(--f-size-20); text-align: center; height: 1.56vw; box-shadow: none !important; outline: none !important; color: #000; background-color: transparent; }
.qtyField .qty-input::-webkit-inner-spin-button, .qtyField .qty-input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.qtyField .qty-minus, .qtyField .qty-plus {display: flex;justify-content: center;align-items: center; padding: 0;border-radius: 100%;width: 1.56vw;min-width: 1.56vw;height: 1.56vw;box-shadow: 0 .1vw .42vw 0 rgba(255, 106, 0, .5) !important; min-height: auto;}
.qtyField .qty-minus .icon, .qtyField .qty-plus .icon {font-size: var(--f-size-18);}
.mealGrid-item .mealTag { font-size: .68vw; background-color: var(--color-primary); border-radius: 2.6vw; padding: .16vw .73vw; line-height: 1; color: #fff; position: absolute; z-index: 1; right: .31vw; top: .31vw; }
.filters_wrapper {border-bottom: 1px solid #e4e6ea;padding-bottom: 1.3vw;margin-bottom: 1.3vw;}
.filterList_1 {display: flex;flex-wrap: wrap;gap: .31vw .42vw;margin-bottom: 1.04vw;}
.filterList_2 {display: flex;flex-wrap: wrap;gap: .31vw .42vw;}
.cstFilterChip .checkInput {display: none;}
.cstFilterChip .cont-Label {display: flex;align-items: center;cursor: pointer; gap: .31vw;background-color: #f1f5f9;border-radius: 5.21vw;line-height: .9;padding: .47vw .94vw;font-size: var(--f-size-14);transition: all 0.3s ease;}
.cstFilterChip .cont-Label .icon {font-size: var(--f-size-16);}
.cstFilterChip .cont-Label:hover {background-color: #e2e8f0;}
.cstFilterChip .checkInput:checked ~ .cont-Label {background-color: var(--color-primary);color: #fff;}
.bootstrap-select.cstSelect .dropdown-toggle { font-size: var(--f-size-20); height: 2.5vw; color: #000; display: flex; align-items: center; background-color: #fff !important; outline: none !important; box-shadow: none !important;border: 1px solid #ebe5e0; border-radius: .42vw;padding: .31vw .83vw;gap: .31vw;}
.bootstrap-select.cstSelect .dropdown-toggle .filter-option {display: flex;align-items: center;}
.bootstrap-select.cstSelect .dropdown-toggle:after { content: "keyboard_arrow_down"; font-family: 'Material Symbols Outlined'; font-weight: normal; border: none !important; width: .73vw; height: .94vw; overflow: hidden; font-size: 1.15vw; display: inline-flex; justify-content: center; align-items: center; line-height: 1; vertical-align: middle; margin: 0; }
.bootstrap-select.cstSelect .dropdown-toggle > .filter-option .filter-option-inner-inner {text-overflow: ellipsis;}
.bootstrap-select.cstSelect div.dropdown-menu {border-radius: .42vw; padding: .21vw 0;border-color: #ebe5e0;}
.bootstrap-select.cstSelect ul.dropdown-menu {font-size: var(--f-size-20);}
.bootstrap-select.cstSelect ul.dropdown-menu .dropdown-item {line-height: 1.3;padding: .21vw .83vw;}
.bootstrap-select.cstSelect ul.dropdown-menu .dropdown-item {background-color: transparent !important;color: #000 !important;}
.bootstrap-select.cstSelect ul.dropdown-menu .dropdown-item:hover {background-color: #f1f5f9 !important;}
.bootstrap-select.cstSelect ul.dropdown-menu .dropdown-item.selected {background-color: var(--color-primary) !important;color: #fff !important;}
.bootstrap-select.cstSelect.flt_cstSelect .dropdown-toggle, .bootstrap-select.cstSelect.flt_cstSelect ul.dropdown-menu {font-size: var(--f-size-14);}
.bootstrap-select.cstSelect.flt_cstSelect .dropdown-toggle {height: 1.98vw;}
/* End By MS */


/***********responsive*************/

@media (min-width:992px){
.lg-container-vw {max-width:83%; margin-right: auto; margin-left: auto;}
.container-pd-vw {padding-right: .781vw;padding-left: .781vw;}
.row-vw {margin-right: -0.625vw;margin-left: -0.625vw;}
.row-vw>.col, .row-vw>[class*=col] {padding-right: 0.625vw;padding-left: 0.625vw;}
/*  By MS */
.row-gap-mealGrid {margin-right: -1.15vw;margin-left: -1.15vw;row-gap: 2.29vw;}
.row-gap-mealGrid>.col, .row-gap-mealGrid>[class*=col] {padding-right: 1.15vw;padding-left: 1.15vw;}
.row-col5 > [class*=col] {max-width: 20%;}
/* End By MS */
}
@media (min-width: 768px)  {

 }
@media (max-width:991px){
    :root{
        --f-size-14:10px;
        --f-size-16:12px;
        --f-size-18:13px;
        --f-size-20:14px;
        --f-size-22:15px;
        --f-size-24:16px;
        --f-size-26:18px;
        --f-size-32:22px;
        --f-size-40:26px;
        --f-size-55:30px;
        --f-size-85:45px;
    }
   
    .mb__10{margin-bottom: 8px !important;}
    .mb__15{margin-bottom: 12px !important;}
    .mb__20{margin-bottom: 15px !important;}
    .mb__25{margin-bottom: 18px !important;}
    .mb__30{margin-bottom: 20px !important;}
    .mb__35{margin-bottom: 22px !important;}
    .mb__40{margin-bottom: 25px !important;}
    .mb__50{margin-bottom: 30px !important;}
    body { padding-top: 79px; }
    p, ul, ol ol, ol ul, ul ol, ul ul {margin-bottom:18px;}
    ol, ul {padding-left: 20px;}
    h1, h2, h3, h4, h5, h6 {margin-bottom:18px;}
    h6 {font-size:14px;}
    h5 {font-size: 17px;}
    h4 {font-size: 20px;}
    h3 {font-size: 23px;}
    h2 {font-size: 26px;}
    h1 {font-size: 29px;}

    .mainHeader {padding-top: 10px;padding-bottom: 10px; }
    .mainHeader .navbar {padding: 0;}
    .main_navbar {gap:20px;}
    .siteLogo_main {max-width:140px; min-width: 140px;}
    .header_actionNav {gap: 16px;}
    .mainCollapsible_nav {padding: 20px; position: fixed; top: 79px; left: 0; transform: translateX(-100%); width: 300px; background-color: #ffffff; min-height: calc(100dvh - 79px); transition: all .3s; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
    .mainCollapsible_nav.show{transform: translateX(0);}
    /* Toggler Button */
    .navbar-toggler{float:right;border:none;padding-right:0;padding: 0;}
    .navbar-toggler:active,.navbar-toggler:focus{outline:0;box-shadow: none}
    .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:1px solid #000000;transition:.3s linear}
    .navbar-toggler-icon:after,.navbar-toggler-icon:before{width:24px;position:absolute;height:1px;background-color:#000000;top:0;left:0;content:'';z-index:2;transition:.3s linear}
    .navbar-toggler-icon:after{top:8px}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{transform:rotate(45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:transparent}
    /* Toggler Button */
    .cmnBtn {padding: 5px 25px;border-radius: 30px;gap: 10px; min-height: 38px;}
    .cmnBtn.btnBlack {background-color: var(--color-Black) !important;}
    .cmnBtn.min-W{min-width: 180px;}
    .header_actionNav .cmnBtn, .newsL-group .cmnBtn {min-height: 35px;}
    .heroBtn-icon {max-width: 15px; position: relative; margin-top: 0; margin-bottom: 0;}
    .home_heroItem {position: relative;height: calc(100dvh - 79px); max-height: 500px; min-height: 300px; padding-top: 20px; padding-bottom: 20px; background-size: 250px auto;}
    .home_heroItem .heroDish_1, .home_heroItem .heroDish_2 {position: absolute;width: 300px;}
    .heroInfo_wrap .heading-text {margin-bottom: 8px;}
    .heroInfo_wrap .btnRow {margin-top: 15px; gap: 10px; flex-wrap: wrap;}
    .heroInfo_wrap .text-summary {max-width: 380px;}
    .btn-mxW{max-width:230px;}
    .home_heroItem .heroDish_1 {    left: -90px; top: -90px;}
    .home_heroItem .heroDish_2 {right: -90px;bottom: -90px;}
    .secWrapp {padding-top: 60px;padding-bottom: 60px;}
    .whyChoose_wrapImg .whyChoose_dish {width: 80%;}
    .whyChoose_wrapImg .whyChoose_card {position: absolute;left: 200px;top: 50px;width: 160px;}
    .whyChoose_wrapImg .whyChoose_card, .whyChoose_wrapImg .whyChoose_card > img {border-radius: 10px;}
    .whyChoose_wrapImg .whyChoose_card .tag {left: 25px;font-size: 8px;border-radius: 20px;padding: 4px 10px;}
    .whyChoose_wrapImg .sm-icon { width: 30px; top: 40px;}

    /* KK Style Start */
    .hiw-card{ display: block; padding:20px; border-radius: 10px;}
    .hiw-card .hiw-card-Icon{max-width: 45px; margin-bottom:8px;}
    .hiw-rowGap{row-gap: 24px;}
    .hiw-btnWrp{margin-top: 25px;}
    .our-recipeiList .our-recipeiItem{margin-bottom: 12px; padding-bottom: 15px;}
    .recipeImg-Wrp {max-width:440px; margin-left: auto; margin-right: auto; margin-top: 25px;}
    .recipeImg-Wrp .recipeMain-img{max-width: 300px;}
    .recipe_dish{max-width: 250px;right: 190px;}
    .recipe_stamp{max-width: 80px; right: -12px;}
    .weeklyFresh-foodBx{padding: 25px;}
    .app-downContent{max-width: 100%; margin-left: auto;}
    .downApp_Wrp{gap:15px;}
    .downApp_Wrp .downApp_Item{max-width: 120px;}
    .review-Bx{border-radius: 10px; padding:20px}
    .review-Bx .customer-info{ gap: 10px;}
    .review-Bx .customer-info .customerThumb{width: 35px; height: 35px;}
    .review-Bx .customer-info .googleIcon{max-width: 20px;}
    .ratingStars{display: flex; gap: 3px;}
    .ratingStars li{width: 10px;}
    .sliderStyle .review-Slide{padding: 0 5px;}
    .site-Footer{padding: 50px 0;}
    .ftr_linksGroup{row-gap: 8px;}
    .newsL-group{gap: 10px;}
    .newsL-group .newsL-input{padding: 8px 15px; border-radius: 4px; height: 40px;}
    .newsL-group .cmnBtn.btnW{min-width:150px;}
    .ftr_SocialGroup{gap: 10px; margin-top:25px;}
    .ftr_SocialGroup .ftr_SocialItem{width: 25px; height: 25px;}
    .frtCopy-rTxt{margin-top:25px;}
    .no-scroll{overflow: hidden;}
    .ftrRow-gap{row-gap: 30px;}
    .dietOuter-Bx{padding: 40px;}
    .question_Title{ gap: 8px;}
    .question_Title .que_count{width: 20px; min-width: 20px; height: 20px;}
    .selectLab{padding: 15px; border-radius: 10px; box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 4px;}
    .goalSelect .goal_Icon{width: 35px; height: 35px; margin-bottom: 8px;}
    .selectLab::before{top: 8px; right: 8px; width: 14px; height: 14px;}
    .perDaymeals{gap: 10px;}
    .avoid_Wrp{gap: 10px;}
    .avoid_Lab { padding: 12px 15px; border-radius: 35px; gap: 8px;}
    .staper_btnWrp{margin-top:25px;}
    .backBtn{gap: 5px; }
    .form-group{margin-bottom: 15px;}
    .cst-input{padding:8px 15px; height: 44px; border-radius: 8px;}
    .input-unitWrp .cst-input{padding-right: 35px;}
    .input-unitWrp .input-unit{top: 15px; right: 15px;}
    .formBx{border-radius: 15px; padding: 20px;}
    .input-IconWrp .input-Icon{top:14px; left: 10px;}
    .input-IconWrp .cst-input{padding-left: 30px;}
    .prsnl_SummaryWrp{grid-gap: 10px;}
    .prsnl-sumItem{padding: 15px; border-radius:10px; gap: 10px;}
    .prsnl-sumItem .prsnl-sumIcon{width:35px; height:35px;}
    .cstGrid{grid-gap: 12px;}
    .stepper-Wrp{margin-bottom: 20px; max-width: 500px;}
    .stepper-Wrp .stepItem{ gap: 8px;}
    .stepper-Wrp .stepItem .stepCircle{width: 35px; height: 35px;}
    .stepper-Wrp .stepItem::before {width: 70%; height: 2px; top: 18px;}

    .checkout-bar{ padding: 15px 20px 15px 30px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px 0px; border-radius: 40px; max-width: 600px; margin-top: 25px; bottom: 15px;}
  
      /* By MS */
    .row-gap-mealGrid {margin-right: -10px;margin-left: -10px;row-gap: 20px;}
    .row-gap-mealGrid>.col, .row-gap-mealGrid>[class*=col] {padding-right: 10px;padding-left: 10px;}
    .cstCard_wrap { padding: 20px; border-radius: 4px; box-shadow: 0px 0px 14px 0px rgb( 0, 0, 0, .15); }
    .filters_wrapper {padding-bottom: 20px; margin-bottom: 20px;}
    .filterList_1 {gap: 5px 5px;margin-bottom: 12px;}
    .filterList_2 {gap: 5px 5px;}
    .cstFilterChip .cont-Label { gap: 4px; border-radius: 20px; padding: 4px 10px; }
    .bootstrap-select.cstSelect .dropdown-toggle { height: 36px; border-radius: 4px; padding: 4px 12px; gap: 4px; }
    .bootstrap-select.cstSelect .dropdown-toggle:after {width: 10px;height: 10px;font-size: 16px;}
    .bootstrap-select.cstSelect.flt_cstSelect .dropdown-toggle { height: 24px; padding: 4px 8px; }

    .mealGrid-item {border-radius: 6px;}
    .mealGrid-item:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);}
    .mealGrid-item .thumbWrap { border-top-left-radius: 3px; border-top-right-radius: 3px; height:16.145vw;}
    .mealGrid-item .cont-wrapper {padding: 15px;}
    .mealGrid-item .cont-title {margin-bottom: 8px;}
    .mealGrid-item .meal_price {margin-bottom: 15px;}
    .meal_infoList {margin: 0 -4px; }
    .meal_infoList > li {padding-left: 4px;padding-right: 4px;}
    .meal_infoList .info_title {font-size: 10px;}
    .mealGrid-item .btRow {margin-top:15px;}
    .qtyField .qty-input{height: 15px;}
    .qtyField {max-width: 85px;}
    .qtyField .qty-minus, .qtyField .qty-plus {width: 25px;min-width: 25px;height: 25px;box-shadow: 0 2px 5px 0 rgba(255, 106, 0, .5) !important;}
    .mealGrid-item .mealTag { font-size: 10px; border-radius:15px; padding: 3px 10px; right: 6px; top: 6px; }
    .secWrapp.spc-md {padding-top: 40px; padding-bottom: 40px;}
    /* End By MS */
    
}

@media (max-width:767px){
    :root{
        --f-size-55:28px;
        --f-size-85:30px;
    }

    body {padding-top: 67px;}
    .header_actionNav {gap: 10px;}
    .siteLogo_main {max-width: 110px; min-width: 110px;}
    .header_actionNav .cmnBtn {padding: 10px 15px;}
    .mainCollapsible_nav {top: 67px; min-height: calc(100dvh - 67px);}
    .home_heroItem .heroDish_1, .home_heroItem .heroDish_2 {width: 220px;}
    .home_heroItem {height: calc(100dvh - 67px); max-height: unset; background-size: 180px auto; min-height: 550px;}
    .home_heroItem .heroDish_1 {left: -70px; top: -70px;}
    .home_heroItem .heroDish_2 {right: -70px; bottom: -70px;}
    .whyChoose_wrapImg .whyChoose_dish {width: 250px;}
    .whyChoose_wrapImg .whyChoose_card {left: 180px;top: 50px;width: 160px;}
    .whyChoose_wrapImg{max-width: 370px; margin-bottom: 25px; margin-left: auto; margin-right: auto;}
    .whyChoose_wrapImg .whyChoose_card {left: auto;right: 0;}
    .whyChoose_wrapImg .sm-icon {width: 25px;top: 40px;}
    .hiw-card {padding: 20px 15px;}
    .recipeImg-Wrp{max-width: 350px;}
    .recipeImg-Wrp .recipeMain-img {max-width: 230px;}
    .recipe_dish { max-width: 190px;right: 160px;}
    .weeklyFresh-foodBx { border-left:1px solid var(--color-primary);}
    .app-downContent{margin-bottom: 35px;}

    .dietOuter-Bx {padding: 40px 15px;}
    .cstGrid-col-3 {grid-template-columns: repeat(2, 1fr);}
    .cstGrid-col-4 {grid-template-columns: repeat(2, 1fr);}
    .prsnl_SummaryWrp {grid-template-columns: repeat(1, 1fr);}

    .stepper-Wrp .stepItem .stepCircle{width: 30px; height: 30px;}
    .stepper-Wrp .stepItem::before {width: 60%; height: 2px; top: 15px;}
     .mealGrid-item .thumbWrap {height:26.076vw;}
} 

@media (max-width:575px){
    .secWrapp {padding-top: 50px; padding-bottom: 50px;}
    .frtCopy-rTxt{text-align: center;}
    .cmnBtn.min-W {min-width: 150px;}
    .cstGrid-col-3.gridFull{grid-template-columns: repeat(1, 1fr);}
     .mealGrid-item .thumbWrap {height:52.174vw;}
     .secWrapp.spc-md {padding-top: 30px; padding-bottom: 30px;}
     .checkout-bar {padding: 10px 10px 10px 20px;}
     .checkout-bar .cmnBtn{padding: 5px 10px; height: 35px;}
     .checkout-bar .cmnBtn {gap: 5px;}
     .checkout-bar .plan-summary .plan-label {font-size: 12px; line-height: 1;}
     .checkout-bar .plan-summary .plan-details {font-size: 13px;}
}