:root {
    --primary-color: #03573a;
    --white: #ffffff;
}

@media screen and (min-width: 1501px) and (max-width: 1600px) {
    .checkout_item {
        height: 486px;
    }
    .checkout_plan .plan-col { 
        min-height: 288px; 
    }
    /* .weekly-menu-row-outer {
        height: 470px;
    } */

    /* .checkout_plan .plan-col {
        min-height: 263px;
    } */
}

@media screen and (max-width: 1500px) {
    .weekly_menu_col img {
        width: 80px;
        height: 80px;
    }

    .checkout_plan .plan-col .plan-left p {
        font-size: 10px;
        line-height: 16px;
    }

    .checkout_plan h4 {
        margin-bottom: 4px;
    }
    .checkout_plan .plan-col {
        padding: 12px 9px 0 9px; 
    }
    .signUp-left {
        margin-right: 80px;
    }
}

@media screen and (min-width: 1328px) and (max-width: 1500px) {
    .checkout_plan .plan-col 
 {
        min-height: 238px;
    }
    .total_price a {
        font-size: 12px; 
    }
    .weekly_menu_col img {
        width: 80px;
        height: 80px;
    }

    .checkout_item {
        height: 440px;
    }

    .vegetarian-row.slot-row_checkout,
    .feeds_row.slot-row_checkout {
        gap: 8px;
    }

    .checkout_plan .plan-col .plan-left {
        margin-top: 22px;
    }
 
}

@media screen and (min-width: 1200px) and (max-width: 1327px) {
    /* .checkout_plan .plan-col {
        min-height: 246px;
    } */

        .total_price a {
            font-size: 12px;
            line-height: 16px;
        }

    /* .checkout_item {
        min-height: 468px;
    } */

}

@media screen and (max-width: 1200px) {
    h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .spacerY {
        padding: 40px 0;
    }

    /* home css start */
        .signUp-left {
            margin-right: 50px;
        }
    @keyframes scroll {
        0% {
            transform: translateX(0px);
        }

        100% {
            transform: translateX(calc(-950px * 3));
        }
    }

    .sliderMenu-col {
        margin: 0;
    }

    .main_header .nav-item {
        padding-left: 24px !important;
    }

    .header-top span {
        font-size: 14px;
        line-height: 18px;
        padding-right: 23px;
    }

    .header-top a {
        padding: 4px 10px;
    }

    .hero-left p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .why-col img {
        margin-bottom: 16px;
    }

    .how-col span {
        width: 40px;
        height: 40px;
    }

    .plan-col {
        padding: 10px 14px 0 14px;
    }

    .bottom-times {
        color: var(--light-red) !important;
        padding-bottom: 24px;
    }

    a.button.plan {
        padding-top: 8px;
    }

    .compare-plan a.button {
        width: 180px;
        height: 42px;
    }

    .review-col {
        padding: 0 166px;
    }

    .customer-review-row {
        margin-top: 30px;
    }

    .order-left h2,
    .order-left p {
        margin-bottom: 16px;
    }
    .checkout_plan .plan-col {
        min-height: 208px;
    }
    /* home css close */

    /* profile css start */
    .navbar-tab .tab {
        padding: 22px 20px 22px 20px;
    }

    div#v-pills-tabContent {
        padding-left: 12px;
    }

    div#v-pills-tab {
        padding-right: 14px;
    }

    /* profile css close */

    /* checkout css start */

    .vegetarian-row_checkout1 p.m-0 {
        font-size: 18px;
        letter-spacing: 0px;
    }

    .vegetarian-row_checkout1 {
        gap: 10px;
    }

    .checkout_plan h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .checkout_plan h6 {
        margin-bottom: 4px;
    }

    .weekly_menu_col img {
        width: 60px;
        height: 60px;
    }

    .checkout_plan .sliderMenu-col h6 {
        font-size: 12px;
        line-height: 14px;
        height: 32px;
    }

    .dessert_row_checkout {
        margin-top: 0;
    }

    .dessert_row_checkout .plan_inputType.spiceLevel.dessert_item_checkout {
        margin-bottom: 2px;
    }

    .total_price a {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 4px;
    }

    .date-row label {
        font-size: 9px;
        line-height: 12px;
    }

    .slot-row_checkout .date_label {
        font-size: 10px;
    }

    span.chekbox_switch_slider.chekbox_switch_round {
        width: 36px;
        height: 18px;
    }

    .chekbox_switch_slider:before {
        height: 12px;
        width: 12px;
    }

    .highlight-text {
        font-size: 10px;
        line-height: 12px;
    }

    .chekbox_switch {
        height: 18px;
    }

    .date-row input,
    .date-row select {
        font-size: 8px;
    }

    .checkout_plan .plan-col .plan-left p {
        font-size: 9px;
        line-height: 14px;
    }

    .checkout_plan .plan-col span {
        font-size: 12px;
    }

    .checkout_plan .plan-col .plan-left {
        margin-top: 20px;
    }

    .dessert_row_checkout_meal {
        padding-top: 4px;
        padding-bottom: 18px;
    }

    .timeingSlot {
        bottom: -15px;
    }

    .checkout_plan .date-row {
        padding: 16px 0 10px 0;
    }

    .date_label {
        top: -14px;
    }

    .calculation P {
        font-size: 10px;
        line-height: 12px;
    }

    .checkout_price_row1 p {
        font-size: 10px;
        line-height: 14px;
    }

    .weekly_menu_item span {
        font-size: 10px;
    }
    .weekly_menu_heading { 
        padding: 6px 0;
    }
    .checkout_item { 
        height: 360px;
        padding: 6px; 
    }
    /* checkout css close */
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .checkout_plan .plan-col {
        min-height: 218px;
    }

    .checkout_item 
 {
        min-height: 370px;
    }

        .weekly-menu-row-outer {
            height: 320px;
        }
}

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

    /* home css start */
    .hero-left {
        padding: 24px;
    }
    .checkout_plan { 
        width: 90%;
    }
    .how-col1 {
        width: 160px;
        height: 160px;
    }

    .button {
        padding: 11px 16px;
    }

    .checkbox_tiffin input {
        margin: 0;
    }

    /* home css close */

    /* tiffin css start */
    .offer-row {
        display: block;
    }

    .plan-col {
        margin-top: 0px;
    }

    .tiffin-outer .tab {
        padding: 42px 50px;
    }

    .offer-row .offer-left,
    .offer-row .offer-left ul li,
    .offer-row .offer-left ul li .custom-radio,
    .offer-row .offer-left ul li .custom-radio span {
        width: 100%;
    }

    .CheckoutModal_submit1 {
        width: 36% !important;
        padding: 50px 30px !important;
    }

    /* tiffin css close */
    /* weekly menu css start */
    .weeklyMenu_item2 span.weeklyMenu_title {
        font-size: 14px;
    }

    /* weekly menu css close */


    /* payment css start */
    /* payment css close */
    /* thanku css start */
    /* thanku css close */

    /* tiffin_pay_summary css start */
    .offer-left,
    .choosePlan1 {
        width: 100%;
    }

    /* tiffin_pay_summary css close */

}

@media screen and (max-width: 992px) {
    h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .choosePlan1.paymentRight1 {
        margin-top: 10px;
    }

    .offer-left,
    .choosePlan1 {
        border: 0 !important;
        padding: 0 !important;
    }
    .signUp-left {
        margin-right: 10px;
    }
    .hero h1 span.premium {
        font-size: 76px;
        line-height: 84px;
    }

    .paymentRight {
        margin-top: 20px;
    }

    h5 {
        font-size: 18px;
        line-height: 24px;
    }

    #emailForm input#emailInput {
        width: 272px;
    }

    .hero h1 {
        margin-bottom: 25px;
    }

    .bulid_plan_outer {
        margin-bottom: 35px;
    }

    .slide-reel {
        height: 70px;
    }

    .faqLeft button.accordion-button {
        padding: 18px 0;
        font-size: 16px;
        line-height: 20px;
    }

    .faqLeft .accordion-body {
        font-size: 13px;
        line-height: 20px;
    } 
    .spacer60 {
        margin-bottom: 30px;
    }

    h4 {
        font-size: 26px;
        line-height: 30px;
    }

    h6 {
        font-size: 16px;
        line-height: 20px;
    }

    .trial_tiffin .paymentLeft1 {
        width: 90%;
    }

    section.hero {
        padding: 20px 0;
    }

    /* home css start */
    .profileName_outer1 {
        margin-bottom: 10px;
    }

    .button {
        padding: 8px 14px;
    }

    .hero_trial_tiffin {
        display: inline-block;
    }

    .hero_trial_tiffin a.button.secondary_btn {
        margin-top: 12px;
    }

    .profileName_outer1 .button {
        width: 158px;
        text-align: center;
    }

    .navbar-menu {
        display: block;
    }

    div#navbarSupportedContent {
        position: absolute;
        top: 64px;
        left: 0;
        background: var(--white);
        width: 100%;
        padding: 0;
    }

    .main_header .nav-item {
        border-bottom: 1px dashed var(--primary-color);
        padding: 18px 34px !important;
    }

    .main_header .nav-item:nth-child(1) {
        padding-left: 34px !important;
    }

    .main_header .nav-item:last-child {
        border: 0;
    }

    button.navbar-toggler {
        border: 0;
        padding: 0;
    }

    .navbar-toggler:focus {
        box-shadow: unset;
        border: 0;
    }

    .hero-left p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px;
    }

    .hero-left form input {
        padding: 8px 17px;
        width: 100%;
        margin-bottom: 10px;
    }

    .hero-left h6 {
        margin-top: 6px;
    }

    .why-row {
        gap: 16px;
    }

    .why-col img {
        margin-bottom: 10px;
    }

    .how-col span {
        left: 10px;
    }

    .custom-btn {
        margin-top: 40px;
    }

    .plan-col img {
        width: 70px;
    }

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

    .plan-col .plan-left ul {
        padding-top: 8px !important;
        padding-bottom: 150px !important;
    }

    .plan-price p {
        padding: 9px 16px;
    }

    .review-col {
        padding: 0 106px;
    }

    .review-col img {
        margin-bottom: 20px;
    }

    .user-review {
        margin-top: 26px;
    }

    .week_menu .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .week_menu button.slick-prev.slick-arrow {
        left: -30px;
    }

    .week_menu button.slick-next.slick-arrow {
        right: -30px;
    }

    .customer-col {
        padding: 14px;
    }

    .customer-user-heading {
        padding-left: 12px;
    }

    img.arrow {
        width: 50px;
        padding-bottom: 14px;
    }

    .customer-user {
        padding-top: 16px;
    }

    span.navbar-toggler-icon {
        background-image: url(../images/manu.png);
    }

    /* home css close */

    /* meal plan css start */
    .plan {
        overflow-x: scroll;
    }

    /* meal plan css close */

    /* tiffin css start */
    .radio-btn,
    .radio-btn1,
    .payment-item p input,
    .offer-left .nav-tabs li.nav-item,
    .offer-left .nav-tabs li.nav-item .custom-radio,
    .custom-radio.custom-radio-btn1,
    .custom-radio {
        width: 100%;
    }

    .tiffin-outer .tab {
        width: 100%;
        padding: 52px 40px;
    }

    .CheckoutModal_submit1 {
        width: 56% !important;
    }

    /* tiffin css close */

    /* profile css start */

    /* tab 1 */
    .navbar-tab .tab {
        padding: 22px 18px 22px 18px;
    }

    .tab.myProfile-tab {
        width: 100%;
    }

    /* profile css close */

    /* signUp css start */
    .signUp_outer .container {
        transform: unset;
    }

    .signUp-img {
        width: 50%;
    }

    .signUp-img img {
        width: 96%;
        margin-bottom: 0px;
    }

    .signUp-left form input,
    .signUp_btn,
    .forgotPassword {
        width: 100%;
    }

    /* signUp css close */

    /* payment css start */
    .payment-container {
        padding: 32px 30px;
    }

    /* payment css close */

    /* thanku page css start */
    .sliderMenu-col_outer {
        padding: 0px 8px;
    }

    .week_menu .slick-track {
        margin-top: 0;
    }

    .custom-heading h2,
    .faqHeading h2 {
        margin-bottom: 18px;
    }

    .faq .slick-dots {
        bottom: -30px;
    }

    /* thanku page css close */
    #pills-tab li.nav-item {
        width: 25%;
    }

    #myTab li.nav-item {
        width: 24%;
    }

    /* checkout css start */
    .checkout_item {
        margin-bottom: 20px;
        height: 328px;
    }

    .checkout_plan .plan-col {
        min-height: 174px;
    }

    /* checkout css close */

}
/* @media screen and (max-width: 727px) {
    .profileName-outer {
        display: inline;
    }
} */
@media screen and (max-width: 767px) {
    .offer-left1 {
        gap: 20px;
    }
    .signUp-img {
        display: none;
    }
    .signUp-right {
        display: block;
    }
    .signUp-right img {
        width: 100%;
    }
    select#spiceLevel {
        width: 100%;
    } 

    .tiffinPlaner,
    .tiffinPlaner2,
    .tiffinPlaner3 {
        margin-bottom: 10px;
    }

    section.faq {
        padding-bottom: 50px;
    }

    .checkbox_tiffin button.button {
        margin-top: 16px;
    }

    .signUp_outer .container {
        height: unset;
    }

    .sliderMenu-col:hover {
        transform: unset;
    }

    .trial_tiffin .paymentLeft1 {
        padding: 24px 20px 36px 20px;
        width: 98%;
    }

    .bulid_plan_outer {
        margin-bottom: 16px;
    }

    .hero h1 {
        margin-bottom: 15px;
        font-size: 42px;
    }

    .hero h1 span.premium {
        font-size: 66px;
        line-height: 84px;
    }

    .hero a.bulid_plan_btn {
        font-size: 28px;
        line-height: 34px;
    }

    .hero a.bulid_plan_btn1 {
        font-size: 20px;
        line-height: 26px;
    }

    .checkbox_tiffin input {
        width: 100%;
    }

    .main_footer_item {
        padding: 10px 0px;
    }

    .checkbox_tiffin a {
        margin-top: 14px;
    }

    .main_footer_item ul li {
        padding: 4px 15px;
    }

    .hero-bg {
        padding: 20px 0;
    }

    section.hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #00000070;
        width: 100%;
        height: 100%;
    }

    span.hero_price {
        text-align: center;
    }

    span.hero_price1 {
        font-size: 66px;
        line-height: 70px;
        text-align: center;
    }

    span.perMeal {
        top: 0;
        left: 0;
    }

    .offer-left1 input,
    .spiceLevel {
        margin-bottom: 10px;
    }

    .checkboxEmail {
        margin-bottom: 4px;
    }

    .checkboxEmail label {
        color: var(--black);
    }

    /* home css start */
    .tiffin-outer .tab,
    .tiffin_dietary_item {
        padding: 26px 10px;
    }

    p.subscription {
        margin-bottom: 10px;
    }

    .slide-reel {
        height: 50px;
    } 
    .profileName-outer {
        margin-bottom: 12px;
    }

    .main-button-mobile {
        display: flex;
        width: 100%;
        align-items: start;
        justify-content: start;
        gap: 13px;
        padding: 22px 0 22px 34px;
    }

    #emailForm input#emailInput {
        width: 100%;
        margin-bottom: 4px;
    }

    .header-top a {
        padding: 2px 6px;
    }

    .hero-left form .checkboxEmail input {
        width: unset !important;
    }

    .header-top span {
        padding-right: 10px;
    }

    .feeds_row.slot-row_checkout {
        margin-top: 24px;
    }

    /* .timeingSlot {
        bottom: -24px;
    } */

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

    .btn-header {
        display: none;
    }

    .navbar-menu {
        position: absolute;
    }

    .hero-left button.button.primary_btn {
        width: 100%;
    }

    .why-row {
        display: block;
    }

    .why-col {
        width: 100%;
        margin-bottom: 30px;
    }

    .how-col1 {
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
    }

    .how-col1 img {
        width: 70px;
    }

    .compare-plan {
        margin-top: 10px;
    }

    .review-col {
        padding: 0 0;
    }

    .review-col h5 {
        margin-bottom: 22px;
    }

    .user-review {
        display: block;
        margin-top: 22px;
    }

    .user-review-right {
        margin-top: 20px;
        justify-content: center;
        border: 0;
        padding: 0;
        margin-left: 0;
    }

    .week_menu button.slick-prev.slick-arrow {
        left: 0;
    }

    .week_menu button.slick-prev.slick-arrow,
    .week_menu button.slick-next.slick-arrow {
        width: 40px;
        height: 40px;
        background-color: var(--white);
    }

    .week_menu button.slick-next.slick-arrow {
        right: 0px;
    }

    .customer-col {
        margin-bottom: 20px;
    }

    .customer-review-row {
        margin-top: 0px;
    }

    .order-right {
        margin-top: 16px;
    }

    .hero-mobile {
        display: block;
    }

    img.hero-dextop {
        width: 100%;
    }

    .hero {
        background-color: var(--white);
        padding: 0;
    }

    .hero-left {
        text-align: center;
        padding: 28px 12px;
        background-color: #ffffffb8;
    }

    .user-review-left {
        display: block;
    }

    .user-heading {
        text-align: center;
    }

    .user-img1 {
        margin-bottom: 16px;
    }

    .user-heading p {
        font-size: 16px;
        line-height: 24px;
    }

    #emailForm {
        text-align: left;
    }

    .spacerY {
        padding: 30px 0;
    }

    .custom-heading h2 {
        margin-bottom: 16px;
    }

    .why-col h5 {
        padding-bottom: 8px;
    }

    .plan-col .plan-left ul {
        padding-bottom: 90px !important;
    }

    .review-col img {
        margin-bottom: 6px;
    }

    .week_menu .slick-track {
        margin: 0;
    }

    .spacer60 {
        margin-bottom: 20px;
    }

    .faqHeading h2 {
        margin-bottom: 8px;
    }

    .faqLeft button.accordion-button {
        padding: 20px 0;
        font-size: 16px;
        line-height: 20px;
    }

    .spacerB {
        margin-bottom: 30px;
    }

    .header-bottom .navbar-brand img {
        width: 100px;
    }

    /* home css close */

    /* tiffin css start */
    .tiffin-outer .tabForm,
    .vegetarian-outer,
    .offer-row .offer-left,
    .offer-row .choose-plan,
    .tiffin-outer .tab {
        width: 100% !important;
    }

    .compare-plan span.bottom-times {
        text-align: left;
    }

    .vegetarian-left {
        margin-right: 8px
    }

    .radio-btn,
    .radio-btn1 {
        padding: 16px 10px;
    }

    .CheckoutModal_submit1 {
        width: 90% !important;
        padding: 45px 22px !important;
    }

    .vegetarian-outer {
        padding: 12px 10px;
    }

    .choose-plan1 {
        padding: 12px;
    }

    .choose-plan {
        margin-top: 30px;
    }

    .offer-row1 {
        display: block;
    }

    .offer-left.paymentLeft1 {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .choosePlan1.paymentRight1 {
        width: 100%;
        padding-left: 0;
    }

    .back-btn {
        margin-top: 22px;
    }

    .tiffin-outer .tab {
        padding: 20px;
    }

    .offer-row {
        display: block;
    }

    /* tiffin css close */

    /* profile css start */

    /* tab1 */
    .tab1 {
        display: block;
    }

    .tiffinPlan {
        width: 100%;
        margin-bottom: 0;
    }
/* 
    .profileName-outer {
        display: block;
    } */


    .profileTitle {
        padding-top: 10px;
        padding-left: 0;
    }

    /* tab2 */
    .address-outer {
        display: block;
    }

    div#v-pills-tabContent {
        border-left: unset;
        padding: 0;
    }

    .address_item {
        margin-top: 20px;
    }

    .saveAddress {
        margin-top: 20px;
    }

    #exampleModalToggle button.btn-close {
        top: 10px;
    }

    #exampleModalToggle h5 {
        margin-bottom: 14px;
    }

    div#v-pills-tab,
    div#v-pills-tabContent {
        width: 100%;
    }

    div#v-pills-tabContent {
        margin-top: 40px;
    }

    /* profile css close */

    /* weekly menu css start */
    /* weekly menu css close */

    /* sign css start */
    .signUp-img img {
        margin-bottom: 40px;
        height: 280px;
    }

    .signUp-left { 
        padding-bottom: 30px;
        margin-right: 0;
    }

    .signUp-img,
    .signUp-img img {
        width: 100%;
    }

    .signUp-img img

    /* sign css close */
    .main-button1 {
        display: block !important;
        margin: 15px 20px 0 20px;
    }

    .main-button1 a.button.primary_btn {
        margin: 10px 0 10px 0;
    }

    /* weekly menu start */
    .selectMenu #pills-tabContent .nav-tabs button.nav-link {
        width: 44% !important;
    }

    #pills-tab1 button.nav-link {
        padding: 18px 10px;
    }

    button#checkBtn,
    #nextBtn {
        width: 220px !important;
    }

    .plan-col {
        height: 100%;
        margin-top: 0;
    }

    /* weekly menu close */

    /* payment css start */
    .payment-container {
        width: 100%;
        padding: 20px 10px;
    }

    .payment-containerItem {
        width: 100%;
        padding: 40px 20px;
    }

    /* payment css close */
    /* thanku page css start */

    /* thanku page css close */

    .alert.alert-danger,
    .alert.alert-success {
        width: 100%;
    }

    .btn_next button {
        font-size: 16px;
    }

    .paymentLeft {
        width: 100%;
        margin-bottom: 10px;
    }

    h6 {
        font-size: 18px;
    }

    .trial_tiffin .btn_next button {
        width: 80%;
    }

    .thankYou_Item,
    .thankYou_btn {
        width: 100%;
    }

    .thankYou_Item {
        padding: 40px 22px 57px 22px;
        margin-bottom: 30px;
    }

    section.thankYou {
        padding: 80px 0;
    }

    #myTab li.nav-item {
        width: 31%;
        margin: 0px 3px;
    }

    .myProfile-tab button.btn.btn-primary {
        margin-bottom: 20px;
    }
    .signUp_outer {
        z-index: 0;
        position: relative;
        height: unset;
        padding: 20px 0px;
    }
    /* checkout css start */
    .checkout_plan .plan-col {
        min-height: 100%;
        width: 100%;
        padding-bottom: 10px;
    }

    .vegetarian-row_checkout .sliderMenu-col {
        margin-bottom: 10px !important;
    }

    .dessert_row_checkout {
        margin-top: 0;
    }

    .dessert_item_checkout,
    .man_icon_checkout {
        width: 48%;
        margin-bottom: 0;
    }

    .man_icon_checkout {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .checkout_plan h4 {
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 22px;
    }
    .radio-btn_checkout1,
    .radio-btn1_checkout1 {
        width: 42px !important;
        height: 42px;
    }
    .checkout_item {
        height: 100%;
    }
    .colItem {
        margin-bottom: 20px;
    }
    .weekly-menu-row-outer {
        height: 298px;
    }
    .weekly_menu_item span {
        margin-bottom: 8px;
    }
    .checkout_plan .date-row {
        padding: 4px 0;
        margin-top: 4px;
        margin-bottom: 10px;
    }

    .checkout_plan h6 {
        margin-bottom: 4px;
    }
    .total_price { 
        width: 100%;
        transform: unset;
        padding-top: 30px;
        position: unset;
    }
    .date-row input {
        padding: 6px 12px;
    }

    .checkout_plan .sliderMenu-col h6 {
        height: 30px;
    }
    .checkout_plan .plan-col .plan-left {
        margin-top: 30px;
    }

    .checkout_plan .radio-btn,
    .checkout_plan .radio-btn1 {
        padding: 4px 6px;
    }

    .date_label {
        top: unset;
        position: unset;
    }

    .mealType_checkout {
        display: flex;
        flex-direction: column;
    }

    .date-row label {
        padding-bottom: 2px;
    }

    .select_duration {
        margin-top: 10px
    }

    .vegetarian-row.slot-row_checkout {
        gap: 6px;
    }

    /* checkout css close */
}

@media screen and (max-width: 525px) {
    h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .hero-left {
        padding: 18px 20px;
    }

    #pills-tab li.nav-item {
        width: 36%;
    }
}