:root {
    --text-color: #262626;
    --primary-color: #03573a;
    --white: #ffffff;
    --black: #000000; 
    --black-10: rgba(0, 0, 0, 0.10);
    --paragraph-color: #858585; 
    --grey-5: #555;
    --grey-120: #676767;
    --grey-130: #A5A5A5;
    --grey-150: #DADADA;
    --grey-140: #242424;
    --grey-160: #5E5E5E;
    --grey-180: #cccccc;
    --grey-10: #EBEBEB;
    --grey-15: #f7f7f7;
    --grey-20: #B8B8B8;
    --grey-30: #E4E4E4; 
    --grey-40: #BBBBDD; 
    --grey-60: #999999;
    --grey-70: #EFEFEF;
    --grey-80: rgba(238, 238, 238, 0.93);
    --light-red: #F16755;
    --red-40: #F16755;
    --red-100: #E42A12;
    --red-50: #F6511D;
    --red-60: rgba(246, 81, 29, 0.08); 
    --red-400: #EFA18033;
    --red-500: #620A15;
    --light-yellow: #FFB40033;
    --yellow-10: #FFF3D6;
    --yellow-100: #FFB400;
    --yellow-130: #F7C144;
    --yellow-120: rgba(247, 193, 68, 0.20);
    --yellow-40: rgba(246, 178, 24, 0.50);
    --yellow-20: #FFD23333;
    --yellow-50: #FEF7E8;
    --yellow-60: #F6AD01;
    --yellow-90: #fac705; 
    --light-green: #E8F6E0;
    --light-black: #0000002b;
    --blue-80: #85BAFF;
    --blue-100: #2A85FF;
    --blue-200: #006ec8;
    --sky-blue-10: #ECF8F7;
    --light-blue: #7AA2D533;
    --blue-10: rgba(187, 187, 221, 0.13);
    --orange-30: #baf0ea;
    --orange-10: #FFF6EE;
    --orange-100: #ff6408;
    --green: #2C4F17;
    --green-70: #E8F6E0;
    --green-120: #467E26;
    --green-30: #B9E3A0;
    --green-50: #0f0f0e;
    --green-140: #3EBDB1;
    --green-10: #F3FBF4;
    --green-1: #E8F6E0;
    --green-400: #37BDB2;
    --red-10: #FEF1F1;
    --red-1: #FBF4F3; 
    --prpal-10: #E5DCEC;
    --prpal-20: #EDE4F4;
    --pink-10: #FFDAE9;

}
/* imstory font family start */
@font-face {
    font-family: 'Imstory';
    src: url('../fonts/imstory/Imstory.woff2') format('woff2'),
        url('../fonts/imstory/Imstory.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* imstory font family close */
/* rolling font family start */
@font-face {
    font-family: 'Rolling';
    src: url('../fonts/rolling/RollingBold-PersonalUse.woff2') format('woff2'),
        url('../fonts/rolling/RollingBold-PersonalUse.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* rolling font family close */



.orange10 {
    background-color: var(--orange-10);
}
.header-bottom .navbar-brand img {
    width: 130px;
}
body {
    color: var(--text-color);
    font-family: "Inter", sans-serif;
    background: var(--orange-10);
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
/*  */
.main-button1{
    margin: 14px 0;
    display: none !important;
}
 
/* btn */
#delivery_address_disable {
    border-radius: 100px;
}
.week_menu .slider-menu.slick-initialized.slick-slider.slick-dotted {
    margin: 0;
}
.button {
    padding: 11px 12px;
    display: block;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-size: 14px;
    display: inline-block;
    line-height: 24px;
}
.primary_btn {
    color: var(--white);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color); 
}
.secondary_btn {
    color: var(--text-color);
    border: 1px solid ;
}
/* spacer */
.spacerY {
    padding: 40px 0;
}
.spacer60 {
    margin-bottom: 60px;
}
.spacerB {
    padding-bottom: 60px;
}
/* heading */
P {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: var(--text-color);
}
h6 {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}
h4 {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
}
h5 {
    font-size: 24px;
    line-height: 33px;
    font-weight: bold;
}
h2 {
    font-size: 40px;
    font-weight: bold;
    line-height: 54px; 
}
/* header css start */
.main-button-mobile {
    display: none;
}
.how-col1 img {
    width: 144px;
}
.header-top {
    background: var(--text-color);
    padding: 8px 0;
    display: flex;
}
.header-top span {
    font-size: 16px; 
    line-height: 20px;
    padding-right: 33px;
}
.header-top a {
    padding: 6px 16px;
    background: var(--white);
    border-radius: 4px;
    font-size: 14px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.main-button a.button.primary_btn {
    margin-left: 10px;
}
.header-bottom { 
    border-bottom: 1px solid var(--grey-20); 
}
.main_header .nav-item {
    padding: 0;
    padding-left: 28px !important;
} 
.main_header .nav-item:nth-child(1) {
    padding-left: 0 !important;
}
.main_header .nav-item .nav-link {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color);
    font-weight: 500;
}
a.profile_btn {
    width: 40px;
    height: 40px;
    border: 2px solid var(--primary-color);
    background-color: var(--green-10);
    margin-left: 10px;
}
a.profile_btn svg {
    fill: var(--primary-color) !important;
}
.navbar-menu {
    display: none;
}
/* header css close */

/* hero css start */ 
 section.hero {
    background-image: url(../images/hero-image.png);
    background-size: cover;
    padding: 30px 0;
}
.hero h1 span.premium {
    font-family: 'Imstory';
    font-size: 98px;
    line-height: 112px;
    color: var(--white);
}
.hero h1 span {
    display: block;
    line-height: 60px;
}
.hero h1 {
    font-family: 'Rolling';
    font-size: 60px;
    color: var(--orange-100);
    margin-bottom: 44px;
    text-align: center;
}
.hero .bulid_plan_btn { 
    display: table;
    background: var(--orange-100);
    padding: 2px 10px;
    font-size: 34px;
    line-height: 38px;
    border-radius: 10px; 
}
.hero .bulid_plan_btn1 { 
    background-color: unset;
    border: 2px solid var(--orange-100);
    font-size: 25px;
    line-height: 30px;
    margin-top: 6px;
}
.bulid_plan_outer {
    margin-bottom: 30px;
}
span.hero_price {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 2px;
    text-align: right;
    padding-right: 8px !important;
}
span.hero_price1 {
    font-size: 58px;
    line-height: 48px;
    letter-spacing: 6px;
    font-style: italic;
    text-align: left;
}
span.perMeal {
    font-size: 24px;
    line-height: 28px;
    position: absolute;
    top: 0px;
    left: 62px;
    border-bottom: 2px solid var(--orange-100);
}
#emailForm input#emailInput {
    padding: 10px 17px;
    width: 332px;
    outline: 1px solid var(--red-40);
    border-radius: 8px;
    margin-bottom: 16px;
    border: 0;
}
input:focus-visible {
outline: 1px solid var(--primary-color);
}
/* hero css close */

/* slide auto start */
.auto-slider .slider-reel .slide-inner {
    font-size: 14px;
}
.slider-reel { 
    width: 100%;
    display: grid;
    place-items: center;
    overflow: hidden; 
}
.slide-track-reel {
    width: calc(180px * 22);
    display: flex;
    animation: scroll 38s linear infinite;
    gap: 50px;
    filter: grayscale(100%);
}
.slide-reel {
    width: 285px;
    height: 60px;
    display: grid;
    place-items: center;
    transition: 5.9s;
} 

.slide-reel:hover {
  transform: scale(0.9);
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(calc(-2100px * 1));
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(calc(-170px * 20));
  }
}




/* slide auto close */

/* why meal css start */ 
.why-col img {
    border-radius: 15px 15px 0 0;
    height: 260px;
    object-fit: cover;
}
.why-col h5 {
    padding-bottom: 16px;
}
.why-row {
    display: flex;
    gap: 46px;
}
.why-col {
    width: 33%;
}
.why-heading h2 {
    margin-bottom: 80px;
}
.why-col {
    box-shadow: 0 0 20px 0 #0000004f;
}
/* why meal css close */

/* how it css start */
section.how_it {
    background-color: var(--orange-10);
}
.how-col1 {
    width: 200px;
    height: 200px;
    background: var(--white);
    margin-bottom: 30px;
}
.how-col span {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-color);
    width: 50px;
    height: 50px; 
    font-size: 26px;
    color: var(--white);
    line-height: 30px;
    font-weight: 500;
}
.custom-heading h2 {
    margin-bottom: 30px;
} 
.checkbox-item {
    padding-left: 18px;
}
.checkbox-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background: var(--black);
    transform: translate(0, -50%);
}
.renew_subscription::before {
    content: unset !important;
}
/* how it css close */

/* plan css start */
.indian_plan_button.active {
    background: var(--blue-80) !important; 
}
.nav-global-tab.active {
    background: var(--red-40) !important;
}
button.nav-salad-tab.active {
    background: var(--yellow-100) !important;
}
#indian_plan button.nav-link , #standard_plan button.nav-link , #salad_plan button.nav-link {
    width: unset;
    padding: 6px 12px;
}
    .plan-col {
    border: 1px solid var(--grey-10);
    border-radius: 8px;
    padding: 16px 24px 0 24px;
    height: 362px;
}
.plan-col  .plan-left {
    padding-left: 90px;
}
.plan-col  .plan-left h6 {
    padding-bottom: 4px;
}
.plan-col .plan-left p {
    color: var(--paragraph-color) !important;
    padding-bottom: 16px;
}
.plan-col .plan-left ul {
    padding-top: 16px !important;
    padding-bottom: 100px !important;
}
.plan-col .plan-left ul  li a {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-color);
    padding-bottom: 6px;
    display: block;
    font-weight: 500;
}
.plan-col img {
    width: 90px;
    border-radius: 8px 0 0 0;
} 
.plan-price p {
    background-color: var(--blue-80);
    padding: 9px 42px;
    border-radius: 0 0 4px 4px;
}
.plan-price p span {
    font-size: 24px !important;
    line-height: 30px !important;
}
.compare-plan a.button {
    width: 204px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.compare-plan {
    margin-top: 30px;
}
.compare-plan ul li a {
    font-size: 14px;
    line-height: 18px;
    color: var(--text-color);
}
.compare-plan span {
    font-size: 14px;
    color: var(--paragraph-color); 
    line-height: 20px;
}
a.button.plan {
    color: var(--text-color);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    padding-top: 16px;
}
.compare-plan ul li a img , .bottom-times img {
    padding-right: 5px;
}
.bottom-times { 
    color: var(--light-red) !important;
    padding-top: 4px;
    padding-bottom: 40px;
}
.compare-plan ul li {
    padding: 0 4px;
} 
.plan2 p {
    background-color: var(--red-40) !important;
}
.plan3 p {
    background-color: var(--yellow-100) !important;
} 
/* plan css close */

/* review css start */
section.review {
    background: var(--light-green);
}
.user-review-left {
    display: flex;
    align-items: center;
}
.user-heading {
    text-align: left;
}
.review-col img {
    margin-bottom: 32px;
}
.review-col h5 {
    font-family: "Noto Serif Georgian", serif;
    color: var(--green);
}
.review-col {
    padding: 0 266px;
}
.review-col h5 {
    margin-bottom: 32px;
}
.user-review {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}
.user-img {
    background: var(--white);
    width: 60px;
    height: 60px; 
} 
.user-review-right {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid var(--text-color);
}
.user-heading {
    padding-left: 20px;
}
/* review css close */

/* week menu start */
.week_menu .slick-dots {
    display: none !important;
} 
.sliderMenu-img img {
    height: 186px;
    object-fit: cover;
    object-position: center;
    border-radius: 15px 15px 0 0;
}
.sliderMenu-col {
    background: var(--white);
    box-shadow: 0 0 20px 0 var(--light-black);
    border-radius: 15px;
    transition: transform .2s;
}
.sliderMenu-col_outer {
    padding: 0px 12px;
}
.slick-dotted.slick-slider {
    margin-bottom: 40px;
}
/* .sliderMenu-col:hover {
    -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1); 
      transform: scale(1.1); 
} */
.week_menu .slick-track {  
    margin: 20px 0;
}  

.sliderMenu-heading {
    padding: 20px;
    height: 106px;
    overflow: hidden;
}
.sliderMenu-heading span {
    background: var(--blue-80);
    padding: 4px 8px;
    display: inline-block;
    font-size: 14px;
    border-radius: 100px;
    color: var(--white);
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}
.sliderMenu-heading h6 {
    margin-bottom: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sliderMenu-heading p {
    font-weight: bold;
    margin-bottom: 12px;
}
.sliderMenu-heading ul {
    padding: 0;
    margin: 0;
    display: flex;
}
.sliderMenu-heading ul li {
    list-style: none;
    padding-right: 8px;
    border-right: 1px solid var(--grey-10);
    margin-right: 8px;
}
.sliderMenu-heading ul li:last-child {
    border-right: 0;
    padding: 0;
    margin: 0;
}
.sliderMenu-heading ul li a  {
    color: var(--paragraph-color);
}
.week_menu button.slick-next.slick-arrow {
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%); 
}
.week_menu button.slick-prev.slick-arrow {
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
.week_menu .slick-arrow {
    z-index: 1;
    width: 40px;
    border-radius: 100px;
    height: 40px;
    background: transparent;
    border: 1px solid var(--red-40);
}
.custom-btn {
    margin-top: 20px;
}
.sliderMenu-heading1 span {
    background-color: var(--orange-30);
}
.sliderMenu-heading2 span {
    background-color: var(--yellow-100);
}
.slick-prev:before, .slick-next:before { 
    color: var(--light-red); 
}
.slick-prev:before {
    content:  url(../images/arrow-left.png);
}
.slick-next:before {
    content:  url(../images/arrow-right.png);
}
/* week menu close */

/* customer col start */
.customer-col img {
    padding-bottom: 24px;
}
.customer-col {
    border: 1px solid var(--grey-10);
    padding: 28px;
    border-radius: 8px;
}
.review-star {
    border-bottom: 1px solid var(--grey-10);
}
.customer-user-image img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    padding: 0;
}
.customer-user-heading {
    padding-left: 20px;
}
.customer-user {
    padding-top: 27px;
}
.customer-review-row {
    margin-top: 28px;
}
/* customer col close */

/* order css start */
.order-left h2  , .order-left p {
    margin-bottom: 24px;
}
.order {
    background-color: var(--yellow-10);
}
/* order css close */
 
/* meal plan pages start */

/* meal plan start */
.td-row {
    width: 200px;
    height: 52px;
    border-radius: 4px;
    background: var(--green-10); 
}
.td-row1 {
    width: 310px;
    height: 43px;
    border-radius: 4px;
    background: var(--yellow-20) !important;
    padding: 16px !important;
    font-size: 18px;
    font-weight: 500;
}
.plan tr {
    display: flex; 
    background-color: var(--white);
}
th.td-row1 {
    margin: 8px 16px !important;
}
.table-text {
    width: 46% !important;
    border-left: 0 !important;
} 
.plan tr td {
    height: auto;
    width: 18%;
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    padding: 8px 16px; 
}
.plan tr td {
    border-left: 1px solid var(--grey-30);
}
.td-row2 {
    background-color: var(--red-10);
}
.td-continental {
    margin-top: 32px;
    background-color: var(--prpal-10) !important;
} 
.td-salad {
    background-color: var(--green-10) !important;
    margin-top: 32px;

}
.btn-subscribe.d-flex.align-items-center.justify-content-center {
    width: 200px;
    height: 48px;
    background: var(--black);
    border-radius: 4px;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    margin-top: 40px;
}
/* meal plan close */

/* tiffin start here */
/*  */ 
h1#tiffinBackdropLabel {
    display: none;
}
#tiffinBackdrop button.btn-close {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 1;
}
#tiffinBackdrop .modal-body {
    padding-top: 30px;
}
#tiffinBackdrop .modal-header {
    padding: 0;
}
.radio-buttons 
{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.custom-radio input 
{
  display: none;
}
.radio-btn , .radio-btn1 , .radio-btn_meal , .radio-btn1_meal { 
  width: 360px; 
  display: inline-block;
  border-radius: 10px;
  position: relative;
  text-align: center;
  border: 2px solid var(--grey-10);
  cursor: pointer;
  padding: 16px 20px;
}

.radio-btn > i {
  color: var(--white);
  background-color: var(--pink-10);
  font-size: 20px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}
.radio-btn .hobbies-icon {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.radio-btn .hobbies-icon img{
  display:block;
  width:100%;
  margin-bottom:20px;
}
.radio-btn .hobbies-icon i {
  color: var(--pink-10);
  line-height: 80px;
  font-size: 60px;
}
.radio-btn .hobbies-icon h3 {
  color: var(--grey-5);
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing:1px;
} 
.custom-radio input:checked + .radio-btn {
  border: 2px solid var(--primary-color);
}
.custom-radio input:checked + .radio-btn1 {
    border: 2px solid var(--red-500);
} 

.custom-radio input:checked + .radio-btn > i {
  opacity: 1;
  transform: translateX(-50%) scale(1);
} 
  
/*  */  
/* .undisable_btn {
    display: none;
} */ 
.disable_btn {
    display: block;
    opacity: 0.5;
}
.cusines-like {
    width: 88%;
}
.tiffin-outer h5 {
    margin-bottom: 0px;
}
.timeingSlot {
    position: absolute;
    left: 0;
    bottom: -20px;
    color: var(--primary-color);
}
.selectMenu:focus-visible {
    outline: unset !important;
}
label.custom-radio:hover {
    background: #E8F6E080;
}
label.custom-radio {
    margin-top: 16px;
}
label.custom-radio.custom-radio-btn2:hover {
    background: #620a1552;
    border-radius: 10px;
}
input#phoneNumber {
    margin-bottom: 28px;
}
.tiffin-outer select:focus-visible {
    outline: 1px solid var(--primary-color);
} 
.tiffin-outer input , .tiffin-outer select { 
    margin-top: 16px;
  }  
.tiffin-outer .tab .error-postalCode {
    background: var(--red-1) !important; 
}
.error-postalCode:before { 
    background: var(--red-100);
}
.tiffin-outer .tab .success-postalCode {
    background: var(--green-1); 
}
.success-postalCode:before {
    background-color: var(--primary-color);
}
#available_message {
    padding: 10px 16px !important;
    margin: 4px 0 0 0; 
}
#available_message:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 5px;
}
.error-postalCode , .success-postalCode {
    margin-bottom: 40px;
}
.success-postalCode {
    color: var(--primary-color); 
}
.error-postalCode {
    color: var(--red-100); 
}
.btn_next button {
    background-color: var(--black);
    height: 44px;
    border: 1px solid var(--black);
    color: var(--white);
    border-radius: 8px;
    font-size: 18px;
    font-weight: bold;
    width: 300px;
}
/* button#prevBtn {
    background: transparent;
    border: 0;
    color: var(--blue-100);
    font-weight: 500;
} */
button#prevBtn img {
    margin-right: 8px;
}
.tab-title h2 {
    margin-bottom: 4px;
}
.tab-title p {
    margin-bottom: 17px;
    font-size: 14px;
    font-weight: 400;
} 
span.veg-sub.d-block {
    margin: 0 !important;
    color: var(--grey-70);
}
.tiffin-outer input::placeholder {
    color: var(--grey-60);
}
.tiffin-outer input:focus-visible , .offer-row2 textarea:focus-visible , .hero-left form input:focus-visible {
    outline: 1px solid var(--primary-color);
} 
.tabFrom__cusine1 {
    width: 100% !important;
}   
.offer { 
    width: 66px;
    background: var(--red-1);
    border-radius: 0 8px 8px 0;
} 
  .vegetarian-left {
    margin-right: 16px;
  }
  .vegetarian-right span.veg-title {
    margin: 0 !important; 
    font-size: 16px !important; 
    margin-top: 0 !important;
}
.vegetarian-right {
    text-align: left; 
    width: 100%;
}
    
.mealType_offer .vegetarian-right { 
    text-align: left;
    padding-right: 16px;
    width: 60%;
    line-break: anywhere;
}
.tabFrom__cusine {
    width: 80% !important;
}
#regForm p {
    color: var(--grey-20);
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 400;
}
.planPrice_summary1 {
    margin-top: 20px;
}
span.popular {
    background: var(--green-400);
    padding: 4px 8px;
    border-radius: 100px;
    font-size: 12px;
    line-height: 24px;
    color: var(--white);
    margin-top: 1px;
}
.planPrice_summary {
    margin-bottom: 2px;
}
.offer span { 
    font-size: 14px !important;
    color: var(--red-100) !important;
    line-height: 18px !important;
}
.offer1 {
    background-color: var(--blue-10);
}
.offer1 span {
    color: var(--black) !important;
}
#regForm .offer p {
    padding: 0 10px;
    line-height: 20px;
    color:var(--black);
    font-size: 14px;
}
.regForm1 {
    width: 50%;
    margin: 0 auto;
}
.plan4 p {
    margin-bottom: 0 !important;
}
.offer-row {
    display: flex;
    gap: 108px;
    margin-top: 32px;
    padding: 15px 0;
}
.offer-row .offer-left {
    width: 50%;
}   
button#prevBtn {
    font-size: 16px; 
    line-height: 24px; 
} 
#discountMessageContainer { 
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--red-60);
    margin: 32px 0 20px 0 !important;
    color: var(--red-50) !important;
    font-size: 16px; 
    line-height: 24px;
}
#discountMessageContainer img {
    padding-right: 8px;
}
a.btn-over {
    color: var(--blue-100);
    font-size: 16px;  
    line-height: 24px;
    margin-top: 32px;
    margin-bottom: 15px;
}
span.bottom-times {
    margin-bottom: 33px !important;
}
.btn_next {
    width: 100%;
}
.offer-left1 {
    display: flex;
    gap: 40px;
} 
.offer-row2 input {
    margin: 0;
} 
.offer-row2 textarea {
    padding: 10px;
    width: 100%;
    border: 1px solid var(--grey-40);
    border-radius: 8px;
    margin-top: 16px;
}
.offer-left , .choosePlan1 {
    width: 50%;
} 
span.success-postalCode {
    margin-bottom: 0 !important;
    padding: 8px 0px !important;
    font-size: 16px !important; 
    line-height: 24px !important;
}
.delivery {
    font-size: 12px;
    line-height: 16px;
}
.delivery svg {
    margin-right: 8px;
}
.coupon {
    margin-top: 22px !important;
    font-size: 16px;  
    line-height: 24px;
}
span.preferred {
    background: var(--red-40);
    padding: 6px 10px;
    border-radius: 50px;
    font-size: 12px; 
    margin-left: 6px;
}

span.hurray.coupon {
    font-size: 16px !important;
    line-height: 26px !important;
}
.tiffin-outer .tab , .tiffin_dietary_item { 
    background: var(--white);
    box-shadow: 0 8px 28px 0px var(--light-black); 
    padding: 40px 60px;
    text-align: center;
    border-radius: 16px;
}
p.selected-price {
    color: var(--black) !important;
    font-size: 32px !important;
    font-weight: bold !important;
}
.tiffin-outer .tabForm , .plan-input {
    width: 50%; 
}
.payment-row {
    border-radius: 16px;
    background: var(--grey-10);
}
.checkOuter {
    width: 20px;
    height: 20px;
    background: var(--primary-color);
    margin-right: 10px;
}
.payment-item {
    background: var(--green-30);
    padding: 40px 24px;
    border-radius: 20px 20px 0 0;
}
.payment-item p {
    margin-bottom: 0 !important;
} 
.payment-item p input {
    font-size: 32px !important;  
    line-height: 48px !important;
    width: unset;
}
input#selected-cuisine-price {
    width: 100px;
}
.choosePlan1 h5 , .paymentLeft1 h5{
    margin-bottom: 30px;
    font-size: 24px;
}
.thankYou_btn_pay button.stripe-button-el {
    width: 100% !important;
}
.paymentLeft {
    width: 60%;
}
.paymentRight {
    width: 40%;
}
.paymentLeft .checkbox-item input { 
    width: 20px;
    height: 20px;
    margin: 0;
    margin-right: 8px;
    accent-color: var(--primary-color);
}
.checkbox-item:nth-child(1) {
    margin-top: 0;
}
.checkbox-item {
    margin-top: 10px;
}
.checkbox_tiffin {
    padding-top: 10px;
}
.checkbox-item label {
    font-size: 16px;
    line-height: 24px;
}
.payment-item1 {
    padding: 16px 24px 16px 24px;
    background: var(--grey-10);
    border-radius: 20px;
}
label.information_label {
    font-size: 11px;
    line-height: 16px; 
}
.paymentItem-3 {
    padding-top: 36px;
}
select#spiceLevel {
    width: 60%;
    margin-left: 20px !important;
    -webkit-appearance: none !important;
    appearance: none ;
    background-image: url(../images/arrow_down.png);
    background-position: 92% 13px;
    background-repeat: no-repeat;
    background-size: 10px;
    font-size: 11px;
}
.paymentItem-3 p {
    margin-bottom: 4px !important;
}
.paymentItem4 {
    font-size: 12px;
} 
.auto_renew_input {
    width: 20%;
}
.paymentLeft1 {
    padding-right: 30px;
    border-right: 1px solid var(--grey-30);
}
.paymentRight1 {
    padding-left: 30px;
}
.back-btn {
    margin-top: 40px;
}
.tab-hadding {
    font-size: 14px;
    color: var(--text-color);
}
.tab-title {
    color: var(--grey-20);
    font-size: 12px;
} 
.tab-title h2 , .tab-title p {
    color: var(--text-color);
}
/* tabs4 */

/* 1 */
.selected , .days-options span.selected , #myDIV1 .active {
    background-color: var(--yellow-100);
    color: var(--white);
}
button.btn.day-btn , #myDIV1 span {
    width: 40px;
    height: 60px;
    padding: 0;
    border-radius: 30px;
}
#daysOptions {
    gap: 16px;
    margin-bottom: 16px;
}
#selectedDaysContainer {
    display: flex;
    gap: 12px;
}
#slotTextContainer p:nth-child(1) {
    display: none;
} 
.total_price_summary p {
    margin: 0;
}
  
  /* tab6 */
  #selectedDaysContainer p {
    margin: 0;
  }
  .paymentRight1 .payment-row .payment-item span {
    font-size: 32px;
    line-height: 20px;
}
  /* from swich */
  .chekbox_switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 23px;
  }
  
  .chekbox_switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  } 
  .chekbox_switch_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--grey-180);
    -webkit-transition: .4s;
    transition: .4s;
  } 
  .chekbox_switch_slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
} 
  .chekbox_switch input:checked + .chekbox_switch_slider {
    background-color: var(--primary-color);
  } 
  .chekbox_switch input:focus + .chekbox_switch_slider {
    box-shadow: 0 0 1px var(--primary-color);
  } 
  .chekbox_switch input:checked + .chekbox_switch_slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
  } 
  /* Rounded sliders */
  .chekbox_switch_slider.chekbox_switch_round {
    border-radius: 34px;
  } 
  .chekbox_switch_slider.chekbox_switch_round:before {
    border-radius: 50%;
  } 

  /* from swich */
  .selectedPlans1 p {
    color: var(--black) !important;
  } 
  .selected-details p , #selectedSlot {
    color: var(--black) !important;
    margin: 0 !important;
}
/* tiffin close here */

/* profile start css */
.tab.myProfile-tab {
    width: 91%;
    height: 86vh;
    overflow-y: scroll;
}

.tab.myProfile-tab::-webkit-scrollbar {
    width: 6px;
  }
   
   
  /* Handle */
  .tab.myProfile-tab::-webkit-scrollbar-thumb {
    background: var(--primary-color); 
    border-radius: 10px;
  }

.deliveryAddress_Item {
    width: 50%;
}
label.account-selection__option {
    background: var(--white);
    box-shadow: 0 0 7px 1px #0000001a;
    margin-bottom: 22px;
    height: 134px;
}
#myTab li.nav-item {
    margin-right: 4px;
    width: 20%;
    margin-top: 20px;
}
form.btn_next.logoutBtn {
    margin-top: 16px;
}
#myTab .nav-link {
    width: 100%;
    background: #f1f1f194;
    font-size: 14px;
    font-weight: 500;
}
#myTab .nav-link.active {
    background-color: var(--primary-color);
    color: var(--white);
}
#myTab {
    margin-bottom: 20px;
}
#pills-tabContent-0 button#nav-profile-tab {
    display: none;
}
.navbar-tab .tab {
    padding: 8px 34px 8px 34px;
}
.selectMenu .nav-pills .nav-link.active {
    background-color: var(--primary-color) !important;
    color: var(--white);
}
.selectMenu .nav-pills .nav-link {
    color: var(--black);
}
#pills-tab- button {
    border-radius: 30px;
    padding: 16px 14px;
}
.tiffin-outer .nav-pills .navTiffin_planner {
    margin: 0;
    border-radius: 10px;
}
.navbar-tab .nav-link {
    padding: 8px 10px;
    margin-top: 8px;
    border-radius: 100px;
} 
.navbar-tab.tiffin-outer h2 {
    margin-bottom: 30px;
} 
.profileImg { 
    background: var(--light-green);
    width: 80px;
    height: 80px;
    padding: 10px;
}
.radio__btnImg img {
    width: 100%;
} 
span.profileName {
    color: var(--green-120);
    font-size: 32px; 
    line-height: 24px;
}
.profileTitle span.number {
    color: var(--grey-120);
    font-size: 16px;
    line-height: 24px;
}
.profileName_outer1 a.button {
    width: fit-content;
}
.profileTitle {
    padding-left: 24px;
}
.profileTitle h5 {
    margin-bottom: 4px;
}
.profileName-outer {
    margin-bottom: 32px;
}
p.subscription {
    margin-bottom: 0px;
}
.tiffinPlan {
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 0px 8px 0px var(--black-10);
    padding: 16px; 
    width: 100%; 
    display: inline-block;
    margin: 12px 0;
} 
.profileDate.row {
    padding-top: 16px;
}
.profileDate-left p {
    color: var(--primary-color);
    font-weight: bold;
}
.profileDate-right p {
    color: var(--black);
    font-size: 13px;
    line-height: 20px; 
}
.profileDate p {
    margin-bottom: 0px;
}
.remaining-left p {
    color: var(--grey-120);
}
.remaining-left p span {
    font-size: 24px;
    color: var(--grey-140);
}
.remaining {
    padding-top: 16px;
    margin-top: 8px;
    border-top: 1px solid var(--grey-150);
}
.tab.myProfile-tab {
    width: 91%;
}
.payment_successOuter {
    height: 100vh;
}
.payment_successOuter form {
    background: var(--green-30);
    border-radius: 14px;
    padding: 50px 60px 50px 60px;
    width: 533px;
    margin: 0 auto;
    margin-bottom: 0;
    position: relative;
}
.payment_successOuter h5 {
    margin-bottom: 9px;
} 
button.stripe-button-el  span {
    border: 1px solid #60ad34 !important;
    box-shadow: unset !important;
}
.payment_successOuter .thankYou_page img {
    width: 48px;
}
.tab1 {
    display: flex;
    align-items: start;
}
.profileName-outer {
    display: flex;
    align-items: center;
} 
div#v-pills-tab {
    width: 25%;
}

/* tab 2 */ 
.address_item {
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 0px 8px 0px var(--black-10); 
    padding: 20px;
    display: inline-block;
    margin: 16px 15px;
    width: 275px;
}
.selectMenu {
    margin: 12px 0;
}
.address_title {
    margin-bottom: 20px;
}
.address_item ul li a {
    color: var(--grey-20);
    font-size: 16px;
    line-height: 20px;
} 
.address_item ul li {
    padding-bottom: 16px;
}
.address_item ul li a svg {
    margin-right: 16px;
}
span.address_icon {
    width: 10%; 
}
span.address_content { 
    width: 95%;
}
.action_btn {
    margin-top: 8px; 
    gap: 20px;
}
.action_btn a {
    color: var(--grey-140);
    font-size: 14px;  
}
a.default_btn {
    border: 1px solid var(--primary-color);
    padding: 4px 8px;
    color: var(--primary-color);
    font-size: 8px;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}
.add-address {
    margin-top: 200px;
    gap: 8px;
}
span.plus_icon { 
    background: var(--green-70); 
    width: 28px;
    height: 28px;
    padding: 10px; 
}
span.addAddress {
    color: var(--grey-140); 
    font-size: 16px; 
    line-height: 24px;
}
.yourAddress {
    color: var(--grey-140); 
}
a.deliveryAddress_btn {
    border-radius: 4px;
    border: 1px solid var(--grey-140);  
    padding: 12px 24px;
    color: var(--grey-140); ; 
    font-size: 16px;  
    line-height: 24px;
    margin-top: 16px;
}
.delivery_input input { 
    margin-bottom: 16px;
}
#exampleModalToggle .modal-dialog.modal-dialog-centered {
    max-width: 991px !important;
    display: block;
}
#exampleModalToggle .modal-content {
    padding: 40px 24px;
}
.saveAddress {
    color: var(--grey-140);
    margin-bottom: 17px;
}
.form-toggle input[type="radio"] {
    border-radius: 4px;
    outline: 1px solid var(--grey-30); 
    width: 108px;
    padding: 8px 0px; 
}
.choose-location {
    height: 100%;
}
.choose-location img {
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.choose-location a { 
    padding: 8.216px 12.324px;
    border-radius: 10270.347px;
    border: 1px solid var(--black); 
    bottom: 19px;
    color: var(--grey-140); 
    font-size: 14px; 
}
.choose-location a svg {
    margin-right: 8px;
}
#pills-tab1 button.nav-link.active , #tiffinPlaner_tab button.nav-link.active , #tiffinPlaner_tab2 button.nav-link.active , #tiffinPlaner_tab3 button.nav-link.active {
    background: var(--primary-color);
    border-radius: 8px;
} 

#pills-tab1 button.nav-link , #tiffinPlaner_tab button.nav-link , #tiffinPlaner_tab2 button.nav-link , #tiffinPlaner_tab3 button.nav-link {
    padding: 24px 16px;
}

/* radio btn css start */
.slick-slide {
    height: unset;
}
.text-up {
  text-transform: uppercase;
}
.decoration-bar {
  background-color: var(--yellow-90);
  height: 0.6rem;
  width: 26rem;
  margin: 0 auto 2rem;
}
.button--lg {
  height: 56px;
}
.button--md {
  padding: 6px 20px;
}  
.button--transparent {
  background-color: transparent;
  color: var(--blue-200);
  text-transform: none;
  font-size: 16px;
}
.button--transparent svg {
  margin-left: 6px;
} 
.questions {
  text-align: center;
}
.questions__headline {
  font-size: 1.5rem;
}
.questions__form {
  max-width: 800rem;
  margin: 0 auto;
}
.questions .form__tab {
  display: none;
}
.questions .form__tab.active {
  display: block;
}
.questions .form__group { 
  gap: 20px;
}
.questions .form__group--full {
  flex-direction: column;
}
.questions .form__title {
  margin-bottom: 3rem;
  padding: 0 4rem;
  font-size: 3.2rem;
}
.questions .form__input {
  position: absolute;
  opacity: 0;
}
.questions .form__label { 
    cursor: pointer;
    padding: 9px 36px;
    position: relative;
    border-radius: 4.121px;
    border: 1.03px solid var(--grey-30);
    width: 100%;
    transition: all 0.2s ease;
}
.questions fieldset.form__group {
    margin-bottom: 16px;
}
.questions .form__label--simple {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  text-align: center;
  padding: 1rem 2rem;
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  color: #12395b;
}
.questions .form__label:hover {
  background: var(--yellow-100);
  border: 1px solid var(--yellow-60);
}
.questions .form__label:has(input:checked) {
    border-radius: 4.121px;
    border: 1px solid var(--yellow-60);
    background: var(--yellow-100);
}
.questions .form__input:focus {
    box-shadow: unset;
}
.questions .form__label:has(input:checked) .form__label-check {
  display: block;
} 
.questions .form__label-img {
  grid-column: 1;
  grid-row: 1/3;
  width: 60px;
}
.questions .form__label-name {
    color: var(--grey-140);
    font-size: 16px; 
    font-weight: 500; 
}
.questions .form__label-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 325;
  line-height: 20px; 
}
.questions .form__label-check {
  color: var(--blue-200);
  fill: var(--blue-200);
  stroke-opacity: 1;
  stroke: var(--grey-15);
  background: var(--grey-15);
  border-radius: 100%;
  display: none;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 100%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}
.questions .form__prev > svg {
  transform: rotate(180deg);
}
#exampleModalToggle button.btn-close {
    background-image: unset; 
    right: 24px;
    top: 40px;
}
#exampleModalToggle h5 {
    margin-bottom: 44px;
}
#exampleModalToggle button.btn-close:focus {
    box-shadow: unset;
}
/* radio btn css close */

/* tab4 css start */

/* switch */

.switchOuter {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  } 
  .switchOuter input { 
    opacity: 0;
    width: 0;
    height: 0;
  } 
  .sliderOuter {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--grey-180);
    -webkit-transition: .4s;
    transition: .4s;
  } 
  .sliderOuter:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
  }
  .checkerOuter:checked + .sliderOuter {
    background-color: var(--primary-color);
  } 
  .checkerOuter:focus + .sliderOuter {
    box-shadow: 0 0 1px var(--primary-color);
  } 
  .checkerOuter:checked + .sliderOuter:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  } 
  .sliderOuter.roundOuter {
    border-radius: 34px;
  } 
  label.switchOuter {
    margin-top: 10px;
  }
  .sliderOuter.roundOuter:before {
    border-radius: 50%;
  } 
.selectMenu_Item span.dateName.d-block {
    color: var(--grey-20);
    font-size: 12px; 
}
.tiffinAlert {
    width: 64%;
    margin: auto;
    padding: 14px 0;
}
.selectMenu_Item span.dateName1 {
    color: var(--text-color);
    font-size: 16px; 
} 
.navTiffin_planner.active {
    background-color: var(--light-green) !important;
}
#pills-tab1 button.nav-link.active span.dateName , #pills-tab1 button.nav-link.active span.dateName1 , #tiffinPlaner_tab3 button.nav-link.active span.dateName , #tiffinPlaner_tab3 button.nav-link.active span.dateName1  , #tiffinPlaner_tab2 button.nav-link.active span.dateName , #tiffinPlaner_tab2 button.nav-link.active span.dateName1 , #tiffinPlaner_tab button.nav-link.active span.dateName , #tiffinPlaner_tab button.nav-link.active span.dateName1 {
    color: var(--white);
} 
.tiffinPlaner1 {
    padding-right: 16px;
    border-right: 1px solid var(--grey-10);
    margin-right: 16px;
}
.tiffinPlaner2 {
    margin-top: 24px !important; 
}
.tiffinPlaner , .tiffinPlaner2 , .tiffinPlaner3  {
    padding: 14px 12px;
    background: var(--white);
    box-shadow: 0 0 8px 0 #0000001f;
    border-radius: 8px;
    margin-top: 8px;
    margin-bottom: 16px;
}
.tiffinPlaner3 img  , .tiffinPlaner2 img , .tiffinPlaner img {
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
} 
.selectMenu span { 
    font-size: 12px;
    color: var(--grey-20);
}
.selectMenu1 .selection {
    margin-bottom: 24px;
}
.selectMenu1 .date {
    color: var(--grey-20);
    font-size: 14px; 
}
.selectMenu1 .titleSpan { 
    margin-top: 16px;
}
.selectMenu1 ul li a {
    color: var(--text-color); 
    font-size: 14px;  
}
.selectMenu1 ul li a .close_btn svg { 
    top: 50%; 
    transform: translateY(-50%);
}
.dishImg {
    margin-right: 8px;
}
.unorderList_selectMenu li {
    margin-top: 8px;
}
.myProfile-tab .profileImg_tab {
    border-radius: 16px;
}
.myProfile-tab .profileImg_tab.active {
    background-color: var(--light-green);
}
.selectMenu1 span.date.dateOuter {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid var(--grey-20);
    margin-bottom: 8px;
}
#myTabContent div#nav-tab , #myTabContent2 div#nav-tab , #myTabContent3 div#nav-tab{
    margin-bottom: 20px;
}
.submitOrder { 
    margin-top: 4px;
}
.nav-tabs button.nav-link {
    width: 50%;
    background: unset;
    border: 0;
    font-size: 16px;
    color: var(--black);
}
#tiffinPlaner_tab3 .navLink_item , #tiffinPlaner_tab2 .navLink_item , #tiffinPlaner_tab .navLink_item {
    width: 100%;
}
div#nav-tabs {
    border-bottom: 1px solid rgba(89, 89, 89, 0.10);
    margin-bottom: 16px;
}
#pills-tab- li button.active {
    background-color: var(--primary-color);
    color: var(--white);
}
#pills-tab- li button {
    color: var(--black);
}
#nav-tab .nav-link.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 2px;
    background-color: var(--primary-color);
}


/* tabs4 tab lunch dinner */ 
    .account-selection__input {
        accent-color: var(--green-140);
        width: 20px !important;
        height: 20px !important;
        position: absolute;
        right: 17px;
        top: 10px;
        margin: 0 !important; 
    }
    .account-selection__outerr {
        gap: 16px;
    }
    .dishOtion1 span {
        color: var(--text-color) !important;
        font-size: 12px !important;  
    }
  .account-selection__option:has(
    .account-selection__input:checked
  )
  {
    border-color: var(--yellow-100);
  }
  .account-selection__option {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px;
    border: 2px solid var(--white);
    width: 100%;
    cursor: pointer;
    border-radius: 8px;
    background: var(--white);
}
.DishItem_col {
    background: var(--yellow-50);
    padding: 20px 10px;
}
.continentaliTEM {
    background: var(--prpal-20);
    margin-top: 32px;
}
.SaladsiTEM {
    background: var(--sky-blue-10);
    margin-top: 32px;
}
.radio__btnTitle .title {
    margin-bottom: 16px;
}
.radio__btnTitle .description {
    color: var(--paragraph-color);
    margin-bottom: 16px;
}
.radio__btnTitle ul li a {
    font-size: 12px;
    color: var(--paragraph-color);
}
.radio__btnTitle ul li {
    margin-right: 7px;
    padding-right: 7px;
}
.radio__btnTitle ul li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 57%;
    background-color: var(--grey-10);
    width: 1px;
    height: 56%;
    transform: translateY(-50%);
}
.radio__btnTitle ul li:last-child::before {
    content: unset;
}
.radio__btnTitle {
    margin-right: 16px;
}
.selectMenu_unorder { 
    gap: 38px;
}
.selectMenu_iner { 
    padding: 16px 17px; 
    gap: 16px;
    border-radius: 8px;
    background: var(--white);
    box-shadow: 0px 0px 8px 0px var(--black-10);
}
.selectMenu_price {
    border-top: 1px solid var(--grey-150);
    padding-top: 16px;
    width: 100%;
    margin-top: 8px;
} 
.selectMenu_price p {
    color: var(--grey-130);
    font-size: 14px; 
}
.selectMenu_price p span {
    font-size: 21px;
    color: var(--grey-140);
}
.selectMenu_price a.renew {
    border-radius: 4px;
    padding: 8px 16px;
    border: 1px solid var(--grey-140);
    color: var(--grey-140); 
    font-size: 16px;  
    display: none;
} 
.selectMenu_price a.renew svg { padding-right: 4px;}
a.activeBtn {
    border-radius: 100px;
    border: 1px solid var(--green-50);
    padding: 4px 8px 4px 15px;
    color: var(--green-50);
    font-size: 8px; 
    height: 22px;
}
.completedBtn {
    border: 1px solid var(--grey-140) !important;
    color: var(--grey-140) !important;
}
.pausedBtn { 
    border: 1px solid var(--yellow-60) !important;
    color: var(--yellow-60) !important;
}
a.completedBtn::before { 
    background: var(--grey-140) !important; 
}
a.pausedBtn::before { 
    background: var(--yellow-60) !important; 
}
a.activeBtn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 4px;
    height: 4px;
    background: var(--green-50);
    border-radius: 100px;
    transform: translateY(-50%);
}
.orderHistory {
    margin-top: 24px;
}
.dishOtion1 span {
    color: var(--text-color) !important; 
    font-size: 12px !important;
    margin-bottom: 8px;
}
.Dish2 {
    margin-top: 24px;
} 
.form__radio-label { 
    gap: 8px; 
    cursor: pointer;
  }
  .form__radio-button1 {
    border-radius: 2px !important;
  }
  .form__radio-button1::after { 
    width: 7px !important;
    height: 13px !important;
    border: 2px solid var(--yellow-100);
    border-left: 0;
    border-top: 0;
    transform: rotate(45deg) !important;
    left: 6px !important;
    position: absolute !important;
    top: 1px !important;
    background-color: unset !important;
    border-radius: unset !important;
}
.swichBtn {
    background: var(--white);
    padding: 20px;
    box-shadow: 0 0 8px 0 #0000001f;
    border-radius: 8px;
    margin-top: 32px;
    display: none;
}
.swichBtn3 p {
    margin-top: 7px;
}
.swichBtn3 {
    margin-bottom: 32px;
}
.swichBtn .pause {
    padding: 8px 21px 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--text-color);
    background: unset; 
}
.delivery_input input:focus-visible {
    outline: 1px solid var(--primary-color);
}
.swichBtn .pause img {
    margin-right: 2px;
    margin-top: -4px;
}
/* button#checkBtn , #nextBtn {
    width: 285px !important;
} */
.btn-primaryLogout:hover {
    background-color: var(--black);
}
.groupingGroup .form__radio-group {
    display: inline-block;
    margin-right: 10px;
}
  .form__radio-button {
    width: 20px;
    height: 20px;
    border: 1px solid var(--yellow-100);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transform: translateY(-2px);
  }
  .form__radio-button::after {
    content: "";
    display: block;
    height: 1.3rem;
    width: 1.3rem;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transition: opacity 0.1s;
    transform: translate(-50%, -50%);
    background-color: var(--yellow-100);
    opacity: 0;
  }
  .form__radio-input:checked + .form__radio-label .form__radio-button:after {
    opacity: 1;
  }
  .forgotPassword {
    width: 100%;
  }
.preferencesOuter .form__group {
    gap: 16px;
}
.preferencesOuter {
    margin-top: 32px;
}
.preferencesOuter p {
    margin-bottom: 16px;
}
.preferencesOuter label span {
    font-size: 16px !important; 
    color: var(--text-color)!important; 
}
.NV {
    margin-right: 7px;
}
#formPreferences1 .form-group {
  display: block;
  margin-bottom: 15px;
}
#formPreferences1 .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
#formPreferences1 .form-group label {
  position: relative;
  cursor: pointer;
}
#formPreferences1 .form-group label:before {
  content:''; 
  background-color: transparent;
  border: 1px solid var(--yellow-100);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 8px;
}
#formPreferences1 {
    gap: 16px;
}
#formPreferences1 .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid var(--yellow-100);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/* profile close css */

/* signUp css start  */
.signUp_outer  {
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
} 
.login_btnOuter button.btn1.signUp_btn1 {
    padding: 12px 26px;
}      
.forgotPassword span {
    font-size: 14px;
    line-height: 16px;
    top: -5px;
    color: var(--primary-color);
}
button.btn1.signUp_btn1 
 {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    padding: 6px 0;
    border-radius: 10px;
    font-size: 18px;
    color: var(--white);
}
.signUp-left form input {
    border-radius: 8px;
    border: 1px solid var(--grey-40);
    display: flex;
    height: 38px;
    min-height: 38px;
    padding: 9px 9px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 12px;
}
.signUp-left form input:focus-visible {
    outline: 1px solid var(--primary-color);
}
.signUp_outer .signUp-left h4 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 16px;
    font-family: "Noto Serif Georgian", serif;
}
.addressEdit:active {
    border: unset;
}
.signUp_btn {
    width: 100%;
    margin-top: 26px;
}
a.btn1 { 
    padding: 12px 24px; 
    gap: 8px; 
    color: var(--white); 
    font-size: 16px; 
    line-height: 22px;
}
a.signUp_btn1 {
    border-radius: 4px;
    border: 1px solid var(--black);
    background: var(--black);
}
a.signUp_btn2 {
    border-radius: 4px;
    border: 1px solid var(--black);
    color: var(--black);
    margin-top: 16px;
}
.logIn {
    margin-top: 4px;
}
.signUp-right {
    display: none;
}
.signUp-left 
 {
    margin-right: 110px;
}
.logIn a {
    padding-left: 8px;
    text-decoration: underline; 
    color: var(--primary-color);
}
.signUp-img img {
    width: 50%;
    object-fit: cover;
    height: 100%;
}
.signUp-img { 
    text-align: right;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
/* signUp css close  */

/* weekly menu css start */ 
.week_menu .sliderMenu-heading p , .week_menu .sliderMenu-heading ul {
    display: none;
}
section.weekly_menu #nav-tab .nav-link.active::before { 
    width: 100%; 
}
#myTab button.nav-link {
    border-radius: 22px 22px 0px 0px !important;
}
.selectMenu #pills-tabContent .nav-tabs button.nav-link {
    width: 18% !important;
}
.weeklyMenu_item img {
    margin-bottom: 16px;
    height: 210px;
    object-fit: cover;
}
.weeklyMenu_item2 span.popular {
    background-color: var(--yellow-120);
    color: var(--yellow-130);
    font-size: 9px;
    letter-spacing: -0.3px;  
} 
.weeklyMenu_item2 span.weeklyMenu_title {
    font-size: 12px;
    letter-spacing: -0.3px;
    margin: 6px 0;
} 
.weeklyMenu_item {
    border-radius: 4px;
    background: var(--white);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10);
    margin: 12px 0; 
}
.weeklyMenu_item2 {
    padding: 0 16px 24px 16px;
}
.weeklyMenu_item2 ul li a {
    color: var(--grey-160); 
    font-size: 9px;  
    letter-spacing: -0.3px;
}
.weeklyMenu_item2 ul li a span.kcals { 
    display: none;
}
/* weekly menu css close */
 .checkMsg {
    font-size: 14px !important;
 } 
/* stripe css */
.card-input {
    border: 1px solid var(--grey-180);
    border-radius: 4px;
    padding: 10px;
    background-color: #f9f9f9;
    font-size: 16px;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.card-input:focus {
    border-color: #4caf50;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.8);
}
.checkout-btn {
    display: inline-block;
    background-color: #4caf50;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center;
    width: 100%;
}
.checkout-btn:hover {
    background-color: #45a049;
}
.checkout-btn:active {
    background-color: #388e3c;
    transform: scale(0.98);
}
.checkout-btn:disabled {
    background-color: var(--grey-180);
    cursor: not-allowed;
}


/*     */

/* checkoutBtn */
.CheckoutModal_submit1 {
    width: 32% !important;
    padding: 60px 70px !important;
    max-width: unset !important;
}
.CheckoutModal_submit1 button {
    background: var(--black);
    border: 1px solid var(--black);
    color: var(--white);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding: 10px 30px;
    margin-top: 14px;
    border-radius: 8px;
}

/* profile page css start */
/* tab2 */
.editAdress_Item {
    width: 50%;
}
.editAdress_outer {
    gap: 20px;
    width: 100%;
}
.editAddress_close {
    text-align: right;
    padding: 0px 0 18px 0px;
}
.editAddress_btn {
    margin: 10px 0 4px 0;
}
.editAddress_close {
    text-align: right;
    padding: 6px 0 20px 0px;
}
input, select {
    padding: 4px 12px;
    width: 100%;
    border: 1px solid var(--grey-40);
    border-radius: 8px;
    font-size: 14px;
}
.editAddress_close button:focus {
    box-shadow: unset;
}
.offer-left1 input , .spiceLevel {
    margin-bottom: 2px;
}
.spiceLevel_type .plan_inputType.spiceLevel {
    width: 30% !important;
    max-width: 30% !important;
}
.radioBtn_tab input {
    width: unset;
}
/* tab2 */
/* profile page css start */

/* thank You page css start */ 
.thankYou_Item {
    background: var(--green-30);
    border-radius: 14px;
    padding: 40px 42px 87px 42px;
    width: 533px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.thankYou_page {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--green-30);
    width: 94px;
    height: 94px;  
    border: 3px solid var(--white);
}
.thankYou_page img {
    width: 8px;
}
.thankYou_btn {
    width: 553px;
    margin: 0 auto;
}
.thankYou_btn a {
    padding: 20px 40px;
    border-radius: 14px;
    font-size: 18px; 
    color: var(--black);
}
a.thankYou_btn1 {
    background: var(--black); 
    color: var(--white);
}
.thankYou_Item a {
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    display: block;
    width: 27%;
    margin: 0 auto;
}
.thankYou_Item p {
    font-size: 18px;
    line-height: 24px;
}
.thankYou_overview {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffff38;
    width: 100%;
    height: 44px;
    border-radius: 0 0 14px 14px;
}
.orderid_outer {
    padding-top: 40px;
}
.orderid span , .orderid1 span {
    font-size: 14px;
    line-height: 18px;
}
.orderid p , .orderid1 p {
    font-size: 20px;
    line-height: 26px;
}
.thankYou_Item h5 {
    margin: 0;
    padding-bottom: 4px;
}
section.thankYou {
    width: 100%;
    display: flex;
    align-items: center; 
    padding: 110px 0;
}
/* thank You page css close */

/* payment css start */
/* Custom styles for the payment page */
.payment-container { 
    padding: 52px 80px;
    text-align: center;
    border-radius: 16px; 
    height: 100vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.payment-containerItem {
    padding: 52px 80px;
    text-align: center;
    border-radius: 16px; 
    background: var(--white);
    box-shadow: 0 8px 28px 0px var(--light-black);
    width: 80%;
    margin: auto;
}
.payment-container h2 {
  color: #333; 
  margin-bottom: 60px;
} 
.stripe-button {
  width: 100%;
  padding: 15px;
  background-color: #28a745;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
  border-radius: 8px;
  font-weight: 600;
  transition: background-color 0.3s ease;
} 
.stripe-button:hover {
  background-color: #218838;
}
.payment-footer {
    font-size: 20px;
    color: #4f5254;
    margin-top: 12px;
    font-weight: 500;
} 
.payment-footer a {
  color: #007bff;
  text-decoration: none;
} 
.payment-footer a:hover {
  text-decoration: underline;
} 
.payment-summary h4 {
  margin-bottom: 24px;
  font-size: 18px;
  color: #333333;
} 
.payment-summary p {
  font-size: 16px;
  color: #495057;
  margin-bottom: 12px;
} 
.payment-summary .total-amount {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
}
button.stripe-button-el {
  width: 25% !important;
  margin-top: 22px !important;
  background-image: unset !important;
  box-shadow: unset !important;
}
.stripe-button-el span {
  background: #60ad34 !important;
  border: unset !important;
  padding: 8px 30px !important;
  height: unset !important;
  font-size: 20px !important;
}
section.paymentOuter { 
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.button>.inner>button>span {
    background: #60ad34 !important;
    border: 1px solid #60ad34 !important;
}
/* payment css close */
#checkboxItem {
    width: unset;
}
/* faq start here */
.faqHeading {
    padding: 0 20px;
}
.custom-heading h2 , .faqHeading h2 {
    margin-bottom: 24px;
}
.faqLeft , .faqRight {
    border-top: 1px solid var(--text-color);
}
.unorder_listGroup li {
    list-style: disc;
    line-height: 36px;
}
.faqLeft button.accordion-button.collapsed , .accordion-collapse.show  {
    border-bottom: 1px solid var(--text-color);
    border-radius: 0 !important;
}
.faqLeft .accordion-button:not(.collapsed) {
    background-color: var(--light-green);
    box-shadow: unset;
    border-radius: 0 !important;
}
.faqLeft .accordion-item {
    border: 0 !important;
}
.faqLeft button.accordion-button.collapsed, .accordion-collapse.show {
    border-bottom: 1px solid var(--text-color);
    border-radius: 0 !important;
     
}
.faqLeft button.accordion-button {
    padding: 24px 14px;
    font-size: 20px;
    line-height: 23px;
    color: var(--text-color);
    font-family: "Inter", sans-serif;
}
.faqLeft .accordion-body {
    padding: 0 0 24px 0;
    font-size: 16px;
    line-height: 26px;
}
.faqLeft button.accordion-button:focus {
    box-shadow: unset;
}
.stillRow p {
    margin-bottom: 24px;
}
.btn:hover {
    background-color: var(--yellow-100);
    color: var(--white);
}
.faq .slick-prev , .faq .slick-next {
    display: none !important;
}
.faq .slick-dots {
    bottom: -44px;
}
.faq .accordion-button::after {
    display: none !important;
}
.checkbox_tiffin input {
    width: 50%;
}
/* faq close here */


/* change password css start */
.alert.alert-danger , .alert.alert-success {
    width: 406px;
    font-size: 14px;
}
.deliveryAddress_Item label {
    font-size: 12px;
}
span.chekbox_switch_slider.chekbox_switch_round {
    width: 44px;
    height: 24px;
}
.deliveryAddress_Item label {
    margin-bottom: 5px;
}
button.btn:active {
    border-color: transparent !important;
}
.btn-close:focus {
    box-shadow: unset !important;
}
.profileName_outer1.button {
    width: 190px;
    text-align: center;
}
/* change password css close */


/* trial css start */
.trial_tiffin .paymentLeft1 {
    padding: 30px 60px 10px 60px; 
}
.trial_tiffin .paymentLeft1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: var(--primary-color);
}

.trial_planner {
    gap: 16px;
}
form#multi-step-form {
    width: 90%;
    max-width: 600px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
}

form#multi-step-form .buttons {
    padding: 0px 20px 20px 0;
} 
.submit_btn_dish {
    width: 500px;
}
.cost_meal {
    color: var(--primary-color);
}
div#multi-step-form1 {
    background: var(--white);
}
#multi-step-form1 li button {
    width: 100%;
    border-radius: unset;
    padding: 20px 0;
}
#multi-step-form1 li button.active {
    border-bottom: 2px solid var(--primary-color);
}
#multi-step-form1 li button.active label {
    font-size: 18px;
} 

#lunch-tab-pane_trial ul li.nav-item , #dinner-tab-pane_trial ul li.nav-item {
    width: 33.33%;
}
.trial_spacer {
    padding-top: 40px;
}
.faq .slick-dots li button:before { 
    width: 16px;
    height: 16px; 
    background: var(--black); 
    border-radius: 100px;
    color: transparent;
}
.faq .slick-dots li.slick-active button:before {
    background-color: var(--primary-color);
}
.slick-prev, .slick-next {
    display: none;
}
/* trial css close */

/* footer css start */
.main_footer_item {
    padding: 30px 0px;
}
.main_footer_item ul {
    gap: 46px;
}
.main_footer_item ul li a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
footer.main_footer {
    border-top: 1px solid #8f8f8f;
    background-color: var(--white);
}
.main_footer_item ul li {
    padding: 6px 10px;
    display: inline-block;
    padding: 4px 22px;
}
/* footer css close */


/* tiffin tab 5 */ 
/* Style for the checkboxes */
#myDIV1 input[type="checkbox"] {
    width: 100%;
    height: 100%;
    border: 2px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0;
    position: relative;
    z-index: 99;
}
#myDIV1 label {
    margin-left: 5px;
    position: absolute;
    top: 30px;
    left: 16px;
    transform: translate(-50%, -50%);
}
/* Initial span style */
#myDIV1 .group span {
    transition: background-color 0.3s ease;
}
/* Style for the checkboxes */   
#myDIV1 span { 
    display: block; 
}
#myDIV1 span label {
    font-size: 16px;
    line-height: 22px;
    color: var(--black);
}
.quantity input {
    opacity: 0;
}
.quantity  span {
    width: 40px;
    height: 60px;
}
.numberTiffin label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.quantity  span input {
    width: 100%;
    height: 100%;
}
.position-relative.numberTiffin {
    width: 40px;
    height: 60px;
    display: flex;
    align-items: center;
}
#pills-tab button.nav-link {
    color: var(--black);
    font-weight: bold;
}
#pills-tab button.nav-link.active {
    color: var(--primary-color);
    background-color: unset !important;
    position: relative;
}
#pills-tab button.nav-link.active::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
}
ul#pills-tab {
    justify-content: center;
    margin: 20px 0 0 0;
} 
#pills-tab li.nav-item {
    width: 12%;
    display: flex;
    justify-content: center;
}

/* checkout page css start here */
.checkout_plan .radio-btn,
    .checkout_plan .radio-btn1  , .checkout_plan .radio-btn_meal ,
    .checkout_plan .radio-btn1_meal {
        padding: 7px 8px;
        border-radius: 100px;
    } 
    .checkout_plan label.custom-radio:hover,
    .checkout_plan label.custom-radio.custom-radio-btn2:hover {
        border-radius: 100px;
    } 
    .checkout_item {
        background: var(--white);
        border-radius: 20px;
        box-shadow: 0 0px 8px -2px #afafaf;
        padding: 12px;
        overflow: hidden;
    } 
    .checkout_item .vegetarian-left {
        margin-right: 2px;
    } 
    .checkout_item span.veg-title {
        font-size: 10px !important;
    } 
    .checkout_item img {
        width: 26px;
        margin-right: 4px;
    } 
    .checkout_plan h4 {
        color: var(--primary-color);
        letter-spacing: 2px;
        margin-bottom: 4px;
        font-size: 20px;
        line-height: 24px;
    }
    .dessert_row_checkout .plan_inputType.spiceLevel.dessert_item_checkout {
        margin-bottom: 2px;
    }
    .vegetarian-row_checkout .col-md-4 {
        padding: 0 4px;
    }
    .checkout_plan .date-row span.veg-title {
        color: var(--grey-10);
        font-size: 12px;
    } 
    .checkout_plan h6 {
        color: #03573a;
        letter-spacing: 1px;
        margin-bottom: 4px;
        padding-top: 6px;
    } 
    .checkout_plan .date_item {
        border: 2px solid var(--grey-10);
        padding: 8px 10px;
        border-radius: 100px;
    } 
    .checkout_plan .date-row {
        padding: 24px 0 10px 0;
        border-top: 1px solid var(--grey-10);
        border-bottom: 1px solid var(--grey-10);
        margin-bottom: 6px; 
    } 
    .checkout_plan .plan-col .plan-left {
        padding: 0;
        margin-top: 32px;
    } 
    .date_label {
        top: -18px;
        position: absolute;
    }
    .checkout_plan .plan-col.sliderMenu-col {
        border-radius: 40px;
    } 
    .checkout_plan .plan-col .plan-left ul {
        padding: 0 !important;
    } 
    .checkout_regular_plan h6 {
        background: var(--blue-80);
    } 
    .checkout_large_plan h6 {
        background: var(--red-40) !important;
    } 
    .checkout_large_premium_plan h6 {
        background: var(--yellow-100) !important;
    } 
    .slot-row_checkout .date_label {
        top: -20px;
        font-size: 12px;
    }
    .vegetarian-row.slot-row_checkout , .feeds_row.slot-row_checkout , .slotItem {
        gap: 8px;
    }  
    .checkout_plan .sliderMenu-col h6 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 16px 16px 0 0;
        padding: 6px 20px;
        font-size: 15px;
        line-height: 16px;
        height: 36px;
    }
    .checkout_plan .plan-col .plan-left p {
        color: var(--black) !important;
        padding-bottom: 0;
        font-weight: 500;
        font-size: 12px;
        line-height: 17px;
    } 
    .checkout_plan .plan-col span {
        color: var(--primary-color);
        font-size: 15px;
        font-style: italic; 
    } 
    .checkout_plan .plan-col {
        padding: 16px 18px 0 18px;
        min-height: 256px;
        border-radius: 16px;
        height: unset;
    }
    .date-row .chekbox_switch_slider { 
        background-color: var(--grey-120); 
    }
    .vegetarian-row_checkout .sliderMenu-col {
        border-radius: 16px;
    } 
    .checkout_plan_list {
        margin-bottom: 2px;
    } 
    .weekly_menu_col {
        text-align: center;
    } 
    .weekly_menu_col img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 100px;
        margin-right: 0;
        margin-bottom: 2px;
    } 
    .weekly_menu_col {
        border: 1px solid var(--grey-10);
        border-radius: 24px;
        margin-bottom: 20px;
        padding: 8px;
    }
    .weekly_menu_col p {
        font-size: 10px;
        line-height: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .weekly_menu_item {
        padding: 12px 10px;
    } 
    .weekly_menu_item h4 {
        line-height: 30px;
    } 
    .weekly_menu_item span {
        font-size: 12px;
        color: var(--primary-color);
        line-height: 10px;
    }
    .calculation P {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .checkout_price_row.checkout_price_row1 {
        margin-bottom: 0px;
    } 
    .checkout_price_row1 p {
        font-size: 12px;
        line-height: 16px;
    } 
    .total_price {
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 89%;
        transform: translateX(-50%);
    } 
    .total_price a {
        font-size: 16px;
        line-height: 18px;
        border-radius: 100px;
        width: 100%;
        text-align: center;
        letter-spacing: 1px;
        padding: 10px;
    }
    .custom-radio_checkout input {
        display: none;
    } 
    .weekly_menu_heading {
        width: 100%;
        background: var(--white);
        padding: 0 0 12px 0;
    }
    .vegetarian-row_checkout.meal_planer_row {
        padding: 0 10px;
    }
    .radio-btn_checkout,
    .radio-btn1_checkout {
        width: 360px;
        display: inline-block;
        border-radius: 10px;
        position: relative;
        text-align: center;
        border: 2px solid var(--grey-10);
        cursor: pointer;
        padding: 16px 20px;
    } 
    .checkout_plan .radio-btn_checkout,
    .checkout_plan .radio-btn1_checkout {
        padding: 7px 10px;
        border-radius: 100px;
    } 
    .custom-radio_checkout input:checked+.radio-btn_checkout {
        border: 2px solid var(--primary-color);
    } 
    .custom-radio_checkout input:checked+.radio-btn1_checkout {
        border: 2px solid var(--red-500);
    } 
    .checkout_plan .meal_planer_row .radio-btn_checkout,
    .checkout_plan .meal_planer_row .radio-btn1_checkout {
        border-radius: 16px;
    } 
    .row.justify-content-center.dessert_row {
        margin-top: 30px;
    } 
    .custom-radio_checkout1 input {
        display: none;
    } 
    .radio-btn_checkout1,
    .radio-btn1_checkout1 {
        width: 360px;
        display: inline-block;
        border-radius: 10px;
        position: relative;
        text-align: center;
        border: 2px solid var(--grey-10);
        cursor: pointer;
        padding: 16px 20px;
    } 
    .checkout_plan .radio-btn_checkout1,
    .checkout_plan .radio-btn1_checkout1 {
        padding: 7px 10px;
        border-radius: 100px;
    } 
    .custom-radio_checkout1 input:checked+.radio-btn_checkout1 {
        border: 2px solid var(--primary-color);
    } 
    .custom-radio_checkout1 input:checked+.radio-btn1_checkout1 {
        border: 2px solid var(--red-500);
    } 
    .radio-btn_checkout1,
    .radio-btn1_checkout1 {
        width: 38px !important;
        height: 38px;
    } 
    .vegetarian-row_checkout1 {
        font-size: 24px;
        color: var(--primary-color);
        letter-spacing: 2px;
    } 
    .man_icon_checkout {
        margin-right: 10px;
    }  
    .dessert_row_checkout .plan_inputType label {
        font-size: 12px;
    }
    .dessert_row_checkout {
        gap: 20px;
        margin-top: 16px;
    } 
    .checkout_item {
       height: 454px;
    }
    .dessert_row_checkout_meal_item {
        gap: 8px;
    }
    .date-row label {
        font-size: 10px;
        line-height: 19px;
    }
    .datePicker , .meal_duration_selector {
        width: 90%;
    }
    .vegetarian-row_checkout1 {
        gap: 8px;
    }
    .checkout_plan {
        padding: 40px 0px;
        width: 80%;
    }
    .calculation_heading {
        margin-bottom: 20px !important;
    } 
    .date-row select {
        background-image: url(../images/arrow_down.png);
        background-position: 94% 11px;
        background-repeat: no-repeat;
        background-size: 12px;
    }
    .date-row input,
    .date-row select {
        padding: 6px;
        width: 100%;
        border: 1px solid var(--grey-40);
        border-radius: 8px;
        font-size: 12px;
         

        /* Safari Fixes */
        -webkit-appearance: none;  /* Removes native styling in Safari */
        background-color: var(--white);   /* Ensures background is consistent */
        line-height: normal;       /* Fixes vertical alignment issues */
        color: var(--black);
    }

    .main-checkout {
        height: 100vh;
        display: flex; 
        flex-direction: column;
        justify-content: space-between;
    }
    header.main_header , .main_footer {
        width: 100%;
    }
    .weekly-menu-row-outer-wrapper {
        height: 300px; /* adjust based on your layout */
        overflow: hidden;
        position: relative;
    }
    .duplicate_plan_summary {
        margin-bottom: 13px !important;
        font-size: 14px !important;
        line-height: 18px; 
    }
    .weekly-menu-row-outer { 
        width: 100%;
        text-align: center;
        overflow-y: scroll;
        height: 380px;
    }
    .datePicker input:focus {
        box-shadow: unset !important;
        border: 1px solid var(--primary-color);
    }
    .date-row select:focus-visible  {
        border: 1px solid var(--primary-color);
        outline: unset;
    }
    /* @keyframes scroll-up {
        0% {
            top: 20%;
        }
        100% {
            top: -120%;
        }
    } */
    .checkout_weekly_menu {
        display: inline-block;
        width: 49%;
    }
    .dessert_row_checkout_meal {
        padding-top: 16px;
        padding-bottom: 26px;
    }
    .highlight-text {
        font-size: 12px;
        line-height: 16px;
    }
    .feeds_row select {
        padding: 4px;
        width: 24%;
        border-radius: 8px;
        font-size: 12px;
        border: 1px solid var(--grey-40);
        background-color: white;
        color: black;
        -webkit-appearance: none !important;
        appearance: none;
        background-image: url(../images/arrow_down.png);
        background-position: 87% 11px;
        background-repeat: no-repeat;
        background-size: 10px;
    }
    
    .dessert_row_checkout_meal label {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 1px;
        color: var(--black); 
        font-weight: 500;
    }
    .apply_code input::placeholder , .postal_code input {
        font-size: 12px;
        line-height: 16px;
    }
    .apply_code input , .postal_code input {
        width: 100%;
        border-radius: 8px 0px 0px 8px;
        padding: 9px 12px;
    }
    .postal_code input {
        border-radius: 10px;
        padding: 12px 12px;
        margin-bottom: 10px;
    }
    .apply_code button.button.primary_btn {
        border-radius: 0px 10px 10px 0px;
        background-color: var(--primary-color);
        border: 1px solid var(--primary-color);
        padding: 9px 24px;
    } 
    .promocode {
        margin-bottom: 10px !important;
    } 
    .postal_code_btn.btn_outer {
        margin-top: 14px;
    }
    .postal_code_btn button {
        height: 48px;
    }
    .tiffin_dietary_checkout {
        padding: 30px 0;
    }
    /* checkout page css close */