@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap");
/****Global color variables*********/
body,
html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  font-family: "Maven Pro", serif;
  scroll-behavior: smooth;
  height: 100vh;
  background-color: #ffffff;
}

/********Header Footer fixed********/
.wrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.wrapper .header-wrapper {
  flex: 0 1 auto;
  background-color: #ffffff;
}
.wrapper .main-wrapper {
  flex: 1 1 auto;
  margin-top: 145px;
}
.wrapper .footer-wrapper {
  flex: 0 1 40px;
}
.wrapper .footer-wrapper a {
  color: #000000 !important;
}
.wrapper .footer-wrapper a:hover, .wrapper .footer-wrapper a:active, .wrapper .footer-wrapper a:focus {
  color: #0d5740 !important;
}

/* global color classes*/
.text-primary-color {
  color: #ffc220;
}

.text-secondary-color {
  color: #0d5740;
}

.text-tertiary-color {
  color: #6b6b6b;
}

.text-black {
  color: #000000;
}

/*global background classes*/
.bg-primary-color {
  background-color: #ffc220;
}

.bg-secondary-color {
  background-color: #0d5740;
}

.bg-ligh-gray {
  background-color: #fafafa;
}

.bg-dark-gray {
  background-color: #f6f4f4;
}

.borderPrimary {
  border: 1px solid #ffc220;
}

.borderSecondary {
  border: 1px solid #0d5740;
}

.redcolor {
  color: #f44336;
}

/* 12px */
/* 14px */
/* 16px */
/* 18px */
/* 20px */
/* 22px */
/* 24px */
/* 26px */
/* 32px */
/* 36px */
/* 44px */
/* 48px */
/* 60px */
/* 72px */
/* 96px */
/* 128px */
/* global font weight variables*/
/* font size classes*/
.text-xs {
  font-size: 0.75rem;
  /* 12px */
}

.text-sm {
  font-size: 0.875rem;
  /* 14px */
}

.text-base {
  font-size: 1rem;
  /* 16px */
}

.text-lg {
  font-size: 1.125rem;
  /* 18px */
}

.text-xl {
  font-size: 1.25rem;
  /* 20px */
}

.text-xxl {
  font-size: 1.375rem;
  /* 22px */
}

.text-2xl {
  font-size: 1.5rem;
  /* 24px */
}

.text-3xl {
  font-size: 1.875rem;
  /* 26px */
}

.text-3xxl {
  font-size: 1.875rem;
  /* 30px */
}

.text-4xl {
  font-size: 2.25rem;
  /* 36px */
}

.text-4xxl {
  font-size: 44px;
  /* 44px */
}

.text-5xl {
  font-size: 3rem;
  /* 48px */
}

.text-6xl {
  font-size: 3.75rem;
  /* 60px */
}

.text-7xl {
  font-size: 4.5rem;
  /* 72px */
}

.text-8xl {
  font-size: 6rem;
  /* 96px */
}

/* font weight classes*/
.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

/*line-clamp*/
@media (min-width: 991px) {
  .line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
/*cursor css start*/
.cursor-pointer {
  cursor: pointer;
}

/***********Navbar starts here***********/
.navbar-brand {
  margin-right: 40px;
  padding: 0;
}
@media (max-width: 1400px) {
  .navbar-brand {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .navbar-brand {
    margin-right: 0px;
    width: 100px;
  }
}

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

.header-wrapper .navbar-nav {
  gap: 48px;
}
@media (max-width: 1200px) {
  .header-wrapper .navbar-nav {
    gap: 15px;
  }
}
@media (max-width: 991px) {
  .header-wrapper .navbar-nav {
    gap: 15px;
    line-height: 20px;
    margin-top: 15px;
  }
}
.header-wrapper .navbar-nav .menu-item a {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 767px) {
  .header-wrapper .navbar-nav .menu-item a {
    font-size: 1rem;
  }
}
.header-wrapper .navbar-nav .menu-item a:hover {
  color: #ffc220;
  border-bottom: 2px solid #ffc220;
  padding-bottom: 8px;
  border-radius: 2px;
}
.header-wrapper .navbar-nav .menu-item.current-menu-item a {
  color: #ffc220;
  border-bottom: 2px solid #ffc220;
  padding-bottom: 8px;
  border-radius: 2px;
}
.header-wrapper .navbar-nav a.btn,
.header-wrapper .navbar-nav button.btn {
  color: #ffffff;
  margin-right: 0;
}
@media (max-width: 767px) {
  .header-wrapper .navbar-nav a.btn,
  .header-wrapper .navbar-nav button.btn {
    font-size: 12px;
    padding: 4px 15px;
  }
}

/***********Footer starts here***********/
.footer-wrapper .container-fluid {
  padding-block: 20px;
}

/***********Border radious starts here***********/
.border-rad100 {
  border-radius: 100px;
}

.border-rad10 {
  border-radius: 10px;
}

.box-shadow-basic {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.07);
}

/*/***********Buttons starts here***********/
.btn {
  font-size: 0.875rem !important;
  font-weight: 600;
  text-align: center;
  font-family: inherit;
  border-radius: 0;
  padding: 9px 30px;
  color: #ffffff;
  transition: ease-out 1s;
  position: relative;
  text-transform: uppercase;
  border-radius: 100px;
  transition: ease-out 1s;
}
@media (max-width: 991px) {
  .btn {
    font-size: 0.75rem;
  }
}
.btn.btn-primary {
  background-color: #ffc220;
  border: 1px solid #ffc220;
  box-shadow: inset 0 0 0 0 #ffffff;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  box-shadow: inset 400px 0 0 0 #ffffff;
  background-color: #ffffff;
  border-color: #000000;
  color: #000000;
  transition: ease-out 1s;
}
.btn.btn-secondary {
  background-color: #0d5740;
  border: 1px solid #0d5740;
  box-shadow: inset 0 0 0 0 #ffffff;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active {
  box-shadow: inset 400px 0 0 0 #ffffff;
  background-color: #ffffff;
  border-color: #000000;
  color: #000000 !important;
  transition: ease-out 1s;
}
.btn.btn-lg {
  padding-block: 24px;
  padding-inline: 60px;
}
@media (max-width: 767px) {
  .btn.btn-lg {
    padding-block: 10px;
    padding-inline: 20px;
  }
}
.btn.btn-sm {
  padding-block: 6px;
  padding-inline: 36px;
}
@media (max-width: 767px) {
  .btn.btn-sm {
    padding-block: 10px;
    padding-inline: 20px;
  }
}
.btn.btn-xsm {
  padding-block: 4px;
  padding-inline: 18px;
}
.btn.btn-calendar {
  background-color: transparent;
  border: 2.5px solid #000000;
  color: #000000;
  border-radius: 10px;
  padding-block: 9px;
  padding-inline: 15px;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 1.125rem !important;
}
.btn.btn-calendar.active-date, .btn.btn-calendar:hover {
  color: #0d5740;
  background-color: #ffc220;
  border: 2.5px solid #ffc220;
  font-weight: 600;
}

/********Top banner section home page starts here**********/
.top-banner .top-rating {
  align-items: center;
}
.top-banner .carousel .carousel-item {
  min-height: 570px;
  background-size: cover;
}
.top-banner .carousel-control-prev,
.top-banner .carousel-control-next {
  display: none;
}

/***********Meal Card starts here***********/
.meal-card {
  padding: 0 25px 0 0;
}
.meal-card .card {
  background-color: transparent;
  border-radius: 0;
  height: 100%;
}
.meal-card .card .card-img-container {
  width: 100%;
  overflow: hidden;
  min-height: 300px;
  max-height: 300px;
  display: flex;
  align-items: end;
  position: relative;
}
@media (max-width: 768px) {
  .meal-card .card .card-img-container {
    min-height: 200px;
    max-height: 200px;
  }
}
.meal-card .card .card-img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.meal-card .card .country_flag img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 20px;
  width: 28px;
}
.meal-card .card .card-body {
  background-color: transparent;
  border-top: 1px solid #d9d9d9;
}
.meal-card .card .card-body .px-4 {
  padding-inline: 0 !important;
}
.meal-card .card .card-body .card-text {
  height: 38px;
  overflow: hidden;
}
.meal-card .card .card-body .card-text p {
  margin-bottom: 0 !important;
}

/***********Slick Slider starts here**********/
.slick-slider.slick-dotted .slick-list.draggable {
  padding: 0 50px 0 0 !important;
}
.slick-slider.slick-dotted .slick-dots {
  text-align: center;
}
.slick-slider.slick-dotted .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-slider.slick-dotted .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-slider.slick-dotted .slick-dots li button:before {
  color: #0d5740;
  width: 24px;
  background: #0d5740;
  height: 6px;
  line-height: 6px;
  margin: 5px;
  position: absolute;
  top: 30px;
  left: 0;
  content: "•";
  text-align: center;
  opacity: 0.25;
}
.slick-slider.slick-dotted .slick-dots li button:hover, .slick-slider.slick-dotted .slick-dots li button:focus {
  outline: none;
}
.slick-slider.slick-dotted .slick-dots li button:hover:before, .slick-slider.slick-dotted .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-slider.slick-dotted .slick-dots li.slick-active button:before {
  opacity: 0.75;
}

.slick-slider1 .slick-list.draggable {
  padding: 0 50px 0 0 !important;
}
@media (max-width: 767px) {
  .slick-slider1 .slick-list.draggable {
    padding: 0 !important;
  }
}
.slick-slider1 .slick-arrow {
  background-image: url("../images/right-arrow.webp");
  font-size: 0;
  border: 0;
  width: 25px;
  height: 25px;
  box-shadow: 1px 1px 1px 1px #ffffff;
  top: 40%;
  position: absolute;
  z-index: 1;
  background-color: #0d5740 !important;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .slick-slider1 .slick-arrow {
    background-color: transparent;
  }
}
.slick-slider1 .slick-arrow .meal-card {
  padding: 0;
}
.slick-slider1 .slick-arrow.slick-prev {
  transform: rotate(180deg);
  left: 15px;
}
.slick-slider1 .slick-arrow.slick-next {
  right: 15px;
}
.slick-slider1 .slick-list .meal-card {
  padding: 0 10px 0 0;
}

.border-bottom1 {
  border-bottom: 1px solid #d9d9d9;
}

.border-top {
  border-top: 1px solid #d9d9d9;
}

/*******Login Page starts here*********/
.login-wrap {
  min-height: calc(100vh - 158px);
}
.login-wrap .login-wrap-inner {
  padding: 40px;
  max-width: 624px;
  width: 100%;
}

.woocommerce-error {
  background-color: rgba(244, 67, 54, 0.2) !important;
  color: #f44336 !important;
  border-top: transparent !important;
  border-radius: 10px;
  outline: none;
  border: 1px solid rgba(244, 67, 54, 0.2);
}

.woocommerce-message {
  background-color: rgba(13, 87, 64, 0.2) !important;
  color: #000000 !important;
  border-top: transparent !important;
  border-radius: 10px;
  outline: none;
  border: 1px solid rgba(13, 87, 64, 0.2);
}

/*******Plan Page starts here*********/
.plan-wrap {
  max-width: 800px;
  margin: auto;
}
.plan-wrap .table-wrap {
  background-color: #f6f4f4;
  padding: 15px;
  border-radius: 15px;
}
.plan-wrap .table-wrap .table-wrap {
  padding: 0px;
}
.plan-wrap .table-wrap .table-wrap .shop_table {
  margin-bottom: 0;
}
.plan-wrap .table-wrap table tbody tr td {
  background-color: #f6f4f4;
  font-size: 1.125rem;
  width: 50%;
  color: #000000;
  font-weight: 400;
  border: unset;
}
.plan-wrap .table-wrap table tbody tr td.w-100 {
  width: 100%;
}
.plan-wrap .table-wrap table tbody tr td:first-child {
  text-align: start;
}
.plan-wrap .table-wrap table tbody tr td:last-child {
  text-align: end;
}
.plan-wrap .table-wrap table tbody tr td .discount-badge {
  justify-content: end;
}
.plan-wrap .table-wrap table tbody tr td .discount-badge img {
  margin-right: 0 !important;
}
.plan-wrap .table-wrap table tbody tr td .discount-badge span {
  background-color: #0d5740;
  color: #ffffff;
  border-radius: 20px;
  padding: 2px 8px;
  min-width: 115px;
  display: inline-block;
}

/*********Subscribe page starts here*********/
.subscribe-wrap h1 {
  font-size: 24px;
}
.subscribe-wrap .subscription-inner,
.subscribe-wrap .user-profile-inner {
  border: 1px solid #0d5740;
  padding: 16px;
}
.subscribe-wrap .subscription-inner .week-meals-data-inner .meals-data,
.subscribe-wrap .user-profile-inner .week-meals-data-inner .meals-data {
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  width: 80px;
}
.subscribe-wrap .subscription-inner .week-count .week-meals-data-inner,
.subscribe-wrap .user-profile-inner .week-count .week-meals-data-inner {
  width: 80px;
}
.subscribe-wrap .subscription-inner .week-count .week-meals-data-inner .meals-data,
.subscribe-wrap .user-profile-inner .week-count .week-meals-data-inner .meals-data {
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
}

.custom-modal .modal-title {
  font-size: 22px;
  color: #000000;
  font-weight: 500;
}
.custom-modal .btn-close:focus {
  outline: none;
  box-shadow: unset;
}

/**********Border part section inside form**********/
.border-data {
  border: 1px solid #0d5740;
  border-radius: 10px;
}

/*************Terms condition Page starts here**********/
.terms-condition-wrap p {
  font-size: 1rem;
  margin-bottom: 12px;
  font-weight: 400;
  color: #6b6b6b;
}
.terms-condition-wrap p a {
  color: #0d5740;
  text-decoration: none;
}
.terms-condition-wrap h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 24px 0 12px 0;
}
.terms-condition-wrap h3 {
  font-size: 1rem;
  font-weight: 600;
  margin: 24px 0 12px 0;
}
.terms-condition-wrap ul li {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 400;
  color: #6b6b6b;
}

.badges-red {
  background-color: rgba(244, 67, 54, 0.2);
  color: #f44336;
}

.badges-green {
  background-color: rgba(13, 87, 64, 0.2);
  color: #000000;
}

.wh-100 {
  width: 100px;
  height: 100px;
}

/*************Input common**********/
.base-input label,
.woocommerce form .form-row.base-input label,
.woocommerce form .form-row label {
  color: #9b9b9b;
  font-size: 0.875rem;
  font-weight: 400;
}
.base-input input,
.base-input .input-text,
.base-input select,
.woocommerce form .form-row.base-input input,
.woocommerce form .form-row.base-input .input-text,
.woocommerce form .form-row.base-input select,
.woocommerce form .form-row input,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  background-color: #f6f4f4;
  border: 0;
  padding: 10px 16px;
  border-radius: 0.375rem;
  border-bottom: 1px solid #0d5740;
}
.base-input input:focus,
.base-input .input-text:focus,
.base-input select:focus,
.woocommerce form .form-row.base-input input:focus,
.woocommerce form .form-row.base-input .input-text:focus,
.woocommerce form .form-row.base-input select:focus,
.woocommerce form .form-row input:focus,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: unset;
  background-color: #f6f4f4;
  border: 0;
  border-radius: 0.375rem;
  border-bottom: 1px solid #0d5740;
}
.base-input .toggle-password,
.woocommerce form .form-row.base-input .toggle-password,
.woocommerce form .form-row .toggle-password {
  position: absolute;
  top: 48px;
  right: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
}
.base-input .check-icon,
.woocommerce form .form-row.base-input .check-icon,
.woocommerce form .form-row .check-icon {
  position: absolute;
  top: 57px;
  right: 30px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
}
.base-input .checkout-check-icon,
.woocommerce form .form-row.base-input .checkout-check-icon,
.woocommerce form .form-row .checkout-check-icon {
  position: absolute;
  top: 27px;
  right: 6px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 24px;
}
.base-input .eye-icon,
.woocommerce form .form-row.base-input .eye-icon,
.woocommerce form .form-row .eye-icon {
  min-width: 16px;
}

.custom-select-box select,
.custom-select-box .select2 {
  background-color: #f6f4f4;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-bottom: 2px solid #0d5740;
  border-radius: 0;
  padding: 10px 40px 10px 15px;
  color: #000000;
  background-image: url("../images/select-arrow.webp");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.custom-select-box select:focus,
.custom-select-box .select2:focus {
  border-color: transparent;
  outline: 0;
  box-shadow: unset;
  background-color: #f6f4f4;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #0d5740;
}

.select2-container--default .select2-selection--single {
  background-color: transparent !important;
  border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  opacity: 0 !important;
}

.custom-select-box:focus {
  outline: none;
  border-color: #0d5740;
  box-shadow: none;
  background-color: #f6f4f4;
}

.woocommerce-multi-step-checkout .woocommerce-account-fields {
  display: none;
}

/***********Remember Checkbox***********/
.base-checkbox .form-check-input:checked,
.base-checkbox .woocommerce-form__input-checkbox:checked,
.place-order .form-check-input:checked,
.place-order .woocommerce-form__input-checkbox:checked {
  background-color: #0d5740;
  border-color: #0d5740;
}
.base-checkbox .form-check-input:focus,
.base-checkbox .woocommerce-form__input-checkbox:focus,
.place-order .form-check-input:focus,
.place-order .woocommerce-form__input-checkbox:focus {
  box-shadow: unset;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.meals-main {
  display: grid;
  grid-template-columns: repeat(2, auto);
}
.meals-main .btn {
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: end;
  justify-self: end;
  width: 150px;
}
@media (max-width: 767px) {
  .meals-main {
    grid-template-columns: 1fr;
  }
  .meals-main a {
    margin-top: 15px;
  }
  .meals-main .btn {
    width: 100%;
  }
}
.meals-main .spacial-menu::-webkit-scrollbar {
  height: 2px;
}
.meals-main .spacial-menu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3);
}
.meals-main .spacial-menu::-webkit-scrollbar-thumb {
  background-color: #000;
}
.meals-main .meals-breakfasts-desserts {
  display: grid;
  grid-template-columns: repeat(3, 70px);
  gap: 24px;
}
.meals-main .meals-breakfasts-desserts.spacial-menu {
  grid-template-columns: repeat(12, 1fr);
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .meals-main .meals-breakfasts-desserts.spacial-menu {
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .meals-main .meals-breakfasts-desserts.spacial-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 480px) {
  .meals-main .meals-breakfasts-desserts.spacial-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .meals-main .meals-breakfasts-desserts {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
}
@media (max-width: 480px) {
  .meals-main .meals-breakfasts-desserts {
    align-self: center;
    justify-self: start;
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: space-between;
    text-align: left;
  }
}
.meals-main .meals-breakfasts-desserts p {
  margin-bottom: 0;
  white-space: nowrap;
}

.custom-checkbox-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 767px) {
  .custom-checkbox-main {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 10px;
  }
  .custom-checkbox-main .custom-checkbox {
    margin-bottom: 15px;
  }
  .custom-checkbox-main .custom-checkbox .box {
    max-width: 100%;
  }
}

.custom-checkbox {
  display: inline-block;
  cursor: pointer;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 40px;
}
.custom-checkbox input[type=radio] {
  display: none;
}
.custom-checkbox .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 250px;
  width: 100%;
  height: 130px;
  border: 1px solid #0d5740;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease;
  padding: 16px 24px;
  position: relative;
  outline: 2px solid transparent;
}
@media (max-width: 991px) {
  .custom-checkbox .box span {
    font-size: 1rem;
  }
}
.custom-checkbox .box img.checked-sign {
  opacity: 0;
}
.custom-checkbox .box img.heart-sign {
  top: 10px;
  right: 10px;
}
.custom-checkbox input[type=radio]:checked + .box {
  border-width: 1px;
  color: #0d5740;
  outline: 2px solid #0d5740;
}
.custom-checkbox input[type=radio]:checked + .box img.checked-sign {
  top: 10px;
  left: 10px;
  opacity: 1;
}
.custom-checkbox input[type=radio]:checked + .box .icon,
.custom-checkbox input[type=radio]:checked + .box .text {
  color: #0d5740;
}

/*******gap classes*********/
.gap-12 {
  gap: 12px;
}

.border-top {
  border-top: 1px solid #d3d3d3;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

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

.mt-40 {
  margin-top: 40px;
}

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

/************Accordion common************/
.accordion-wrap .accordion-item {
  border-radius: 10px;
  margin-bottom: 12px;
  border: 1px solid #e3e3e3;
  background-color: #f5f5f5;
}
.accordion-wrap .accordion-item:not(:first-of-type) {
  border-top-style: solid;
}
.accordion-wrap .accordion-item .accordion-body {
  border-top: 1px solid #d9d9d9;
}
.accordion-wrap .accordion-item .accordion-header button {
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
  background-color: transparent;
}
.accordion-wrap .accordion-item .accordion-header button:focus {
  box-shadow: unset;
}

.siteLoader {
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3333333333);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.siteLoader.show {
  display: flex;
}
.siteLoader.hide {
  display: none;
}

/*************Progress Bar*********/
.progress-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  width: 80%;
  position: relative;
  align-items: center;
}
.progress-bar li {
  text-align: center;
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  color: #0d5740;
}
@media (max-width: 575px) {
  .progress-bar li {
    font-size: 10px;
  }
}
.progress-bar li::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1px solid #0d5740;
  border-radius: 50%;
  display: block;
  margin: 0 auto 8px;
  background: #ffffff;
}
.progress-bar li::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  transform: translateX(-50%);
  width: 92%;
  height: 2px;
  z-index: -1;
}
@media (max-width: 575px) {
  .progress-bar li::after {
    content: "";
    position: absolute;
    top: 41%;
    left: 0;
    transform: translate(-50%, calc(-50% - 8px));
    width: 100%;
    height: 2px;
    z-index: -2;
  }
}
.progress-bar li.completed {
  color: #0d5740;
  font-weight: 500;
}
.progress-bar li.completed::before {
  background: #0d5740;
  border-color: #0d5740;
}
.progress-bar li.completed + li::after {
  background: #0d5740;
}
.progress-bar li.current {
  color: #0d5740;
  font-weight: 500;
}
.progress-bar li.current::before {
  background: rgb(92, 163, 141);
  border-color: rgb(92, 163, 141);
}
.progress-bar li.current + li::after {
  background: #0d5740;
  opacity: 0.5;
}

/*******css starts here*****/
.grid {
  display: grid;
  gap: 24px;
}
.grid.grid-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
  .grid.grid-col-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .grid.grid-col-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .grid.grid-col-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.grid.grid-col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1200px) {
  .grid.grid-col-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .grid.grid-col-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.grid.grid-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 991px) {
  .grid.grid-col-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.qty-btn {
  background: #0d5740;
  border: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qty-btn.disabled {
  opacity: 0.5;
}

.food-vag {
  position: absolute;
  background: #0d5740;
  color: #ffffff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 14px;
  bottom: 16px;
  font-size: 1rem;
  font-weight: 500;
}

.maxw-800 {
  max-width: 800px;
}

.maxw-1000 {
  max-width: 1000px;
}

/*******css ends here*****/
/***************Responsive css starts here *********/
@media (max-width: 991px) {
  .slick-slider-main .slick-slider .slick-arrow {
    background-image: url("../images/right-arrow.webp");
    font-size: 0;
    box-shadow: 1px 1px 1px 1px #ffffff;
    border: 0;
    width: 25px;
    height: 25px;
    top: 40%;
    position: absolute;
    z-index: 1;
    background-color: #0d5740;
    border-radius: 50%;
  }
  .slick-slider-main .slick-slider .slick-arrow.slick-prev {
    transform: rotate(180deg);
    left: 15px;
  }
  .slick-slider-main .slick-slider .slick-arrow.slick-next {
    right: 15px;
  }
  .slick-slider-main .slick-slider .slick-list .meal-card {
    padding: 0 10px;
  }
}
@media (max-width: 1400px) {
  .main-wrapper {
    margin-top: 135px !important;
  }
}
@media (max-width: 767px) {
  .navbar-brand img {
    max-width: 100px;
  }
  .top-badge {
    padding: 10px !important;
    line-height: 15px;
  }
  .top-badge span {
    font-size: 13px;
  }
  .main-wrapper {
    margin-top: 115px !important;
  }
  .main-wrapper .carousel-inner .carousel-item {
    background-position: center;
    min-height: 600px;
    background-repeat: no-repeat;
  }
  .main-wrapper .carousel-inner .carousel-item .carousel-caption {
    bottom: 0;
  }
  .main-wrapper .carousel-inner .carousel-item h2 {
    font-size: 36px;
  }
  .main-wrapper .py-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .main-wrapper .py-60 .mb-5 {
    margin-bottom: 15px !important;
  }
  .main-wrapper .weekly-menu-calendar h1 {
    font-size: 20px !important;
  }
  .main-wrapper .weekly-menu-calendar .category-section .category-title {
    margin: 15px 0 !important;
  }
  .main-wrapper .weekly-menu-calendar .my-5 {
    margin: 15px 0;
  }
  .main-wrapper .faq-wrap .mt-5 {
    margin-top: 1rem !important;
  }
  .main-wrapper .faq-wrap.mb-5 {
    margin-bottom: 1rem !important;
  }
  .main-wrapper .plan-wrap .mb-40 {
    margin-bottom: 20px;
  }
  .main-wrapper .fresh-nutritious-satisfying img {
    margin-top: 20px;
  }
  .footer-wrapper .footer-top .mt-5 {
    margin-top: 15px !important;
  }
  .footer-wrapper .footer-bottom {
    padding: 8px !important;
  }
}
@media (max-width: 386px) {
  .navbar-brand img {
    max-width: 91px !important;
  }
  .main-wrapper {
    margin-top: 130px !important;
  }
}
.woocommerce-page main .header {
  display: none;
}

@media (max-width: 767px) {
  .video-main img {
    width: 120px;
  }
}

.weekly-menu-calendar .week-details .ctm-select {
  border: 1px solid #ffffff;
  border-radius: 10px;
}
.weekly-menu-calendar .week-details .ctm-select select {
  background: #0d5740;
  color: #ffffff;
  border: 0;
  outline: none;
  padding-right: 10px;
}

/*********About page **************/
.about-banner {
  background-image: url("../images/top-banner.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  min-height: 200px;
  max-height: 200px;
  position: relative;
  z-index: 9;
}
.about-banner::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.62);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Contact us css start code */
form.wpcf7-form {
  max-width: 600px;
  margin: auto;
  padding: 30px;
  border: solid 1px #e3e3e3;
  border-radius: 10px;
  margin-bottom: 40px;
}

.base-input textarea {
  font-size: 1rem;
  font-weight: 400;
  color: #000000;
  background-color: #f6f4f4;
  border: 0;
  padding: 13px 16px;
  border-radius: 0;
  border-bottom: 1px solid #0d5740;
  height: 100px;
  box-shadow: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
  border: solid 1px #f44336;
  color: #f44336;
}

.terms-condition-wrap h1,
.terms-condition-wrap h2,
.terms-condition-wrap h3 {
  font-size: 1.375rem !important;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 15px;
  text-transform: uppercase;
}
.terms-condition-wrap p {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
}
.terms-condition-wrap p a {
  font-weight: 600;
}

.privacy-policy-wrap ul li {
  list-style: disc;
}

.submit-buttons .btn-primary {
  padding-left: 41px;
  padding-right: 41px;
  border-radius: 100px !important;
}

/* Contact us css end code */
/*********Your box section********/
.your-box-inner {
  background-color: #f6f4f4;
  padding: 24px;
  color: #000000;
}
@media (max-width: 991px) {
  .your-box-inner {
    padding: 16px;
  }
}
.your-box-inner .img-left {
  border-radius: 4px;
}
.your-box-inner .img-left img {
  -o-object-fit: cover;
     object-fit: cover;
}
.your-box-inner h3 {
  font-size: 1.25rem;
}
.your-box-inner p {
  font-size: 1rem;
}

/************/
.min-w-150 {
  min-width: 150px;
}

.icon-one {
  border: solid 1px #0d5740;
  min-width: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #0d5740;
}
.icon-one .fa {
  font-size: 18px;
}

.link-color {
  color: #0d5740;
  text-decoration: none;
}

.go-to-checkout {
  border-top: 2px solid #ffffff;
}
@media (max-width: 480px) {
  .go-to-checkout {
    text-align: center;
  }
}

.display-password {
  opacity: 0.5;
}

.woocommerce-billing-fields .optional {
  display: none;
}

ul.woocommerce-error {
  display: none;
}
ul.woocommerce-error a {
  color: #000000;
}
ul.woocommerce-error:first-child {
  display: block;
}

.plan-wrap ul.woocommerce-error li[data-id=terms] {
  display: none;
}

.woocommerce .checkout-step .plan-wrap {
  max-width: 100%;
}
.woocommerce .checkout-step .plan-wrap .shop_table {
  border: none;
}
.woocommerce .checkout-step .plan-wrap .shop_table tfoot td {
  border: none !important;
  background-color: transparent !important;
  font-weight: normal;
}

.slick-slider1 .slick-track {
  margin-left: 0px;
}

.home ul.slick-dots {
  padding: 0;
  margin-left: -20px;
}

.woocommerce-checkout-review-order-table .woocommerce-remove-coupon {
  display: none;
}

.woocommerce .checkout-step .plan-wrap .shop_table tfoot td {
  border-top: 1px solid #d9d9d9 !important;
}
.woocommerce .checkout-step .plan-wrap .shop_table tfoot td.last-row {
  border-top: 0px solid #d9d9d9 !important;
}

.woocommerce-checkout-payment {
  margin-top: 24px;
  border-radius: 10px !important;
  background: #f6f4f4 !important;
}
.woocommerce-checkout-payment a {
  color: #0d5740;
}

.step-2 ul.woocommerce-error {
  display: none;
}

.tv-bg {
  max-width: 900px;
  background-size: 100% 100%;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.tv-bg video {
  width: 100%;
}
@media (max-width: 767px) {
  .tv-bg {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .tv-bg {
    padding: 10px;
  }
}

.height-38 {
  height: 38px;
}

.height-30 {
  height: 30px;
}

.food-menu-modal .modal-dialog ::-webkit-scrollbar {
  width: 0;
}
.food-menu-modal .top-boxes {
  position: relative;
  height: 260px;
  overflow: hidden;
}
.food-menu-modal .top-boxes > img {
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.food-menu-modal .new-tab-ban {
  font-weight: 600;
  font-size: 16px;
  background: #f4d5d6;
  color: #000000;
}
.food-menu-modal .new-tab-ban.new-ban-two {
  border-radius: 8px;
}
.food-menu-modal .tag-organics > span {
  background-color: #ffc220;
  color: #000000;
  font-weight: 600;
  border-radius: 9px;
  padding: 5px 10px;
  line-height: initial;
}
.food-menu-modal .country_flag img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 20px;
  width: 28px;
}
.food-menu-modal .nutri-cards {
  flex-wrap: wrap;
  gap: 5px;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.food-menu-modal .nutri-cards .border-grey-10:last-child {
  border-right: 0px;
  margin-right: 0;
}
@media (max-width: 991px) {
  .food-menu-modal .nutri-cards .border-grey-10 {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .food-menu-modal .nutri-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 15px;
  }
}
.food-menu-modal .nutri-cards p {
  margin-bottom: 0;
  text-align: left;
  color: #000000;
}
.food-menu-modal .modal-body {
  border: 0;
}
.food-menu-modal .modal-body .card-body,
.food-menu-modal .modal-body .card {
  border: 0;
}
.food-menu-modal .modal-body .card {
  overflow: hidden;
}
.food-menu-modal .card-footer {
  box-shadow: 0 -4px 8px 0 hsla(0, 0%, 80%, 0.4);
  border: 0;
  position: fixed;
  bottom: 30px;
  width: 100%;
  max-width: 498px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 575px) {
  .food-menu-modal .card-footer {
    bottom: 9px;
    max-width: calc(100% - 18px);
  }
}

.pb-8 {
  padding-bottom: 60px;
}

.menu-tab-table ul.nav-tabs li {
  flex: 1;
}
.menu-tab-table ul.nav-tabs li button {
  border: 0;
  border-bottom: solid 2px #d3d3d3;
  width: 100%;
  text-align: left;
  padding-left: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  box-shadow: none !important;
}
.menu-tab-table ul.nav-tabs li button.active {
  border-bottom: solid 2px #0d5740;
  color: #0d5740;
}
@media (min-width: 768px) {
  .menu-tab-table table {
    table-layout: fixed;
  }
}
.menu-tab-table table tbody tr td {
  padding-left: 0;
  font-size: 16px;
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
}

.line-initial {
  line-height: initial;
}

.border-grey-10 {
  border-right: solid 1px #d3d3d3;
  margin-right: 10px;
}

.icon-close {
  position: absolute;
  right: 17px;
  top: 12px;
  z-index: 99;
  width: 27px;
  cursor: pointer;
  border-radius: 50%;
}

/*  more info modal start  */
ul.ul-tag-list li {
  height: 28px;
  width: 28px;
  border-radius: 15px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  position: relative;
  bottom: auto;
  background-color: #d3d3d3;
  color: #000000;
}

.tag-label {
  position: absolute;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding: 4px 14px;
  background-color: #000000;
  color: #ffffff;
}
.tag-label.top-set-1 {
  top: 10px;
  bottom: auto;
  background-color: #ffc220;
  color: #0d5740;
}

@media (max-width: 992px) {
  #paygModal .modal-dialog {
    overflow: scroll;
  }
}
#paygModal .paygModal .planCard {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  position: relative;
  padding: 20px;
  padding-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#paygModal .paygModal .planCard .tag {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  padding: 4px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
#paygModal .paygModal .planCard .cardTitle {
  font-size: 1.875rem;
  color: #0d5740;
  font-weight: 500;
}
#paygModal .paygModal .planCard .cardPrice span {
  font-size: 2.25rem;
  font-weight: 700;
  color: #0d5740;
}
#paygModal .paygModal .planCard .card-body {
  max-height: 200px;
  overflow-y: scroll;
  margin-bottom: 20px;
}
#paygModal .paygModal .planCard .card-body::-webkit-scrollbar {
  width: 2px;
}
#paygModal .paygModal .planCard .card-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}
#paygModal .paygModal .planCard .card-body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
}

.news-articles .category-tabs .tab.active, .news-articles .category-tabs .tab:hover {
  background-color: #ffc220;
  color: #0d5740;
}

#pagination {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
#pagination .page-numbers {
  padding: 8px 24px;
  border: 1px solid #d9d9d9;
  color: #000000;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
}
#pagination .page-numbers.current, #pagination .page-numbers:hover {
  background-color: #ffc220;
  color: #0d5740;
}

.actual-price {
  font-size: 1.125rem;
}

.page-template-our-payg-menu .pricing {
  display: none !important;
}

.height-33 {
  height: 33px;
}

.find-other-option,
.wooc_other {
  display: none;
}

.list-style-checkbox li {
  margin-left: 30px;
  position: relative;
}
.list-style-checkbox li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: -30px;
  width: 20px;
  height: 20px;
  background-image: url(../../../../uploads/2024/11/checked.webp);
}

.how-it-banner {
  background-color: #0d5740;
  color: white;
  text-align: center;
  padding: 20px 0;
}

.about-details .table thead tr th {
  background-color: #0d5740;
  color: white;
  font-size: 18px;
  font-weight: 500;
}
.about-details .table td,
.about-details .table th {
  text-align: center;
}
.about-details .check {
  color: green !important;
  font-size: 20px !important;
}
.about-details .cross-red {
  color: red !important;
  font-size: 20px !important;
}

.weekly-menu-ul li {
  color: black;
  font-size: 16px;
  font-weight: 400;
}
.weekly-menu-ul li > span {
  margin-right: 5px;
}

.menu-h-fixed {
  max-height: 290px;
  overflow: auto;
}
.menu-h-fixed::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.menu-h-fixed::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.menu-h-fixed::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}
.menu-h-fixed::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.menu-h-fixed li {
  font-size: 16px;
}

@media (max-width: 767px) {
  .text-base-mobile {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .table-menu-mobile tr th,
  .table-menu-mobile tr td {
    display: block;
  }
}
@media (min-width: 768px) {
  .table-menu-mobile {
    table-layout: fixed;
  }
}
.ui-datepicker .ui-datepicker-prev span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  transform: rotate(-45deg);
}
.ui-datepicker .ui-datepicker-next span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(-45deg);
}

@media (max-width: 767px) {
  .sub-text-mobile {
    align-items: flex-start !important;
  }
  .sub-text-mobile .text-xxl {
    font-size: 20px;
    line-height: initial;
    text-align: left !important;
  }
}

main .woocommerce-message {
  max-width: 800px;
  margin: auto;
  border-radius: 10px;
  margin-top: 5px;
  padding: 14px 50px;
  font-weight: 600;
}

body .payment_box.payment_method_stripe ul.wc-saved-payment-methods {
  padding-left: 0;
}
body .payment_box.payment_method_stripe ul.wc-saved-payment-methods li {
  margin-bottom: 0;
}
body .payment_box.payment_method_stripe ul.wc-saved-payment-methods li input[type=radio] {
  width: 17px !important;
  height: 17px !important;
  margin-right: 5px !important;
}
body fieldset p.form-row.woocommerce-SavedPaymentMethods-saveNew {
  padding-left: 0px !important;
}
body fieldset p.form-row.woocommerce-SavedPaymentMethods-saveNew input[type=checkbox] {
  width: 17px !important;
  height: 17px !important;
  margin-right: 5px !important;
  position: relative !important;
  top: 3px !important;
}

.unhold::before {
  content: "";
  position: absolute;
  width: calc(100% + 32px);
  height: calc(100% + 10px);
  top: -5px;
  left: -16px;
  background: rgba(244, 67, 54, 0.2) !important;
  z-index: -1;
}

.unhold {
  position: relative;
}
.unhold button {
  border-radius: 50%;
  overflow: hidden;
}

.custom-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.custom-pagination .page-numbers {
  padding: 8px 16px;
  border: 1px solid #d9d9d9;
  color: #000000;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
}
.custom-pagination .page-numbers.current, .custom-pagination .page-numbers:hover {
  background-color: #ffc220;
  color: #0d5740;
}

@media (max-width: 767px) {
  .custom-pagination {
    margin-top: 10px;
  }
  .custom-pagination .page-numbers {
    padding: 8px 12px;
    font-size: 14px;
  }
}
.blockOverlay {
  position: fixed !important;
  z-index: 9999 !important;
  background: rgba(0, 0, 0, 0.6) !important;
}

@media (min-width: 991px) {
  .food-menu-modal .modal-dialog.modal-md {
    width: 100%;
  }
}
.woocommerce-checkout-review-order-table tfoot .discount-badge .discount-wrap {
  background-color: #0d5740;
  color: #ffffff;
  border-radius: 20px;
  padding: 2px 8px;
  min-width: 115px;
  display: inline-block !important;
}

.page-id-10 .woocommerce-notices-wrapper {
  max-width: 1320px;
  margin: 20px auto 0px;
  padding: 0 12px;
}

.meal-card .card-body {
  padding: 16px 8px;
}

.w-30 {
  width: 30px;
}

.cart-item-image {
  height: 70px;
  width: auto;
}
.cart-item-image img {
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

#delivery_date {
  background-color: transparent;
  border: 0;
  padding-right: 50px;
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: 30px 24px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  background-image: url("./../images/edit.svg");
}
#delivery_date::-webkit-calendar-picker-indicator {
  display: none;
}
#delivery_date.weekly-menu-calendar {
  background-color: transparent;
  background-image: none;
  padding-right: 0px;
  cursor: auto;
}
#delivery_date:focus, #delivery_date:active, #delivery_date:focus-visible {
  border: 0;
  outline: none;
  box-shadow: none;
}

/* Make the container relative */
#personal-info .base-input {
  position: relative;
}

/* Eye button */
#personal-info .show-password-input {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: 35px;
  right: 1em;
  height: 22px;
  width: 22px;
  z-index: 2;
}

/* Eye icon default (eye-off) */
#personal-info .show-password-input::before {
  content: "";
  display: block;
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z' fill='%23111111'/%3E%3C/svg%3E");
  /* your SVG eye-off here */
}

/* Eye icon active (eye) */
#personal-info .show-password-input.display-password::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z' fill='%23111111'/%3E%3C/svg%3E");
}

/* Flex layout for postcode input and button */
#billing_postcode_field .woocommerce-input-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
#billing_postcode_field input[type=text] {
  width: 50%;
}
#billing_postcode_field #find-address {
  margin: 15px;
}
@media (max-width: 767px) {
  #billing_postcode_field #find-address {
    margin-left: 0;
  }
}

#delivery #billing_postcode {
  width: calc(50% - 12px);
}
@media (max-width: 768px) {
  #delivery #billing_postcode {
    width: 100%;
  }
}

#delivery #find-address {
  margin: 0 auto;
}
@media (max-width: 768px) {
  #delivery #find-address {
    margin-top: 20px;
  }
}

.dashboard-page .text-status {
  color: #1dc929;
}
.dashboard-page .text-secondary-color {
  color: #0d5740;
}
.dashboard-page .text-hold {
  color: #cfa312;
}
.dashboard-page .text-cancel {
  color: #d21111;
}
.dashboard-page ul {
  list-style: block;
  list-style-type: disc;
}

#address-select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: calc(100% - 0.5em) 50%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
select::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
select::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.subscription-box {
  background-image: url("../images/hold-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  padding: 10px 22px;
  border-radius: 12px;
  color: #1d1d1f;
  max-width: 500px;
  font-family: sans-serif;
}
.subscription-box h3 {
  color: #004b23;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 8px;
}
.subscription-box p {
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

p.text-cat {
  color: #212529;
  font-weight: normal;
  line-height: 1.25;
  font-size: 14px;
}

#cancel-subscription-reason .reason-text {
  height: 188px;
  border-radius: 10px;
  background-image: url("../images/Cancel-Subcription-Reason.png");
  background-size: cover;
}
#cancel-subscription-reason .reason-text .cancel-sub-reason-text {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 14px 50px;
  border-radius: 10px;
}

.change-payment-modal ul.list-group {
  gap: 9px;
}
.change-payment-modal ul.list-group li {
  padding: 0;
  border: 0;
  margin-bottom: 12px;
}
.change-payment-modal ul.list-group li label {
  margin: 0;
  padding: 0 !important;
  color: #212529;
  font-size: 16px;
}
.change-payment-modal ul.list-group li label input {
  width: 20px;
  height: 20px;
}
.change-payment-modal ul.list-group li label.add-new-card {
  position: relative;
  background-color: #c8c8c8;
  padding: 6px 0 !important;
  border-radius: 5px;
  cursor: pointer;
}
.change-payment-modal ul.list-group li label.add-new-card svg {
  stroke: #1d1d1f;
}
.change-payment-modal ul.list-group li label.add-new-card .add-new-input {
  position: absolute;
  height: 100%;
  width: 100%;
  visibility: hidden;
}
.change-payment-modal .card-wrapper .card-details .card-number {
  font-weight: 600;
  font-size: 17px;
}
.change-payment-modal .card-wrapper .card-details .card-number .password-ff {
  font-family: arial;
  font-size: 19px;
  line-height: 1;
  padding-top: 6px;
}
.change-payment-modal .card-wrapper .card-details .card-expiry {
  font-size: 12px;
  color: gray;
}
.change-payment-modal .card-wrapper .set-as-default,
.change-payment-modal .card-wrapper .default {
  font-size: 14px;
  white-space: nowrap;
}
.change-payment-modal .card-wrapper .default {
  font-weight: 500;
  color: gray;
}

.single-post-details a {
  color: #0d5740;
  text-decoration: underline;
  font-weight: 600;
}
.single-post-details a:hover {
  color: rgb(6.37, 42.63, 31.36);
}
.single-post-details .entry-meta {
  margin-bottom: 24px;
  color: #9b9b9b;
}
.single-post-details .entry-title {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 24px;
}
.single-post-details .entry-title a {
  color: #000000;
  text-decoration: none;
}
.single-post-details .entry-content {
  color: #000000;
}
.single-post-details img.wp-post-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 36px;
}
.single-post-details .entry-footer {
  display: none;
}
.single-post-details .attachment-full.size-full.wp-post-image {
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 36px;
}
.single-post-details .meta-sep {
  display: none;
}

.shadow-light {
  box-shadow: 0px 0px 12px 5px rgba(204, 204, 204, 0.4);
}

.blog-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  display: flex;
  align-items: center;
  min-height: 300px;
  max-height: 400px;
  position: relative;
  z-index: 9;
}
.blog-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}/*# sourceMappingURL=style.css.map */