/* -----------banner------ */
/* .slider-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  overflow: hidden;
}

.slider1 {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide1 {
  min-width: 100%;
  box-sizing: border-box;
}

.slide1 img {
  width: 100%;
  height: auto;
}

.offer-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  width: 80%;
}

.offer-text h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.offer-text p {
  font-size: 16px;
}

section.offer {
  margin-top: 24px;
}


.navigation-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  cursor: pointer;
  color: #fff;
  background-color: transparent;
  border: none;
  outline: none;
}

.slider-container .prev-btn {
  left: 10px;
  z-index: 9;
}

.slider-container .next-btn {
  right: 10px;
  z-index: 9;
} */

@media screen and (min-width: 334px) and (max-width: 370px) {

  /* Styles for screens between 334px and 370px wide */
  .tab-delivery button {
    font-size: 13px !important;
  }

  .delivery-popup-value select {
    font-size: 14px !important;
  }
}

span.store-close-btn-time {
  padding-top: 5px;
  font-size: 12px !important;
  color: #ffffffc7 !important;
}

div#updatep button.btn.btn-success:hover {
  background: #DD2026 !important;
}

div#updatep button.btn.btn-success:active {
  background: #DD2026 !important;
}

div#updatep button.btn.btn-success:focus,
div#updatep button.btn.btn-success:focus-visible {
  box-shadow: none !important;
}

.location-icon-ads i {
  font-size: 37px;
  color: #dd2026;
}

.row.address-new .col-7 h5 {
  color: #000;
  font-weight: 500;
  font-size: 17px;
}

p.address-show {
  font-size: 13px;
  font-weight: 400;
}


button.adress-change-btn {
  color: #333;
  background: #ecf3eb;
  padding: 4px 10px;
  border: 1px solid #dd2026;
  border-radius: 5px;
  margin-left: -25px;
  margin-top: 7px;
}












.phone-none .row.cart-new.cart_item input.btn-3.qty_display {
  max-width: 30px !important;
}

.col-2.location-icon-ads {
  align-self: center;
}





/* Enter Complete Address  */
.enter-complete-address-radio-btn label {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 22px;
  box-shadow: 0px 4px 6px #6e6b6bcf;
}

.enter-complete-address-radio-btn input[type="radio"] {
  display: none;
}

.enter-complete-address-radio-btn input[type="radio"]:checked+label {
  background-color: #dd2026;
  color: #fff;
}

.enter-complete-address-radio-btn form {
  display: flex;
}

.enter-complete-input input {
  width: 100%;
  margin: 51px 0px 0px 0px;
  padding: 8px;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #dd2026;
}

.enter-complete-input input:focus-visible {
  width: 100%;
  margin: 51px 0px 0px 0px;
  padding: 8px;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #dd2026;
  box-shadow: none !important;
}

button.save-address {
  width: 100%;
  background-color: #dd2026;
  color: #fff;
  margin-top: 46px;
}

button.save-address:hover {
  width: 100%;
  background-color: #dd2026;
  color: #fff;
}

/* Use Current location  */

.use-current-location {
  border-top: 1px dotted red;
  margin-top: 18px !important;
  padding-top: 14px;
}

button.btn.use-current {
  width: 100%;
  background: #dd2026;
  color: #fff;
}

button.btn.use-current span {
  font-size: 15px;
  padding: 8px 5px;
}

.pac-item {
  padding: 3px 9px !important;
  border-top: 1px dotted #f32121 !important;
}

.pac-icon {
  width: 17px !important;
  height: 20px !important;
  margin-right: -3px !important;
}

.pac-logo:after {
  content: "Powed by Lickers";
  background-image: none !important;
  margin-bottom: 13px;
  margin-right: 9px;
  font-size: 11px;
  color: red;
}

/* Address popup  */
.modal-dialog.address-model h4.modal-title {
  font-size: 21px;
  font-weight: 500;
}

.row.address-popup-border {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

button.add-new-address.btn {
  width: 100%;
  text-align: left;
  margin-left: -16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

button.add-new-address.btn span {
  font-size: 15px;
}

.modal-dialog.address-model .modal-body {
  padding-top: 0px;
}

.modal-dialog.address-model .modal-header,
.modal-dialog.address-model .modal-footer {
  border: none !important;
}

h3.saved-address {
  font-size: 17px;
  margin-top: 13px;
}

div#enter-select-address {
  background-color: #0000007a;
}

button.add-new-address.btn:focus {
  box-shadow: none !important;
}

button.add-new-address.btn:active {
  border: none;
}

input.enter-adress:focus-visible {
  border: none !important;
}

.address-model p.address-show {
  font-size: 13px;
  font-weight: 500;
}

.address-model .row.address-new {
  margin-top: 20px;
}

.address-model .row.address-new .location-icon-ads i {
  font-size: 25px;
  color: #dd2026;
}

.address-model .col-1.location-icon-ads {
  padding-right: 0px !important;
  align-self: center;
}

input.enter-adress {
  width: 100%;
  padding: 5px;
  border: 1px solid red;
  border-radius: 6px;
}

.btn-save-delivery:focus,
.btn-save-delivery:focus-visible {
  outline: none;
  /* This removes the default focus outline for better accessibility */
  border: none !important;
  box-shadow: none !important;
}

.btn-save-delivery:active {
  background: #dd2026 !important;
}

h4.item-name-cart2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

body.swal2-toast-shown .swal2-container {
  z-index: 9999999 !important;
}

span.delevery-address {
  display: flex;
  align-items: baseline;
  margin-bottom: 24px;
}

span.delevery-address label {
  font-size: 14px;
}

span.delevery-address input#addressInput {
  margin-left: 27px;
  height: 29px;
  width: 50%;
}

span.no-result {
  text-align: center;
  margin-top: 40px;
  font-size: 15px;
  color: #dd2026;
  font-weight: 700;
}

center.cart-empty {
  font-size: 18px;
  font-weight: 500;
  color: #dd2026;
}

div#location_map div#map {
  width: 100% !important;
}

.total-price-box .cart-note {
  font-weight: 800;
  padding-bottom: 12px;
}

span.cart-delevery-notes {
  line-height: 18px;
  font-size: 12px;
}

span.carts-notes-data {
  border: 1px dashed #dd2026;
  padding: 8px;
  margin: 0px 0px 12px 0px;
}

.row.cart-new.cart_item .cart-md-2 img.img-fluid {
  width: 145px !important;
  max-height: 140px;
}

.cart-floating-section {
  /* display: none; */
  margin: 0px 20px;
  bottom: 12px;
  background-color: #dd2026;
  position: fixed;
  width: 329px;
  z-index: 99;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 13px;
  padding: 7px 14px;
}

p.cart-item-heading {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 7px;
}

p.cart-ammount-floating {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 1px;
}

p.cart-ammount-floating span {
  font-size: 15px;
  padding-left: 0px;
}

.floating-btn-new-cart {
  background: none;
  color: #fff;
  border: 0px;
  position: relative;
  top: 15px;
}

.floating-btn-new-cart:hover {
  color: #fff;
}

p.cart-item-heading span.cart_count {
  font-size: 16px;
}

table.table.checkout-page-ui .text-end span {
  font-size: 15px !important;
  font-weight: 600 !important;
  font-family: sans-serif;
}

.toast-title::first-letter {
  text-transform: capitalize;
}

div#model-cart {
  background: #08080896;
}

a.btn.btn-success.btn-sm.lost-pass {
  background: #dd2026;
  border: none;
}

.delivery-popup-value span label {
  font-weight: 500;
  font-size: 14px;
  font-family: 'Inter';
}

.tab-delivery {
  overflow: hidden;
  border: 1px solid #fff;
  background-color: #ffffff;
}

.tab-delivery button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 8px;
  /* transition: 0.3s; */
  font-size: 16px;
  margin-right: 11px;
}

.tab-delivery button:hover {

  background-color: #dd2026;
  color: #fff;
  border-radius: 14px 14px 0px 0px;
}

.tab-delivery button.active {
  background-color: #dd2026;
  color: #fff;
  border-radius: 14px 14px 0px 0px;
}

.tab-delivery .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.delivery-popup-value select {
  font-size: 16px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
}

.delivery-popup-value select:hover {
  border-color: #aaa;
}

.delivery-popup-value select:focus {
  border-color: #dd2026;
  box-shadow: 0 0 8px rgba(221, 8, 8, 0.548);
}

button.find-food {
  width: 100%;
  background-color: #dd2026;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 11px;
  margin-top: 17px;
}

/* 
hr.delivery-hr{
  border-bottom: 1px solid #dd2026;
} */


.delivery-popup-value input[type="date"],
.delivery-popup-value input[type="time"] {
  font-size: 16px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
}

.delivery-popup-value input[type="date"]:hover,
.delivery-popup-value input[type="time"]:hover {
  border-color: #aaa;
}

.delivery-popup-value input[type="date"]:focus,
.delivery-popup-value input[type="time"]:focus {
  border-color: #dd2026;
  box-shadow: 0 0 8px rgba(221, 8, 8, 0.548);
}

.delivery-popup-value {
  display: flex;
}


.new-table-select input[type="checkbox"] {
  display: none;
}

.new-table-select label {
  display: block;
  margin-bottom: 18px;
  margin-right: 15px;
  cursor: pointer;
  color: #333;
  padding: 11px 13px;
  box-shadow: 1px 1px 7px #00000061;
  border-radius: 13px;
  font-size: 14px;
}

.new-table-select input[type="checkbox"]:checked+label {
  color: #ffffff;
  background-color: #dd2026;
}


.checkbox-container.new-table-select form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

}

.table-select {
  margin-bottom: 14px;
}

.checkbox-container.new-table-select {
  margin-top: 23px;
}

.new-table-select label p {
  font-size: 11px;
}





.price-img .name-item-variant {
  font-size: 14px;
  line-height: 16px;
  padding-top: 15px;
  width: 83%;
}

.row.price-img {
  align-items: center;
  margin-top: -15px;
}

img.variant-img {
  width: 40px;
}

.size-variant-item [type="radio"]:checked,
.size-variant-item [type="radio"]:not(:checked) {
  position: absolute;
  right: 12px;
  top: 10px;
}

button.image-btn.add_to_cart.popup-btn-new {
  padding: 6px 17px;
  width: unset;
}

.popup-footer-variant {
  padding: 0px !important;
  position: sticky;
  bottom: 0;
  background: #fff !important;
  border-top: 1px solid #dd2026;
  line-height: 15px;
  margin: 0px -16px;
}

.total-variant-price h2 {
  font-size: 18px;
  font-weight: 700;
}

.total-variant-price h2 span#total_amount {
  font-size: 18px;
  padding-left: 0px;
  font-weight: 700;
  margin-left: 0px;
}

span.single_varient_price {
  font-size: 14px;
}

/* span.span-variant2 {
  margin: 0px 0px 0px 0px;
  display: flex;
  justify-content: space-between;
} */

.size-variant .size-variant-item {
  width: 144px;
  margin: 5px;
  /* text-align: center; */
  padding: 10px;
  box-shadow: 1px 2px 6px #74747485;
  border-radius: 12px;
  position: relative;
}

.size-variant {
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: normal;
}

.store-close {
  background-color: #e7e7e7;
  padding: 12px;
  margin: 18px 0px 1px 0px;
  border-radius: 8px;
}

p.store-close-text {
  color: #dd2026;
  font-size: 17px;
  margin-bottom: 8px;
  font-weight: 500 !important;
}

p.open-time {
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
}

.close-store-img i.fa-solid.fa-store {
  align-self: center;
  color: #dd2026;
  font-size: 33px;
}

.close-store-img {
  display: flex;
}

.desktop-phone-none {
  display: none !important;
}


.modal.fade .address-model {
  transform: translate3d(0, 100%, 0);
  animation: modal-open1 0.3s ease-out;
}

/* p.address-show-btn {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 14px;
  line-height: 24px;
  margin-top: -2px;
} */
p.address-show-btn {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  margin-bottom: -10px;
  line-height: 24px;
  margin-top: 20px;
}

.enter-add-com-btn {
  position: relative !important;
  margin: auto !important;
}

.select-address-ui {
  box-shadow: 0px 8px 7px #7b787857;
  border-radius: 18px;
  padding: 6px 2px;
}

.address-model .row.address-new:hover {
  box-shadow: 0px 8px 7px #7b787857;
  border-radius: 18px;
  padding: 6px 2px;
}

.address-model .row.address-new {
  padding: 6px 2px !important;
  cursor: pointer;
  border-bottom: 1px dashed #dd2026;
}

table.table.order-history-table td.total-price-history {
  padding-right: 20px !important;
}

div#ui-datepicker-div {
  z-index: 9999999 !important;
}

span.customisable-span.phone-none {
  font-size: 13px;
  color: #dd2026;
  font-weight: 700;
  position: relative;
  top: -3px;
}

.hpts {
  padding-top: 13px;
}

.term-policy strong {
  font-weight: 500;
}

.shipping-page a {
  color: #000;
}




@media (max-width: 767px) {
  .menu.d-flex.tabs_wrapper .menu-button2 {
    text-wrap: nowrap;
    white-space: nowrap;
  }

  .footer_menu li {
    padding-bottom: 2px !important;
  }

  .shipping-page h1 {
    font-size: 20px !important;
  }

  .row.to-pay {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0px 15px !important;
    z-index: 3;
  }


  .popup-footer-variant .btn-group {
    margin-bottom: 0px !important;
  }

  section.social-1.icons {
    display: none;
  }

  div img.img-fluid.bd-placeholder-img.card-img-top {
    height: 290px !important;
  }

  div#search_bar {
    position: sticky;
    top: -3px;
    background: #fff;
    z-index: 1;
  }

  h1.history.history-phone {
    margin-left: -13px;
  }

  span.customisable-span.desktop-none {
    font-size: 12px !important;
    font-weight: 700;
    text-align: center;
    color: #7f7f7f;
    padding-top: 0px !important;
    margin-top: -7px !important;
  }

  p.address-show-btn {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 14px;
    line-height: 24px;
    margin-top: -2px;
    border-bottom: 1px dotted red;
  }

  span.address-show-btn1 {
    font-size: 15px;
    font-weight: 600;
  }

  div#location_map div#map {
    width: 100% !important;
    height: 550px !important;
  }

  .enter-add-com-btn {
    position: relative !important;
    margin: auto !important;
  }

  .address-model .col-1.location-icon-ads i.fa-solid.fa-trash.remove_address {
    margin-left: -16px;
  }

  .address-model .row.address-new .location-icon-ads i {
    margin-top: -9px !important;
  }

  span.price-popup-flex label {
    font-size: 13px;
  }

  h4.item-name-cart {
    font-size: 13px;
  }

  .panel.offer_asso_prdt_div span {
    padding-bottom: 5px;
    padding-top: 0px;
    font-size: 12px;
    color: red;
  }

  .panel.offer_asso_prdt_div {
    height: 100% !important;
    max-height: unset !important;
  }

  h4.item-name-cart2 {
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 12px;
    /* border-bottom: 1px dotted red; */
  }

  /* input.form-control.birsthdatepicker.flatpickr-input.flatpickr-mobile {
    position: absolute;
      top: 116px;
      opacity: 0;
  } */
  .size-variant .size-variant-item {
    width: 45%;
  }

  span.feedback-submitted {
    margin-top: 15px;
  }

  /* .category_choose.p-3.mb-3 .panel-heading {
  display: flex;
  justify-content: space-around;
}
.category_choose.p-3.mb-3 .panel-heading h6.panel-title.active {
  background: #dd2026;
  border-radius: 13px 13px 0px 0px;
} */

  .row.price-img .col-7 {
    padding-right: 0px;
  }

  .menu-body .accordion-item .accordion-collapse li.single_item .col-8 {
    font-size: 13px;
  }

  p.right-arrow-icon i {
    color: green;
  }

  .modal-header.model-coupons-header h4.modal-title {
    font-size: 19px;
  }

  .modal-header.model-coupons-header h4.modal-title i {
    padding-right: 16px;
  }

  hr.desktop-none {
    width: 100%;
    color: #fff !important;
    opacity: 1;
    /* line-height: 6px; */
    height: unset !important;
  }

  .row.address-new .col-7 h5 {
    color: #000;
    font-weight: 500;
    font-size: 17px;
  }

  p.address-show {
    font-size: 13px;
    font-weight: 400;
  }

  .location-icon-ads i {
    font-size: 37px;
    color: #dd2026;
    /* margin-top: 5px; */
  }

  .row.address-new .col-7 {
    margin-top: 5px;
  }

  button.adress-change-btn {
    color: #333;
    background: #ecf3eb;
    padding: 6px 12px;
    border: 1px solid #dd2026;
    border-radius: 5px;
    margin-left: -6px;
    margin-top: 14px;
  }

  .cart-floating-section {
    display: block;
    margin: 0px auto;
    bottom: 12px;
    background-color: #dd2026;
    position: fixed;
    width: 333px;
    z-index: 99;
    left: 0px;
    border-radius: 13px;
    padding: 7px 14px;
  }

  .row.search-cupon {
    margin: 0px !important;
    padding: 0px !important;
    padding-bottom: 25px !important;
  }

  .modal-header.model-coupons-header {
    border-bottom: 0px;
    margin-bottom: -19px;
  }

  /* Add some basic styling for the search box container */
  .row.search-cupon .search-container {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin: 0px 0px !important;
    /* width: 92%; */
    padding: 0px !important;
  }

  /* Style the search box */
  .row.search-cupon .search-box {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 5px;
    width: 100%;
  }

  .search-box:focus,
  .search-box.focus {
    border-color: red;
    outline: none;
    /* Remove the default outline */
  }

  /* Style the search button */
  .row.search-cupon .search-button {
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #ffffff;
    color: #808080;
    cursor: pointer;
    position: relative;
    left: -11px;
    border-left: none;
    border-radius: 0px 4px 4px 0px;
  }

  .col-12.card-offers .card {
    padding: 15px;
    box-shadow: 0px 0px 8px #7575757a;
    border: none;
    margin-bottom: 21px;
    margin-top: 12px;
  }

  .col-12.card-offers .card h4 {
    font-size: 18px;
    font-weight: 700;
  }

  .col-12.card-offers .card p {
    font-size: 13px;
    font-weight: 400;
    color: #7d7c7b;
    margin-top: 10px;
  }

  .col-12.card-offers .card .col-6 span {
    background: #eff2eb;
    border: 3px dotted #b9bbb9;
    padding: 0px 19px;
  }

  .col-12.card-offers .card .col-6 span p {
    margin: 0px;
    padding: 7px 0px;
    color: #000;
    font-weight: 700;
  }

  .row.cuppon-apply-btn {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
  }

  .col-12.card-offers .row.cuppon-apply-btn button.btn.apply-cuppon {
    border: 1px solid #5e715c;
    color: #434343;
    padding: 1px 18px;
    font-weight: 500;
    background: #eff2e9;
  }

  .row.cuppon-scroll {
    max-height: 80vh;
    overflow: auto;
  }

  .col-6.right-side-bill p {
    font-weight: 500;
  }

  button.cuppon-btn {
    background: none;
    border: none;
  }


  .to-pay {
    padding: 0px !important;
    position: sticky;
    bottom: 0;
    background: #fff !important;
    border-top: 1px solid #dd2026;
    line-height: 15px;
    margin: 0px -16px;
  }

  .row.to-pay .col-lg-12.col-md-12 {
    padding-top: 17px;
  }

  .row.to-pay .col-6 {
    font-size: 18px;
    font-weight: 600;
  }

  .row.to-pay .col-6 p {
    font-weight: 600;
    font-size: 18px;
  }

  span.col-lg-12.cart-btn-span-new {
    padding: 0px;
    margin-left: 0px;
    margin-bottom: 12px;
    margin-top: -23px;
  }

  p.long-name {
    max-width: 222px;
    /* Set the width of the element */
    white-space: nowrap;
    /* Prevent text from wrapping to the next line */
    overflow: hidden;
    /* Hide any content that overflows the element */
    text-overflow: ellipsis;
    /* Display an ellipsis (...) for overflowed text */
  }

  span.name-size p {
    padding-right: 7px;
    margin-bottom: 5px;
  }

  .col-3.right-area-cart {
    text-align: left;
  }

  .cart-padding-phone {
    padding: 0px !important;
  }

  .main-price-phn .main-price,
  .main-price-phn {
    font-size: 14px;
    font-weight: 600 !important;
  }

  .btn-group.d-flex.col-12.qut-cart {
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 7px;
  }

  .col-9.cart-padding-phone span {
    padding-left: 0px !important;
    margin-left: 0px;
  }

  .row.cart-new-phone {
    /* border-bottom: 1px solid #dd2026; */
    margin-bottom: 20px;
  }

  span.add-notes {
    width: 100%;
  }

  .notes-cart {
    display: flex;
    align-items: center;
  }

  .add-notes textarea {
    width: 100%;
    margin-top: 18px;
    padding: 2px;
    box-sizing: border-box;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    color: #a3a3a3 !important;
    /* outline: none; */
  }

  a.delete_cart_item {
    color: red !important;
    font-size: 17px !important;
  }

  .new-cart-heading-phone {
    color: #212121;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  span.offer-icon {
    background: green;
    color: #fff !important;
    padding: 7px 7px 8px 10px;
    border-radius: 95%;
    width: 31px;
    /* height: 28px; */
    position: relative;
    top: 14px;
    left: -6px;
  }

  .apply-offer-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  p.heading-apply-coupon {
    font-size: 15px;
    color: green;
    margin-bottom: 10px;
  }

  .row.offer-cart-code {
    border: 7px solid #eee;
    border-left: none;
    border-right: none;
  }

  span.apply-offers-text {
    position: relative;
    top: 6px;
  }

  p.right-arrow-icon {
    position: relative;
    font-size: 20px;
    top: 9px;
  }

  span.apply-offers-text p.explore {
    font-size: 14px;
    color: #a3a3a3;
    font-weight: 500;
  }

  span.name-size {
    display: flex;
    margin-left: 0;
  }

  button.top-logo-btn {
    /* padding: 8px; */
    /* border-top: 1px solid white !important; */
    text-align: center;
    margin-left: unset !important;
    margin-top: -11px;
    width: 100%;
    justify-content: center;
  }

  span.notes-icon i.fa {
    font-size: 17px;
  }

  .footer-phone-none {
    display: none !important;
  }

  .desktop-phone-none {
    display: block !important;
  }

  a.follow-icon i.fa {
    font-size: 18px;
    color: #fff !important;
  }

  .row.desktop-phone-none {
    border-bottom: 1px solid #fff;
  }

  .row.desktop-phone-none .col-sm-12 {
    margin-bottom: 17px;
  }

  .row.bill-total-phn {
    margin-top: 19px;
  }

  .col-6.right-side-bill {
    text-align: right;
  }

  .row.bill-total-phn-row .col-6 {
    padding: 0px;
  }

  .row.bill-total-phn-row {
    padding-right: 0px;
  }

  button.image-btn.add_to_cart.desktop-none {
    /* margin-top: -64px; */
    position: relative;
    top: -16px;
  }

  .delivery-popup-value {
    display: unset;
  }

  div#exampleModal .step.step-1 {
    margin-top: 243px;
  }

  .step.step-1 {
    max-width: 680px !important;
    width: 100% !important;
    padding: 21px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .step h2,
  .Login-popup h2 {
    font-size: 25px !important;
  }

  .col-md-4.step-col {
    padding: 0px;
  }

  .form-group.mx-auto.popup-margin {
    margin-bottom: -20px !important;
  }

  .modal-dialog.modal-dialog-scrollable.modal-dialog-centered .modal-content.content-tr {
    width: unset !important;
  }

  .modal-dialog.modal-dialog-scrollable.modal-dialog-centered {
    left: unset !important;
  }

  .div_section_cards {
    max-width: 440px;
    width: 100%;
  }

  span.bbq_urbab_tag {
    margin-bottom: 2px !important;
  }

  .modal-dialog.modal-dialog-scrollable.modal-dialog-centered .step.step-2 .buttons.text-center button.btn.next-btn {
    font-size: 9px;
    margin-left: 1px !important;
    margin-top: 18px;
  }

  .step.step-3 .card.my-2.step-navigation button.set_date_time {
    font-size: 14px !important;
  }

  div#demo button.carousel-control-prev {
    display: block !important;
    z-index: 99;
    opacity: 0 !important;
  }

  div#demo button.carousel-control-next {
    display: block !important;
    z-index: 99;
    opacity: 0 !important;
  }


}

.marquee-text-container {
  padding: 0px 13px;
}

button.top-logo-btn {
  display: flex;
  align-items: center;
}

.step h2,
.Login-popup h2 {
  font-size: 30px;
  padding: 5px 0px;
  color: #dd2026 !important;
  font-weight: normal;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: center;
  font-weight: 500;
}

.map,
.map iframe,
.map img {
  width: 100%;
  height: 35% !important;
}

.label_location {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  user-select: none;
}

.div_section_cards {
  border: 2px solid #dd2026;
  padding: 10px 8px;
  border-radius: 5px;
  text-align: left;
}

.div_section_cards:has(input:checked) {
  background: #dd2026;
}

.label_location input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.div_section_cards:has(input:checked) span {
  color: #fff !important;
}

span.bbq_urbab_tag {
  font-size: 14px;
  font-weight: bold;
  color: #dd2026;
}

span.bbq_urbab_tag {
  margin-bottom: 14px;
}

.col-md-3.step-col .form-group.mx-auto.popup-margin {
  margin-bottom: 0px !important;
}

.col-md-3.step-col .popup-margin .d-flex.mb-3 {
  margin: 0px !important;
}

span.bbq_time {
  color: black;
  font-weight: 500;
  font-family: Jost;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}

span.bbq_date {
  color: black;
  margin-top: 15px;
  display: block;
  font-family: Jost;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}

span.bbq_date img {
  width: 13px;
  height: 13px;
}

.div_section_cards:has(input:checked) span.bbq_date img {
  filter: brightness(10);
}

span.bbq_date span.update_time {
  margin-left: 0px;
  margin-top: -3px;
}

.checkmark {
  position: absolute;
  top: 2px;
  left: -9px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #dd2026;
}

.container .checkmark::after {
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #dd2026;

}

.label_location input:checked~.checkmark:after {
  display: block;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.modal-content.content-tr {
  width: 750px !important;
}

/* .step.step-1 {
  max-width: 680px !important;
  width: 900px;
  padding: 21px !important;
} */
.modal-content.content-tr .modal-body {
  overflow: auto;
  padding: 0px;
  /* background: #fff; */
}

.modal-dialog.modal-dialog-scrollable.modal-dialog-centered {
  left: -5%;
}

.step-navigation {
  display: flex;
  justify-content: space-between;
  margin: 8px 0px;
}

button.btn.pickup_btn {
  color: white !important;
  font-size: 14px;
  background: #dd2026;
  border: 1px solid #dd2026;
  margin-left: 17px;
  padding: 6px 12px 4px 11px;
  border-radius: 21px;
  font-weight: 500;
}

button.btn.pickup_btn img {
  margin-right: 6px;
}

button.btn.pickup_btn {
  color: white !important;
  font-size: 14px;
  background: #dd2026;
  border: 1px solid #dd2026;
  margin-left: 17px;
  padding: 6px 12px 4px 11px;
  border-radius: 21px;
  font-weight: 500;
}

.transform-rotate {
  transform: rotate(181deg);
  filter: grayscale(1) hue-rotate(177deg) brightness(10);
  margin-left: 10px;
}

.step {
  margin: 0 auto;
  overflow: hidden;
  background: #fff !important;
  padding: 30px;
  border-radius: 5px;
}

body .text-pink,
button.nav-link.text-pink {
  color: #dd2026 !important;
}

.step.step-3,
.step.step-4 {
  width: 358px !important;
  padding: 20px;
}

.step,
.Login-popup {
  margin: 0 auto;
  overflow: hidden;
  background: #fff !important;
  padding: 30px;
  border-radius: 5px;
}

.modal-content.content-tr {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: transparent;
  box-shadow: none;
  border: none;
}

.asap-submit-btn {
  padding: 10px 20px;
  font-size: 18px;
  width: 293px;
  background: #dd2026;
  border: 1px solid #dd2026;
  font-weight: 600 !important;
}

button.asap-submit-btn {
  background: #dd2026;
}

button.asap-submit-btn:hover {
  background: #dd2026;
}

button.set_date_time {
  background: #dd2026 !important;
  height: 73px;
  width: 293px;
  font-weight: 600 !important;
  margin: 0 auto !important;
  font-size: 18px !important;
  border-radius: 4px !important;
}

.step.step-4 .asap {
  padding: 0 12px !important;
}

.step-4 .asap::before {
  position: absolute;
  content: " \f107";
  font-family: "Font Awesome 5 Free";
  top: 30%;
  right: 6px;
  font-weight: 900;
  color: #000;
  height: 20px;
  width: 20px;
}

.step-4 .asap input {
  color: #000;
}

input.flatpickr_data.py-0.bg-transparent.border-0.form-control.input {
  height: 49px !important;
}

.step-4 .asap:after {
  position: absolute;
  left: 6px;
  width: 20px;
  transform: rotatey(176deg);
  top: 14px;
  font-family: 'FontAwesome';
  color: #a3a3a3;
  height: 20px;
  content: "";
  z-index: 99;
}

.step-4 .asap {
  background: transparent !important;
  border: 1px solid #f42070;
  padding: 0 20px;
  height: 50px;
  line-height: 23px;
  text-align: left;
  margin-top: 10px;
  border-radius: 5px;
}

.step-4 .asap {
  position: relative;
  display: inline-block;
}

input#asap_date,
input#asap_time {
  height: 100%;
}



.timing_open span {
  margin-left: 0px !important;
}

span.outlet-phn {
  padding: 8px 8px 8px 32px;
}

span.outlet-phn .dropdown button.dropbtn.nav-link {
  margin-left: -5px !important;
  padding-left: 0px !important;
  padding-top: 4px;
  font-size: 17px !important;
  font-weight: 500 !important;
  font-family: "public Sans", sans-serif;
}

span.outlet-phn .dropdown .dropdown-content {
  /* color: #000 !important; */
  background-color: #fff;
  margin-top: 10px;
  margin-left: -5px;
}

div#mySidenav span.outlet-phn .dropdown .dropdown-content a {
  color: #000 !important;
  font-size: 15px !important;
}

div#mySidenav span.outlet-phn .dropdown .dropdown-content a.selected {
  color: #fff !important;
}

span.menu-a-tag a {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 72px 13px 0px;
  color: #212529;
}

span.menu-a-tag {
  position: relative;
  top: 19px;
  z-index: 9;
}

div#myModal .modal-body.menu-body div#myAccordion h2.accordion-header button.accordion-button {
  /* margin: 0px 0px 0px 0px; */
  top: -16px;
}

div#myModal .modal-body.menu-body div#myAccordion h2.accordion-header {
  line-height: 0px;
  margin-bottom: -13px;
}

button.btn.btn-primary.offer-modal-btn {
  position: fixed;
  left: -37px;
  z-index: 999;
  top: 50%;
  transform: rotate(-90deg);
}

div#offer-modal .single_item {
  border-bottom: 1px dotted #dd2026;
  margin-top: 18px;
}

div#offer-modal .single_item .d-flex.menu-1 {
  margin-bottom: 14px;
}

div#offer-modal .modal-body .d-flex.menu-1 {
  border: none !important;
}

.offers-card {
  padding: 18px;
  max-height: 310px;
  overflow: auto;
  border: 1px dotted #dd2026;
  border-radius: 17px;
}

button.btn.btn-primary.d-block.mb-1.mx-auto:hover {
  background: #dc3545;
}

.panel-group.create-collapse {
  margin: 12px 0px;
}

li.single_item .row .col-4 {
  display: flex;
  justify-content: space-around;
}

.accordion-item ul li.single_item button.image-btn.add_to_cart {
  display: flex;
  margin: 0px !important;
  padding: 1px 9px;
  max-width: 64px !important;
  border-radius: 7px;
}

p.price-item-variant {
  display: flex;
  align-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.accordion-item ul li.single_item button.image-btn.add_to_cart span.img-span {
  margin-right: -3px !important;
  margin-top: -2px;
}

.container.tabs_wrapper .row.menu.tabs_wrapper {
  margin-top: 33px;
}

.table-responsive table.table.popup-feed-back tr th {
  padding-left: 0px !important;
}

section.scroller .menu.tabs_wrapper .button {
  padding: 13px 20px;
  margin-left: 5px;
  /* font-size: 14px; */
  /* width: 128px; */
}

/* #payment .payment-item {
  display: none;
}

#payment .payment-item:nth-child(3) {
  display: block;
}
#payment .payment-item:nth-child(10) {
  display: block;
} */

button#tab_btn_veg_food img.img-fluid,
button#tab_btn_non_veg img.img-fluid {
  width: 18px;
  margin-right: 10px;
}

span.requierd {
  color: red !important;
}

button.logout-btn.btn-danger.text-white.d-block.mx-auto.mt-3 {
  height: 35px;
  font-size: 15px;
  font-weight: 500;
  display: none !important;
  width: 120px;
  border: none;
  border-radius: 5px;
}

label {
  font-weight: bold;
}

button.btn.btn-danger {
  font-size: 16px !important;
  font-weight: 400 !important;
  height: 39px !important;
  width: 126px !important;
  text-wrap: nowrap !important;
}

@media (max-width: 576px) {
  body img.menu-image.img-fluid {
    width: 265px !important;
    max-height: 225px !important;
    height: 151px;
    object-fit: cover;
    padding: 0px;
    border-radius: 6px;
  }
}

@media (max-width: 1271px) {
  a.nav-link {
    font-size: 13px;
  }
}

@media (max-width: 1105px) {
  a.nav-link {
    font-size: 12px;
  }
}

@media (max-width: 1300px) {
  a.nav-link {
    font-size: 14px !important;
  }
}

@media (max-width: 1216px) {
  a.nav-link {
    padding: 3px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 970px) {
  img.profile.rounded-pill {
    width: 34px !important;
  }

  a.nav-link {
    font-size: 11px !important;
  }
}

@media (max-width: 930px) {
  img.profile.rounded-pill {
    width: 25px !important;
  }

  button.btn.btn-danger {
    height: 26px !important;
    width: 63px !important;
  }

  button.btn.border-0.bg-transparent {
    padding: 0px !important;
  }
}

a.btn.btn-primary.btn-block:active {
  background: #bb2d3b;
}

a.btn.btn-primary.btn-block {
  background: #bb2d3b;
  border: none;
}

a.nav-link {
  text-wrap: nowrap !important;
}

li.nav-item.active.p-3 {
  padding: 3px !important;
}

button.btn.btn-danger {
  font-size: 16px;
  font-weight: 400;
  height: 39px;
  width: 126px;
}

button.btn.btn-danger {
  font-size: 10px;
  font-weight: 400;
  height: 29px;
  text-wrap: nowrap;
  width: 86px;
}

a.nav-linka.nav-link {
  font-size: 11px !important;
  text-align: center !important;
}

.card.shadow-sm {
  height: 100% !important;
}

@media (max-width: 1050px) {
  a.nav-link {
    padding: 2px !important;
  }

  /* button.btn.border-0.bg-transparent {
        padding: 0px !important;
    } */

  button.btn.btn-danger {
    font-size: 9px !important;
    font-weight: 400 !important;
    height: 29px !important;
    text-wrap: nowrap !important;
    padding: 0px !important;
    width: 72px !important;
    text-align: center !important;
  }
}

@media (max-width: 886px) {
  li.nav-item.active.p-3 {
    padding: 1px !important;
  }
}

@media (max-width: 854px) {
  a.nav-link {
    font-size: 10px !important;
  }
}

button.btn.btn-primary {
  border: none;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

button.navbar-toggler {
  border: none;
}

.heading-1 {
  color: #dd2026;
  font-weight: 700;
  font-size: 16px;
}

.heading-2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  letter-spacing: 0em;
  text-align: left;
  color: #dd2026;
}

.sidenav a:hover {
  color: #f1f1f1;
}

form.example {
  margin-top: -73px;
  position: relative;
  /* z-index: 99; */
  font-size: 25px;
}

a.nav-link {
  color: white !important;
  font-size: 16px;
  font-weight: 400;
}

button.btn.bg-transparent.border-0.text-white {
  font-size: 20px;
  padding-left: 30px !important;
}

@media screen and (max-width: 450px) {
  .sidenav {
    padding-top: 15px !important;
  }

  .sidenav a {
    font-size: 13px;
  }

  button.navbar-toggler {
    border: none !important;
  }

  button.navbar-toggler:focus {
    box-shadow: none !important;
  }
}

body {
  font-family: "Noto Serif Georgian", serif !important;
  font-family: "Public Sans", sans-serif !important;
}

.carousel-indicators {
  z-index: 99 !important;
  align-items: center !important;
}

form.example {
  margin-top: -73px;
  position: relative;
  /* z-index: 99; */
}

span.carousel-control-prev-icon {
  border: 2px solid white;
  border-radius: 20px;
  width: 22px;
  height: 22px;
}

span.carousel-control-next-icon {
  border: 2px solid white;
  border-radius: 20px;
  width: 22px;
  height: 22px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #444;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a:hover {
  color: #f1f1f1;
}

button.btn.btn-danger.text-white.mt-3 {
  height: 50px;
  font-size: 16px;
  font-weight: 500;
}

button.navbar-toggler {
  border: none !important;
}

button.navbar-toggler:focus {
  box-shadow: none !important;
}

div#\32 {
  align-items: end;
  font-weight: bold;
}

.main_menu {
  top: 0px;
  width: 100%;
  height: 80px;
  background: black;
  border-bottom: 1px solid #eee;
  z-index: 999;
}

.main_menu .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  font-weight: 600;
  color: white;

  text-transform: capitalize;
  margin: 0px 15px;
  padding: 0;
  position: relative;
  gap: 66px;
}

.button {
  background-color: #dd2026;
  border: none;
  color: white;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  margin: 0px 0px;
  cursor: pointer;
  border-radius: 5px;
}

.fa-bag-shopping {
  color: white;
  height: 17.155811309814453px;
}

span {
  font-family: sans-serif;
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
  margin-left: 6px;
}

.main_menu .menu_icon li:last-child a {
  margin-right: 0;
  color: white;
  cursor: pointer;
}

/* -------IMAGE WITH TEXT AND BUTTON (2DIV)-------- */

/* -----------FOOTER SECTION---------- */

.footer-distributed {
  background: #444444 !important;

  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: bold 16px sans-serif;
  padding: 55px 50px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
  display: inline-block;
  vertical-align: top;
}

.footer-distributed .footer-left {
  width: 38%;
  margin-left: 77px;
}

.footer-distributed .footer-center {
  width: 35%;
  margin-top: 6%;
}

.footer-distributed .footer-right {
  width: 20%;
  margin-top: 6%;
}

.time {
  width: Hug (245px);
  height: Hug (292px);
  gap: 20px;
  color: white;
  font-size: 16px;
  /* font-family: inter; */
  font-weight: 500;
}

@media screen and (max-width: 656px) {
  .footer-distributed {
    background: black;
    box-sizing: border-box;
    width: 100%;
    /* text-align: center; */
    font: bold 16px sans-serif;
    padding: 55px 50px;
  }

  .footer-distributed .footer-center {
    width: 54%;
    margin-top: 20%;
  }

  .footer-distributed .footer-right {
    width: 100%;
    margin-top: 25%;
  }

  .footer-distributed .footer-center {
    width: 54%;
    margin-top: 20%;
  }
}

@media (max-width: 414px) {
  .footer-distributed .footer-left {
    width: 100%;
    margin-left: 0;
  }

  footer.footer-distributed {
    font-size: 12px !important;
  }

  .footer-distributed .footer-center {
    margin-top: 65px;
  }
}

b {
  font-size: 10px;
}

img.pic-1 {
  margin-left: 32px;
}

p.\34 \.0 {
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

a {
  text-decoration: none;
  color: black;
}

button.btn.btn-light.dropdown-toggle {
  border: 1px solid black;
}

a.nav-link {
  font-weight: 500;
}

@media (max-width: 500px) {
  .flex {
    display: block !important;
    text-align: center;
  }

  .shop,
  .order,
  .mobile,
  p.menu,
  p.time,
  p.font {
    font-size: 13px !important;
  }

  div#\33 {
    margin-bottom: 10px;
  }
}

@media (max-width: 900px) {
  p.time {
    font-size: 15px;
  }

  p.menu {
    font-size: 15px;
  }
}

@media (max-width: 633px) {
  li.nav-item.p-3 {
    padding: 0px !important;
  }

  a.nav-link {
    font-size: 13px;
  }

  /* button.btn.btn-danger {
font-size: 10px;
} */
}

/* @media(max-width:991px){
    button.btn.btn-danger {
        font-size: 12px !important;
        font-weight: 400 !important;
        height: 39px !important;
        width: 107px !important;
    }
    } */
@media (max-width: 931px) {
  /* button.btn.btn-danger{
    font-size: 15px;;
    } */
}

@media (max-width: 930px) {
  a.nav-link {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .timing_open span {
    margin-left: 0px !important;
  }

  .col-md-6.col-lg-3.col-xl-3.border-sm-start-none.border-start {
    border: none !important;
  }

  .offers-card h6.text-success {
    margin-left: 2px;
    margin-top: 12px;
  }

  .col-lg-6.bogo-offers {
    margin-top: 25px;
  }

  section.scroller .menu.tabs_wrapper .button img.img-fluid {
    background: #fff;
  }

  section.scroller .menu.tabs_wrapper .button {
    font-size: 14px;
  }

  .accordion-item .accordion-collapse ul li.single_item button.image-btn.add_to_cart {
    display: flex;
    margin: 0px !important;
    padding: 1px 9px;
    max-width: 64px !important;
  }

  .accordion-item .accordion-collapse ul li.single_item button.image-btn.add_to_cart span.img-span {
    margin-right: -6px !important;
    margin-top: 3px;
  }

  .modal-content .modal-body.menu-body .m-4 {
    margin: 0px !important;
  }

  .carousel-caption h4.text-danger.mt-3 {
    text-shadow: 0px 1px 0px white;
    color: #dd2026 !important;
  }

  .carousel-caption a.btn.btn-danger.text-white.mt-3 {
    background: #dd2026 !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
  }

  li.nav-item.p-3 {
    padding: 0px !important;
  }

  footer.footer-distributed .row .col-sm-12.mt-5 {
    margin-top: 20px !important;
  }

  .category_nav_link {
    display: block;
    margin-bottom: 13px;
    font-size: 16px;
  }

  button.btn-4 {
    border: none;
    color: white;
    background: #dd2026 !important;
    border-radius: 5px;
    height: unset !important;
    padding: 8px 6px;
    font-size: 12px !important;
  }
}

@media (min-width: 576px) {
  i#show {
    display: inline-block;
  }
}

.modal-backdrop.show {
  z-index: 1 !important;
}

@media (max-width: 575px) {
  img.img-fluid.bd-placeholder-img.card-img-top {
    padding: 10px !important;
  }

  i.fa-solid.fa-bag-shopping {
    padding-right: 20px;
  }

  .sidenav a {
    font-size: 18px !important;
  }

  a.navbar-brand {
    margin-right: 0px !important;
  }

  i#show {
    display: none;
  }

  a.nav-link {
    padding-left: 10px !important;
  }

  li.nav-item {
    padding-left: 9px;
  }

  footer.footer-distributed {
    padding: 20px;
  }
}

@media (max-width: 576px) {
  button.btn.bg-transparent.border-0.text-white {
    font-size: 18px;
  }

  footer.footer-distributed {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  footer.footer-distributed {
    padding: 20px;
  }

  ul.dropdown-menu.show a {
    text-decoration: none;
    color: black;
  }

  ul.dropdown-menu.show {
    text-align: center;
  }
}

a.nav-link {
  font-size: 16px;
  font-weight: 600;
}

/* --------------FORM----------------- */
input#name {
  width: 40%;
}

input#phone {
  width: 40%;
}

input#email {
  width: 40%;
}

/* -----------------FORM END---------------- */
.btn-group {
  width: 68px;
}

img.star-1 {
  width: 15px;
  height: 15px;
}

ul.star {
  display: flex;
}

/* img.img-fluid.bd-placeholder-img.card-img-top {
    width: 258px;
    height: 224px;
} */

/* p.card-text.mb-3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.36px;
} */

body {
  font-family: "Noto Serif Georgian", serif !important;
  font-family: "Public Sans", sans-serif !important;
}

.carousel-indicators {
  z-index: 99 !important;
}

form.example {
  margin-top: -73px;
  position: relative;
  /* z-index: 99; */
}

span.carousel-control-prev-icon {
  border: 2px solid white;
  border-radius: 20px;
  width: 22px;
  height: 22px;
}

span.carousel-control-next-icon {
  border: 2px solid white;
  border-radius: 20px;
  width: 22px;
  height: 22px;
}





.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 8px;
  font-size: 36px !important;
  margin-left: 50px;
}

button.btn.btn-danger.text-white.mt-3 {
  height: 50px;
  font-size: 16px;
  font-weight: 500;
}

button.navbar-toggler {
  border: none !important;
}

button.navbar-toggler:focus {
  box-shadow: none !important;
}

h4.text-danger {
  width: 100% !important;
  max-width: 72%;
  font-size: 20px !important;
  font-weight: 500 !important;
}

h1.text-dark {
  font-size: 45px !important;
  font-weight: bolder !important;
}

.card.shadow-sm {
  border: none;
  font-weight: bold;
  box-shadow: none !important;
  border-radius: 5px !important;
  background: #faf7f2;
}

div#\33 {
  font-size: 16px;
  font-weight: 700;
}

.dropdown.mt-5 {
  padding: 13px;
}

li.fas.fa-star {
  font-size: 10px;
  color: #dd2026;
}

.flex {
  justify-content: space-between;
  display: flex;
}

ul.star {
  padding-left: 0px !important;
}

img.pic-1 {
  width: 100%;
  height: auto;
}

button.bt {
  margin-left: 133px;
  padding-top: 2px;
}

ul.stars {
  color: #dd2026;
  margin-left: -100px;
  font-size: 10px;
}

div#\32 {
  align-items: end;
  font-weight: bold;
}

.col-md-3.col-sm-6 {
  background: #faf7f2;
}

button.btn-4 {
  border: none;
  color: white;
  background: #dd2026;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  height: 30px;
}

button.btn-10 {
  background: black;
  color: white;
  border: 1px solid black;
  width: 21px;
  height: 21px;
  font-size: 10px;
}

button.btn-2 {
  background: black;
  color: white;
  border: 1px solid black;
  width: 21px;
  height: 21px;
  font-size: 10px;
}

.btn-3 {
  border: 1px solid black;
  color: black;
  font-size: 11px;
  font-weight: bold;
  height: 21px;
}

.main_menu {
  top: 0px;
  width: 100%;
  height: 80px;
  background: black;
  border-bottom: 1px solid #eee;
  z-index: 999;
}

.main_menu .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  font-weight: 600;
  color: white;

  text-transform: capitalize;
  margin: 0px 15px;
  padding: 0;
  position: relative;
  gap: 66px;
}

.button {
  background-color: #dd2026;
  border: none;
  color: white;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  margin: 0px 0px;
  cursor: pointer;
  border-radius: 5px;
}

.fa-bag-shopping {
  color: white;
  height: 17.155811309814453px;
}

span {
  font-family: sans-serif;
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
  margin-left: 6px;
}

.main_menu .menu_icon li:last-child a {
  margin-right: 0;
  color: white;
  cursor: pointer;
}

.col-md-7 {
  width: 71px;
  height: 22px;
  padding-top: 70px;
  margin-left: 142px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #212121;
}

/* -------IMAGE WITH TEXT AND BUTTON (2DIV)-------- */

.container-1 {
  position: relative;
  text-align: center;
  color: white;
  max-width: 100%;
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
}

.container-2 {
  position: relative;

  color: white;
  max-width: 100%;
  width: 100%;
  padding-top: 6%;
}

.container-1 .content {
  position: absolute;
  top: 90px;
  left: 164px;
  transform: translate(-50%, -50%);
}

.content-12 {
  position: absolute;
  top: 90px;
  left: 164px;
  transform: translate(-50%, -50%);
}

.content-12 {
  padding-top: 37px;
  padding-left: 431px;
}

.container-1 .content .text-1 {
  padding-top: 167px;
  padding-left: 671px;
}

.content-12 .text-2 {
  color: #dd2026;
  padding-top: 90%;
  margin-left: -24%;
  font-weight: 500;
}

.container-1 .content .text-2 {
  padding-left: 434px;
  color: #dd2026;
}

.carousel-indicators {
  justify-content: start !important;
}

.carousel-indicators [data-bs-target] {
  width: 8px !important;
  height: 8px !important;
  border-radius: 70% !important;
  background-color: black !important;
}

@media only screen and (max-width: 768px) {
  .container-1 .content .text-1 {
    padding-top: 52px;
    padding-left: 118px;
  }

  .h1,
  h1 {
    font-size: calc(0.375rem + 2.5vw);
  }

  container-1 .content .text-2 {
    padding-left: 434px;
    color: #dd2026;
  }

  .container-1 .content {
    position: absolute;
    top: 90px;
    left: 164px;
    transform: translate(-50%, -50%);
    padding-top: -13%;
    padding-bottom: 29%;
  }

  .container-1 .content .text-2 {
    padding-left: 434px;
    color: #dd2026;

    font-size: 9px;
  }

  .dishes .box-container .box button {
    background-color: #dd2026;
    color: white;
    margin-left: 34px;
    border-radius: 5px;
    border: none;
    margin-right: -95%;

    padding-right: 12%;
  }

  .dishes .box-container .box span {
    color: black;
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: -64%;

    padding-right: 76%;
  }

  .container-1 .btn-1 {
    position: absolute;
    top: 60%;
    left: 57px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #dd2026;
    color: white;
    font-size: 11px;
    padding: 11px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
  }

  .example button {
    padding: 11px;
    background: #dd2026;
    color: white;
    font-size: 13px !important;
    border: none;
    cursor: pointer;
    margin-left: 42px;
    font-size: 17px;
  }
}

.container-1 .btn-1 {
  position: absolute;
  top: 60%;
  left: 102px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #dd2026;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container-1 .btn-1:hover {
  background-color: #3e8e41;
}

.example input[type="text"] {
  padding: 7px;
  font-size: 17px;
  border: 0px solid grey;
  width: 19%;
  background: white;
  border-bottom: 2px grey;
  border-radius: 5px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  height: 53px;
  padding-bottom: 9px;
}

.example button {
  width: 141px;
  padding: 11px;
  background: #dd2026;
  color: white;
  font-size: 16px;
  border: none;
  cursor: pointer;
  margin-left: -19px;
  font-weight: 500;
  border-radius: 0px 5px 5px 0px;
  height: 53px;
}

.example input[type="text"]:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
}

.btn-1 {
  border: none;
  color: white;
  padding: 15px 20px 15px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  margin-left: 6%;
}

.button1 {
  background-color: black;
  color: white;
  border-radius: 10px;
  height: 50px;
  border: none;
  padding-right: 13px;
  padding-left: 18px;
  font-weight: 600;
}

.button2 {
  background-color: #faf7f2;
  color: black;
  border-radius: 10px;
  border: none;
  font-weight: 600;
  font-size: 18px;
  padding-right: 8px;
  padding-left: 10px;
  margin-left: 6px;
  height: 50px;
}

.carousel-caption {
  position: absolute;
  right: 0;
  left: 12% !important;
  text-align: left !important;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  max-width: 47%;
  color: #fff !important;
}

/* -----------FOOTER SECTION---------- */

.footer-distributed {
  background: black;

  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: bold 16px sans-serif;
  padding: 55px 50px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right {
  display: inline-block;
  vertical-align: top;
}

.footer-distributed .footer-left {
  width: 38%;
  margin-left: 77px;
}

.image-fluid-1 {
  width: 117px;
  height: 49px;
}

.heading-1 {
  color: #dd2026;
  font-weight: 700;
  font-size: 16px;
  /* font-family: inter; */
}

.shop {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  letter-spacing: 0em;
  /* font-family: inter; */
  color: white;
}

.order {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  letter-spacing: 0em;
  /* font-family: inter; */
  color: white;
}

.mobile {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  letter-spacing: 0em;
  /* font-family: inter; */
  color: white;
}

.footer-distributed .footer-center {
  width: 35%;
  margin-top: 6%;
}

.heading-2 {
  /* font-family: Inter; */
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  letter-spacing: 0em;
  text-align: left;
  color: #dd2026;
}

.menu {
  width: Hug (79px);
  height: Hug (136px);
  gap: 20px;
  color: white;
  font-size: 16px;
  /* font-family: inter; */
  font-weight: 500;
}

.footer-distributed .footer-right {
  width: 20%;
  margin-top: 6%;
}

.heading-3 {
  /* font-family: Inter; */
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  letter-spacing: 0em;
  text-align: left;
  color: #dd2026;
}

.time {
  width: Hug (245px);
  height: Hug (292px);
  gap: 20px;
  color: white;
  font-size: 16px;
  /* font-family: inter; */
  font-weight: 500;
}

.mxx-2 {
  margin-right: auto !important;
  margin-left: 35px !important;
}

h3.title {
  font-family: Inter;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
}

.col-md-3.col-sm-6 {
  background: #faf7f2;
  margin: 19px;
  width: 225px;
  border-radius: 11px;
  padding: 8px 16px 8px 16px;
  height: 375px;
}

@media screen and (max-width: 656px) {
  .container-1 .btn-1 {
    position: absolute;
    top: 54%;
    left: 50px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #dd2026;
    color: white;
    font-size: 16px;
    padding: 3px 9px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
  }

  div#container img.heigh {
    height: 150px;
  }

  .example button {
    float: center;

    padding: 4px;
    background: #dd2026;
    color: white;
    margin-top: 10px;
    font-size: 13px !important;
    border: none;
    margin-bottom: 10px;
    top: 10px;
    cursor: pointer;
    margin-left: -5px;
  }

  .example input[type="text"] {
    padding: 3px;
    font-size: 17px;
    border: 1px solid grey;
    width: 34%;
    float: center;
  }

  .footer-distributed {
    background: black;
    box-sizing: border-box;
    width: 100%;
    /* text-align: center; */
    font: bold 16px sans-serif;
    padding: 55px 50px;
  }

  .heading-3 {
    letter-spacing: 0em;
    text-align: center;
  }

  p {
    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: 0%;
  }

  .footer-distributed .footer-center {
    width: 54%;
    margin-top: 20%;
  }

  .footer-distributed .footer-right {
    width: 100%;
    margin-top: 25%;
  }

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

  .container-1 .content .text-2 {
    padding-left: 454px;
    color: #dd2026;
    font-size: 9px;
  }

  .container-1 .content {
    position: absolute;
    top: 84px;
    left: 81px;
    transform: translate(-50%, -50%);
    padding-top: -13%;
    padding-bottom: 29%;
  }

  .content-12 {
    padding-top: 18px;
    padding-left: 23px;
    left: 90px;
    color: #dd2026;
    font-size: 8px;
  }

  .container-1 .content .text-1 {
    padding-top: 52px;
    padding-left: 87px;
  }

  .footer-distributed .footer-center {
    width: 54%;
    margin-top: 20%;
  }

  .product-grid .product-image img {
    width: 55%;
    height: auto;
  }

  .content-12 .text-2 {
    margin-top: -95%;
    margin-bottom: 1rem;

    padding-left: 27%;
  }
}

@media (max-width: 414px) {
  .footer-distributed .footer-left {
    width: 100%;
    margin-left: 0;
  }

  footer.footer-distributed {
    font-size: 12px !important;
  }

  .footer-distributed .footer-center {
    margin-top: 65px;
  }

  h1.text-1 {
    margin-left: 16px;
  }

  .content-12 .text-2 {
    color: #dd2026;
    padding-top: 92%;
    margin-left: -27%;
    font-weight: 500;
  }

  h1.text-1 {
    margin-left: 13px;
  }

  button.btn-1 {
    margin-left: 22px;
    margin-top: 5px;
  }

  .col-md-3.col-sm-6 {
    background: #faf7f2;
    margin: 5px;
    width: 44%;
    border-radius: 11px;
    padding: 10px;
    margin-left: 15px;
  }

  button.bt {
    margin-left: 11px;
    padding-top: 2px;
  }

  ul.stars {
    color: #dd2026;
    margin-left: -109px;
    font-size: 10px;
  }

  button.btn-4 {
    border: none;
    color: white;
    background: #dd2026;
    border-radius: 5px;
    height: 26px;
    font-size: 10px;
  }

  b {
    font-size: 10px;
  }

  img.pic-1 {
    margin-left: 32px;
  }
}

p.\34 \.0 {
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
}

a {
  text-decoration: none;
  color: black;
}

button.btn.btn-light.dropdown-toggle {
  border: 1px solid black;
}

ul.dropdown-menu.show a {
  text-decoration: none;
  color: black;
}

ul.dropdown-menu.show {
  text-align: center;
}

section.scroller .d-flex {
  white-space: nowrap;
  overflow-x: scroll !important;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

footer.footer-distributed p.font.footer-distributed2 {
  margin-bottom: 42px;
  margin-top: 14px;
}

.col-md-4.col-sm-12.mt-5 a.text-white.category_nav_link {
  font-weight: 500;
}

div#form-login p {
  color: #212121;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

button.btn.btn-primary.btn-block.login-page-style {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 13px 0px;
}

label.mt-2.or-login {
  margin-top: 18px !important;
  margin-bottom: 14px !important;
}

div#form-login {
  padding: 19px 29px;
}

div#myModalsignup-2 p {
  color: #212121;
  font-family: Inter;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal;
  margin-bottom: 0px !important;
}

div#form-login input,
div#myModalsignup-2 input {
  border-radius: 5px;
  border: 1px solid #828181;
  padding: 23px 12px !important;
}

.align-items-center.menu-home-margin {
  margin-top: 35px;
}

.col-lg-12.col-md-12.mt-4.phone-menu {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

li.nav-item.new-cart a.contact button.btn.btn-danger {
  background: #dd2026;
}

.col-xl-4.col-lg-5.col-md-8 .check_order {
  padding: 12px;
  background: #faf7f2;
}

section.checkout_area.sect_pad input.btn.btn-success.btn-block {
  background: #dd2026;
  border: none;
  padding: 12px 0px;
}

section.checkout_area.sect_pad .table> :not(caption)>*>* {
  background-color: #faf7f2 !important;
}

section.checkout_area.sect_pad {
  margin: 62px 0px;
}

section.checkout_area.sect_pad label.control-label {
  color: #212121;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

section.checkout_area.sect_pad input {
  border-radius: 5px;
  border: 1px solid #828181;
  padding: 12px 10px !important;
  /* width: 100% !important; */
}

section.checkout_area.sect_pad select {
  padding: 7px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #828181;
}

section.checkout_area.sect_pad input#email,
section.checkout_area.sect_pad input#phone {
  width: 100%;
}

section.checkout_area.sect_pad a.btn.btn-success.btn-sm.search {
  background: #dd2026;
  border: none;
  padding: 8px 11px;
}

section.checkout_area.sect_pad .panel-heading {
  border: 1px solid #828181;
  border-radius: 11px;
  background: #faf7f2;
  padding: 4px 8px;
}

section.checkout_area.sect_pad h6.panel-title {
  padding: unset;
  /* line-height: 19px; */
  align-items: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-bottom: unset;
  align-self: end;
  height: 35px;
  margin-top: 7px;
  display: flex;
}

section.checkout_area.sect_pad .panel-heading h6.panel-title:focus section.checkout_area.sect_pad .panel-heading h6.panel-title:active,
h6.panel-title:active {
  background-color: unset !important;
}

section.checkout_area.sect_pad h6.panel-title i.fa.fa-question-circle {
  margin-right: 8px;
}

section.checkout_area.sect_pad h6.panel-title a {
  margin-left: 23px;
}

section.checkout_area.sect_pad .panel-body {
  border: 1px solid #828181;
  padding: 15px;
  border-radius: 8px;
}

section.checkout_area.sect_pad .panel-body p {
  font-size: 13px;
}

section.checkout_area.sect_pad table.table tr.cart_item {
  font-size: 15px;
  font-weight: 600;
}

section.checkout_area.sect_pad table.table span.woocommerce-Price-amount.amount {
  font-size: 15px;
  font-weight: 600;
}

.col-md-2.price-cart.price-main.phone-none p.main-price,
.col-md-2.price-cart.total-cart-price p.main-price {
  margin: 0px;
}

abbr.required {
  color: red;
  text-decoration: none !important;
}

section.checkout_area.sect_pad span.woocommerce-Price-currencySymbol {
  font-size: 17px;
  font-weight: 400;
  padding-right: 2px;
}

.cart-heading {
  font-size: 18px;
  margin-bottom: 28px;
}

span.d-flex.cart-title-price {
  justify-content: space-between;
  display: flex;
  padding: 0px !important;
  margin: 0px;
}

span.cart-popup-price {
  color: #212121;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 25px;
}

.cart-popup .qtyy button.btn-4.add_to_cart {
  padding: 8px 12px;
}

table.table.popup-feed-back tr td {
  justify-content: center;
  text-align: center;
}

.carousel-caption a.btn.btn-danger.text-white.mt-3 {
  background: #dd2026 !important;
  z-index: 66;
  position: relative;
}

.carousel-indicators {
  z-index: 9 !important;
}

div#mySidenav a {
  color: #fff !important;
}

p.shop.lh-base {
  max-width: 232px;
  font-weight: 600;
  margin-bottom: 19px;
}

.col-sm-12.paytm_padding {
  margin-top: 23px;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1675px !important;
  }
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px !important;
  }
}

@media (max-width: 1399px) {
  span {
    display: inline-table;
  }
}

@media (max-width: 1199px) {
  img.star-1 {
    width: 10px;
    height: 14px;
  }

  .card-body {
    padding: 5px;
  }

  img.star-2 {
    width: 10px;
    height: 14px;
  }
}

@media (max-width: 500px) {
  .flex {
    display: block !important;
    text-align: center;
  }

  .carousel-indicators {
    justify-content: center !important;
  }

  .btn-group {
    margin-bottom: 10px;
  }

  div#\33 {
    margin-bottom: 10px;
  }
}

@media (max-width: 954px) {
  form.example {
    display: none !important;
  }
}

@media (max-width: 500px) {
  div#no-flex {
    display: flex !important;
    font-weight: bold;
  }
}

@media (max-width: 412px) {
  div#width {
    width: 50% !important;
  }
}

@media (max-width: 1199px) {
  button.btn-4 {
    font-size: 10px;
  }

  div#\33 {
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  p.time {
    font-size: 15px;
  }

  p.menu {
    font-size: 15px;
  }
}

@media (max-width: 633px) {
  li.nav-item.p-3 {
    padding: 0px !important;
  }

  a.nav-link {
    font-size: 13px;
  }

  /* button.btn.btn-danger {
font-size: 10px;
} */
}

@media (max-width: 340px) {

  /* button.button2 {
font-size: 10px;
}
button.button1 {
font-size: 10px;
} */
  ul.star {
    font-size: 2px;
  }

  div#\33 {
    font-size: 12px;
  }
}

@media (max-width: 292px) {
  button.btn-4 {
    font-size: 8px;
  }
}

@media (max-width: 1200px) {
  button.btn.btn-danger.text-white.mt-3 {
    font-size: 10px;
  }

  h1.text-dark {
    font-size: 34px !important;
    font-weight: bold !important;
  }

  h4.text-danger {
    width: 100% !important;
    max-width: 72%;
    font-size: 16px !important;
  }
}

@media (max-width: 930px) {
  a.nav-link {
    font-size: 13px;
  }

  /* button.btn.btn-danger {
font-size: 10px;
} */

  h1.text-dark {
    font-size: 26px !important;
    font-weight: bold !important;
  }
}

@media (max-width: 857px) {
  .carousel-indicators [data-bs-target] {
    width: 4px !important;
    height: 4px !important;
    border-radius: 70% !important;
    background-color: black !important;
  }
}

@media (max-width: 723px) {
  img.heigh {
    height: 230px;
    margin-left: -208px;
  }
}

@media (min-width: 550px) {
  img.heigh {
    width: 100% !important;
  }
}

@media (max-width: 550px) {
  h4.text-danger {
    width: 100% !important;
    max-width: 76%;
    font-size: 14px !important;
  }

  .carousel-caption {
    width: 100%;
    max-width: 47% !important;
  }
}

@media (min-width: 767px) {
  i.fa-solid.fa-bag-shopping {
    display: none;
  }
}

@media (max-width: 767px) {
  li.nav-item.p-3 {
    padding: 0px !important;
  }

  i.fa-solid.fa-bag-shopping {
    display: inline-block !important;
  }

  div#width {
    width: 100% !important;
  }
}

@media (max-width: 320px) {
  h4.text-danger {
    width: 100% !important;
    max-width: 76%;
    font-size: 11px !important;
  }
}

@media (max-width: 1200px) {
  ul.star {
    font-size: 6px;
  }

  button.btn-10 {
    background: black;
    color: white;
    border: 1px solid black;
    width: 16px;
    height: 16px;
    font-size: 9px;
  }

  .btn-3 {
    border: 1px solid black;
    width: 18px;
    height: 16px;
    font-size: 8px;
  }

  button.btn-2 {
    background: black;
    color: white;
    border: 1px solid black;
    width: 16px;
    height: 16px;
    font-size: 9px;
  }
}

@media (min-width: 576px) {
  i.fa-solid.fa-bag-shopping {
    display: none;
  }

  i#show {
    display: inline-block;
  }
}

@media (max-width: 575px) {
  a.navbar-brand {
    margin-right: 0px !important;
  }

  i#show {
    display: none;
  }

  a.nav-link {
    padding-left: 10px !important;
  }

  li.nav-item {
    padding-left: 9px;
  }

  footer.footer-distributed {
    padding: 20px;
  }

  span {
    font-family: sans-serif;
    font-weight: 400;
    font-size: 12px;
  }

  ul.star {
    display: none;
  }

  .card.shadow-sm .btn-group {
    width: 100%;
    justify-content: center;
    max-width: 100%;
  }

  i.fa-solid.fa-bag-shopping {
    padding-right: 20px;
  }

  input#name {
    width: 100%;
  }

  input#phone {
    width: 100%;
  }

  input#email {
    width: 100%;
  }
}

@media (max-width: 297px) {
  ul.star {
    font-size: 0px;
  }
}

@media (max-width: 657px) {
  .row {
    text-align: left;
  }

  h6.heading-2 {
    text-align: left;
  }

  h6.heading-3 {
    text-align: left;
  }
}

@media (max-width: 576px) {
  button.btn.btn-danger.text-white.mt-3 {
    height: 37px;
    font-size: 11px;
    padding-top: 5px;
  }
}

@media (max-width: 767px) {
  div#mobile {
    flex-wrap: nowrap;
    overflow: auto !important;
    justify-content: start !important;
  }
}

@media (min-width: 575px) {
  footer.footer-distributed {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  footer.footer-distributed {
    padding: 20px;
  }
}

@media (max-width: 860px) {
  button.btn.btn-danger.text-white.mt-3 {
    font-size: 12px;
    height: 43px;
  }

  h1.text-dark {
    font-size: 18px !important;
    font-weight: bold !important;
  }

  h4.text-danger {
    font-size: 13px !important;
  }
}

@media (max-width: 739px) {
  h4.text-danger {
    width: 100% !important;
    max-width: 100%;
  }
}

@media (max-width: 280px) {
  .carousel-caption {
    width: 100%;
    max-width: 75% !important;
  }
}

@media (max-width: 423px) {
  .carousel-caption {
    width: 100%;
    max-width: 67% !important;
  }
}

@media (max-width: 500px) {
  .carousel-caption {
    left: 5% !important;
    bottom: 0.25rem !important;
  }

  button.carousel-control-prev {
    display: none !important;
  }

  button.carousel-control-next {
    display: none !important;
  }

  .shop,
  .order,
  .mobile,
  p.menu,
  p.time,
  p.font {
    font-size: 14px !important;
  }
}

@media (max-width: 400px) {
  button.button1 {
    height: 50px !important;
  }

  button.button2 {
    height: 50px !important;
  }
}

@media (max-width: 284px) {
  .button1 {
    padding-right: 6px !important;
    padding-left: 6px !important;
    margin-left: 6px !important;
  }

  .button2 {
    padding-right: 6px !important;
    padding-left: 6px !important;
    margin-left: 6px !important;
  }

  .p-3.mb-3 {
    padding: 0px !important;
  }
}

@media (max-width: 500px) {
  ul.dropdown-menu.show a {
    text-decoration: none;
    color: black;
  }

  ul.dropdown-menu.show {
    text-align: center;
  }
}

.row.address-new.select_an_address {
  cursor: pointer;
}

span.menu-a-tag a {
  font-size: 14px;
  font-weight: 600;
  padding: 12px 72px 13px 0px;
  color: #212529;
  text-decoration: underline !important;
}

div#printableArea span.label.label-success-outline.m-r-15.p-10,
div#printableArea span.label.label-success-outline.m-r-15 strong {
  font-size: 14px;
  font-weight: 600;
  margin-left: 0px;
}

abbr[title] {
  cursor: auto !important;
}

section.menu_area.sect_pad,
.main-2.phone-none,
section#cart_table {
  min-height: calc(100vh - 639px) !important;
}

a.contact-us-right-new {
  transform: rotate(90deg);
  display: inline-block;
  position: fixed;
  z-index: 1;
  right: -98px;
  padding: 13px;
  background: #dd2026;
  color: #fff;
  margin: -87px 59px 60px;
}

section.social-1.icons {
  position: fixed;
  z-index: 1;
  right: 0px;
  bottom: 39%;
  width: 49px;
}

.icon-side.instagram-icon-side {
  background: #de3b74;
  padding: 5px;
  text-align: center;
}

.icon-side.mail-icon-side {
  background: #4266b2;
  padding: 5px;
  text-align: center;
}

.icon-side.call-icon-side {
  background: #1cd683;
  padding: 5px;
  text-align: center;
}

.icon-side a {
  color: #fff;
  margin: 6px 0px;
  height: 31px;
  font-size: 25px;
}

section.social-1.icons a:hover {
  color: #fff;
}

.rating-block.myinfotable .panel a.btn.btn-info {
  margin-top: 13px;
}

.p-3.select-category-ui {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-left: 33px !important;
  margin-bottom: -26px !important;
}

li.nav-item.new-cart {
  margin-left: 182px;
}

.footer_widget_list.footer_list_width.phone-none {
  border-right: none;
}


.main_footer {
  border-bottom: 1px solid #fff !important;
  padding: 0 0 !important;
  max-width: 87%;
  margin: 0 auto;
}

.footer_widget_list.contact.footer_list_width {
  max-width: 27%;
  width: 100%;
  text-align: center;
}

.footer_list_width {
  margin-right: 45px;
  padding-right: 45px;
  border-right: 1px solid #ffffff;
}

a.navbar-brand.footer-logo {
  margin-bottom: 30px;
}

.footer_menu ul li a,
.footer_contact_desc p,
.footer_contact_info_text p,
.footer_contact_info_text ul li a {
  line-height: 20px;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  margin-bottom: 4px;
}

.footer_contact_info_text.d-flex a {
  color: #fff;
}

.footer_list_width.middle {
  width: 40%;
}

.footer_menu_widget .footer_widget_list {
  margin-right: 60px;
}

.footer_menu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.footer_menu li {
  padding-bottom: 6px;
}

.footer_menu li a {
  color: #fff !important;
}

footer.footer-distributed {
  padding: 0px !important;
}

.footer_contact_info_text.d-flex {
  justify-content: center;
}

.footer_contact_info_text ul {
  padding-left: 0;
  margin-bottom: 2px;
}

.footer_contact_desc p {
  margin-bottom: 13px;
}

.shipping-page p {
  font-weight: 300;
}

.shipping-page h1 {
  padding-top: 15px;
  font-size: 28px;
  padding-bottom: 0px;
}

.shipping-page h4 {
  padding-bottom: 9px;
  padding-top: 32px;
}




@media (max-width: 767px) {
  div#mySidenav a.highlited {
    background: #dd2026;
}
  .right-area-cart {
    display: flex
  }

  .cart-padding-phone {
    padding: 0 !important;
  }

  .row.cart-new-phone {
    margin-bottom: 20px;
    box-shadow: 0 7px 5px 0 #6e89757a;
    border-radius: 0 0 11px 12px;
    padding: 3px 0 1px 7px;
  }

  p.new-cart-heading-phone.pro.long-name {
    font-size: 13px;
    text-transform: lowercase;
  }

  .main-price-phn {
    margin-left: 0;
    margin-bottom: 13px;
  }

  .container.tabs_wrapper .row.menu.tabs_wrapper {
    margin-top: 0px !important;
  }

  section.scroller .phone-space-0 {
    margin-bottom: 0px !important;
  }

  .phone-space-0 .tab-btn {
    height: 32px !important;
    font-size: 12px !important;
    margin-right: 0px !important;
    padding: 4px 6px !important;
  }

  .phone-space-0 .tab-btn img {
    width: 14px;
  }

  p.card-text {
    height: unset !important;
  }

  .p-3.select-category-ui {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0px !important;
    margin-bottom: 6px !important;
  }

  section.scroller .container.tabs_wrapper .p-3.mb-3 {
    padding-left: 0px !important;
  }

  .main_footer_inner.d-flex {
    display: block !important;
  }

  .footer_widget_list.contact.footer_list_width {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .footer_list_width {
    margin-right: 0;
    padding-right: 0;
  }

  .footer_list_width {
    border-right: none;
  }

  .footer_widget_list.contact.footer_list_width a.navbar-brand.footer-logo {
    display: none;
  }

  .footer_menu ul li a,
  .footer_contact_desc p,
  .footer_contact_info_text p,
  .footer_contact_info_text ul li a {
    font-size: 13px !important;
  }

  .footer_contact_info_text.d-flex p a {
    margin-left: 0;
  }

  .footer_list_width.middle {
    width: 54%;
  }

  .footer_menu_widget .footer_widget_list {
    margin-right: 23px;
    padding-left: 0;
  }

  .footer_menu {
    width: 124px;
  }

  .phone-none {
    display: none !important;
  }

  .main_footer_inner .footer-phone-icon {
    display: flex !important;
    justify-content: center;
    width: 100%;
  }

  a.icons-phone {
    color: #ffffff;
    padding: 0 12px;
    border-radius: 7px;
    font-size: 21px;
    margin: 3px 12px;
  }

  .menu-modal {
    position: fixed;
    left: 0 !important;
    bottom: 92px;
    text-align: center;
    width: fit-content;
    z-index: 99 !important;
    right: 0 !important;
    margin: 0 auto !important;
  }

  .footer_menu .category_nav_link {
    display: block;
    margin-bottom: 13px;
    font-size: 13px;
  }

  .store-open-close-header p#status_time {
    font-size: 13px !important;
    text-align: center;
  }

  .store-open-close-header p#status_time span#open_time_status {
    font-size: 13px !important;
  }


  .option-header {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .menu-and-option {
    width: 100%;
  }

}

@media all and (min-width:510px) and (max-width: 768px) {
  div#width {
    width: 50% !important;
  }

  .carousel-caption {
    top: 3px;
  }

  div img.img-fluid.bd-placeholder-img.card-img-top {
    height: 200px !important;
  }

  .col-lg-12.col-md-12.mt-4.phone-menu div img.img-fluid.bd-placeholder-img.card-img-top {
    height: 236px !important;
  }

  .col-lg-12.col-md-12.mt-4.phone-menu div#mobile div#width {
    width: 59% !important;
  }

}

.option-header .tab-delivery {
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
}

.option-header .tab-delivery button.active {
  background-color: #dd2026;
  color: #fff;
  border-radius: 8px
}

.option-header .tab-delivery button.active:hover {
  background-color: #dd2026;
  color: #fff
}

.option-header .tab-delivery button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-weight: 500;
  padding: 4px 7px;
  font-size: 14px;
  margin-right: 11px;
  color: #ffffff
}

.option-header .tab-delivery button:hover {
  color: #ffffff
}

.menu-and-option .marquee-text-container span.m-0 {
  font-size: 17px;
  font-weight: 700
}

.store-open-close-header p#status_time {
  font-size: 16px;
  font-weight: 700 !important;
  color: #ffffff;
}

.menu-and-option button.top-logo-btn {
  margin-left: -4px
}

.store-open-close-header p#status_time span#open_time_status {
  font-size: 16px
}

.store-open-close-header {
  margin: 5px 0
}

.main-2.phone-none {
  min-height: calc(100vh - 529px) !important
}

section#cart_table {
  min-height: calc(100vh - 476px) !important
}

section.menu_area.sect_pad {
  min-height: calc(100vh - 531px) !important
}

.footer-side-social-link {
  margin-top: 40px;
}

.footer-side-social-link ul.list-unstyled {
  display: flex;
  align-items: center;
}

button.back-arrow-btn {
  background: 0 0 !important;
  border: none !important;
  margin-right: 9px !important;
  color: #212529 !important;
}

button.btn.apply-coupon,
button.btn.apply-coupon:focus:not(:focus-visible),
button.btn.apply-coupon:active {
  font-size: 16px;
  color: #fff;
  box-shadow: unset;
}


.row.search-cupon {
  margin: 0px !important;
  padding: 0px !important;
  padding-bottom: 25px !important;
}

.modal-header.model-coupons-header {
  border-bottom: 0px;
  margin-bottom: -19px;
}

/* Add some basic styling for the search box container */
.row.search-cupon .search-container {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin: 0px 0px !important;
  /* width: 92%; */
  padding: 0px !important;
}

/* Style the search box */
.row.search-cupon .search-box {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 5px;
  width: 100%;
}

.search-box:focus,
.search-box.focus {
  border-color: red;
  outline: none;

}

.apply-coupon-box,
.coupon_code_apply {
  background-color: #cb3731 !important;
  color: #fff !important;
}

/* Style the search button */
.row.search-cupon .search-button {
  padding: 10px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background-color: #ffffff;
  color: #808080;
  cursor: pointer;
  position: relative;
  left: -11px;
  border-left: none;
  border-radius: 0px 4px 4px 0px;
}


.col-12.card-offers .card {
  padding: 15px;
  box-shadow: 0px 0px 8px #7575757a;
  border: none;
  margin-bottom: 21px;
  margin-top: 12px;
}

.col-12.card-offers .card h4 {
  font-size: 18px;
  font-weight: 700;
}

.col-12.card-offers .card p {
  font-size: 13px;
  font-weight: 400;
  color: #7d7c7b;
  margin-top: 10px;
}

.col-12.card-offers .card .col-6 span {
  background: #eff2eb;
  border: 3px dotted #b9bbb9;
  padding: 0px 19px;
}

.col-12.card-offers .card .col-6 span p {
  margin: 0px;
  padding: 7px 0px;
  color: #000;
  font-weight: 700;
}

.row.cuppon-apply-btn {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.col-12.card-offers .row.cuppon-apply-btn button.btn.apply-cuppon {
  border: 1px solid #5e715c;
  color: #434343;
  padding: 1px 18px;
  font-weight: 500;
  background: #eff2e9;
}

.row.cuppon-scroll {
  max-height: 80vh;
  overflow: auto;
}

.collapse.navbar-collapse .dropdown {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.dropdown-content a {
  font-weight: 500 !important;
}

@media all and (min-width:1200px) and (max-width: 1400px) {

  nav.navbar .container-fluid {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

}

.btn-3 {
  border-radius: 0px !important;
}

#back-to-top {
  position: fixed;
  z-index: 9 !important;
  bottom: 90px;
  right: 20px;
  padding: 11px !important;
  background-color: #dd2026;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}

#back-to-top svg {
  width: 24px;
  height: 24px;
}

#back-to-top:hover {
  background-color: #b5252ade;
}

a.return-to-shop {
  background: #dd2026;
  padding: 11px 42px;
  color: #fff;
  border-radius: 7px;
  margin: 0 auto;
}

a.return-to-shop:hover{
  color: #fff;
}

input[type=checkbox], input[type=radio] {

  accent-color: #dd2026 !important;
}

i.fa-solid.fa-chevron-left {
  cursor: pointer;
}