: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-60: #ff8c42;
    --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: 1rem;
    line-height: 20px;
    color: var(--text-color);
    font-weight: 500;
    cursor: pointer;
}

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;
}

.main_header a.nav-link.active {
    color: #03573a;
    font-weight: 600;
}

.main_header a.nav-link:hover {
    color: #03573a;

}


/* 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;
}

.promo-ribbon {
    background-color: var(--orange-100);
    border: 2px solid var(--orange-100);
    color: white;
    padding: 12px 20px;
    font-size: 1.2rem;
    font-weight: 800;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    animation: pulse 1.5s infinite;
    border-radius: 6px;
    margin-bottom: 10px;
    text-decoration: underline;
    text-transform: capitalize;
}

.promo-ribbon:hover {
    background-color: transparent;
    border: 2px solid var(--white);
    color: var(--orange-100);
    padding: 12px 20px;
    font-size: 1.2rem;
    font-weight: 800;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    animation: pulse 1.5s infinite;
    border-radius: 6px;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: capitalize;
}

.promo-ribbon a {
    color: var(--white);
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

@media (max-width: 768px) {
    .promo-ribbon {
        font-size: 0.9rem;
        padding: 8px 14px;
    }
}

.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(--white);
}

.how-col1 {
    width: 200px;
    height: 200px;
    background: var(--orange-10);
    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: 380px;
}

.plan-col .plan-left {
    padding-left: 90px;
}

.plan-col .plan-left h6 {
    padding-bottom: 4px;
    color: #262626;
}

.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;
}

section.why_meal {
    background-color: var(--white) !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;
} */
section.review {
    background: var(--white);
    padding: 80px 0;
    position: relative;
}

.review-slider .custom-card {
    background: var(--white);
    border-radius: 24px;
    box-shadow: 0 8px 20px var(--black-10);
    padding: 60px 25px 30px;
    margin: 10px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-style: preserve-3d;
    perspective: 1000px;
    overflow: visible;
}

.review-slider .custom-card:nth-child(5n+1) .rating,
.review-slider .custom-card:nth-child(5n+1):hover {
    color: var(--red-40);
}

.review-slider .custom-card:nth-child(5n+1) .quote-icon {
    background: var(--red-40);
    color: var(--white);
}

.review-slider .custom-card:nth-child(5n+2) .rating,
.review-slider .custom-card:nth-child(5n+2):hover {
    color: var(--yellow-40);
}

.review-slider .custom-card:nth-child(5n+2) .quote-icon {
    background: var(--yellow-40);
    color: var(--white);
}

.review-slider .custom-card:nth-child(5n+3) .rating,
.review-slider .custom-card:nth-child(5n+3):hover {
    color: var(--green-30);
}

.review-slider .custom-card:nth-child(5n+3) .quote-icon {
    background: var(--green-30);
    color: var(--white);
}

.review-slider .custom-card:nth-child(5n+4) .rating,
.review-slider .custom-card:nth-child(5n+4):hover {
    color: #b08cf7;
}

.review-slider .custom-card:nth-child(5n+4) .quote-icon {
    background: #b08cf7;
    color: var(--white);
}

.review-slider .custom-card:nth-child(5n+5) .rating,
.review-slider .custom-card:nth-child(5n+5):hover {
    color: #6ab8f7;
}

.review-slider .custom-card:nth-child(5n+5) .quote-icon {
    background: #6ab8f7;
    color: var(--white);
}

.review-slider .custom-card:hover {
    transform: translateY(-10px) rotateX(2deg) rotateY(-2deg);
}

.review-slider .custom-card:nth-child(5n+1):hover {
    box-shadow: 0 12px 30px rgba(241, 103, 85, 0.3);
}

.review-slider .custom-card:nth-child(5n+2):hover {
    box-shadow: 0 12px 30px rgba(255, 180, 0, 0.3);
}

.review-slider .custom-card:nth-child(5n+3):hover {
    box-shadow: 0 12px 30px rgba(70, 126, 38, 0.3);
}

.review-slider .custom-card:nth-child(5n+4):hover {
    box-shadow: 0 12px 30px rgba(138, 79, 255, 0.3);
}

.review-slider .custom-card:nth-child(5n+5):hover {
    box-shadow: 0 12px 30px rgba(0, 110, 200, 0.3);
}

.quote-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 4px 10px var(--black-10);
    z-index: 2;
}

.review-slider .card-body {
    color: var(--paragraph-color);
}

.review-slider .card-text {
    font-size: 15px;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.6;
    padding-top: 20px;
}

.review-slider hr {
    border-top: 1px solid var(--grey-150);
    margin: 16px 0;
}

.review-slider small {
    display: block;
    font-size: 14px;
    color: var(--grey-120);
}

.review-slider .rating {
    font-size: 18px;
    color: var(--yellow-100);
    letter-spacing: 2px;
}

.custom-prev,
.custom-next {
    background: var(--white);
    border: none;
    color: var(--red-40);
    font-size: 24px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 4px 12px var(--black-10);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    transition: all 0.3s ease;
}

.custom-prev:hover,
.custom-next:hover {
    background: var(--red-40);
    color: var(--white);
    transform: scale(1.1);
}

.custom-prev {
    left: -25px;
}

.custom-next {
    right: -25px;
}

.slick-dots li button:before {
    color: var(--red-40);
    opacity: 0.3;
}

.slick-dots li.slick-active button:before {
    color: var(--red-40);
    opacity: 1;
}

@media (max-width: 992px) {
    .review-slider .custom-card {
        padding: 60px 20px 25px;
    }
}

@media (max-width: 768px) {

    .custom-prev,
    .custom-next {
        display: none;
    }
}

/* review css close */


/* Blogs CSS */
.blog-video-section {
    padding: 80px 0;
    background-color: var(--white);
}

.blog-video-section .container {
    position: relative;
}

.video-slider {
    display: block;
}

.video-card {
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 6px 12px var(--black-10);
    transition: all 0.3s ease;
    cursor: pointer;
    aspect-ratio: 9 / 16;
    height: auto;
    margin: 0 8px;
    transform: perspective(600px) rotateX(0deg);
}

.video-card:hover {
    transform: perspective(600px) rotateX(3deg) scale(1.03);
    box-shadow: 0 10px 25px var(--black-10);
}

.video-preview {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.video-preview iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    object-fit: cover;
    margin: 0;
    padding: 0;
}

.video-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    color: #fff;
    text-align: left;
}

.video-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
}

.video-category {
    font-size: 13px;
    color: #ddd;
}

.video-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    justify-content: center;
}

.modal-content {
    position: relative;
    width: 80%;
    max-width: 800px;
    /* background: var(--black); */
    border-radius: 12px;
    overflow: hidden;
}

.modal-content iframe {
    width: 100%;
    height: 450px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: var(--white);
    font-size: 24px;
    cursor: pointer;
}

/* Ends Blogs sections */

/* 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); 
} */

.sliderMenu-col {
    background: var(--white);
    border-radius: 20px;
    transform: translateY(0) scale(1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.sliderMenu-col:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow:
        0 8px 25px var(--orange-30),
        0 12px 40px var(--orange-60),
        inset 0 1px 0 var(--orange-100);
}

.sliderMenu-col_outer {
    padding: 0px 15px;
}

.slick-dotted.slick-slider {
    margin-bottom: 50px;
}

.slick-slide {
    transition: all 0.3s ease;
    overflow: visible
}

/* end select tifin plancs cards */

.week_menu .slick-track {
    margin: 20px 0;
    overflow: visible !important;
    position: relative;
    z-index: 999;
}

.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) !important;
}

.slick-next:before {
    content: url(../images/arrow-right.png) !important;
}

section.review {
    background-color: #fff !important;
}

/* 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;
}*/

.navbar-tab .tab {
    padding: 16px 34px 16px 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;  */
    background-color: rgba(0, 0, 0, 0.125) !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;
}

/* ================================
   FAQs Section - Elegant Modern Look
=================================== */
.faq-section {
    padding: 60px 0;
    background: var(--white);
    font-family: "Poppins", sans-serif;
}

.faq-title {
    /* font-size: 32px; */
    font-weight: 700;
    color: #03573a;
    margin-bottom: 10px;
}

.faq-subtitle {
    font-size: 16px;
    color: var(--green-30);
    margin-bottom: 40px;
}

#faqAccordion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    align-items: start;
}

@media (max-width: 768px) {
    #faqAccordion {
        grid-template-columns: 1fr;
    }
}

.accordion-item {
    border: 1px solid var(--grey-180);
    border-radius: 14px;
    background: var(--white);
    overflow: hidden;
    box-shadow: 0 3px 10px var(--black-10);
    transition: all 0.3s ease;
    align-self: start;
}

.accordion-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.accordion-item:has(.accordion-button:not(.collapsed)) {
    border: 1px solid var(--green-120);
    background: var(--white);
    box-shadow: 0 8px 18px rgba(3, 87, 58, 0.12);
}

.accordion-button {
    background: var(--white);
    color: var(--text-color);
    font-size: 15px;
    font-weight: 600;
    padding: 8px 12px;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 14px;
    letter-spacing: 0.2px;
    min-height: 48px;
}

.accordion-button:not(.collapsed) {
    background: var(--green-10);
    color: var(--green-120);
    padding: 6px 9px !important;
}

.accordion-button:focus,
.accordion-button:active,
.accordion-button:not(.collapsed):focus {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.accordion-button::after {
    display: none;
}

.accordion-button i {
    font-size: 17px;
    color: var(--primary-color);
    transition: transform 0.3s ease, color 0.3s ease;
}

.accordion-button.collapsed i {
    transform: rotate(0deg);
    color: var(--grey-120);
}

.accordion-button:not(.collapsed) i {
    transform: rotate(45deg);
    color: var(--primary-color);
}

.accordion-body {
    padding: 6px 18px 14px 18px;
    font-size: 15px;
    color: var(--grey-5);
    line-height: 1.7;
    background: var(--white);
}

.accordion-item:has(.accordion-button:not(.collapsed)) .accordion-body {
    background: var(--white);
}

#loadMoreBtn,
#loadLess {
    border-radius: 10px;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 18px;
}

#loadMoreBtn i,
#loadLess i {
    font-size: 14px;
}


.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;
}

.sliderMenu-col:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow:
        0 8px 25px var(--orange-30),
        0 12px 40px var(--orange-60),
        inset 0 1px 0 var(--orange-100);
}

.sliderMenu-col_outer {
    padding: 0px 15px;
}

.slick-dotted.slick-slider {
    margin-bottom: 50px;
}

.slick-slide {
    transition: all 0.3s ease;
}

/* end select tifin plancs cards */

.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) !important;
}

.slick-next:before {
    content: url(../images/arrow-right.png) !important;
}

section.review {
    background-color: #fff !important;
}

/* 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;
}*/

.navbar-tab .tab {
    padding: 16px 34px 16px 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;
}

/* 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.main_footer {
    background-color: #404041 !important;
    color: #f1f1f1;
    border-top: 4px solid #a32c18;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: 'Segoe UI', sans-serif;
}

.main_footer_item {
    padding: 20px 0;
}

.main_footer_item h4,
.main_footer_item h5 {
    color: #f08720;
    font-weight: 600;
    margin-bottom: 20px;
}

.main_footer_item ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.main_footer_item ul li {
    padding: 6px 0;
}

.main_footer_item ul li a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #f1f1f1;
    text-decoration: none;
    transition: color 0.3s ease;
}

.main_footer_item ul li a:hover {
    color: #f08720;
}

.main_footer_item p,
.main_footer_item a {
    color: #f1f1f1;
    font-size: 14px;
    font-weight: 600;
}

.main_footer_item p i,
.main_footer_item a i {
    color: #f08720;
    margin-right: 8px;
}

.main_footer_item a.text-black {
    color: #f1f1f1 !important;
}

.main_footer_item a.text-black:hover {
    color: #f08720 !important;
}

.button.primary_btn {
    background-color: #f08720;
    border: 2px solid #f08720;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.button.primary_btn:hover {
    background-color: #a32c18;
    border-color: #a32c18;
    color: #fff;
}

/* 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;
}

.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;
}

.checkout_weekly_menu_heading {
    display: block;
    width: 100%;
}

.weekly_menu_col_heading {

    background-color: #03573a !important;
    color: white !important;

}

.weekly_menu_col p {
    font-size: 10px;
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.checkout_weekly_menu_heading {
    display: block;
    width: 100%;
}

.weekly_menu_col_heading {

    background-color: #03573a !important;
    color: white !important;

}

.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: 580px;
}

.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: 480px;
    /* 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: 480px;
}

.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 */



.menu_im {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}

.menu-section {
    border: 2px solid red;
    border-radius: 10px;
    padding: 20px;
    min-height: 350px;
    background-color: #000;
}

.menu-section h5 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.menu-section ul {
    list-style: none;
    padding: 0;
}

.menu-section ul li::before {
    content: "✔ ";
    color: white;
}

.menu-section img {
    display: block;
    margin: 0 auto 10px;
    max-width: 80px;
    border-radius: 50%;
}

.menu-title {
    text-align: center;
    font-style: italic;
    margin-bottom: 30px;
}


.alert.fullwidth {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.btn.btn-primary.close_delete_modal,
.btn.btn-primary.close_delete_modal:hover,
.btn.btn-secondary.close_delete_modal,
.btn.btn-secondary.close_delete_modal:hover {
    background: #000 !important;
}

.btn.btn-danger,
.btn.btn-danger:hover {
    background-color: #dc3545 !important;
}



.bg-sky-blue {
    background-color: white;
}

/* .faq-section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff3d6;
} */

.custom-card {
    background: var(--white);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

    border-radius: 15px;
    transition: transform .2s;
    padding: 30px 30px !important;
    height: 340px !important;


}

.custom-card h5 {

    font-size: 1.2rem;
}

.custom-card p {

    font-size: 1rem;
}

.faqHeading {
    padding: 0 25px !important;
}

.main_footer_item ul li {
    padding: 6px 10px;
    display: block !important;
    padding: 4px 0px !important;
}

footer.main_footer {
    border-top: 1px solid #8f8f8f61 !important;
    background-color: var(--white);
    padding-top: 20px !important;
}


.order {
    background-color: #ffffff !important;
}

@media (max-width: 991.98px) {
    span.hero_price1 {
        font-size: 28px;

    }
}



.slider-wrapper {
    position: relative;
}

.review-slider .slick-slide {
    padding: 0 15px;
    box-sizing: border-box;
}

.review-slider {
    margin: 0 -15px;
}

.faq-slider .slick-slide {
    padding: 0 15px;
    box-sizing: border-box;
}

.faq-slider {
    margin: 0 -15px;
}

.custom-prev,
.custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: 2px solid #e0a899;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.custom-prev {
    left: -35px;
}

.custom-next {
    right: -35px;
}

.custom-prev:hover,
.custom-next:hover {
    border-color: 3px solid #e0a899;
}

.custom-prev i,
.custom-next i {
    font-size: 18px;
    font-weight: 500;
    color: #e0a899;
    line-height: 1;
}

.slick-dots {
    display: none !important;
}


@media (max-width: 768px) {
    .custom-prev {
        left: 5px;
    }

    .custom-next {
        right: 5px;
    }

}


.slick-dots {
    display: none !important;
}

.slick-slide {
    margin-left: 15px;
}

.slick-slide {
    margin-right: 15px;
}

@media screen and (max-width: 767px) {
    .main_footer_item {
        padding: 25px 0px !important;
    }

    footer.main_footer {
        border-top: 1px solid #8f8f8f61 !important;
        background-color: var(--white);
        padding-top: 20px !important;
        padding-left: 20px;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {
    .custom-prev {
        left: 0px;
    }

    .custom-next {
        right: 0px;
    }

    .vegetarian-row .date_label {
        position: unset;
    }


}

@media (min-width: 992px) and (max-width: 1199px) {
    .vegetarian-row .date_label {
        position: unset;
    }
}



.custom-card h5 {
    font-size: 1.2rem;
    line-height: 24px !important;
}

.custom-card p {
    padding-top: 10px;
}

.rating {
    padding-top: 10px;
}

.review-slider .custom-card {
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.2);
}

.btn-submit-date {
    background: transparent;
    max-width: 150px;
    border: 0px !important;
    color: #fff !important;
}

.indian_plan_button,
.global_plan_button,
.salad_plan_button {
    border-radius: 20px 20px 0px 0px !important;
    border: none !important;
}

.indian_plan_button {
    background: var(--blue-80) !important;
}

.global_plan_button {
    background: var(--red-40) !important;
}

.salad_plan_button {
    background: var(--yellow-100) !important;
}

.main-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.menutype {
    position: absolute;
    bottom: 12px;
    left: 10px;
}

.Current_menus {
    background: #ad311c;
    padding: 10px 14px 10px 14px;
    color: #ffffff;
    border-radius: 20px;
}

.menu-container {

    /* border: 1px dashed #ad311c; */
    /* padding: 20px 5px; */
    display: flex;
    flex-direction: column;
    gap: 0px;
    background: #fff;
    border-radius: 10px;
}

.row.all_menus-show {
    /* border: 1px dashed #ad311c; */
    padding: 20px 20px 20px 20px;
    /* gap: 20px; */
    background: #ffffff;
    border-radius: 10px;
}

.menu-container h3 {
    width: calc(100% - 15px);
    background: #ad311c;
    border: 1px dashed #ad311c;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    margin: 0px 7.5px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: normal;
    font-family: "Inter", sans-serif;
}

.nametype.row {
    width: 98%;
    border: 2px solid #ad311c;
    padding: 15px 0px;
    background: #ffffff;
    border-radius: 10px;
    height: 100%;
    display: block;
}

h5.itemname {
    color: #000000;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 0px;
    line-height: normal;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    text-align: center !important;
}

.menu_main_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.border_inner input {
    font-size: 16px !important;
}

.border_inner {
    display: flex;
    flex-direction: column;
    /* border: dashed; */
    padding: 3px 5px;
    border-width: 1px;
    gap: 10px;
    font-size: 14px;
    border-radius: 10px;
}

.row.all_menus-show {
    margin-bottom: 20px;
    margin-top: 20px;
}

.veg_toggle .chekbox_switch_round {
    background: #03573a;
}

.veg_toggle .chekbox_switch input:checked+.chekbox_switch_slider {
    background-color: #af321d;
}

.days_tabs {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 20px;
    max-width: 100%;
    overflow-x: auto;
    padding: 20px 0px;
}

.border_inner a {
    color: #fff !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 13px !important;
    min-width: 100px;
}

.mb-20 {
    margin-bottom: 20px;
}

.menu-container .plan_button {
    width: 100% !important;
    margin: 0px;

}

.Current_menus_active {
    background: #03573a !important;
}


@media only screen and (min-width:768.1px) {
    .menu-container .plan_button {
        max-width: 300px;
    }
}

@media only screen and (max-width: 768px) {
    .row.all_menus-show {
        margin-left: 15px !important;
        margin-right: 15px !important;
        max-width: calc(100% - 30px);
    }


    .profile-form {
        display: grid;
        grid-template-columns: 1fr!important;
        gap: 20px;
    }
    .big_nav {
        display: none !important;
    }
    .left-sidebar {
    background:none !important;
    padding: 0px !important;
    }
    .profileTitle {
        padding-top: 10px !important;
        padding-left: 10px !important;
    }



    .dashboard-cards {
    grid-template-columns: 1fr;
    }

    .subscription-cards {
    grid-template-columns: 1fr;
    }

    .subscription-actions {
    flex-direction: column;
    }

    .meal-options {
    grid-template-columns: 1fr;
    }

    .header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    }

    .user-info {
    width: 100%;
    }

    .section-header {
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 15px;
    }

    .section-header .btn {
    width: 100%;
    justify-content: center;
    }

}



.menu_main_container::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.menu_main_container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.menu_main_container::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.nametype .menu_item_image {
    max-width: 100%;
    background: #f5f5f4;
    min-height: 170px;
    object-fit: cover;
    max-height: 170px;
    width: 100%;
}

.indian_item_div {
    border: 2px solid var(--blue-80) !important;
}

.global_item_div {
    border: 2px solid var(--red-40) !important;
}

.salad_item_div {
    border: 2px solid var(--yellow-100) !important;
}




.nav.left-sidebar {
    background: #f08720;
    padding: 0px !important;
   
}
.tab-hadding {
    font-size: 14px;
    color: #f8f9fa !important;
}


.nav.left-sidebar a.nav-link.navTiffin_planner {
    padding: 14px 14px;
    border-radius: 0px;
    border-bottom: 0px !important;
}

.navTiffin_planner.active
{
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.nav.left-sidebar .tab-title {
    color: #f8f9fa !important;
    padding-top: 4px;
    
  
}




.col-md-3.left-sidebar .navTiffin_planner.active
{
     background-color: rgba(0, 0, 0, 0.3) !important;
}

.profile-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}



.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.section-header h2 {
    color: var(--primary-dark);
    font-size: 1.5rem;
    margin-bottom: 0px !important;

}

.content-section {
        background: white;
        border-radius: 10px;
        padding: 25px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;

    }

.new_address{
    padding: 4px 11px !important;
    font-weight: 440 !important;
    float: right !important;
}

.mobile-nav{
    position: fixed;
    bottom: 0px;
    height: 80px;
    width: 100%;
    background-color: #f08720;
    display: block;
    z-index: 9999999 !important;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.footer-menu-icons {
    width: 50px;
    height: 50px;
    display: inline-block;
}


.dir{
    float: right !important;
}



.subscription-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.subscription-card {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: var(--white);
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s;
}

.subscription-card.active {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(222, 248, 232, 0.823);
}

.subscription-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.subscription-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.subscription-status {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.status-active {
    background: #e8f5e9;
    color: var(--primary);
}

.status-paused {
    background: #fff3e0;
    color: var(--warning);
}

.status-cancelled {
    background: #ffebee;
    color: var(--danger);
}

.subscription-details {
    margin-bottom: 20px;
}

.subscription-details p {
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
}

.subscription-details span:first-child {
    color: var(--gray);
}

.subscription-details span:last-child {
    font-weight: 500;
}

.subscription-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.delivery-days {
    display: flex;
    gap: 10px;
    margin: 15px 0;
    flex-wrap: wrap;
}

.day-checkbox {
    display: none;
}

.day-label {
    padding: 10px 15px;
    background: var(--light);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid var(--grey-40);
}

.day-checkbox:checked + .day-label {
    background: var(--primary);
    color: #ffffff;
    border-color: var(--primary);
}

.read_field{
    background: #e9ecef !important;
    cursor: not-allowed;
}

.edit_click{
    background-color: #ffc107;
    color:  #ffffff;
    cursor: pointer;
    border: 1px solid#ffc107;
}

.edit_click :hover{
    background-color: #620A15;
    color:  #ffffff;
    cursor: pointer;
    border: 1px solid#620A15;
}

.make-default{
            float: right;
            font-size: 1em;

}
.default-addr {
    color: #28a745;
    float: right;
    
    font-size: 1em;
}

.address-card {
    display: inline-block;
    width: 100%;
    margin: 10px 0px;
    /* border: 1px solid #ddd; */
    border-radius: 8px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    vertical-align: top;
    transition: box-shadow 0.3s ease;
    /* height: 230px; */

}

.address-card:hover {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}

.address-card.primary {
    border: 1px solid #2e860e;
    
}

.address-card.norm {
    border: 1px solid #f08720;
    
}

.address-header {
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    min-height: 160px;

}

.address-header .name {
    margin: 0;
    
    font-size: 18px;
    display: contents;
    font-weight: bold;
}

.address-header .star {
    color: #ffc107;
    font-size: 20px;
}

.address-body p {
    margin: 4px 0;
    font-size: 14px;
    color: #555;
}

.address-footer {
    text-align: right;
    margin-top: 12px;
}

.address-footer button {
    background: none;
    border: none;
    color: #007bff;
    font-size: 14px;
    /* margin-left: 10px; */
    cursor: pointer;
}

.address-footer .btn-delete {
    color: #ffffff;
}

.address-footer .btn-default {
    color: #f08720;
}




.address-footer button:hover {
    text-decoration: underline;
}
section.navbar-tab.tiffin-outer.orange10.spacerY {
    width: 100%;
}

.alert.alert-danger, .alert.alert-success {
    width: 91%;
    font-size: 14px;
    margin: 2em 0em 0em 0em;
}


.section-header {
display: flex;
justify-content: space-between;
align-items:  baseline;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}

.section-header h2 {
color: var(--primary-dark);
font-size: 1.5rem;
}

.content-section {
background: white;
border-radius: 10px;
padding: 25px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;

}

.modal_{
    margin-bottom: 4px  !important;
    margin-top: 4px !important;
}
a{
    text-decoration: none;
}

.margin__{
    margin-top: 0px !important;
    margin-bottom: 8px !important;
}

#add_name_dropdown{
     margin-top: 0px !important;
    margin-bottom: 8px !important;   
}

.read_{
    background: #03573a !important;
    cursor: not-allowed;
}

@media only screen and (max-width: 768px) {
 
.tiffinPlaner,
.tiffinPlaner2,
.tiffinPlaner3 {
    padding: 14px 9px;
    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 {
height: 14px;
        right: 20px;
        top: 78%;
    transform: translateY(-50%);
}

.tiffinPlaner3 p,
.tiffinPlaner2 p,
.tiffinPlaner p{
    font-size: 11.5px  !important;
    margin-bottom: 0px !important;
}

.selectMenu span {
    font-size: 11px;
    color: var(--grey-20);
}

}