@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-75:3.906vw;
    --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-75 { font-size: var(--f-size-75) !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)}
.color-Green {color: #009966;}
.color-Red {color: #b70000;}
.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; justify-content: 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.btnWhite {background-color: var(--color-White) !important; color: var(--color-Black) !important;}
.cmnBtn.btnWhite:hover {background-color: #f0f0f0 !important;}
.cmnBtn.btnlightGray {background-color: #f5f2f0 !important;color: #000 !important;}
.cmnBtn.btnlightGray:hover {background-color: #e7dfda !important;}
.cmnBtn.min-W{min-width: 13.021vw;}
.header_actionNav .cmnBtn, .newsL-group .cmnBtn, .modalBtn .cmnBtn{min-height:2.344vw; font-size: var(--f-size-16);}
.mainHeader { position: fixed; height: 5.47vw; 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; height: 100%;}
.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-55);line-height: 1.1;margin-bottom: .52vw;}
.heroInfo_wrap .text-summary {max-width: 40.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; height: 100%;}
.selectLab.perDaymeals{padding-right: 1.563vw;}
.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_Icon img{width: 1.25vw !important; height: auto !important; filter: brightness(0.3);}
.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;}
.selectorBx .checkInp:checked ~ .selectLab .goal_Icon img, .selectorBx .checkInp:checked ~ .activitySelect .activity_Icon img, .selectorBx .checkInp:checked ~ .avoid_Lab .avoid_Icon  img{filter:none;}
.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); display: inline-flex}
.activitySelect .activity_Icon img{width:1.25vw !important; height: auto !important; filter: brightness(0.3);}
.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); display: inline-flex}
.selectorBx .avoid_Icon img{width: 1.25vw !important; height: auto !important; filter: brightness(0.3);}
.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.042vw;}
.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.521vw; border: 1px solid #d1d5db !important; box-shadow: none !important; background-color: #ffffff; font-size: var(--f-size-18);}
.cst-input::placeholder{color: var(--color-Gray);}
.cst-input:disabled { background-color: #f9f9f9; opacity: 1; }
.cst-check-input{width: 1.042vw; height: 1.042vw; margin-top: 0; box-shadow: none !important; border: 1px solid #d1d5db !important;}
.cst-check-input:checked{background-color: var(--color-primary); border-color: var(--color-primary) !important;}
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;}
.inpIconWrp-R{position: relative;}
.inpIconWrp-R .input-Icon{position: absolute; top:0.781vw; right: 0.781vw; font-size: var(--f-size-22); color: var(--color-Gray); opacity: .5;}
.inpIconWrp-R .input-Icon span{font-size: var(--f-size-22);}
.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; min-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);}
.prsnl-sumItem .prsnl-sumIcon img{ width: 1.25vw; height: auto;}
.cstGrid{display: grid; grid-gap: 0.938vw;}
.cstGrid-col-2{grid-template-columns: repeat(2, 1fr);}
.cstGrid-col-3{grid-template-columns: repeat(3, 1fr);}
.cstGrid-col-4{grid-template-columns: repeat(4, 1fr);}
.cstGrid-col-5{grid-template-columns: repeat(5, 1fr);}
.cstGrid-col-6{grid-template-columns: repeat(6, 1fr);}
.cstGrid-col-7{grid-template-columns: repeat(7, 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;}

.plan-summary{margin-top: 0.26vw;}
.checkout-bar{background-color: #ffffff; padding: 0.781vw 0.781vw 0.781vw 1.563vw; 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: 0.521vw;}
.checkout-bar .plan-summary .plan-label{font-size: var(--f-size-14); color: var(--color-Gray); line-height: 1;}
.checkout-bar .plan-summary .plan-details{font-size: var(--f-size-18); color: #000000; font-weight: 600; line-height: 1;}

.cst-dateRange{background-color: #ffffff; padding: 0.521vw 1.823vw 0.521vw 2.083vw; border: 1px solid rgba(255, 106, 0, 0.3); font-size:var(--f-size-16); position: relative;}
.cst-dateRange::before, .cst-dateRange::after{font-family: 'Material Symbols Outlined'; font-size: var(--f-size-22); position: absolute; top: 50%; transform: translateY(-50%);}
.cst-dateRange::before{content: '\ebcc'; left: 0.521vw; color: var(--color-primary);}
.cst-dateRange::after{content: '\e313'; right: 0.521vw; color: var(--color-Gray);}
.calendar-table{font-family: 'inter';}
.daterangepicker .ranges li{font-family: 'inter'; font-size: var(--f-size-14);}
.daterangepicker .ranges li.active {background-color: var(--color-primary); color: #fff;}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{font-size: 0.625vw;}
.daterangepicker td.start-date, .daterangepicker td.end-date {border-radius: 0.208vw;}
.daterangepicker td.in-range {background-color: #fef9f3;}
.daterangepicker td.active, .daterangepicker td.active:hover {background-color: var(--color-primary);}
.daterangepicker .drp-buttons{display: flex !important; align-items: center; justify-content: end; gap: 0.521vw;}
.daterangepicker .drp-buttons .btn { margin-left: 0; font-size: var(--f-size-14); font-weight: bold; padding: 0.26vw 0.781vw; border-radius: 1.042vw; background-color: var(--color-primary); border: none;}
.daterangepicker .drp-buttons .btn.cancelBtn  { background-color: var(--color-Black); color: var(--color-White);}
.daterangepicker .drp-buttons .drp-selected  { padding: 0; font-size: var(--f-size-14);}

.dailyP-Row>.filterCol{width: 16.927vw;}
.filterBx{padding: 1.042vw; border-radius:0.313vw; border:1px solid rgb( 255, 106, 0, .25);}
.filterBx .filterTop-Wrp{display: flex; justify-content: space-between; align-items: center; gap: 0.781vw; margin-bottom:1.042vw;}
.filter-list{display: flex; flex-direction: column; flex-wrap: wrap; row-gap: 1.042vw; margin-top: 0.781vw; margin-bottom: 0;}
.filter-wrapper{line-height: 1; display: flex; gap: 0.521vw; align-items: center;}
.filter-wrapper input.radio-input { appearance: none; width: 0.833vw; height: 0.833vw; border: 1px solid #d1d5db; border-radius: 50%; margin-right: 0; position: relative; cursor: pointer; vertical-align: middle; transition:  all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.filter-wrapper input.radio-input:checked { background-color: var(--color-primary); border-color:var(--color-primary); }
.filter-wrapper input.radio-input:checked::after { content: ""; position: absolute; width: 0.417vw; height: 0.417vw; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: var(--color-White); }
.filter-wrapper .filter-label { font-weight: 600; cursor: pointer; font-size: var(--f-size-16); color: var(--color-Black); transition:  all 0.3s cubic-bezier(0.4, 0, 0.2, 1); line-height: 1.1;}
.filter-wrapper input.checkbox-input { appearance: none; width: 0.833vw; min-width: 0.833vw; height: 0.833vw; min-height: 0.833vw; border: 1px solid #d1d5db; border-radius: 0.208vw; margin-right: 0; position: relative; cursor: pointer; vertical-align: middle; transition:  all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.filter-wrapper input.checkbox-input:checked { background-color: var(--color-primary); border-color: var(--color-primary);}
.filter-wrapper input.checkbox-input:checked::after { content: "\e5ca";font-family: 'Material Symbols Outlined'; font-size: var(--f-size-14); color: var(--color-White);}
.filter-innerGap{display: flex; flex-direction: column; row-gap: 1.302vw;}
.cstFilterChip.chip-sm .cont-Label{padding: 0.313vw 0.625vw; font-weight: 600;}
.filter-list.mealType{gap: 0.26vw;}
.bec_Member{padding: 1.042vw; background-color: #3a2e26; color: #ffffff; text-align: center; border-radius: 0.781vw;}
.bec_Member .cmnBtn{min-height: 2.344vw; background-color: #ffffff; color: #000;}
.logPg-wrp{padding:2.604vw 5.208vw; display: flex; flex-direction: column; justify-content: center;}
.loginPg-btn{padding: 0.781vw 1.302vw; line-height: 1.4; background-color: #ffffff !important; color:#000000; font-size: var(--f-size-18); border-radius: 0.521vw; border: 1px solid #d1d5db !important; display: flex; align-items: center; gap:0.521vw; justify-content: center; font-weight: 500;}
.loginPg-btn:hover{background-color: #f5f5f5 !important;}
.loginPg-btn .btnIcon{display: block; width: 1.042vw;}
.log-W-email{margin: 1.823vw 0; display: flex; justify-content: center; position:relative}
.log-W-email .lwe_Txt{background-color: #ffffff; color:var(--color-Gray); padding:0 0.521vw; position: relative; z-index: 2;}
.log-W-email::before{content: ''; width: 100%; height: 1px; background-color: #d1d5db; position: absolute; top: 50%; left: 0; z-index: 0;}
.rememberWrp{gap: 0.521vw;}
.logPg-img{height: 100%;}
.logPg-img img{height: 100%; object-fit: cover;}

.selectLab.dlv_dateSelect{padding: 0.521vw; border-radius: 0.521vw;}
.selectLab.dlv_dateSelect::before{display: none;}
.dlvDateWrp{border-top: 1px solid #e4e6ea;padding-top:1.042vw;margin-top:0.521vw;}
.cstTabs{gap: 1.042vw; border-bottom: 1px solid #e4e6ea; margin-bottom: 0.781vw;}
.cstTabs .nav-item .nav-link{font-size: var(--f-size-16); font-weight: 600; color:var(--color-Gray); padding: 0; padding-bottom: 0.521vw; border-bottom: 2px solid transparent;}
.cstTabs .nav-item .nav-link.active{border-color: var(--color-primary);}
.proName, .proSumm{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.summary_Plan{display: flex; gap: 0.781vw; margin-bottom:  0.781vw; padding-bottom:  0.781vw; border-bottom: 1px solid #e4e6ea;}
.summary_Plan .planImg{background-color: #f8f7f5; width: 3.646vw; height: 3.646vw; border-radius: 0.521vw; padding: 0.521vw; display: flex; align-items: center; justify-content: center;}

/* Review Page */
.ord_ReviewTop{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.302vw; padding-bottom: 0.781vw; border-bottom: 1px solid #e4e6ea;}
.review_proBx{display: flex; gap: 0.833vw; background-color: #ffffff; border: 1px solid #e4e6ea; padding: 0.833vw; border-radius: 0.833vw; position: relative;}
.review_proBx .review_proThumb{width: 5.208vw; min-width: 5.208vw; height: 5.208vw; border-radius: 0.521vw; overflow: hidden;}
.review_proBx .review_proDetails .proName{font-size: var(--f-size-18); font-weight: 600;}
.review_proBx .review_proDetails .proSumm{font-size: var(--f-size-14); color: var(--color-Gray);}
.diet-tagsList{display: flex; gap: 0.417vw; align-items: center; margin-top: 0.521vw; flex-wrap: wrap;}
.diet-tagsList .diet-tag{padding: 0.208vw 0.521vw; border-radius: 0.313vw; background-color: #f1f5f9; font-size: var(--f-size-14); line-height: 1.1; font-weight: 500;}
.diet-tagsList .diet-tag.tag-green{background-color: #dcfce7; color: #15803d;}
.diet-tagsList .diet-tag.tag-orange{background-color: #ff6a001a; color: #ff6a00;}
.diet-tagsList .diet-tag.tag-dark-orange{background-color: #ffedd5; color: #c2410c;}
.reviewList{display: flex; flex-direction: column; row-gap: 1.25vw;}
.order-summary_bx{ background-color: var(--color-White); padding: 1.042vw; border-radius: 1.042vw; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
.order-Price-list{display: flex; flex-direction: column; row-gap: 0.781vw;}
.order-Price-list .order-Price-Item{display: flex; justify-content: space-between; align-items: center; gap: 0.521vw;}
.order-Price-list .order-Price-Item:nth-last-child(2){border-top: 1px dashed #e4e6ea; padding-top: 0.781vw;}
.order-Price-list.childLast .order-Price-Item:nth-last-child(1){border-top: 1px dashed #e4e6ea; padding-top: 0.781vw;}
.benefit-list {display: flex; flex-direction: column; row-gap: 0.417vw;}
.benefit-list .benefit-listItem{font-size: var(--f-size-16); padding-left: 1.302vw; position: relative;}
.benefit-list .benefit-listItem::before{content: '\e86c'; font-size: var(--f-size-18); font-family: 'Material Symbols Outlined'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #16a34a;}
.refer_bx{background-color: #fcf2ec; border: 1px solid var(--color-primary); padding:0.781vw; border-radius:0.781vw;}
.rev-rSpc{margin-right: 0.781vw;}
.satisf_Wrp{display: flex; gap: 0.521vw; align-self: flex-start;}
.successIcon{width: 3.125vw; height: 3.125vw; border-radius: 100%; background-color: #e2f2e6; color: #22c55e; display: flex; align-items: center; justify-content: center;}
.successIcon.redIcon{ background-color: rgba(255, 0, 0, 0.1); color: red;}
.successIcon .checkIcon{font-size: var(--f-size-32);}
.calldetails{display: flex; gap: 0.781vw;}
.calldetails .userProfile{width: 2.865vw; max-width: 2.865vw; height: 2.865vw; border-radius: 100%; overflow: hidden;}
.call_info{display: flex; gap:  0.781vw;}
.call_info .call_infoItem{display: flex; gap:0.26vw; align-items: center; font-size: var(--f-size-14); color: var(--color-Gray);}
.call_info .call_infoItem .icon{font-size: var(--f-size-16); line-height: 1.5;}
.meetBtn-Wrp{display: flex; gap: 1.042vw;}
.expNext-list {display: flex; flex-direction: column; gap: 1.563vw;}
.expNext-list .expNext-item {display: flex; gap: 1.302vw;}
.expNext-list .expNext-item .expNext-num{width: 2.083vw; min-width: 2.083vw; height: 2.083vw; font-weight: 500; font-size: var(--f-size-18); border-radius: 100%; color:#ffffff; background-color: var(--color-primary); display: flex; align-items: center; justify-content: center;}

.cst-slider .slider-item{padding-left: 0.625vw; padding-right: 0.625vw;}
.cst-slider {margin-left: -0.625vw; margin-right: -0.625vw;}
.cst-slider .slick-arrow{width: 2.083vw; height: 2.083vw; border-radius: 100%; background-color: var(--color-primary); color: var(--color-White); top: -3.646vw; right: 0.625vw;}
.cst-slider .slick-arrow.slick-prev:before, .cst-slider .slick-arrow.slick-next:before{opacity: 1; font-size: var(--f-size-20);}
.cst-slider .slick-arrow.slick-prev{left: auto; right: 3.646vw !important;}
.meetSec-rightSpc{margin-right: 7.813vw;}

.bookCalWrp{ display: flex; gap: 1.667vw; }
.cstDate-calendar{max-width: 23.438vw; width: 100%;}
.cstDate-calendar .datepicker-inline{width: 100%; padding: 0;}
.cstDate-calendar .table-condensed{width: 100%;}
.cstDate-calendar .datepicker td, .cstDate-calendar .datepicker th { text-align: center; width: 3.385vw; height: 3.385vw; -webkit-border-radius: 0.417vw; -moz-border-radius: 0.417vw; border-radius: 0.417vw; font-size: var(--f-size-16); border: none; }
.cstDate-calendar .datepicker th{font-weight: 600;}
.cstDate-calendar .datepicker table tr td.today, .cstDate-calendar .datepicker table tr td.today.disabled, .cstDate-calendar .datepicker table tr td.today.disabled:hover, .cstDate-calendar .datepicker table tr td.today:hover{background: rgba(255, 106, 0, 0.1) !important; color: #000000 !important;}
.cstDate-calendar .datepicker table tr td.active.active, .cstDate-calendar .datepicker table tr td.active.disabled, .cstDate-calendar .datepicker table tr td.active.disabled.active, .cstDate-calendar .datepicker table tr td.active.disabled.disabled, .cstDate-calendar .datepicker table tr td.active.disabled:active, .cstDate-calendar .datepicker table tr td.active.disabled:hover, .cstDate-calendar .datepicker table tr td.active.disabled:hover.active, .cstDate-calendar .datepicker table tr td.active.disabled:hover.disabled, .cstDate-calendar .datepicker table tr td.active.disabled:hover:active, .cstDate-calendar .datepicker table tr td.active.disabled:hover:hover, .cstDate-calendar .datepicker table tr td.active.disabled:hover[disabled], .cstDate-calendar .datepicker table tr td.active.disabled[disabled], .cstDate-calendar .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .cstDate-calendar .datepicker table tr td.active:hover.active, .cstDate-calendar .datepicker table tr td.active:hover.disabled, .cstDate-calendar .datepicker table tr td.active:hover:active, .cstDate-calendar .datepicker table tr td.active:hover:hover, .cstDate-calendar .datepicker table tr td.active:hover[disabled], .cstDate-calendar .datepicker table tr td.active[disabled], .cstDate-calendar .datepicker table tr td span.active:hover, .cstDate-calendar .datepicker table tr td span.active:hover.active, .cstDate-calendar .datepicker table tr td .month.focused {background: rgba(255, 106, 0, 0.1) !important; color: #000000 !important; color: var(--color-primary) !important; box-shadow: inset rgba(255, 106, 0) 0px 1px 1px, inset rgb(255, 106, 0) 0px 0px 0px 1px;}
.cstDate-calendar .datepicker table tr td span{border-radius: 8px; height: 3.385vw; line-height: 3.385vw;}
.cstDate-calendar.caleOpt-2{max-width: 100%;}
.cstDate-calendar.caleOpt-2 .datepicker td, .cstDate-calendar.caleOpt-2 .datepicker th{height: 2.604vw;}
.slotsList {display: flex; flex-direction: column; row-gap: 0.521vw; max-height: 22.917vw; overflow-y: auto; padding-right: 0.781vw;} 
.slotsList .slotsItem .slots-lab{padding: 0.521vw 0.781vw; border-radius: 8px; font-size: var(--f-size-16); border: 1px solid rgba(255, 106, 0, 0.2); width: 100%; text-align: center; cursor: pointer;}
.slotsItem .checkInp:checked ~ .slots-lab{background-color: rgba(255, 106, 0, 0.1) !important; border-color: var(--color-primary); color: var(--color-primary);}
.healthGoal-lab{padding: 0.521vw 0.781vw; border: 1px solid #f5f2f0; border-radius: 0.521vw; cursor: pointer;}
.healthGoal-item .checkInp:checked ~ .healthGoal-lab {background-color: rgba(255, 106, 0, 0.1);border-color: var(--color-primary);}
.healthGoalWrp{display: flex; gap: 1.25vw;}
.healthGoalWrp{ display: grid; grid-template-columns: repeat(auto-fit, minmax(4.082vw, 1fr)); }
.bookSum-seprator{padding-top: 1.042vw; margin-top: 1.302vw; border-top: 1px solid #e4e6ea;}
.bookSum-list {display: flex; flex-direction: column; row-gap: 0.781vw;}
.bookSum-list .bookSumItem {display: flex; gap: 0.781vw;}
.bookSum-list .bookSumItem .bookSum-Icon{width: 2.344vw; min-width: 2.344vw; height: 2.344vw; background-color: rgba(255, 106, 0, 0.1); border-radius: 0.417vw; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.bookSum-list .bookSumItem .bookSum-Icon .icon{font-size: var(--f-size-24); color: var(--color-primary);}

.whatNext-card{background-color: #fff; border: 1px solid #e7e0dc; border-radius: 0.625vw; padding: 1.25vw; display: flex; gap: 1.25vw;}
.whatNext-card .whatNext-thumb{width: 6.771vw; min-width: 6.771vw; height: 6.771vw; border-radius: 0.417vw; overflow: hidden;}
.whatNext-card .whatNext-content{align-self: center;}
.whatNext-card:hover { box-shadow: 0 .21vw .63vw 0 rgba(0, 0, 0, .1); border-color: #f6b38c; }
.invtFrnd_Wrp{background-color: #fef9f3; padding: 1.25vw; border-radius: 0.833vw; display: flex; align-items: center; gap: 0.781vw;}
.invtFrnd_Wrp .invtFrnd_Icon{width: 2.604vw; height: 2.604vw; border-radius: 100%; background-color: var(--color-White); display: flex; align-items: center; justify-content: center; color: var(--color-primary);}
.thankIcon{background-color: rgb(255, 106, 0, .15); color: var(--color-primary);}
/* 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);}
.cstCard_wrap.bglight-gray{background-color: #f8f7f5;}
.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; border-top: 1px solid #e4e6ea; padding-top: 1.3vw; 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); filter: brightness(0) invert(0);}
.cstFilterChip .cont-Label .icon img{width: 0.833vw !important;height: auto !important;}
.cstFilterChip .cont-Label:hover {background-color: #e2e8f0;}
.cstFilterChip .checkInput:checked~.cont-Label .icon{filter: brightness(0) invert(1); display: inline-flex;}
.cstFilterChip .cont-Label .icon img{width: 14px !important;}
.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;}
.bootstrap-select.cstSelect.frm_select .dropdown-toggle{font-size: var(--f-size-18); border-radius: 0.521vw; padding: 0.521vw 0.938vw; height: 2.865vw; border-color: #d1d5db; color: var(--color-Gray);}
.bootstrap-select.cstSelect.frm_select .dropdown-toggle .filter-option{color: var(--color-Black);}
.bootstrap-select.cstSelect.frm_select .dropdown-menu li .dropdown-item.disabled{opacity: .5; background-color: var(--color-White) !important; color: var(--color-Black) !important;}
.paymentPlan-header {border-radius: 0.63vw;overflow: hidden;position: relative;background-repeat: no-repeat;background-position: center center; background-size: cover; padding: 3.65vw 1.82vw;min-height: 19.53vw;}
.paymentPlan-header::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.4);}
.paymentCardWrap {background-color: #f8f7f5;border-radius: 0.63vw;border: 1px solid #ffede0;}
.paymentCardWrap .wrapCont-body {padding: 1.56vw 1.56vw;}
.wrapPlans_tab {margin-bottom: 1.56vw;}
.cstTbs-style1 {background-color: #e7dfda;padding: .16vw;border-radius: 5.21vw;}
.cstTbs-style1 .nav-link {line-height: 1;font-size: var(--f-size-14);color: #8d715e;font-weight: 500;padding: .52vw .83vw;border-radius: 5.21vw;min-width: 10.42vw;}
.cstTbs-style1 .nav-link.active {background-color: #fff;color: #000;}
.plans_wrapp {padding-top: 1.3vw;padding-bottom: 1.3vw;}
.planItem_wrap {background-color: #fff;border-radius: .83vw;border: 1px solid #e6ddd8;position: relative;}
.planItem_wrap:hover {box-shadow: 0 .21vw .52vw 0 rgba(0,0,0,.08);}
.planItem_wrap .wrap_in {padding: 1.04vw;}
.planItem_wrap .headerRow {margin-bottom: .78vw;}
.planItem_wrap .priceRow {margin-bottom: 1.04vw;}
.planItem_wrap .planPrice {font-size: var(--f-size-32);font-weight: bold;line-height: 1.1;}
.planItem_wrap .planPrice-sm-text {font-size: var(--f-size-14);font-weight: normal;color: var(--color-Gray);}
.planItem_wrap .btnRow {margin-top: 1.04vw;}
.planItem_wrap .planTag {font-size: .68vw;font-weight: 600; background-color: var(--color-primary); border-radius: 2.6vw; padding: .16vw .73vw; line-height: 1; color: #fff; position: absolute; z-index: 1;left: 50%;top: 0;transform: translate(-50%, -50%);}
.planItem_wrap.popularPlan {padding-top:.78vw; padding-bottom: .78vw; margin-top: -.78vw;margin-bottom: -.78vw;border-color: var(--color-primary);box-shadow: 0 0 0 1px var(--color-primary), 0 .21vw .52vw 0 rgba(0,0,0,.08);;}
.planInfo-list {list-style-type: none;padding: 0;margin: 0;} 
.planInfo-list > li {position: relative;padding-left: 1.46vw;line-height: 1.3;}
.planInfo-list > li:not(:last-child) {margin-bottom: .63vw;}
.planInfo-list > li::before { content: "check_circle"; font-family: 'Material Symbols Outlined'; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1.04vw; height: 1.04vw; font-size: 1.04vw; line-height: 1; display: flex; justify-content: center; align-items: center;  overflow: hidden; color: var(--color-primary) }
.planInfo-list > li.disabled {opacity: .5;}
.planInfo-list > li.disabled::before {content: "x_circle";color: var(--color-Black);opacity: .5;}
.modal_mealDetail .modal-content {border: 1px solid #ffb078;border-radius: 1.3vw;}
.modal_mealDetail .btn-close {position: absolute;right: .78vw;top: .78vw;margin: 0;width: 1.46vw;height: 1.46vw;border-radius: 100%;border: 1px solid var(--color-primary);background-color: #fff;background-image: none; padding: 0;box-shadow: none !important; z-index: 1; opacity: 1;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.modal_mealDetail .btn-close .icon {font-size: var(--f-size-22);}
.modal_mealDetail .modal-body {padding: 0;}
.mealDetail_Wrapp .Dtl_imgWrap {height: 14.32vw;overflow: hidden;border-top-left-radius: 1.3vw;border-top-right-radius: 1.3vw;}
.mealDetail_Wrapp .cont-wrapper {padding: 1.04vw 1.56vw;}
.prodDtl_infoCard {border: 1px solid var(--color-primary);border-radius: .42vw;padding: .63vw .83vw;}
.prodDtl_infoCard .headWrap {margin-bottom: .42vw;gap: .52vw;}
.prodDtl_infoCard .headWrap .iconWrap { width: 1.25vw; min-width: 1.25vw; height: 1.25vw; display: flex; justify-content: center; align-items: center; }
/* About Dietitian */
.aboutDietitianPic_wrap, .aboutDietitianPic_wrap .picImg, .dietitianLandingPic_wrap, .dietitianLandingPic_wrap .picImg {border-radius: 1.56vw;}
.aboutDietitianPic_wrap {max-width: 29.17vw;width: 100%;}
.cstTag-style2 {background-color: #fee9d8;font-size: var(--f-size-16);color: #8c8076;padding: .57vw 1.35vw;border-radius: 50px;}
.aboutDietitianPic_wrap .aboutInfo_over { background-color: #fee9d8; position: absolute; bottom: 1.04vw; right: -2.08vw; border-radius: .42vw; padding: .83vw 1.35vw; }
.headLine-L {position: relative;padding-left: 4.17vw;}
.headLine-L::before {content: "";position: absolute; left: 0;top: 50%;width: 3.39vw;height: 1px;background-color: #ffc399;}
.dietitian_keyAchievement_card {background-color: #fff;border: 1px solid #fed3b3; border-radius: .63vw;padding: 1.82vw;}
.dietitian_keyAchievement_card .cardIcon {display: flex; justify-content: center; align-items: center; overflow: hidden; width: 2.34vw; height: 2.34vw; font-size: 2.5vw; margin-bottom: 1.15vw;}
.dietitian_keyAchievement_card .cardIcon img{width: 2.5vw;}
.dietitian_keyAchievement_card .cardTitle {margin-bottom: .31vw;}
.dietitian_keyAchievement_card:hover {border-color: var(--color-primary);box-shadow: 0 .21vw .63vw 0 rgba(0, 0, 0, .1);}
.dietitian_keyAchievement_card.card-style2 { background-color: #f8f7f5; border-color: #e7e0dc; }
.dietitian_keyAchievement_card.card-style2:hover {border-color: #f6b38c;}
.dietitian_keyAchievement_card.card-style2 .cardIcon { width: 3.54vw; min-width: 3.54vw; height: 3.54vw; border-radius: .63vw; background-color: rgb( 255, 106, 0, .15); font-size: 1.77vw; }
.dietitian_keyAchievement_card.card-style2 .cardIcon img{width: 1.77vw;}
.philosophyQuoteIcon { font-size: 2.4vw; width: 2.08vw; height: 2.08vw; display: inline-flex; justify-content: center; align-items: center; line-height: 1; transform: scaleY(-1) scaleX(-1); overflow: hidden; }
.sepratorSm-line {width: 5.21vw;height: .36vw;display: inline-block;background-color: var(--color-primary);margin-top: 2.34vw;margin-bottom: 2.34vw;}
.titleOur_Philosophy {letter-spacing: .06vw;}
.bg-primary {background-color: var(--color-primary) !important;}
.btnMinW {min-width: 11.98vw;}
.dietitianLandingPic_wrap {max-width: 29.17vw;}
.dietitianLandingPic_wrap .aboutInfo_over {background-color: #fff;border-radius: .52vw;padding: .63vw .94vw;position: absolute;z-index: 1; left: 2.6vw;right:2.6vw;bottom: 2.08vw;gap: .73vw;}
.dietitianLandingPic_wrap .aboutInfo_over .iconWrap {width: 2.19vw;height: 2.19vw;min-width: 2.19vw;border-radius: 100%;background-color: #14c468;color: #fff;display: flex;justify-content: center;align-items: center;}
.dietitianLandingPic_wrap .aboutInfo_over .icon {font-size: var(--f-size-20);}
.dietitianLanding_HeadInfo {max-width: 90%;}
.cmnLink_btn {display: inline-flex;justify-content: center;align-items: center;font-size: var(--f-size-18);line-height: 1.2;gap: .31vw;color: var(--color-primary) !important;text-decoration: none;font-weight: 500;padding: 0;border-radius: 0;border: none;}
.cmnLink_btn .icon {font-size: var(--f-size-24);}
.expertCard_item{color: var(--color-Black) !important; text-decoration: none;}
.expertCard_item .expertPic_wrap { margin-bottom: 1.04vw; height: 22.92vw; border-radius: .83vw; overflow: hidden; }
.expertCard_item .cardTitle {margin-bottom: .21vw;}
.expertCard_item .summary {margin-top: .42vw;}
.bg-color2 {background-color: #f7efeb !important;}
.howItWork_item.mx-w { max-width: 17.71vw; margin-left: auto; margin-right: auto; }
.howItWork_item .icon { width: 7.81vw; height: 7.81vw; border-radius: 100%; background-color: #fff; color: var(--color-primary); border: 1px solid #fbb482; display: inline-flex; justify-content: center; align-items: center; margin-bottom: 1.04vw; font-size: 2.81vw; box-shadow: 0 .42vw .83vw 0px rgba(0,0,0,.1);}
.howItWork_item .icon img{width:2.81vw;}
.row_howWorks >[class*=col] .howItWork_Wrapp::after { content: ""; position: absolute; top: 3.91vw; width: 11.72vw; left: 100%; height: 1px; background-color: #fbb27e; transform: translateX(-50%); margin-left: .83vw; }
.row_howWorks >[class*=col]:last-child .howItWork_Wrapp::after {display: none;}
/* End By MS */

.parsley-errors-list {
    color: #dc3545;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}
/* Loader */
.loaderWrp { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .9); position: fixed; top: 0; left: 0; z-index: 1050; overflow: hidden; }
.loaderWrpInner .loaderIcon{width: 7.813vw; height: 7.813vw; border-radius: 1.563vw; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; overflow: hidden; border: 2px solid rgb(255, 106, 0, .1) }
.loader-line { width: 10.417vw; height: 0.26vw; position: relative; overflow: hidden; background-color: #f7efeb; -webkit-border-radius: 1.042vw; -moz-border-radius: 1.042vw; border-radius: 1.042vw; margin-top: 1.302vw; }
.loader-line:before { content: ""; position: absolute; left: -50%; height: 0.26vw; width: 40%; background-color:var(--color-primary); -webkit-animation: lineAnim 1s linear infinite; -moz-animation: lineAnim 1s linear infinite; animation: lineAnim 1s linear infinite; -webkit-border-radius: 1.042vw; -moz-border-radius: 1.042vw; border-radius: 1.042vw; }
@keyframes lineAnim { 0% { left: -40%; } 50% { left: 20%; width: 80%; } 100% { left: 100%; width: 100%; } }
/* Loader */

.ai-work-card{background-color: #ffffff; padding: 1.042vw; border-radius: 0.781vw; text-align: center; transition: .3s;}
/* .ai-work-card:hover{transform: translateY(-5px);} */
.aiw-icon{background-color: #fef3eb; width: 3.125vw; height: 3.125vw; border-radius: 0.313vw; padding: 0.781vw; margin-bottom:0.781vw; display: flex; align-items: center; justify-content: center;}
.homeAi-lab{padding: 0.677vw 1.302vw; border: 1px solid #feddc3; line-height: 1; border-radius: 1.823vw; text-align: center; background-color: #fef4ea; display: flex; align-items: center; gap: 0.781vw; width: fit-content;}
.homeAi-lab .labIcon{display: block; max-width: 1.042vw; min-width: 1.042vw;}
.cstModal .modal-content{border-radius: 1.042vw; padding: 2.083vw 1.042vw;}
.addplan-btn{padding:0.781vw 1.042vw; border-radius: 0.313vw; font-size: var(--f-size-16); font-weight: 600; background-color: var(--color-White) !important; color: var(--color-primary) !important; line-height: 1; width: 100%; border: 1px solid #fce3d0 !important; display: flex; align-items: center; justify-content: center; gap: 0.26vw; width: 100%;}
.addplan-btn:hover{background-color: var(--color-primary) !important; color: var(--color-White) !important;}
.section-top{position: relative; top: -5.47vw;}

.accountTabs{display: flex; flex-direction: column; gap: 0.781vw; border-right:1px solid #e6e6e6; padding-right: 1.563vw; margin-right: 1.563vw;}
/* .accountTabs .accountTabs-item {width: 100%;} */
.accountTabs .accountTabs-item .account-Link{padding: 0.625vw 1.302vw; border-radius: 0.521vw; color: #000000; font-size: var(--f-size-18); background-color: rgba(255, 106, 0, 0.1); text-decoration: none; width: 100%; display: flex; align-items: center; gap: 0.521vw; font-weight: 600; transition: .3s;}
.accountTabs .accountTabs-item .account-Link.active, .accountTabs .accountTabs-item .account-Link:hover{background-color: var(--color-primary); color: #ffffff;}
.accountTabs .accountTabs-item .account-Link .tabIcon{font-size: var(--f-size-24);}
.editinfo-btn{border: 0; padding: 0 ; font-weight: 500; font-size: var(--f-size-14); color: var(--color-primary) !important; display: flex; align-items: center; gap: 0.521vw;}
.editinfo-btn .edit-icon{font-size: var(--f-size-18); width: 1.302vw; height: 1.302vw; border: 1px solid var(--color-primary); display: flex; align-items: center; justify-content: center; border-radius: 5px; color: #000000;}
.sepratorLine{margin: 0.781vw 0; position: relative;}
.sepratorLine::before{content: ''; position: absolute; top:50%; width: 100%; height: 1px; background-color: #e6e6e6; z-index: 0;}
.sepTxt{position: relative; display: inline; padding-right: 0.521vw;}
.tableWrp{overflow: hidden; border-radius: 0.781vw; border: 1px solid #feddc3;}
.cstTable.table-minW{min-width: 570px;}
.cstTable thead tr th{background-color: rgba(255, 106, 0, 0.1); font-weight: 600;}
.cstTable thead tr th, .cstTable tbody tr td{font-size: var(--f-size-16) !important; padding: 0.625vw 0.781vw; border-bottom: 1px solid #feddc3;}
.cstTable tbody tr td{color: var(--color-Gray);}
.cstTable tbody tr:last-child td{border: none;}
.tab-actionBtn{padding: 0.417vw 1.042vw; background-color: var(--color-White); border: 1px solid var(--color-primary) !important; color:var(--color-primary) !important; line-height: 1; border-radius: 1.823vw; font-size: var(--f-size-14); white-space: nowrap;}
.tab-actionBtn:hover{background-color: var(--color-primary) !important; color:#ffffff !important;}
.asse_detBx{background-color: var(--color-White); border-radius: 0.781vw; padding: 1.042vw; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px}
.cuisines_List{display: flex; gap: 0.521vw; align-items: center;}
.cuisines_List .cuisines_Item{padding: 0.417vw 1.302vw; font-size: var(--f-size-18); line-height: 1; background-color: #f8f8f8; border-radius: 1.563vw;}
.physProf-bx{background-color: #f8f8f8; padding: 0.521vw; border-radius: 0.521vw;}
.physProf-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.521vw;}
.weeklySch_Head{display: flex; gap: 0.521vw; align-items: center;}
.labDates{text-align: center; background-color: #f8f8f8;}
.labDates .dayTxt {font-size: var(--f-size-14);}
.labDates .dateTxt {font-size: var(--f-size-18); font-weight: 600;}
.order_mealWrp{display: flex; flex-direction: column; gap: 1.25vw;}
.selectedMeals{padding: 0.781vw; border-radius: 0.781vw; display: flex; gap: 0.781vw; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
.selectedMeals .mealThumb{width: 5.208vw; min-width: 5.208vw; height: 5.208vw; border-radius: 10px; overflow: hidden;}
.mealInfo{max-width: 80%;}
.cst-badge{padding: 0.208vw 0.521vw; border-radius: 1.823vw; line-height: 1; background-color: #dbfce8; color:#0d7f43; font-size: var(--f-size-14); text-transform: uppercase; font-weight: 500;}
.cst-badge.labBlue{background-color: #e5eff8; color: #005fbd;}
.benefit-section{background-color: #ededed; padding: 0.781vw 0;}
.benefitList{display: flex; align-items: center; gap: 1.042vw; justify-content: center; flex-wrap: wrap;}
.benefitList .benefitItem{font-size: var(--f-size-20); font-weight: 600; position: relative;  display: flex; align-items: center; gap: 2px;}
.benefitList .benefitItem::before{content: '\e5ca';font-family: 'Material Symbols Outlined'; font-size: var(--f-size-22); line-height: 1; color: var(--color-primary);}
.coming-soonWrp{text-align: center; position: absolute; top: 2.604vw; right: 0; z-index: 9;}
.coming-soonWrp .cmnBtn{border-top-right-radius: 0; border-bottom-right-radius: 0; pointer-events: none;}

/* Toggle Button */
.toggleInp[type=checkbox]{ height: 0; width: 0; visibility: hidden; }
.cstToggle { cursor: pointer; text-indent: -9999px; width: 2.604vw; height: 1.302vw; background: #127c1b; display: block; border-radius: 1.302vw; position: relative; }
.cstToggle:after { content: ''; position: absolute; top: 0.156vw; left: 0.156vw; width: 0.99vw; height: 0.99vw; background: #fff; border-radius: 0.99vw; transition: 0.3s; }
.toggleInp:checked + label { background: #864327; }
.toggleInp:checked + label:after { left: calc(100% - 0.156vw); transform: translateX(-100%); }
.cstToggle:active:after { width: 1.563vw; }
.toggleWrp{display: flex; gap: 0.521vw; align-items: center; justify-content: center; margin-bottom: 1.563vw;}
/*  Toggle Button */
.days_FilterTab{display: flex; gap: 1.302vw; justify-content: center; margin-bottom: 2.604vw; overflow-y: auto;}
.dateSelect .dateLable{background-color: var(--color-primary); color: var(--color-White); line-height: 1.2; padding: 0.625vw 1.042vw; border-radius: 0.781vw; text-align: center; cursor: pointer;}
.dateSelect .dateLable.labmin-W{min-width: 10.417vw;}
.dateSelect .checkInp:checked~.dateLable{background-color: #000000;}
input:checked~.menuSelect{border: 1px solid var(--color-primary) !important;}
.menuSelect .thumbWrap{position: relative;}
.menuSelect .thumbWrap::before { content: '+Added'; font-size: var(--f-size-14); display: flex; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background-color: var(--color-primary); color: var(--color-White); border-radius:0.781vw; padding:0.26vw 0.781vw; line-height: 1; opacity: 0; transition: .3s ease; z-index: 10;}
input:checked ~ .menuSelect .thumbWrap::before {opacity: 1;}
.mealGrid-item.menupg-card .thumbWrap{height: 9.66vw;}

.parsley-error {
    border-color: #dc3545 !important;
}

.parsley-success {
    border-color: #28a745 !important;
}

.required-label::after {
    content: " *";
    color: #dc3545;
    font-weight: bold;
}

 .oops-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

.oops-modal.active {
    opacity: 1;
    visibility: visible;
}

.oops-modal-content {
    background: #ffffff;
    border-radius: 18px;
    padding: 40px 30px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    transform: scale(0.8);
    transition: 0.3s ease;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

.oops-modal.active .oops-modal-content {
    transform: scale(1);
}

.oops-icon {
    font-size: 60px;
    margin-bottom: 10px;
}

.oops-title {
    color: #ff6a00;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 10px;
}

.oops-message {
    color: #555;
    font-size: 15px;
    margin-bottom: 25px;
    line-height: 1.5;
}

.oops-btn {
    background: #ff6a00;
    color: #ffffff;
    border: none;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.oops-btn:hover {
    background: #e65c00;
}

/* Chatbot */
.chatbot-container {position: fixed;z-index: 98;top: calc(5.47vw + 20px);left: auto;right: 15px;bottom: 75px; width: 100%; max-width: 450px; background-color: #fff;display: flex;flex-direction: column; box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 50px;border-radius: 12px;overflow: hidden;transform: scale(0.95) translateY(10px); transition: opacity 300ms, transform 300ms; visibility: hidden;opacity: 0;}
.chatbot-container.visiblityType {visibility: visible;}
.chatbot-container.visible-chatbot {transform: scale(1) translateY(0px); visibility: visible;opacity: 1;}
.chatbot-container .chatbotFrame {width: 100%;height: 100%;border: none;}
.chatbot-btn {width: 55px;height: 55px;right: 10px;bottom: 10px; background-color: #ddd;border-radius: 100%;overflow: hidden; border-radius: 100%;position: fixed;z-index: 98;padding: 0;border: none; display: flex;align-items: center;justify-content: center;box-shadow: 0 0 10px 0 rgba(0,0,0,.2) !important; transition: transform 300ms; transform: scale(1) rotate(0deg);}
.chatbot-btn:hover {transform: scale(1.05) rotate(0deg);}
.chatbot-btn.btn-active {background-color: var(--color-Black);transform: scale(1) rotate(90deg);}
.chatbot-btn .chatIconImg {height: 55px; width: 55px; object-fit: contain;}
.chatbot-btn .chatIconSvg {width: 24px;height: 24px; display: none;}
.chatbot-btn.btn-active .chatIconSvg {display: block;}
.chatbot-btn.btn-active .chatIconImg {display: none;}
/* End Chatbot */

.food-typeWrp{gap: 0.26vw; justify-content: center; font-size: var(--f-size-16); font-weight: 600; }
.selectLab.labOpt-2{padding: 0.781vw; font-size: var(--f-size-18);}
.selectLab.labOpt-2::before{display: none;}
.freqSelect{display: flex; gap:0.781vw; align-items: center;}
.freqSelect .freIcon{background-color: rgba(255, 106, 0, 0.2); color: var(--color-primary); width: 2.083vw; height: 2.083vw; display: flex; align-items: center; justify-content: center; border-radius: 0.417vw; font-size: var(--f-size-24);}


 .selectorBx .checkInp:checked ~ .selectLab.labOpt-2.food-veg, .selectorBx .checkInp ~ .selectLab.labOpt-2.food-veg:hover {
    background-color: #f0fdf5;
    border-color: #00cc66;
    color: #00cc66 !important;
}
 .selectorBx .checkInp:checked ~ .selectLab.labOpt-2.food-nonveg, .selectorBx .checkInp ~ .selectLab.labOpt-2.food-nonveg:hover {
    background-color: rgba(204, 0, 0, 0.1);
    border-color: #cc0000;
    color: #cc0000 !important;
}
 .selectorBx .checkInp:checked ~ .selectLab.labOpt-2, .selectorBx .checkInp ~ .selectLab.labOpt-2:hover {
    color: var(--color-primary) !important;
}


/***********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%;}
.modal_mealDetail  .modal-dialog { max-width: 25vw; }
.row-gap-lg {margin-right: -1.56vw;margin-left: -1.56vw;}
.row-gap-lg>.col, .row-gap-lg>[class*=col] {padding-right: 1.56vw;padding-left:1.56vw;}
/* End By MS */

.ordSum-topset{position: sticky; top: 6.771vw;}
.aiw-row>.col:nth-child(even), .aiw-row>[class*=col]:nth-child(even) {margin-top: 5.208vw;}
.aiw-row .col-lg{max-width: 20%;}

}
@media (min-width: 768px)  {

 }

@media screen and (min-width: 400px) and (max-width: 991px) { 
    .modal_mealDetail  .modal-dialog { max-width: 380px;margin-left: auto;margin-right: auto; }
}

@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-75:40px;
        --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; height: 79px;}
    .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: 6px; min-height: 38px;}
    .cmnBtn.btnBlack {background-color: var(--color-Black) !important;}
    .cmnBtn.min-W{min-width: 180px;}
    .header_actionNav .cmnBtn, .newsL-group .cmnBtn, .modalBtn .cmnBtn {min-height: 35px;}
    .btn-mxW{max-width: 210px;}
    .heroBtn-icon {max-width: 15px; position: relative; margin-top: 0; margin-bottom: 0;}
    .home_heroItem {position: relative;height: calc(100dvh - 79px); max-height: 610px; 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: 460px;}
    .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;}
    .selectLab.perDaymeals{padding-right: 25px;}
    .goalSelect .goal_Icon{width: 35px; height: 35px; margin-bottom: 8px;}
    .goalSelect .goal_Icon img{width: 15px !important;}
    .selectLab::before{top: 8px; right: 8px; width: 14px; height: 14px;}
    .menuSelect::before{top: 8px; right: 8px; width: 14px; height: 14px;}
    .activitySelect .activity_Icon img{width:15px !important;}
    .perDaymeals{gap: 10px;}
    .avoid_Wrp{gap: 10px;}
    .avoid_Lab { padding: 12px 15px; border-radius: 35px; gap: 8px;}
    .selectorBx .avoid_Icon img{width: 15px !important;}
    .staper_btnWrp{margin-top:25px;}
    .backBtn{gap: 5px; }
    .form-group{margin-bottom: 15px;}
    .cst-input{padding:8px 15px; height: 44px; border-radius: 8px;}
    .cst-check-input{width:16px; height:16px;}
    .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;}
    .inpIconWrp-R .input-Icon{top:14px; right: 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; min-width: 35px; height:35px;}
    .prsnl-sumItem .prsnl-sumIcon img{ width:15px;}
    .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;}
    .plan-summary{margin-top: 2px;}
    .checkout-bar{ padding: 10px 10px 10px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 5px 0px; border-radius: 40px; max-width: 600px; margin-top: 25px; bottom: 15px;}
    
    .cst-dateRange{padding: 10px 25px 10px 30px;}
    .cst-dateRange::before{ left: 8px;}
    .cst-dateRange::after{right: 8px;}
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td{font-size: 11px;}
    .daterangepicker td.start-date, .daterangepicker td.end-date {border-radius: 4px;}
    .daterangepicker .drp-buttons{gap: 8px;}
    .daterangepicker .drp-buttons .btn {padding: 4px 15px; border-radius: 35px;}
    .dailyP-Row>.filterCol{width: 100%;}
    .filterBx{padding:30px 20px; border-radius:4px;}
    .filterBx .filterTop-Wrp{gap: 10px; margin-bottom:15px;}
    .filter-list{row-gap: 20px; margin-top: 10px;}
    .filter-wrapper{gap: 8px;}
    .filter-wrapper input.radio-input {width: 16px; height: 16px;}
    .filter-wrapper input.radio-input:checked { background-color: var(--color-primary); border-color:var(--color-primary);}
    .filter-wrapper input.radio-input:checked::after {width: 7px; height: 7px;}
    .filter-wrapper input.checkbox-input {width: 16px; min-width: 16px; height: 16px; min-height: 16px; border-radius: 3px;}
    .filter-wrapper .filter-label{font-size: 14px;}
    .filter-innerGap {row-gap: 25px; height:calc(100dvh - 100px); overflow: auto;}
    .cstFilterChip.chip-sm .cont-Label{padding: 6px 15px; font-size: 12px;}
    .filter-list.mealType{gap: 5px;}
    .bec_Member{padding: 15px;border-radius: 10px;}
    .bec_Member .cmnBtn{min-height: 30px;}
    .filterTitle{font-size: 20px !important;}
    .filterMenu{position: fixed; top: 0; left: 0; transform: translateX(calc(-100% - 30px)); width: 300px; height: 100dvh; min-height: 100dvh; background-color: #ffffff; z-index: 99; border-radius: 0; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; transition: all .3s;}
    .filterMenu.show{transform: translateX(0);}
    .closeBtn{width: 25px; height: 25px; border-radius: 100%; background-color: var(--color-primary) !important; color: #ffffff !important; display: flex; align-items: center;justify-content: center; position: absolute; top: 8px; right: 8px; border: none;}
    .closeBtn .material-symbols-outlined{font-size: 16px;}
    .filter-wrapper input.checkbox-input:checked::after{font-size: 14px;}
    .logPg-wrp{padding:30px 40px;}
    .loginPg-btn{padding: 12px 20px; border-radius:8px; gap:8px;}
    .loginPg-btn .btnIcon{width: 20px;}
    .log-W-email{margin: 20px 0;}
    .log-W-email .lwe_Txt{ padding:0 8px;}
    .rememberWrp{gap: 8px;}
    .selectLab.dlv_dateSelect{padding: 8px; border-radius: 8px;}
    .dlvDateWrp{padding-top:15px;margin-top:8px;}
    .cstTabs{gap: 15px; margin-bottom: 10px;}
    .cstTabs .nav-item .nav-link{padding-bottom: 8px;}
    .summary_Plan{ gap: 10px; margin-bottom:  15px; padding-bottom:  15px; }
    .summary_Plan .planImg{width: 60px; height: 60px; border-radius: 8px; padding: 10px;}
    .rev-rSpc{margin-right: 0;}
    .ord_ReviewTop{margin-bottom: 15px; padding-bottom: 10px;}
    .review_proBx{gap: 10px; padding: 10px; border-radius: 10px;}
    .review_proBx .review_proThumb{width:80px; min-width:80px; height:80px; border-radius: 8px;}
    .diet-tagsList{gap: 8px; margin-top: 8px;}
    .diet-tagsList .diet-tag{padding: 3px 8px; border-radius: 4px;}
    .reviewList{row-gap: 15px;}
    .order-summary_bx{padding: 15px; border-radius: 15px;}
    .order-Price-list{row-gap: 15px;}
    .order-Price-list .order-Price-Item{gap: 8px;}
    .order-Price-list .order-Price-Item:last-child{padding-top: 15px;}
    .benefit-list {row-gap:5px;}
    .benefit-list .benefit-listItem{padding-left: 20px;}
    .refer_bx{padding:10px; border-radius:10px;}
    .satisf_Wrp{gap: 8px;}
    .successIcon{width: 50px; height: 50px;}
    .calldetails{ gap:10px;}
    .calldetails .userProfile{width: 35px; min-width: 35px; height: 35px;}
    .call_info{gap:  10px;}
    .call_info .call_infoItem{gap:4px;}
    .meetBtn-Wrp{gap:15px;}
    .expNext-list {gap: 15px;}
    .expNext-list .expNext-item {gap:20px;}
    .expNext-list .expNext-item .expNext-num{width: 35px; min-width: 35px; height: 35px; }
    .cst-slider .slider-item{padding-left: 12px; padding-right: 12px;}
    .cst-slider {margin-left: -12px; margin-right: -12px;}
    .cst-slider .slick-arrow{width: 30px; height: 30px; top: -45px; right: 12px;}
    .cst-slider .slick-arrow.slick-prev{right: 50px !important;}
    .meetSec-rightSpc{margin-right:80px;}

    .bookCalWrp{ gap: 20px; }
    .cstDate-calendar{max-width:270px;}
    .cstDate-calendar .datepicker td, .cstDate-calendar .datepicker th { width: 38px; height: 38px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
    .cstDate-calendar .datepicker table tr td span{border-radius: 8px; height: 38px; line-height: 38px;}
    .slotsList { row-gap: 8px; max-height: 250px; padding-right: 10px;} 
    .slotsList .slotsItem .slots-lab{padding: 8px 12px; border-radius: 8px;}
    .healthGoal-lab{padding: 8px 12px; border-radius: 8px;}
    .healthGoalWrp{gap:15px;}
    .healthGoalWrp{grid-template-columns: repeat(auto-fit, minmax(139px, 1fr)); }
    .bookSum-seprator{padding-top: 15px; margin-top: 20px;}
    .bookSum-list {row-gap: 12px;}
    .bookSum-list .bookSumItem {gap: 10px;}
    .bookSum-list .bookSumItem .bookSum-Icon{width: 30px; min-width: 30px; height: 30px; border-radius: 6px;}
    .whatNext-card{ border-radius: 8px; padding: 15px; gap: 15px;}
    .whatNext-card .whatNext-thumb{width: 70px; min-width: 70px; height: 70px; border-radius: 8px;}
    .whatNext-card:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);}
    .invtFrnd_Wrp{padding: 15px; border-radius:15px; gap: 10px;}
    .invtFrnd_Wrp .invtFrnd_Icon{width: 40px; height: 40px;}
    .invtFrnd_Wrp .invtFrnd_Icon .icon{font-size: var(--f-size-32);}

    .ai-work-card{padding: 15px; border-radius: 10px;}
    .aiw-icon{width: 40px; height: 40px; border-radius: 6px; padding: 10px; margin-bottom:10px;}
    .homeAi-lab{padding: 10px 20px; border-radius: 30px; gap: 10px;}
    .homeAi-lab .labIcon{max-width: 15px;}
    .addplan-btn{padding:10px 20px; border-radius: 4px; gap: 4px;}
    .section-top{top: -79px;}

    .accountTabs{ gap: 10px; padding-right: 15px; margin-right: 15px;}
    .accountTabs .accountTabs-item .account-Link{padding: 10px 15px; border-radius:8px; gap:5px;}
    .editinfo-btn{gap: 8px;}
    .editinfo-btn .edit-icon{width: 20px; height: 20px; border-radius: 5px; }
    .sepratorLine{margin: 15px 0;}
    .sepTxt{padding-right: 10px;}
    .tableWrp{border-radius:10px;}
    .cstTable thead tr th, .cstTable tbody tr td{padding: 8px 15px;}
    .tab-actionBtn{padding: 6px 15px; border-radius: 35px;}
    .asse_detBx{border-radius: 10px; padding: 20px; }
    .cuisines_List{ gap: 8px; }
    .cuisines_List .cuisines_Item{padding: 6px 20px; border-radius: 35px;}
    .physProf-bx{padding: 8px; border-radius: 8px;}
    .prsnl_SummaryWrp.ass_dietart{grid-template-columns: repeat(2, 1fr);}
    .physProf-grid{grid-template-columns: repeat(4, 1fr); gap:10px;}
    .weeklySch_Head{gap:6px;}

    .order_mealWrp{gap: 15px;}
    .selectedMeals{padding: 10px; border-radius: 10px; gap: 10px;}
    .selectedMeals .mealThumb{width: 75px; min-width: 75px; height: 75px; border-radius: 10px;}
    .mealInfo{max-width: 100%;}
    .cst-badge{padding: 4px 10px; border-radius: 20px;}


      /* 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; padding-top: 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; }
    .bootstrap-select.cstSelect ul.dropdown-menu .dropdown-item{padding: 5px 8px;}
    .bootstrap-select.cstSelect div.dropdown-menu { border-radius:4px; padding: 4px 0;}
    .bootstrap-select.cstSelect.frm_select .dropdown-toggle{ padding: 8px 15px; height: 44px; border-radius: 8px;}
    .bootstrap-select.cstSelect.frm_select div.dropdown-menu { border-radius:8px; padding: 5px 0;}

    .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;}
    .paymentCardWrap {border-radius: 8px;}
    .paymentPlan-header { border-radius: 8px; padding: 20px 16px; min-height: 160px; }
    .paymentCardWrap .wrapCont-body { padding: 24px 24px; }
    .wrapPlans_tab { margin-bottom: 20px; }
    .cstTbs-style1 {padding: 2px;}
    .cstTbs-style1 .nav-link { padding: 8px 12px; border-radius: 50px; min-width: 120px; }
    .plans_wrapp { padding-top: 20px; padding-bottom: 20px; }
    .planItem_wrap {border-radius: 8px;}
    .planItem_wrap .wrap_in {padding: 16px;}
    .planItem_wrap .headerRow { margin-bottom: 15px;}
    .planItem_wrap .priceRow {margin-bottom: 16px;}
    .planItem_wrap .btnRow {margin-top: 20px;}
    .planInfo-list > li:not(:last-child) { margin-bottom: 6px;}
    .planInfo-list > li {padding-left: 20px;}
    .planInfo-list > li::before {width: 14px;height: 14px;font-size: 14px;}
    .planItem_wrap:hover { box-shadow: 0 8px 14px 0 rgba(0,0,0,.08); }
    .planItem_wrap.popularPlan { padding-top: 12px; padding-bottom: 12px; margin-top: -12px; margin-bottom: -12px; box-shadow: 0 0 0 1px var(--color-primary), 0 8px 14px 0 rgba(0,0,0,.08); }
    .planItem_wrap .planTag { font-size: 9px; border-radius: 20px; padding: 3px 12px; }
    .modal_mealDetail .modal-content {border-radius: 15px;}
    .mealDetail_Wrapp .Dtl_imgWrap { height: 220px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
    .modal_mealDetail .btn-close { right: 10px; top: 10px; width: 20px; height: 20px; }
    .mealDetail_Wrapp .cont-wrapper {padding: 20px;}
    .prodDtl_infoCard {border: 1px solid var(--color-primary); border-radius: 6px; padding: 10px 10px;}
    .prodDtl_infoCard .headWrap {margin-bottom: 8px; gap: 8px;}
    .prodDtl_infoCard .headWrap .iconWrap { width: 16px; min-width: 16px; height: 16px; }
    .cstTag-style2 {padding: 4px 16px;border-radius: 50px;}
    .aboutD_HeadInfo .heading-text, .dietitianLanding_HeadInfo .heading-text {font-size: 34px !important;}
    .aboutDietitianPic_wrap, .aboutDietitianPic_wrap .picImg, .dietitianLandingPic_wrap, .dietitianLandingPic_wrap .picImg {border-radius:12px;}
    .aboutDietitianPic_wrap {max-width: calc(100% - 15px);}
    .aboutDietitianPic_wrap .aboutInfo_over { bottom: 15px; right: -10px; border-radius: 4px; padding: 6px 12px; }
    .headLine-L {padding-left: 34px;}
    .headLine-L::before {width: 25px;}
    .dietitian_keyAchievement_card {border-radius: 8px;padding: 20px;}
    .dietitian_keyAchievement_card .cardIcon { width: 28px; height: 28px; font-size: 28px; margin-bottom: 10px; }
     .dietitian_keyAchievement_card .cardIcon img{width: 28px;}
    .dietitian_keyAchievement_card .cardTitle {margin-bottom: 4px;}
    .dietitian_keyAchievement_card:hover {box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);}
    .dietitian_keyAchievement_card.card-style2 .cardIcon { width: 42px; min-width: 42px; height: 42px; border-radius: 8px; font-size: 20px; }
    .dietitian_keyAchievement_card.card-style2 .cardIcon img{width: 20px;}
    .philosophyQuoteIcon { font-size: 30px; width: 24px; height: 24px; }
    .sepratorSm-line { width: 60px; height: 4px; margin-top: 30px; margin-bottom: 30px; }
    .btnMinW { min-width: 155px; }
    .dietitianLanding_HeadInfo {max-width: 100%;}
    .dietitianLandingPic_wrap {max-width: 100%;}
    .dietitianLandingPic_wrap .aboutInfo_over { border-radius: 8px; padding: 10px 14px; left: 15px; right: 15px; bottom: 15px; gap: 10px; }
    .dietitianLandingPic_wrap .aboutInfo_over .iconWrap { width: 30px; height: 30px; min-width: 30px;}
    .dietitianLandingPic_wrap .aboutInfo_over .icon {font-size: 16px;}
    .expertCard_item .expertPic_wrap { margin-bottom: 16px; height: calc(33vw - 48px); border-radius: 10px; }
    .expertCard_item .cardTitle {margin-bottom: 1px;}
    .expertCard_item .summary { margin-top: 8px; }
    .howItWork_item.mx-w { max-width: 100%; }
    .howItWork_item .icon { width: 90px; height: 90px; margin-bottom: 25px; font-size: 32px; box-shadow: 0 4px 12px 0px rgba(0,0,0,.1); }
      .howItWork_item .icon img{width: 32px;}
    .row_howWorks >[class*=col] .howItWork_Wrapp::after { top: 44px; width: 50%; height: 1px; margin-left: 13px; }
    /* End By MS */

    /* Loader */
    .loaderWrpInner .loaderIcon{width: 110px; height: 110px; border-radius: 20px;}
    .loader-line { width: 150px; height: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top:20px; }
    .loader-line:before {  height: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
    /* Loader */
    .cstModal .modal-content{border-radius: 15px; padding: 35px 15px;}
    
    /* Chatbot */
    .chatbot-container {top: calc(79px + 20px);}
    /* End Chatbot */

    .food-typeWrp{gap: 5px;}
    .selectLab.labOpt-2{padding: 10px;}
    .freqSelect{gap:10px;}
    .freqSelect .freIcon{ width: 30px; height: 30px;  border-radius: 5px;}
    .cstDate-calendar.caleOpt-2 .datepicker td, .cstDate-calendar.caleOpt-2 .datepicker th {height: 38px;}
    
    .coming-soonWrp{top: 20px;}
    .benefit-section{ padding: 10px 0;}
    .benefitList{column-gap: 10px; row-gap: 5px;}

    /* Toggle Button */
    .cstToggle {width: 40px; height: 20px; border-radius:20px; }
    .cstToggle:after { top:3px; left:3px; width: 14px; height: 14px; border-radius: 14px;}
    .toggleInp:checked + label:after { left: calc(100% - 3px);}
    .cstToggle:active:after { width: 18px; }
    .toggleWrp{gap: 8px; margin-bottom: 25px;}
    /*  Toggle Button */
    .days_FilterTab{gap: 10px; margin-bottom: 40px; justify-content: start;}
    .dateSelect .dateLable{padding: 8px 15px; border-radius: 10px;}
    .dateSelect .dateLable.labmin-W{min-width:130px;}
    .mealGrid-item.menupg-card .thumbWrap{height: 16.66vw;}
.menuSelect .thumbWrap::before {border-radius:10px; padding:5px 10px;}

    
    
}

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

    body {padding-top: 67px;}
    .mainHeader {height: 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;}
    .meetBtn-Wrp{flex-direction: column;}
    .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;}
    .planItem_wrap.popularPlan { padding-top: 12px; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }
    .row_howWorks >[class*=col] .howItWork_Wrapp::after { top: 70px; width: 1px; bottom: 0; left: 31px; margin-left: 0; height: auto; }
    .howItWork_Wrapp { padding-bottom: 35px; margin-bottom: 12px; }
    .expertCard_item .expertPic_wrap {height: calc(49.6vw - 48px);}
    .howItWork_item { display: flex; gap: 20px; }
    .howItWork_item .contWrapp { align-self: center;}
    .howItWork_item .icon { width: 60px;min-width: 60px; height: 60px; margin-bottom: 0; }
    .howItWork_item .icon img {width: 28px;}
    .section-top{top: -67px;}
    .physProf-grid{grid-template-columns: repeat(2, 1fr);}

    .accountTabs{border: none; padding-right: 0; margin-right: 0; margin-bottom: 20px; flex-direction: row; overflow: auto;}
    .accountTabs .accountTabs-item .account-Link{white-space: nowrap; }
    .editinfo-btn{font-size: 14px;}

    /* Chatbot */
    .chatbot-container {top: calc(67px + 20px);}
    /* End Chatbot */

    .mealGrid-item.menupg-card .thumbWrap{height: 24.66vw;}
} 

@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;}
     .logPg-wrp {padding: 30px 20px;}
    .paymentCardWrap .wrapCont-body {padding: 20px 20px;}

    .proQuant-txt{position: absolute;top: 10px;right: 10px;}
    .review_proBx .review_proThumb {width: 60px;min-width: 60px;height: 60px;}
    .review_proBx .review_proDetails .proName {margin-right: 20px;}
    .expertCard_item .expertPic_wrap {height: calc(96vw - 48px);}
    .meetSec-rightSpc { margin-right: 0px;}

    .cst-slider.slick-dotted{margin-bottom: 40px;}
    .cst-slider.slick-dotted .slick-dots {bottom: -35px;}
    .cst-slider.slick-dotted .slick-dots li {width: auto; height: auto; opacity: .5;}
    .cst-slider.slick-dotted .slick-dots li.slick-active {opacity: 1;}
    .cst-slider.slick-dotted .slick-dots li button {width: 5px; background-color: var(--color-primary); height: 5px; border-radius: 100%;}
    .cst-slider.slick-dotted .slick-dots li button:before {display:none;}

    .bookCalWrp {flex-direction: column; }
    .cstDate-calendar {max-width: 100%;}
    .slotsList {flex-direction: row; gap:10px; flex-wrap: wrap; padding-right: 0;}
    .slotsList .slotsItem{width: 31.1%;}
    .invtFrnd_Wrp{flex-wrap: wrap; justify-content: center; text-align: center;}
    .whatNext-card {border-radius: 8px; padding: 10px; gap: 10px;}
    .chatbot-container{max-width: 340px;}

    .freqSelect {align-items: center; flex-direction: column; justify-content: flex-start;}
    .prsnl_SummaryWrp.ass_dietart{grid-template-columns: repeat(1, 1fr);}
    .asse_detBx { border-radius: 10px; padding: 15px; }
    .cstGrid-col-7 {grid-template-columns: repeat(4, 1fr);}

    .selectedMeals{flex-direction: column; position: relative;}
    .selectedMeals .mealThumb{width: 100%; max-width: 100%; height: 160px;}
    .selectedMeals .mealThumb img{height:100%; object-fit: cover;}
    .selectedMeals {padding: 15px;border-radius: 15px;}
    .badgeLab-wrp{position: absolute; top: 20px; right: 20px;}
    .mealGrid-item.menupg-card .thumbWrap {height: 47.66vw;}
}