:root {
  --vendor-color: black;
  --vendor-color-light: black;
  --vendor-hover-color: black;
  --vendor-font-family: "Open Sans", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  font-family: var(--vendor-font-family);
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: 0.5px;
  overflow-y: scroll;
  background-color: white;
}

pre {
  font-family: var(--vendor-font-family) !important;
}

button {
  font-family: var(--vendor-font-family);
}

input {
  font-family: "Open Sans", sans-serif;
  font-family: var(--vendor-font-family);
}

li {
  list-style: none;
}

a:hover {
  text-decoration: none !important;
}

button:focus {
  outline: none !important;
}

.row .large-col {
  width: 100vw;
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.9;
  position: sticky;
  top: 0;
}

.row .small-col .order-type-select {
  padding: 16px;
  padding-top: 0 !important;
  margin-top: 0.2rem;
}

.row .small-col .order-type-select .row {
  margin-left: 0px;
  margin-right: 0px;
}

.order-type-select .row .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

.order-type-select .order-type-select-box {
  /* border-bottom: 2px solid whitesmoke; */
  border-bottom: none;
  position: relative;
  justify-content: center;
  padding: 10px 0;
}

.order-type-select-col .tab-content {
  padding: 10px 8px 10px 0;
}

.order-type-select .order-type-select-box .nav-item {
  /* width: 35%; */
  width: 50%;
  max-width: 125px;
}

.order-type-select .order-type-select-box .nav-item .nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  background-color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  border: none;
}

.react-datepicker__tab-loop {
  direction: ltr !important;
}

.order-type-select .order-type-select-box .nav-item .nav-link.active {
  color: white !important;
}

.order-type-select
  .order-type-select-box
  .nav-item
  .nav-link.active
  .ordertype-link-title {
  color: var(--vendor-color);
}

.order-type-select
  .order-type-select-box
  .nav-item
  .nav-link
  .ordertype-link-title {
  color: black;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: -0.2px;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 0;
}

.tab-content .tab-pane .delivery-select .delivery-detail-selected,
.checkout-step-two .delivery-details .delivery-select {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  gap: 30px;
  font-weight: 600;
  line-height: 1.33 !important;
}

.tab-content .tab-pane .delivery-select .delivery-detail-selected a {
  margin-bottom: 0;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.tab-content .tab-pane .delivery-select .delivery-detail-selected a span,
.tab-content .tab-pane .delivery-select .delivery-detail-selected a i {
  font-size: 15px;
  color: var(--vendor-color);
  text-decoration: none;
}

.tab-content
  .tab-pane
  .delivery-select
  .delivery-detail-selected
  a
  .right-arrow {
  margin-right: 5px;
  margin-left: 20px;
  font-size: 27px;
  line-height: 0;
}

.allbooking-arrow-div {
  display: flex;
  align-items: center;
  justify-content: end;
}

.allbooking-arrow-div .right-arrow {
  margin-right: 5px;
  margin-left: 20px;
  font-size: 27px;
  line-height: 0;
}

.searchbar-container {
  display: flex;
  padding: 0 16px 16px;
  justify-content: center;
  align-items: center;
}

.checkout-step-submit {
  padding: 16px 0 50px;
  height: auto;
}

.searchbar-container .searchbar {
  padding: 8px 18px;
  width: 100%;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.33;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 20px;
  /* background-color: #f5f5f5; */
  /* background-color: #eef2f8; */
  background-color: #f4f4f4;
}

.search-viewer {
  float: right;
  font-size: 20px;
  margin-top: -48px;
  position: relative;
  padding-right: 34px;
  z-index: 1;
}

.searchbar-container .searchbar:focus {
  outline: none;
}

.searchbar-container .searchbar-button {
  width: 10% !important;
  border-radius: 8px !important;
  color: #fff !important;
  background-color: var(--vendor-color) !important;
  height: 0.9% !important;
}

.searchbar-container .searchbar-searchbtn {
  margin-left: 2px !important;
}

.searchbar-container .searchbar-resetbtn {
  margin-left: 5px !important;
}

.category-container {
  /* border-top: 1px solid #dee2e6; */
  padding-top: 10px;
}

.shop-closed {
  color: red;
  font-size: 16px;
  border-top: 1px #dbdbdb solid;
  border-bottom: 1px #dbdbdb solid;
  padding: 16px;
  font-weight: 600;
}

.vendor-message {
  background-color: #edf2f7;
  padding: 0.75rem;
  border-radius: 0.25rem;
}

.category-container .container .row .category-tab {
  text-decoration: none;
  font-size: 0.875rem;
  word-wrap: break-word;
}

.category-container .container .row .category-tab .category-image {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin: 0 auto 8px;
  margin-bottom: 8px;
  display: block;
  height: 216px;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  /* width:100%; */
  width: auto;
}

.category-container .container .row .category-tab .category-title {
  font-size: 17px;
  text-align: center;
  font-weight: 700;
  line-height: 1.41;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.no-data {
  margin: 5% 0% 2% 32%;
  font-size: 18px;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #f6f7fb;
  bottom: 0;
  position: absolute;
  width: 100%;
}

.row .padding-to-footcart {
  padding-bottom: 300px !important;
}

.row .padding-to-foot {
  padding-bottom: 230px !important;
}

.footer-cart {
  margin-bottom: 70px;
}

.footer .estore-img {
  height: 80px;
  width: 80px;
  -o-object-fit: contain;
  object-fit: contain;
}

/* .footer .knet-img { */
/* height: 58px; */
/* } */

.footer .powered-by-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .powered-by-container span {
  font-size: 14px;
  font-family: "Open Sans";
}

.footer .powered-by-container a {
  width: 90px;
}

.footer .powered-by-container a img {
  height: 40px;
  object-fit: cover;
  width: 150px;
  margin-left: -30px;
}

.desktop-navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.desktop-navbar .desktop-navbar-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.desktop-navbar .desktop-navbar-links .navbar-nav .nav-item {
  padding: 0 16px;
}

.desktop-navbar .desktop-navbar-links .navbar-nav .nav-item .nav-link {
  font-size: 15px;
  color: white;
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
  opacity: 0.7;
}

.desktop-navbar .desktop-navbar-links .navbar-nav .nav-item:hover .nav-link {
  color: #f6f7fb !important;
}

.desktop-navbar .desktop-navbar-links .navbar-nav .nav-item.active .nav-link {
  color: white;
  opacity: 1;
}

.desktop-navbar .language-selection-option {
  position: absolute;
  right: 16px;
  font-family: "AtypeBelqeesSharp";
  font-size: 23px;
  color: white;
  font-weight: 700;
}

.desktop-navbar .language-selection-option:hover {
  text-decoration: none;
  color: #7a7575;
}

.logo-container {
  margin-bottom: 10px;
  width: 100%;
  margin: auto;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

.logo-container .right-big-logo {
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.logo-container p {
  margin-bottom: 0;
  color: #ffffff;
}

.logo-container .logo-name {
  font-size: 22px;
  line-height: 1.27;
  -webkit-letter-spacing: 0.3px;
  -moz-letter-spacing: 0.3px;
  -ms-letter-spacing: 0.3px;
  letter-spacing: 0.3px;
  text-align: center;
  font-weight: 600;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.logo-container .logo-detail {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.delivery-order-header {
  height: auto;
  padding: 8px 16px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(white)
  );
  background-image: -webkit-linear-gradient(white, white);
  background-image: -moz-linear-gradient(white, white);
  background-image: -o-linear-gradient(white, white);
  background-image: linear-gradient(white, white);
  top: 0px;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  z-index: 3000;
  color: black;
}

.back-block-float {
  display: inline-block;
  float: left;
}

.max-tab {
  font-size: 14px;
  padding: 1.5px 10px;
  border-radius: 25px;
  border: 1px solid black;
  margin-left: 20px;
  margin-right: 20px;
}

.delivery-order-header .back-button {
  width: 20px;
  height: 20px;
}

.delivery-order-header .back-button:active {
  border: 1px solid black;
}

.delivery-order-header .delivery-order-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5rem;
}

.delivery-order-header .delivery-order-sub {
  display: inline-block;
  width: 100%;
  border-bottom: none;
  color: black;
}

.delivery-order-header .delivery-order-sub.mode-active {
  border-bottom: 1px solid;
  color: var(--vendor-color);
}

.delivery-order-header .delivery-order-sub p {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.33;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.area-search-wrapper {
  margin-top: 8px;
  margin-left: 16px;
  margin-right: 16px;
  position: relative;
  width: inherit;
}

.area-search-wrapper .area-search {
  resize: none;
  display: block;
  width: 100%;
  color: black;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  border: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: whitesmoke;
  padding: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.accordion-container .governarate-accordion,
.category-accordion {
  color: black;
  display: block;
  cursor: pointer;
  background-color: white;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  z-index: 1000;
  padding: 18px;
  width: 100%;
  font-weight: 700;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  border-bottom: 1px solid rgba(82, 82, 82, 0.1);
  border-top-color: rgba(82, 82, 82, 0.1);
  border-right-color: rgba(82, 82, 82, 0.1);
  border-left-color: rgba(82, 82, 82, 0.1);
}

.accordion-container .governarate-accordion {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-container .governarate-accordion:hover {
  background-color: #fafafa;
}

.category-accordion {
  border: none;
  color: #212529;
  top: 0px;
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 30px;
  padding: 0 18px;
  height: 45px;
  background-color: #ffffffe6;
}

.accordion-container .governarate-accordion.active:after {
  content: "\f106";
  color: black;
  font-family: FontAwesome;
}

.accordion-container .governarate-accordion:after {
  content: "\f107";
  font-family: FontAwesome;
  color: black;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.category-accordion:after {
  content: "\f105";
  font-family: FontAwesome;
  color: black;
  font-size: 25px;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.category-accordion.active:after {
  content: "\f107";
}

.accordion-container .area-list-collapse {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  -o-transition: max-height 0.2s ease-out;
  -moz-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.accordion-container .area-list-collapse.active {
  max-height: 100% !important;
}

.accordion-container .area-list-collapse ul {
  padding: 0%;
}

.area-div-hover {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: all;
  transition-duration: 0.5s;
}

.area-div-hover:hover {
  background-color: #f5f5f5;
}

.accordion-container .area-list-collapse .area {
  padding: 16px;
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
  margin-right: 16px;
  margin-left: 16px;
  border-bottom: 1px solid rgba(82, 82, 82, 0.1);
}

.accordion-container .area-list-collapse .area p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: black;
  cursor: pointer;
}

.products-main-div {
  border-top: 1px solid #f6f7fb;
  margin-bottom: 1rem;
}

.products-main-div .products-list {
  margin-bottom: 0;
  padding: 0;
}

.products-main-div .products-list .products-list-item {
  border-bottom: 1px solid #f6f7fb;
  position: relative;
  min-height: 135px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.products-main-div .products-list .products-list-item:hover {
  background-color: #fafafa;
}

.products-main-div .products-list .products-list-item:last-child {
  border-bottom: none;
}

.products-main-div .products-list .products-list-item.choose::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  background: var(--vendor-color);
}

.products-main-div .products-list .products-list-item.choose {
  background-color: #fcfcfc;
}

.products-main-div .products-list .products-list-item .product-div {
  /* min-height: 100%; */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 0px;
  padding: 16px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  -o-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  -moz-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
}

.products-main-div .products-list .products-list-item .product-div .item-count {
  color: var(--vendor-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  margin-right: 4px;
  font-weight: 800;
  width: 40px;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-image-link {
  position: relative;
  display: block;
  text-decoration: none;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-image-link
  .product-list-image {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 92px;
  width: 92px;
  margin-right: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-image-link
  .product-offer {
  position: absolute;
  padding-top: 2px;
  top: 0;
  left: 0;
  width: 92px;
  background-color: rgb(242, 28, 28);
  font-size: 11px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: white;
  text-align: center;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-list-description {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-list-description
  .product-list-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  /* font-family: "AtypeBelqeesSharp-Medium"; */
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-list-description
  .product-list-subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: -0.1px;
  width: 95%;
  margin-top: 5px;
  color: rgba(136, 141, 154, 1);
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-cost-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  width: 95%;
  margin-top: 10px;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-cost-div
  .cost-bubble,
.show-more {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: black;
  border: 1px solid black;
  background-color: transparent;
  font-size: 15px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  max-height: 40px;
  min-height: 36px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-cost-div
  .cost-bubble {
  margin-right: 5px;
}

.products-main-div
  .products-list
  .products-list-item
  .product-div
  .product-cost-div
  .price-bubble {
  margin-right: 0px;
  margin-left: auto;
}

.products-main-div .products-list .products-list-item .product-div .cart-image {
  width: 1rem;
}

.cart-image-div {
  border-radius: 50%;
  /* display: table-cell; */
  /* vertical-align: middle; */
  /* text-align: center; */
  display: flex;
  /* height: 22px;
  width: 21px; */
  justify-content: center;
  align-items: center;
  /* padding: 5px; */
  margin-left: 6px;
  width: 25px;
  height: 25px;
  box-sizing: content-box;
}

.details-container {
  background-color: #f5f5f9;
}

.details-container .order-details-div {
  background-color: white;
}

.details-container .order-details-div .delivery-details-div,
.details-container .order-details-div .cart-details-div,
.details-container .order-details-div .total-details-div {
  padding: 16px;
}

.details-container
  .order-details-div
  .delivery-details-div
  .delivery-sub-heading,
.details-container .order-details-div .cart-details-div .cart-sub-heading {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 0%;
}

.details-container .order-details-div .delivery-timing-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.special-full {
  width: 100% !important;
}

.details-container
  .order-details-div
  .delivery-details-div
  .delivery-timing-tab
  p {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.2px;
  margin-right: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
}

.details-container .order-details-div .delivery-timing-tab i {
  line-height: 0;
  margin-left: 20px;
  margin-right: 5px;
  font-size: 27px;
  color: black;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.cart-border {
  border-bottom: 1px solid #dbdbdb;
  padding: 0 8px 16px;
}

.cart-border:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

.cart-product-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-product-details .cart-product-name {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.33;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  padding-right: 8px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  width: 70%;
  color: var(--vendor-color);
}

.cart-product-notes {
  color: rgb(151, 151, 151) !important;
  margin-top: 4px;
  font-weight: 500;
  font-size: 14px;
}

.cart-product-details .cart-product-total {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  display: flex;
}

.cart-product-discount {
  text-decoration: line-through;
  color: rgb(151, 151, 151);
  font-weight: 500;
}

.cart-product-quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-product-quantity .product-quantity-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-product-quantity
  .product-quantity-control
  .product-quantity-button:active {
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
}

.cart-product-quantity
  .product-quantity-control
  .product-quantity-button:hover {
  border: 1px solid #dbdbdb;
}

.cart-product-quantity .product-quantity-control .product-quantity-button {
  font-size: 16px;
  border: 1px #8a8a8a solid;
  height: 31px;
  padding: 0;
  width: 31px;
  color: black;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
  /* -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-stretch: normal;
  font-style: normal;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.cart-product-quantity .product-quantity-control .product-quantity {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 48px;
  text-align: center;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.cart-product-quantity .remove-product-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  border: 1px solid #8a8a8a;
  background-color: #ffffff;
  font-size: 13px;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cart-product-quantity .remove-product-button:hover {
  color: black;
  border: 1px #dbdbdb solid;
}

.cart-product-quantity .remove-product-button:active {
  color: #dbdbdb;
  border: 1px #dbdbdb solid;
}

.cart-product-quantity .remove-product-button:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
}

.order-total-div {
  position: fixed;
  bottom: 57px;
  width: 41.5%;
}

.fashion-order-total-div {
  position: fixed;
  bottom: 57px;
  width: 840px;
}

.total-details-div .cart-total-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.total-details-div .cart-total-div .cart-total-text {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
}

.cart-blank-space {
  min-height: 139px;
}

.bottom-button {
  position: fixed;
  display: flex;
  width: 33.3%;
  justify-content: space-between;
  z-index: 3000;
  bottom: 0;
  padding: 0px 8px 8px;
  min-height: 53px;
  background-color: transparent;
}

.bottom-button-full {
  /* width: 100% !important; */
  width: 840px !important;
}

.bottom-button .checkout-button:active {
  background-color: var(--vendor-color-light);
}

.bottom-button .checkout-button:hover {
  background-color: var(--vendor-hover-color);
}

.bottom-button .checkout-button {
  width: 100%;
  transition: all 0s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
  border: none;
  font-size: 15px;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  line-height: 1.27;
  min-height: 53px;
  padding: 14px 16px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--vendor-color);
}

.details-container .product-outer-div {
  padding-left: 10px;
  background-color: white;
}

.details-container .product-outer-div .product-inner-div,
.branch-call-div,
.details-container .branch-inner-div {
  padding: 16px;
  background-color: white;
}

.details-container .product-outer-div .product-inner-div .product-name {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 0;
}

.addons-control-div {
  margin-left: 10px;
}

.details-container .product-outer-div .product-inner-div .product-category {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #616161;
  overflow-wrap: break-word;
  word-break: break-word;
}

.details-container .product-outer-div .product-inner-div .product-price-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  /* display: flex; */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* -webkit-box-pack: justify; */
  /* -webkit-justify-content: space-between; */
  /* -moz-box-pack: justify;
  -ms-flex-pack: justify; */
  /* justify-content: space-between; */
  /* display: grid; */
  /* grid-template-columns: 60% auto; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.details-container
  .product-outer-div
  .product-inner-div
  .product-price-div
  .product-price {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  text-align: right;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.details-container
  .product-outer-div
  .product-inner-div
  .product-price-div
  .product-price
  del {
  font-size: 12px;
}

/* .details-container .product-outer-div .margin-bottom-div {
  margin-bottom: 15%;
} */

.details-container .product-outer-div .margin-bottom-div .product-notes-div {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding-right: 16px;
  margin: 0;
}

.details-container
  .product-outer-div
  .margin-bottom-div
  .product-notes-div
  .label-note {
  font-size: 13px;
  color: #999999;
  font-weight: 600;
  margin-bottom: 0;
}

.details-container
  .product-outer-div
  .margin-bottom-div
  .product-notes-div
  input {
  border-bottom: 1px solid #f6f7fb;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 15px;
  padding: 8px 0px;
  color: black;
  width: 100%;
  line-height: initial;
}

.details-container
  .product-outer-div
  .margin-bottom-div
  .product-notes-div
  input:focus {
  outline: none;
}

.details-container .product-outer-div .item-count-div {
  /* padding-bottom: 20% !important; */
  padding: 16px;
}

.details-container .product-outer-div .item-count-div .count-control-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.item-count-div .count-control-div .control-button-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-count-div .count-control-div .control-button-div .control-button:active {
  border: 1px #dbdbdb solid;
  color: #dbdbdb;
}

.item-count-div .count-control-div .control-button-div .control-button:hover {
  border: 1px #dbdbdb solid;
}

.item-count-div .count-control-div .control-button-div .control-button {
  font-size: 16px;
  height: 31px;
  width: 31px;
  color: black;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-stretch: normal;
  font-style: normal;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* vertical-align: middle;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; */
  padding: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  line-height: 1;
  border: 1px solid black;
  /* display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; */
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.item-count-div .count-control-div .control-button-div .quantity-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 48px;
  text-align: center;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.search-container {
  padding: 16px;
}

.search-container .searchbar-container {
  padding: 0% !important;
}

.search-container .search-cancel {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  border: none;
  display: inline;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  padding: 0px;
  margin-left: 16px;
  color: var(--vendor-color) !important;
}

.search-text-div {
  border-top: 1px solid #f6f7fb;
  padding: 16px;
  /* min-height: inherit !important; */
}

.search-text-div .search-big-text {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.27;
  letter-spacing: 0.3px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
}

.search-text-div .search-small-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  margin-top: 8px;
  color: #616161;
  overflow-wrap: break-word;
  word-break: break-word;
}

.branch-list-container .branch-list {
  padding: 16px 0;
}

.branch-list-container .branch-list .branch-list-item:hover {
  background-color: #f5f5f5;
}

.branch-list-container .branch-list .branch-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: all;
  transition-duration: 0.5s;
  border-bottom: 1px solid #f6f7fb;
}

.branch-list-container .branch-list .branch-list-item:last-child {
  border-bottom: none;
}

.branch-list-container .branch-list .branch-list-item .branch-details {
  width: 90%;
}

.branch-list-container
  .branch-list
  .branch-list-item
  .branch-details
  .branch-name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  text-align: start;
}

.branch-list-container
  .branch-list
  .branch-list-item
  .branch-details
  .branch-address {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.23;
  padding-top: 4px;
  color: #8f8f94;
  overflow-wrap: break-word;
  word-break: break-word;
  text-align: start;
}

.branch-list-container .branch-list .branch-list-item .branch-info {
  color: black;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid;
}

.branch-list-container .branch-list .branch-list-item .branch-info span {
  color: black;
  font-size: 10px;
}

.branch-call-div .branch-call-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-evenly;
}

.branch-call-div .branch-call-flex .branch-call {
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
}

.branch-call-div .branch-call-flex .branch-call {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /* margin-right: 8px; */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  border: 1px solid black;
  background-color: #ffffff;
  font-size: 13px;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  margin-right: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.details-container .branch-inner-div .branch-big-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.details-container .branch-inner-div .branch-big-text span {
  color: var(--vendor-color);
}

.details-container .branch-text-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.details-container .branch-inner-div .branch-small-text {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.stepper-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 3000;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 2px;
}

.stepper-bar .step {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -moz-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  background-color: #dbdbdb;
  margin: 0px 2px;
  -webkit-transition: background-color 250ms ease 0s;
  -o-transition: background-color 250ms ease 0s;
  -moz-transition: background-color 250ms ease 0s;
  transition: background-color 250ms ease 0s;
}

.stepper-bar .step.step-active {
  background-color: var(--vendor-color) !important;
}

.checkout-step-one {
  padding: 16px;
  height: auto;
  padding-bottom: 50px;
}

.checkout-step-one .main-heading {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.27;
  -webkit-letter-spacing: 0.3px;
  -moz-letter-spacing: 0.3px;
  -ms-letter-spacing: 0.3px;
  letter-spacing: 0.3px;
  padding-bottom: 8px;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0% !important;
  font-weight: 600;
}

.checkout-step-one .sub-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.checkout-step-one .checkout-one .form-div {
  margin-bottom: 1rem;
}

.checkout-step-one .checkout-one .form-div .label-name {
  font-size: 13px;
  color: #999999;
  font-weight: 600;
  margin-bottom: 0;
}

sup {
  color: red;
}

.checkout-step-one .checkout-one .form-div .form-control {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 5px 0 5px 0;
  height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.error-text {
  margin-bottom: 0rem;
  font-weight: 400;
  color: #ff0000;
  line-height: 1em;
  font-size: 12px !important;
}

.checkout-step-two .delivery-details {
  margin-bottom: 1rem;
}

.checkout-step-two .delivery-details .delivery-select p,
.checkout-step-two .delivery-details .delivery-select a {
  margin-bottom: 0;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.checkout-step-two .delivery-details .delivery-select a span,
.checkout-step-two .delivery-details .delivery-select a i {
  font-size: 15px;
  color: var(--vendor-color);
  text-decoration: none;
}

.checkout-step-two .delivery-details .delivery-select a .right-arrow {
  margin-right: 5px;
  margin-left: 20px;
  font-size: 27px;
  line-height: 0;
}

.address-select .small-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.address-select .address-type-select {
  border: none;
  padding-top: 8px;
  padding-bottom: 8px;
  display: grid;
  gap: 8px;
  background-color: white;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  position: -webkit-sticky;
  position: sticky;
  top: 48px;
  z-index: 1000;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-top: 2px solid whitesmoke;
  border-bottom: 2px solid whitesmoke;
  -webkit-border-image: initial;
  -moz-border-image: initial;
  -o-border-image: initial;
  border-image: initial;
}

.address-select .address-type-select .nav-item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -moz-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  cursor: pointer;
}

.address-select .address-type-select .nav-item .nav-link .Address-icon-names {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px 10px;
}

.address-select .address-type-select .nav-item .nav-link {
  border: 1px solid #9e9e9e;
  border-radius: 5px;
  height: auto;
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  padding: 0;
  background-color: white;
}

.address-select
  .address-type-select
  .nav-item
  .nav-link.active
  .navlink-icon
  i {
  color: var(--vendor-color);
}

.address-select .address-type-select .nav-item .nav-link:hover,
.address-select .address-type-select .nav-item .nav-link.active {
  border: 1px solid var(--vendor-color);
  border-radius: 5px;
}

.address-select .address-type-select .nav-item .nav-link:hover .navlink-icon i {
  color: var(--vendor-color);
}

.address-select
  .address-type-select
  .nav-item
  .nav-link:hover
  .Address-icon-names
  .navlink-icon
  svg {
  color: var(--vendor-color);
}

.address-select
  .address-type-select
  .nav-item
  .nav-link
  .Address-icon-names:hover
  .navlink-icon
  svg {
  fill: var(--vendor-color);
}

.address-select
  .address-type-select
  .nav-item
  .nav-link
  .Address-icon-names:hover
  .navlink-text {
  color: var(--vendor-color);
}

.address-select .address-type-select .nav-item .nav-link .navlink-icon {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: #616161;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.address-select .address-type-select .nav-item .nav-link .navlink-icon i {
  font-size: 30px;
  color: #9e9e9e;
  padding: 1rem !important;
  border-radius: 100%;
}

.address-select .address-type-select .nav-item .nav-link .navlink-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.41;
  /* color: black; */
  color: #9e9e9e;
  overflow-wrap: break-word;
  text-transform: capitalize;
  word-break: break-word;
}

.address-select .address-type-select .nav-item .nav-link .navlink-text-active {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.41;
  color: var(--vendor-color);
  overflow-wrap: break-word;
  text-transform: capitalize;
  word-break: break-word;
}

.address-select .address-type-select .nav-item .nav-link .navlink-text i {
  font-size: 14px;
  color: var(--vendor-color);
}

.address-select .form-tab-section {
  padding: 16px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.address-select .form-tab-section .form-div {
  width: calc(100% / 2 - 16px);
}

.order-border:last-child {
  border-bottom: 0;
}

.order-border {
  border-bottom: 1px solid whitesmoke;
}

.order-border .delivery-timing-tab p {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
}

.order-border .order-name-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-border .order-name-price a {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  padding-right: 8px;
  color: var(--vendor-color);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  width: 70%;
}

.order-border .order-name-price p {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.order-border .order-name-price a span {
  color: inherit;
  font-size: 14px;
}

.sub-heading {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 0%;
}

.order-border .order-timing-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-border .order-timing-tab .timming-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  margin-right: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
}

.order-border .order-timing-tab .timming-desc .del-ic {
  padding-right: 15px;
}

.order-border .order-timing-tab .right-arrow-option {
  line-height: 0;
  margin-left: 20px;
  margin-right: 5px;
  font-size: 27px;
  color: black;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.order-border .order-timing-tab .flex-home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-border .order-timing-tab .flex-home .para-text-small-grey {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.33;
  color: #afaaaa;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.order-details-div .promo-code-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-details-div .promo-code-div .promo-code {
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding-right: 16px;
  margin: 0;
}

.order-details-div .promo-code-div .promo-code input {
  border-bottom: 1px solid #f6f7fb;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 15px;
  padding: 8px 0px;
  color: black;
  width: 100%;
}

.order-details-div .promo-code-div .promo-code input:focus {
  outline: none;
}

.order-details-div .promo-code-div button:active {
  border: 1px solid #dbdbdb;
}

.order-details-div .promo-code-div button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: var(--vendor-color);
  background-color: #ffffff;
  border: 1px solid var(--vendor-color);
  font-size: 13px;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.order-details-div .cart-pricing-details {
  padding: 16px 0;
  margin-bottom: 1rem;
}

.order-details-div .cart-pricing-details .cart-sub-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  justify-content: space-between;
}

.order-details-div .cart-pricing-details .cart-sub-total .sub-price {
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.1px;
  font-weight: 600;

  color: #616161;
  overflow-wrap: break-word;
  word-break: break-word;
}

.sticky-whats {
  /* float: right; */
  position: fixed;
  /* height: 45px;
  width: 45px; */
  background-color: transparent;
  /* border-radius: 50%; */
  /* margin-right: 16px; */
  justify-content: center;
  align-items: center;
  bottom: 125px;
  right: 0px;
  /* margin-bottom: 68px; */
  z-index: 2002;
  display: none;
}

.sticky-whats div {
  float: right;
  height: 45px;
  width: 45px;
  background-color: #25d366;
  border-radius: 50%;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sticky-whats .fa-whatsapp {
  color: #fff;
  background: linear-gradient(#25d366, #25d366) 30px 84%/10px 15px no-repeat,
    radial-gradient(#25d366 60%, transparent 0);
  font-size: 28px;
}

.vendor-mobile-logo {
  /* display: none; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.vendor-mobile-logo .vendor-logo {
  width: 7rem;
  height: 100%;
  margin: 0 10px;
  border-radius: 10px;
}

.vendor-mobile-logo .vendor-name {
  padding-left: 3px;
  width: 100%;
}

.vendor-mobile-logo .vendor-name .logo-content {
  font-size: 18px;
}

.vendor-mobile-logo .vendor-name .para-text {
  font-size: 17px;
  color: darkgrey;
  /* margin-top: 5%; */
  line-height: 1.41;
  font-weight: 500;
  word-wrap: break-word;
  word-break: break-word;
}

.vendor-mobile-logo .vendor-name .call-us {
  border-radius: 20px;
  background-color: var(--vendor-color);
  border: var(--vendor-color);
  margin-top: 5px;
  padding: 8px 10px;
}

.vendor-mobile-logo .vendor-name .call-us-whatsapp {
  border: 1px solid #c7c7c7;
  border-radius: 50%;
  width: 3.5rem;
}

.vendor-name .row {
  margin-left: 0;
  margin-right: 0;
}

.whatsapp-logo-image {
  width: 5rem;
  height: 100%;
}

.vendor-mobile-logo .vendor-name .call-us a {
  font-size: 15px;
  -webkit-text-size-adjust: none;
  width: 85px;
  color: white;
}

.mobile-navlink .ic {
  font-size: 22px;
}

.vendor-mobile-logo .vendor-name .call-us a i {
  font-size: 17px !important;
  color: white;
}

.vendor-mobile-logo .vendor-name .mini {
  font-size: 14px;
  margin-top: 10px;
}

.owl-bra {
  display: block;
  position: fixed;
  top: 0;

  width: 68.5%;
  /* width: 58.5%; */
  z-index: 0;
  height: 100vh;
}

.owl-banner-pic {
  height: 100vh;
  object-fit: cover;
  object-position: center center;
}

.menu-navigation-mobile {
  display: none;
  position: sticky;
  top: 0;
}

.menu-navigation-mobile .mobile-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0px;
  left: 0px;
  min-height: calc(100vh - 22px - 128px);
  width: 100%;
  z-index: 4000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  padding-bottom: 230px;
}

.menu-navigation-mobile .mobile-menu .menu-header-mobile {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(white)
  );
  background-image: -webkit-linear-gradient(white, white);
  background-image: -moz-linear-gradient(white, white);
  background-image: -o-linear-gradient(white, white);
  background-image: linear-gradient(white, white);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px;
  top: 0px;
  width: 100%;
  z-index: 3000;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 1px solid whitesmoke;
  border-top-color: whitesmoke;
  border-right-color: whitesmoke;
  border-left-color: whitesmoke;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: black;
}

.payment-flex {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0 !important;
}

.payment-flex .intro-flex {
  display: flex;
  text-decoration: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.payment-flex .intro-flex p,
.payment-flex .intro-flex span {
  color: black;
  margin-bottom: 0.5rem;
}

.payment-flex .intro-flex i {
  color: #9e9e9e;
  font-size: 1.4rem;
  /* padding: 0 5px; */
}

.payment-slider {
  display: inline-block;
  position: absolute;
  max-width: 130px;
  min-width: 115px;
  width: 20%;
  height: 74px;
  background: var(--vendor-color);
  opacity: 10%;
  border-radius: 5px;
  transition: all 0.2s linear;
  bottom: 0px;
}

.payment-flex .intro-flex.active i,
.payment-flex .intro-flex:hover i {
  color: var(--vendor-color);
}

.payment-flex .intro-flex.active p,
.payment-flex .intro-flex:hover p,
.payment-flex .intro-flex.active span,
.payment-flex .intro-flex:hover span {
  color: var(--vendor-color);
}

.menu-navigation-mobile .mobile-menu .menu-header-mobile .go-back {
  border: 0;
  background-color: transparent;
  background: transparent;
}

.menu-navigation-mobile .mobile-menu .menu-header-mobile .go-back img {
  height: 20px;
  width: 20px;
}

.menu-navigation-mobile .mobile-menu .mobile-navigations {
  padding: 0px;
  margin-left: 56px;
  margin-right: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  list-style: none;
  overflow-y: auto;
}

.menu-navigation-mobile .mobile-menu .mobile-navigations .mobile-navlink {
  overflow-wrap: break-word;
  word-break: break-word;
  border-top: none;
  border-right: none;
  border-left: none;
  display: inline;
  background: transparent;
  text-decoration: none;
  color: black;
  font-size: 17px;
  padding: 16px 16px 16px 0px;
  font-weight: 400;
  position: relative;
  border-bottom: 1px solid whitesmoke;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  -o-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  -moz-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
}

.menu-navigation-mobile .mobile-menu .mobile-navigations .no-border {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0 !important;
}

.menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .no-border
  .externallink {
  height: 32px;
  position: absolute;
  right: 0;
}

.menu-navigation-mobile .mobile-menu .mobile-navigations .otherlinks {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: -0.1px;
  padding-top: 40px;
  padding-bottom: 0px;
  color: #9e9e9e;
  overflow-wrap: break-word;
  word-break: break-word;
  text-transform: uppercase;
}

.menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .social-media-section-mobile
  .social-icons {
  display: flex;
}

.menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .social-media-section-mobile
  .social-icons
  .social-ic:first-child {
  padding: 10px 10px 10px 0;
}

.menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .social-media-section-mobile
  .social-icons
  .social-ic {
  color: black;
  font-size: 22px;
  padding: 10px 10px;
}

.mobile-menu-navigation-white {
  background: white !important;
  color: black !important;
}

.logo-mobile-bar {
  width: auto;
  height: 35px;
  border-radius: 5px;
  position: absolute;
  object-fit: cover;
  transform: translate(-50%);
  left: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.mobile-menu-navigation-logo .logo-mobile-bar {
  opacity: 1;
  height: 33px;
}

.fashionmobile-menu-navigation-white .hamburger-ic {
  color: black !important;
}

.fashionmobile-menu-navigation-white .right-menu .search-add {
  color: black !important;
}

.fashionmobile-menu-navigation-white .right-menu .language-add {
  color: black !important;
}

.mobile-menu-navigation-white .hamburger-ic {
  color: black !important;
}

.mobile-menu-navigation-white .right-menu .search-add {
  color: black !important;
}

.mobile-menu-navigation-white .right-menu .language-add {
  color: black !important;
}

.mobile-menu-navigation {
  position: relative;
  padding: 16px;
  /* background-color: rgba(73, 71, 71, 0.07); */
  background-color: rgba(255, 255, 255, 0.5);
  /* background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.6)),
    to(transparent)
  ); */
  /* background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), transparent);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.6), transparent);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.6), transparent);
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), transparent); */
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  display: none;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  height: 48px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  padding: 8px 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 3001;
  color: #ffffff;
  position: fixed !important;
}

.mobile-menu-navigation .hamburger-ic {
  display: block;
  z-index: 2;
  border: 0;
  background-color: transparent;
  /* color: white; */
  color: black;
  padding: 5px 5px 5px 0;
}

.mobile-menu-navigation .right-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
}

.mobile-menu-navigation .right-menu .search-add {
  color: white;
  font-size: 15px;
  padding-left: 15px;
}

.mobile-menu-navigation .right-menu .language-add {
  /* color: white; */
  color: black;
  font-size: 16px;
  padding-left: 10px;
  line-height: 12px;
  font-weight: 600;
  font-family: "AtypeBelqeesSharp";
}

.mobile-menu-navigation .right-menu .login-mobile-button {
  border-radius: 20px;
  padding: 4px 10px;
  background-color: #fff;
  color: var(--vendor-color);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.01rem;
}

html[dir="rtl"] .mobile-menu-navigation .right-menu .language-add {
  font-size: 13px;
  line-height: 18px;
  padding-left: 0px;
  padding-right: 5px;
  font-family: "Open Sans", sans-serif;
}

.delivery-timming-order {
  width: 100%;
  cursor: pointer;
}

.addon-hover {
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.addon-hover:hover {
  background-color: #f5f5f5;
}

.delivery-timming-order:active {
  background-color: #f5f6f6;
}

.addons-style {
  float: left;
}

.addon-child {
  margin-left: 25px;
  display: inline-block;
  max-width: 58% !important;
  font-size: 15px;
}

.addon-child-price {
  margin-left: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 15px;
  min-height: 28px;
  flex-shrink: 0;
}

.addon-child-price span {
  margin-right: 10px;
}

html[dir="rtl"] .addon-child-price span span {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
}

label {
  margin-bottom: 0 !important;
}

.controlbuttondiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.controlbuttondiv .control-button:active {
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
}

.controlbuttondiv .control-button:hover {
  border: 1px solid #dbdbdb;
  /* color: var(--vendor-color); */
}

.controlbuttondiv .control-button {
  font-size: 13px;
  height: 20px;
  width: 20px;
  color: black;
  cursor: pointer;
  /* text-align: center; */
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-stretch: normal;
  font-style: normal;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* vertical-align: middle; */
  /* -webkit-flex-shrink: 0; */
  /* -ms-flex-negative: 0; */
  /* flex-shrink: 0; */
  padding: 0;
  /* -ms-touch-action: manipulation; */
  /* touch-action: manipulation; */
  /* line-height: 1; */
  border: 1.5px solid black;
  /* display: -webkit-box; */
  /* display: -webkit-flex; */
  /* display: -moz-box; */
  /* display: -ms-flexbox; */
  /* display: flex; */
  /* -webkit-box-align: center; */
  /* -webkit-align-items: center; */
  /* -moz-box-align: center; */
  /* -ms-flex-align: center; */
  /* align-items: center; */
  /* -webkit-box-pack: center; */
  /* -webkit-justify-content: center; */
  /* -moz-box-pack: center; */
  /* -ms-flex-pack: center; */
  /* justify-content: center; */
  transition-property: background-color, border-color, color, fill, stroke,
    opacity, box-shadow, transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.controlbuttondiv .quantity-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 48px;
  text-align: center;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;

  flex-direction: inherit;
  justify-content: center;
}

.delivery-schedular-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px 16px;
  margin-top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
}

.delivery-schedular-box .delivery-schedular {
  padding-top: 8px;
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.delivery-schedular-box .delivery-schedular .schedule-order {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.delivery-schedular-box .delivery-schedular .schedule-order .schedule-input {
  position: absolute;
  opacity: 0;
  height: 0px;
  width: 0px;
}

.delivery-schedular-box
  .delivery-schedular
  .schedule-order
  .order-schedule-check {
  position: relative;
  display: inline-block;
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: white;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.schedule-input:checked + .order-schedule-check {
  background: var(--vendor-color) !important;
  border-color: var(--vendor-color) !important;
}

.delivery-schedular-box
  .delivery-schedular
  .schedule-order
  .order-schedule-check:after {
  content: "";
  position: absolute;
  opacity: 1;
  background: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: -webkit-calc(50% - 4px);
  top: -moz-calc(50% - 4px);
  top: calc(50% - 4px);
  left: -webkit-calc(50% - 4px);
  left: -moz-calc(50% - 4px);
  left: calc(50% - 4px);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.delivery-schedular-box .delivery-schedular .schedule-order .para-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.order-review-details .added-count {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.23;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  margin: -8px;
  display: block;
  text-align: center;
  padding: 8px;
  min-width: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left: 2px !important;
  background-color: rgba(0, 0, 0, 0.25);
}

.review-img {
  margin-left: 20px;
}

.order-review-details .order-review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  margin: auto;
}

.order-review-details .order-review .review-order {
  margin: auto;
  padding: 0 8px;
  vertical-align: middle;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: absolute;
  left: 0;
  right: 0;
}

.order-review-details .order-with-price {
  margin-left: auto;
}

.order-review-details .order-with-price .price-count {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.23;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  margin: -8px;
  display: block;
  margin-right: 10px !important;
}

.product-owl-img img {
  height: 400px !important;
  width: auto !important;
  object-fit: cover;
  object-position: center;
  margin-left: auto !important;
  margin-right: auto !important;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.product-owl-img {
  background: white !important;
}

.shadow-box-lazy {
  height: 216px;
  width: 100%;
  border-radius: 7px;
  margin-bottom: 10px;
  background-color: #f3f3f3;
}

.area_border {
  border-left: 8px var(--vendor-color) solid;
}

.checkout-button-back {
  width: 34% !important;
  background-color: white !important;
  border: 3px solid var(--vendor-color) !important;
  color: var(--vendor-color) !important;
}

.checkout-button-back:hover {
  border: 3px solid var(--vendor-hover-color) !important;
  color: var(--vendor-hover-color) !important;
  background-color: #f5f5f5 !important;
}

.checkout-button-next {
  width: 65% !important;
  background-color: var(--vendor-color) !important;
  border: 1px solid var(--vendor-color) !important;
}

.checkout-button-next:hover {
  background-color: var(--vendor-hover-color) !important;
  border: 1px solid var(--vendor-hover-color) !important;
}

.slider {
  display: inline-block;
  width: 35%;
  /* width: 50%; */
  max-width: 125px;
  height: 50px;
  border-radius: 5px;
  background-color: var(--vendor-color);
  opacity: 10%;
  position: absolute;
  z-index: 0;
  top: 10px;
  transition: all 0.2s linear;
}

.slider-delivery {
  display: inline-block;
  width: 50%;
  height: 64px;
  border-radius: 5px;
  background-color: #f5f5f9;
  /* opacity: 10%; */
  position: absolute;
  z-index: 0;
  top: 18px;
  transition: all 0.2s linear;
}

.change-background-white {
  background-color: white;
  /* background-image: linear-gradient(to left, #f5f5f9 100%, white 100%); */
  /* box-shadow: 0 0 14px 0 rgb(0 0 0 / 10%); */
  box-shadow: 15px 0 15px -10px rgb(0 0 0 / 10%),
    -15px 0 15px -10px rgb(0 0 0 / 10%);
}

/*Category view Css*/
.product-category-view {
  padding: 0px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  background-color: rgb(255, 255, 255);
}

.product-category-view .product-category-list {
  padding: 0px 8px 16px;
  margin-top: 0px;
  margin-bottom: 0px;
  flex-direction: column;
  background-color: rgb(255, 255, 255);
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.product-category-view .product-category-list .product-category-pad {
  padding: 16px;
  padding-bottom: 80px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  /* border-bottom: 1px #dbdbdb solid; */
}

/* .product-category-view .product-category-list .product-category-pad:hover {
  background-color: #fafafa;
} */

/* .product-category-view
  .product-category-list
  .product-category-pad:nth-child(odd) {
  border-right: 1px #dbdbdb solid;
} */

.product-category-view .product-category-list .product-category-pad:last-child,
.product-category-view
  .product-category-list
  .product-category-pad:nth-last-child(2):nth-child(odd) {
  padding-bottom: 32px;
}

.product-category-item {
  width: 100%;
  height: 100%;
}

.product-category-item a {
  text-decoration: none;
  height: auto;
  display: flex;
  flex-direction: column;
}

.buy-get-img:active {
  border: 1px solid #dbdbdb;
}

.product-category-item a .product-img-div {
  border-radius: 6px;
  position: relative;
  height: 202px;
  /* background-color: #f5f5f5; */
  background-color: #fff;
  position: relative;
  z-index: 999;
  display: flex;
  justify-content: center;
}

.product-category-item a .product-img-div:hover {
  background-color: white;
}

.product-category-item a .product-img-div img {
  border-radius: 6px;
  height: 200px;
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  flex-shrink: 0;
  object-fit: cover;
}

.product-category-item a .product-img-div .offer-label {
  position: absolute;
  padding: 3px 0;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgb(242, 28, 28);
  font-size: 13px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: white;
  text-align: center;
}

.cost-bubble .controlbuttondiv .control-button:active,
.product-price .controlbuttondiv .control-button:active {
  border: 1px #dbdbdb solid;
  color: #dbdbdb;
}

.product-price .controlbuttondiv .control-button {
  height: 24px;
  width: 24px;
}

.cost-bubble .controlbuttondiv .quantity-text,
.product-price .controlbuttondiv .quantity-text {
  min-width: 35px;
}

.product-category-item a .product-title {
  -webkit-box-align: baseline;
  align-items: baseline;
  display: flex;
  /* min-height: 41px; */
  margin-top: 1rem;
}

.product-category-item a .product-title p {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  width: 90%;
  margin: 0 auto;
}

.product-category-item a .product-price-div {
  flex-direction: row;
  display: flex;
  margin-top: 10px;
  align-items: baseline;
  justify-content: center;
}

.product-category-item a .product-price-div .product-price {
  color: black;
  font-size: 13px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  /* min-height: 32px; */
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: center;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  justify-content: space-around;
  flex-direction: column;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 10px;
}

.checkmark-radio-l.checked {
  border: none;
  background-color: var(--vendor-color);
}

.checkmark-radio-l.checkedBox {
  border: none;
  background-color: var(--vendor-color);
}

.checkmark-radio-l.checked::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: white;
}

.checkmark-radio-l.checkedBox::after {
  content: "\2713";
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 13px;
  color: white;
  font-weight: bold;
}

.checkmark-radio-l {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  height: 20px;
  width: 20px;
  border: 2px solid var(--vendor-color);
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.buy-get-img:hover {
  color: black;
}

.buy-get-img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: black;
  border: 1px solid black;
  background-color: white;
  font-size: 14px;
  letter-spacing: -0.1px;
  text-align: center;
  line-height: 1.23;
  padding: 8px 12px;
  justify-content: center;
  min-height: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: row;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.product-category-item a .product-price-div .product-price-margin {
  margin-left: auto;
}

.ReactFlagsSelect-module_selectOptions__3LNBJ {
  min-width: 530% !important;
  max-height: 275px !important;
}

.ReactFlagsSelect-module_filterBox__3m8EU input {
  border-radius: 24px;
  border: 1px solid #a3a2a2;
  padding: 8px;
}

.ReactFlagsSelect-module_selectBtn__19wW7 {
  border: none !important;
  padding: 0px 10px !important;
  height: 36px !important;
  /* border-radius: 0 !important; */
  /* border-bottom: 1px solid #ced4da !important; */
}

html[dir="rtl"] .ReactFlagsSelect-module_selectBtn__19wW7 {
  height: 35px !important;
}

.product-category-item a .product-price-div .product-price .product-price-del {
  font-size: 13px;
  line-height: 1.23;
  text-align: center;
  display: block;
  letter-spacing: -0.1px;
  font-weight: 600;
  color: red;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.product-category-item a .product-button {
  border-radius: 4px;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  font-size: 13px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  margin-top: 16px;
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  touch-action: manipulation;
  transition: all 0.2s ease-in 0s;
  border: 1px solid;
  user-select: none;
  justify-content: center;
}

.product-category-item a .product-button h4 {
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.1px;
  font-weight: 600;
  color: rgb(0, 0, 0);
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  margin-bottom: 0%;
}

.product-category-item a .product-description-div .product-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: -0.1px;
  text-align: center;
  /* min-height: 30px; */
  /* margin-top: 5px; */
  color: #616161;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 90%;
  margin: 0 auto;
}

/*CSS for list view*/
.area-list-collapse .products-main-div {
  margin-bottom: 0;
  padding-bottom: 0;
}

.category-select-tab {
  position: fixed;
  background-color: white;
  top: 0;
  z-index: 1000000;
  height: 100vh;
  overflow-x: auto;
  width: 41.5%;
}

.category-select-tab .country-list-inner {
  padding: 16px;
  position: relative;
  margin-right: 16px;
  margin-left: 16px;
  border-bottom: 1px solid rgba(82, 82, 82, 0.1);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.2px;
  color: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.category-select-tab .active {
  -webkit-box-shadow: inset 5px 0 0 0 var(--vendor-color);
  box-shadow: inset 5px 0 0 0 var(--vendor-color);
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.category-select-tab .active:hover {
  background-color: #f5f5f5;
}

/*CSS for order*/

.order-placing {
  height: auto;
}

.order-placing .place-order-success {
  padding-top: 40px;
  padding-bottom: 20px;
}

.order-placing .place-order-success i {
  font-size: 80px;
  color: var(--vendor-color);
}

.place-order-success .order-id {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.place-order-success .order-id .order-numb {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px dotted #9e9e9e;
  padding: 8px;
  background-color: whitesmoke;
  color: black;
  overflow-wrap: break-word;
  text-transform: uppercase;
  word-break: break-word;
}

.place-order-success .order-id .code-of-order {
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: -0.2px;
  font-weight: 600;
  padding-left: 8px;
  color: var(--vendor-color);
  overflow-wrap: break-word;
  word-break: break-word;
}

.place-order-wrapper {
  margin-bottom: 40px !important;
}

.para-text-small-grey {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.33;
  /* padding: 0 16px; */
  color: #818181;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.open-detail {
  background-color: #f5f5f9;
}

.left-wrapper-delivery-outer {
  padding: 0 16px;
  background-color: white;
}

.left-wrapper-delivery-outer .order-delivery-info {
  padding: 16px;
}

.order-delivery-info .order-name-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: flex-start;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-delivery-info .order-name-price .pro-fetch-name {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  padding-right: 8px;
  color: var(--vendor-color);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  width: 70%;
}

.order-delivery-info .order-name-price .para-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.open-detail .cart-pricing-details {
  padding: 16px;
  margin-bottom: 1rem;
}

.open-detail .cart-pricing-details .cart-sub-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.open-detail .cart-pricing-details .cart-sub-total .product-price {
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.1px;
  font-weight: 600;
  margin-top: auto;
  color: #616161;
  overflow-wrap: break-word;
  word-break: break-word;
}

.download {
  padding-bottom: 25% !important;
}

.get-help {
  width: 100%;
  padding: 0 16px;
  display: flex;
  justify-content: space-evenly;
}

.card-submit:hover {
  color: var(--vendor-color);
}

.card-submit:active {
  border: 1px solid #dbdbdb;
  color: var(--vendor-color);
}

.card-submit {
  width: calc(100% / 2 - 2%);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: black;
  border: 1px solid black;
  background-color: white;
  font-size: 13px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  margin-top: 24px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in 0s;
  -o-transition: all 0.2s ease-in 0s;
  -moz-transition: all 0.2s ease-in 0s;
  transition: all 0.2s ease-in 0s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.place-order-wrapper .stepper-bar {
  position: static;
  padding: 0 16px;
}

.download-receipt {
  width: 48%;
  float: left;
  margin-right: 10px;
}

.category-img-toggle {
  width: auto;
  height: 75px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.estimate-time {
  padding: 8px 16px 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.estimate-time .estimated-timeline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.estimate-time .estimated-timeline .time-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.41;
  letter-spacing: -0.4px;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-right: 5px;
}

/*Scroll View Css*/

.products-show-area {
  border-top: 1px solid #f6f7fb;
  padding-top: 10px;
}

.products-show-area .products-case-wrapper .product-show-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 16px 0 16px;
}

.products-show-area .product-case-three {
  overflow-x: scroll;
  height: auto;
  padding: 20px 15px;
  margin-left: auto;
  margin-right: auto;
}

.product-case-three::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f5f5f5;
}

.product-case-three::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.product-case-three::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9e9e9e;
}

.show-more {
  margin-top: 0;
  color: black;
}

.show-more:hover {
  color: black;
}

.shine-loader {
  position: relative;
  overflow: hidden;
  height: 350px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.shine-loader:after {
  animation: shine 1s ease-in-out infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 10%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.5) 77%,
    rgba(255, 255, 255, 0.3) 92%,
    rgba(255, 255, 255, 0) 100%
  );
}

.shine-design {
  position: relative;
  overflow: hidden;
}

.shine-design:after {
  animation: shine 1s ease-in-out infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 5%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0.7) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0) 100%
  );
}

@keyframes shine {
  10% {
    opacity: 1;
    top: -100%;
    left: 0%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }

  100% {
    opacity: 0.3;
    top: 0%;
    left: 100%;
    transition-property: left, top, opacity;
  }
}

.gradient::after {
  content: " ";
  top: 0;
  z-index: 0;
  width: 100%;
  position: absolute;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.branch-avai-status {
  font-size: 15px;
  color: red;
}

.product-number {
  border: 1px solid #9e9e9e;
  display: inline-block;
  width: 50px;
  text-align: center;
  padding-top: 2px;
  border-radius: 25px;
  height: 25px;
}

.modal-made {
  display: block;
  position: fixed;
  padding-top: 25vh;
  z-index: 5000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-made .modal-content-made {
  background-color: #fefefe;
  margin: auto;
  /* border: 1px solid #888; */
  width: 60%;
  max-width: 700px;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

.modal-made .modal-content-made .header-modal {
  font-size: 20px;
  padding: 14px;
  font-weight: 600;
  text-align: center;
  border-radius: 10px 10px 0 0;
  background-color: var(--vendor-color);
  color: white;
}

.modal-made .modal-content-made .text-modal {
  font-size: 16px;
  padding: 14px;
  font-weight: 500;
  text-align: center;
}

.modal-made .modal-content-made .button-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 14px;
  border-radius: 0 0 10px 10px;
}

.modal-made .modal-content-made .button-container button {
  border-radius: 50px;
  padding: 10px 0px;
  width: 75px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.red {
  background-color: white;
  color: var(--vendor-color);
  border: 2px solid var(--vendor-color);
}

.green {
  background-color: var(--vendor-color);
  color: white;
  border: 2px solid var(--vendor-color);
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

.close-modal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-modal:hover,
.close-modal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.sharewith {
  background: inherit;
  color: rgb(150, 150, 150) !important;
  float: right;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

.toggle-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin-bottom: 5px; */
  padding: 0 16px;
}

.load {
  -webkit-transition: background-color 750ms ease-in;
  -moz-transition: background-color 750ms ease-in;
  -o-transition: background-color 750ms ease-in;
  transition: background-color 750ms ease-in;
}

.load-img {
  -webkit-transition: opacity 750ms ease-in;
  -moz-transition: opacity 750ms ease-in;
  -o-transition: opacity 750ms ease-in;
  transition: opacity 750ms ease-in;
}

.active-accordion:after {
  content: "\f106";
  color: black;
  font-family: FontAwesome;
}

.toggle-button {
  padding: 3px 5px;
  font-size: 20px;
}

.toggle-button.toggle-active {
  color: var(--vendor-color);
  /* border: 1px #dbdbdb solid; */
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom-gradient {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

.bottom-gradient .recomm-details {
  width: 100%;
  padding: 30px;
  position: relative;
  z-index: 6;
}

.recomm-title {
  font-size: 40px;
  color: white;
  font-weight: 600;
}

.recomm-price {
  font-size: 30px;
  color: white;
  font-weight: 600;
}

.recomm-add {
  font-size: 18px;
  color: white;
  font-weight: 600;
  border: 4px white solid;
  padding: 5px 12px;
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
}

.recomm-flex {
  flex-direction: row;
  display: flex;
  align-items: center;
  margin-top: 5px;
  justify-content: space-between;
}

.bottom-gradient::after {
  content: " ";
  top: 0;
  z-index: 0;
  width: 100%;
  position: absolute;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(255, 255, 255, 0) 20%,
    rgba(255, 255, 255, 0) 60%,
    rgba(0, 0, 0, 0.9) 100%
  );
}

.Toastify__toast-container {
  width: 270px !important;
  color: white !important;
}

.Toastify__toast--success {
  background: var(--vendor-color) !important;
}

.Toastify__toast {
  font-family: inherit !important;
  font-size: 18px;
  padding: 5px !important;
  min-height: 45px !important;
}

.toggle-div-tag {
  border-bottom: 10px #f5f5f5 solid;
}

.toggle-div-tag:first-of-type {
  border-top: 5px #f5f5f5 solid;
}

.category-accordion-div {
  border-bottom: 10px #f5f5f5 solid;
}

.toggle-accordion {
  background: white;
}

.toggle-div-tag:last-of-type,
.category-accordion-div:last-of-type {
  border-bottom: none;
}

.category-product-number {
  font-size: 17px;
  margin-left: auto;
  margin-right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-product-list {
  grid-template-columns: repeat(1, 1fr) !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.single-product-pad {
  border-left: none !important;
  border-right: none !important;
}

/* .single-product-pad:nth-last-child(2):nth-child(odd) { */
/* border-bottom: 1px solid #dbdbdb !important; */
/* } */

.single-product-pad .buy-get-img {
  min-width: 130px !important;
  padding: 0 15px !important;
}

.single-product-pad .product-description {
  min-height: 0 !important;
  font-size: 15px !important;
}

.single-product-pad .product-price {
  margin-right: 10px !important;
}

.single-product-pad .product-name {
  font-size: 20px !important;
  width: 100%;
  text-align: center;
}

.product-category-view
  .product-category-list
  .product-category-pad.single-product-pad {
  /* padding: 45px 10px; */
  padding: 16px;
  padding-bottom: 100px !important;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product-category-view
  .product-category-list
  .product-category-pad.single-product-pad:last-child {
  /* padding: 45px 10px; */
  padding-bottom: 32px !important;
}

.single-product-pad .product-title {
  min-height: 25px !important;
}

.single-product-pad .product-category-item a .product-img-div,
.single-product-pad .product-category-item a .product-img-div img {
  height: 250px;
}

.single-product-pad .buy-get-img.single-buy {
  min-width: 135px !important;
}

.view-all {
  font-size: 21px;
  color: var(--vendor-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-product-div {
  padding: 0 10px;
  width: 275px;
  margin-right: 30px;
}

.scroll-product-div:last-of-type {
  margin-right: 0;
}

.category-link {
  transform: translateY(1px);
}

.category-link .lazy-load-image-background {
  display: block !important;
  margin: 0 auto;
}

.category-link .lazy-load-image-loaded {
  display: block !important;
  margin: 0 auto;
}

.vendor-const {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Product List Top */

.list-sticky-top {
  position: sticky;
  top: 0;
  z-index: 1001;
}

.list-select-flex {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding: 10px;
  background-color: #f5f5f5;
}

.list-select-flex::-webkit-scrollbar {
  width: 1px;
  height: 4px;
}

.list-select-flex::-webkit-scrollbar-thumb {
  background: var(--vendor-color);
  border-radius: 10px;
}

.list-select-flex::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f5f5f5;
  border-radius: 10px;
}

.list-select-button {
  margin: 0 0.25rem;
  padding: 0.5rem 0.6rem;
  white-space: nowrap;
  background-color: white;
  cursor: pointer;
  font-weight: 600;
  border: 1px #8a8a8a solid;
  font-size: 1rem;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 5px;
}

.list-select-button.list-select {
  background-color: var(--vendor-color);
  color: white;
  border: 1px var(--vendor-color) solid;
}

.list-accordion {
  top: 59px !important;
}

/* Product List Top Ends */

/* Booking Starts */

.booking-flex-div {
  padding: 0px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.booking-sub-title {
  font-size: 20px;
  font-weight: 600;
  margin-right: 15px;
}

.booking-calendar-container {
  width: 100%;
  max-width: 560px;
  margin: 20px auto;
}

.booking-info-text {
  font-size: 18px;
  font-weight: 600;
}

.booking-search-selection {
  display: flex;
  padding: 15px 0;
  align-items: center;
  background-color: #f5f5f9;
  position: relative;
}

.booking-arrow {
  position: absolute;
  color: var(--vendor-color);
  bottom: -13px;
  font-size: 42px;
  transform: translate(-24%);
  transition: all 0.2s linear;
}

.booking-section {
  height: 105px;
  width: 50%;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
}

.open-calendar {
  color: var(--vendor-color);
  text-align: end;
  padding: 0 25px;
}

.date-scroller {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 15px 0px;
  margin-top: 10px;
}

/* .date-scroller::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.date-scroller::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.date-scroller::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
.date-scroller::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
.date-scroller::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.9);
} */

.date-scroller::-webkit-scrollbar {
  width: 1px;
  height: 4px;
}

.date-scroller::-webkit-scrollbar-thumb {
  background: var(--vendor-color);
  border-radius: 10px;
}

.date-scroller::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f5f5f5;
  border-radius: 10px;
}

.date-selector {
  border: 2px solid #7e7e7e;
  border-radius: 5px;
  font-weight: 600;
  font-size: 13px;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 8px 0;
  min-width: 115px;
  text-align: center;
  margin: 0 8px;
}

.booking-single-div {
  padding: 15px 0;
  border-bottom: 8px solid #f6f7fb;
  background-color: white;
}

.booking-branch-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  margin: 0;
}

.booking-branch {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid #dbdbdb;
}

.booking-branch:first-of-type {
  padding-top: 0;
}

.booking-branch:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.booking-branch-img {
  width: 92px;
  border-radius: 10px;
  height: 92px;
  object-fit: cover;
  object-position: center;
  margin-right: 16px;
}

.booking-branch-details {
  display: flex;
  flex-grow: 1;
  min-height: 101px;
  flex-direction: column;
  justify-content: space-between;
}

.booking-branch-title {
  font-weight: 700;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.booking-branch-desc {
  font-weight: 500;
  font-size: 16px;
  color: #9e9e9e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 5px;
}

.booking-branch-button {
  width: 100%;
  margin-top: 5px;
}

.booking-branch-button button {
  display: block;
  margin-left: auto;
  font-size: 15px;
  font-weight: 600;
  padding: 5px 15px;
  min-width: 130px;
  background-color: var(--vendor-color);
  color: white;
  border-radius: 50px;
  border: none;
  cursor: pointer;
}

.booking-branch-none button {
  background-color: #d6d6d6;
  color: #929292;
}

.booking-branch-button button:hover {
  background-color: var(--vendor-hover-color);
}

.booking-branch-none button:hover {
  background-color: #d6d6d6;
  color: #929292;
}

.booking-time-div {
  padding: 0 20px;
}

.booking-time-text {
  color: #7c7c7c;
  font-size: 18px;
  font-weight: 600;
}

.booking-time-slot-div {
  padding-top: 13px;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(0px, 140px));
  row-gap: 13px;
  justify-content: space-between;
}

.booking-time-slot {
  background-color: transparent;
  border: 2px solid #8e8e8e;
  border-radius: 10px;
  font-size: 12px;
  color: black;
  font-weight: 600;
  padding: 7px 0;
  max-width: 140px;
  width: 100%;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.booking-attendee-slot {
  background-color: transparent;
  border: 2px solid #8e8e8e;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  padding: 7px 0;
  max-width: 80px;
  width: 100%;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.booking-slot-active {
  background-color: var(--vendor-color);
  color: white;
  border: 2px solid var(--vendor-color);
}

.booking-price-p {
  font-size: 15px !important;
}

.booking-time-booked {
  background-color: #d6d6d6;
  color: #929292;
  border: 2px solid #d6d6d6;
}

.react-calendar {
  width: 100%;
  min-width: 100%;
  color: black;
}

.react-calendar__navigation button {
  color: var(--vendor-color);
}

.react-calendar__navigation button:disabled {
  color: rgba(16, 16, 16, 0.3);
}

.react-calendar__tile--active,
.react-calendar__tile--now.react-calendar__tile--active {
  background: var(--vendor-color) !important;
}

.react-calendar__tile--hasActive,
.react-calendar__tile--now.react-calendar__tile--hasActive {
  background: var(--vendor-color-light) !important;
  color: white !important;
}

.react-calendar__tile--now {
  background: white !important;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0 !important;
}

.react-calendar__navigation__label__labelText {
  font-size: 1rem;
  color: black;
}

.react-calendar__tile {
  color: black;
}

.booking-quantity-control {
  min-width: 140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.booking-control-button {
  border-radius: 100%;
  border: 2px solid black;
  background: white;
}

.booking-diabled-book {
  border: 2px solid #757575 !important;
  cursor: not-allowed !important;
}

.booking-diabled-book .booking-icon {
  color: #757575 !important;
}

/* Booking Ends */

/* Terms start */

.terms {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 25px;
}

.terms input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  background-color: #eee;
}

.terms:hover input ~ .checkmark {
  background-color: #ccc;
}

.terms input:checked ~ .checkmark {
  background-color: var(--vendor-color);
}

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

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

.terms .checkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.terms-hover:hover {
  color: var(--vendor-hover-color) !important;
}

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

.terms-modal::-webkit-scrollbar-thumb {
  background: var(--vendor-color);
  border-radius: 10px;
}

.terms-modal::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f5f5f5;
  border-radius: 10px;
}

/* Terms end */

.temp-slider {
  max-width: 110px !important;
}

/*  Login start*/

.login-logo-container {
  margin-bottom: 10px;
  width: 100%;
  margin: auto;
  text-align: center;
  top: 10%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  position: absolute;
}

.login-logo-container .right-big-logo {
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.login-logo-container p {
  margin-bottom: 0;
  color: #ffffff;
}

.login-logo-container .login-logo-name {
  color: #000;
  font-size: 22px;
  line-height: 1.27;
  -webkit-letter-spacing: 0.3px;
  -moz-letter-spacing: 0.3px;
  -ms-letter-spacing: 0.3px;
  letter-spacing: 0.3px;
  text-align: center;
  font-weight: 600;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.login-logo-container .login-logo-detail {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

.register-step-one {
  padding: 16px;
  height: auto;
  padding-bottom: 50px;
  padding-top: 50px;
}

.register-step-one .main-heading {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.27;
  -webkit-letter-spacing: 0.3px;
  -moz-letter-spacing: 0.3px;
  -ms-letter-spacing: 0.3px;
  letter-spacing: 0.3px;
  padding-bottom: 8px;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0% !important;
  font-weight: 600;
}

.register-step-one .sub-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.register-step-one .login-one .form-div {
  margin-bottom: 1rem;
}

.register-step-one .login-one .form-div .label-name {
  font-size: 13px;
  color: #999999;
  font-weight: 600;
  margin-bottom: 0;
}

.register-step-one .login-one .form-div .form-control {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 5px 0 5px 0;
  height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.login-step-one {
  padding: 16px;
  height: auto;
  padding-bottom: 0px;
}

.login-step-one .main-heading {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.27;
  -webkit-letter-spacing: 0.3px;
  -moz-letter-spacing: 0.3px;
  -ms-letter-spacing: 0.3px;
  letter-spacing: 0.3px;
  padding-bottom: 8px;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0% !important;
  font-weight: 600;
}

.login-step-one .sub-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.login-step-one .login-one .form-div {
  margin-bottom: 1rem;
}

.login-step-one .login-one .form-div .label-name {
  font-size: 13px;
  color: #999999;
  font-weight: 600;
  margin-bottom: 0;
}

.login-step-one .login-one .form-div .form-control {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 5px 0 5px 0;
  height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.login-page-account {
  padding-top: 15px;
  font-size: 13px;
  font-weight: 600;
}

.register-link {
  color: #000;
  text-decoration: underline;
}

.gender-text {
  font-size: 13px;
  font-weight: 600;
}

.selected-country {
  font-size: 14px;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ced4da;
}

.form-div .password-field {
  background: #fff;
  border: none;
  border-radius: 8px;
  position: relative;
  font-size: 15px !important;
  display: inline-block;
  outline: none;
  width: 100%;
  height: 30px !important;
  padding: 18px 0 18px 20px;
  margin-bottom: 15px !important;
  color: #666 !important;
  border: 1px solid #ced4da;
}

.p-viewer {
  float: right;
  margin-top: -48px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.fa-eye {
  color: grey;
  font-size: 20px !important;
}

.fa-eye-slash {
  color: grey;
  font-size: 20px !important;
}

.login-button {
  position: fixed;
  width: 41.6%;
  display: flex;
  justify-content: space-between;
  z-index: 3000;
  bottom: 0;
  padding: 0 8px 8px;
  min-height: 53px;
  background-color: transparent;
}

.login-button .checkout-button:active {
  width: 100%;
  background-color: var(--vendor-color-light);
}

.login-button .checkout-button:hover {
  background-color: var(--vendor-hover-color);
}

.login-button-class {
  width: 100%;
}

.login-button .checkout-button {
  width: 100%;
  transition: all 0s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
  border: none;
  font-size: 15px;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  line-height: 1.27;
  min-height: 53px;
  padding: 14px 16px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  background-color: var(--vendor-color);
}

.right-button-login {
  margin-right: 8px !important;
}

.content {
  margin: 10px auto;
  width: 200px;
}

.or-padding {
  padding-top: 30px;
  padding-bottom: 14px;
}

.content hr {
  border-top: 1px solid #818181;
}

.or {
  text-align: center;
  font-size: 14px;
  background: linear-gradient(#8e8e8e 0 0) left,
    linear-gradient(#8e8e8e 0 0) right;
  background-size: 40% 1px;
  background-repeat: no-repeat;
  font-weight: 700;
}

/* Login Page Ends */
/* Social Button start */
.Social-button {
  height: 60px;
  width: 60px;
  /* border: 1px solid #8e8e8e; */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
}

.social-google {
  background-color: #db4437;
}

.social-google:hover {
  background-color: #db5548;
}

.social-facebook {
  background-color: #4267b2;
}

.social-facebook:hover {
  background-color: #5378b3;
  box-shadow: 1px;
}

.social-twitter {
  background-color: #1da1f2;
}

.social-twitter:hover {
  background-color: #52abf3;
}

.social-apple {
  background-color: #000000;
}

.social-apple i {
  font-size: 20px !important;
}

.social-apple:hover {
  background-color: #313030;
}

/* Social Button Ends */
.bottom-button .guest-button:hover {
  background-color: var(--vendor-hover-color);
}

.guest-padding {
  padding: 16px;
}

.login-main-div {
  padding-top: 9%;
  /* padding-bottom: 9%; */
}

/* user section start*/
.fa-user-circle {
  font-size: 80px !important;
}

.user-details {
  margin-top: 10px;
  font-size: 17px;
  text-align: center;
  font-weight: 700;
  line-height: 1.41;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.user-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 15px;
  margin-left: 15px;
}

.user-col-6 {
  word-break: break-all;
  width: 50%;
}

.order-col-6 {
  word-break: break-all;
  width: 50%;
}

.user-profile-div .user-previous-order {
  width: 100%;
  margin-bottom: 0;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding-left: 8px;
  padding-top: 8px;
  padding-right: 8px;
  border-bottom: 2px solid #f5f5f5;
}

.user-profile-div .user-previous-order:hover {
  background-color: #f5f5f9;
}

.user-profile-div .user-previous-order a {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33 !important;
  color: #000;
  padding-left: 8px;
}

.user-profile-div-data {
  width: 100%;
}

.user-profile-div-data .user-previous-order-data {
  /* padding: 8px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  width: 100%; */
  line-height: 1.33 !important;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 16px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-wrap: wrap;
}

.user-profile-div-data .user-previous-order-data .saved-address-col {
  width: 50%;
  word-break: break-all;
}

.user-profile-div .user-previous-order a .right-arrow {
  margin-right: 5px;
  margin-left: 20px;
  font-size: 27px;
  line-height: 0;
  justify-content: right;
}

.user-profile-div .user-previous-order .right-arrow {
  margin-right: 5px;
  margin-left: 20px;
  font-size: 27px;
  line-height: 0;
  justify-content: right;
}

.user-profile-div .user-previous-order a i {
  display: flex;
}

.social-capsule {
  width: 100%;
  transition: all 0s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #ffffff;
  border: none;
  font-size: 15px;
  -webkit-letter-spacing: -0.2px;
  -moz-letter-spacing: -0.2px;
  -ms-letter-spacing: -0.2px;
  letter-spacing: -0.2px;
  line-height: 1.27;
  min-height: 53px;
  padding: 14px 16px;
  cursor: pointer;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.booking-history {
  margin-top: 10px;
  margin-left: 0px !important;
  font-size: 16px;
  font-weight: 700;
  padding: 16px 8px;
  cursor: pointer;
  border-bottom: 1px solid rgba(82, 82, 82, 0.1);
}

.booking-history-row {
  display: grid;
  grid-template-columns: 60% 40%;
}

.booking-history:hover {
  background-color: #f5f5f9;
}

.order-text {
  font-weight: 600;
  font-size: 15px;
}

.savedaddress-area-text {
  font-weight: 600;
  font-size: 15px;
}

.small-grey-text {
  color: #8696a9;
  font-weight: 600;
  font-size: 14px;
  align-items: left;
}

.otp-margin {
  margin-top: 10px;
}

.button-disable {
  background-color: var(--vendor-color-light) !important;
  cursor: not-allowed !important;
}

.vendor-logo-order {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.order-details-row {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-wrap: wrap;
}

.order-details-row .col-lg-4 {
  width: calc(100% / 3);
}

.col-order-details-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
}

.col-order-details-6 {
  position: relative;
  width: 50%;
  min-height: 1px;
}

.invoice-card-div {
  background-color: white;
  margin: 0 auto 20px;
  padding: 25px 25px;
  border-radius: 10px;
  max-width: 500px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.vendor-detail-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: inherit;
  box-shadow: none;
  margin-bottom: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.invoice-page {
  font-size: 16px;
  font-weight: 600;
}

.big-grey-text {
  color: #8696a9;
  font-weight: 600;
  font-size: 15px;
  align-items: left;
}

.vendor-name {
  padding-top: 2px;
  font-weight: 700;
  font-size: 20px;
}

.order-details-values {
  font-size: 13px;
}

.invoice-card-div .history-details-flex {
  padding: 20px 0 25px;
  border-bottom: 1px solid #c7c7c7;
}

.invoice-card-div .history-details-flex:last-of-type {
  border-bottom: none;
}

.delivery-details-flex {
  border-top: 1px solid #c7c7c7;
}

.amount-tab {
  border-radius: 10px;
  background-color: #f6f9fc;
  padding: 20px 25px;
}

.amount-flex:not(:first-child) {
  padding-top: 10px;
  border-top: #c7c7c7 solid 1px;
}

.amount-flex:not(:last-child) {
  padding-bottom: 10px;
}

.amount-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.amount-flex-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

.amount-details {
  color: #454d5c;
  font-weight: 600;
  font-size: 15px;
}

.amount-details-number {
  width: calc(100% / 3);
  text-align: center;
}

.total-details {
  font-weight: 600;
  font-size: 15px;
}

.total-details-title {
  font-size: 15px;
  font-weight: 700;
}

.customer-detail-flex {
  border-top: #c7c7c7 solid 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0 25px;
}

.customer-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
}

.customer-col {
  max-width: calc(100% / 4);
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.paylink-customer-row .customer-col.col-details-4 {
  width: calc(100% / 4);
  max-width: none;
}

.customer-details {
  color: #454d5c;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  align-items: flex-start;
}

.receipt-tab-div {
  padding: 25px 0 0;
  border-top: #c7c7c7 solid 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.receipt-button {
  width: 47%;
  max-width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f6f9fc;
  padding: 10px 0;
  border-radius: 5px;
  cursor: pointer;
}

.receipt-button:hover {
  background-color: #6a96ff;
}

.receipt-button:hover .share-text {
  color: white;
}

.email-share-img {
  max-height: 25px;
  margin-right: 15px;
}

.share-text {
  font-size: 15px;
  font-weight: 700;
  color: #5c6c7f;
}

.details-icon {
  margin-right: 10px;
  font-size: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  /* background-color: var(--vendor-color); */
  color: var(--vendor-color);
}

.order-arrow-div {
  height: 100%;
  width: 100%;
  background-color: var(--vendor-color);
  border-radius: "10px";
}

.order-arrow-div .right-arrow {
  font-size: 27px;
  line-height: 0;
}

.booking-history .history-col {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.history-col-11 {
  width: 90%;
  padding-left: 15px;
  padding-right: 15px;
}

.history-col-1 {
  width: 10%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  cursor: pointer;
}

.status-text {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.delivery-order-header .main-heading {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.27;
  -webkit-letter-spacing: 0.3px;
  -moz-letter-spacing: 0.3px;
  -ms-letter-spacing: 0.3px;
  letter-spacing: 0.3px;
  padding-bottom: 8px;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0% !important;
  font-weight: 600;
  margin-top: 24px;
}

.delivery-order-header .sub-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.back-grey {
  background-color: #f5f5f9;
}

.icon-background {
  font-size: 30px;
  color: var(--vendor-color) !important;
  padding: 1rem !important;
  background-color: white !important;
}

.saved-address-div {
  margin-bottom: 70px;
  margin-top: 8px;
}

.saved-address-div .saved-address {
  margin-left: 0px;
  margin-right: 0px;
  border-bottom: 1px solid #c7c7c7;
  padding: 16px 0;
  display: grid;
  grid-template-columns: 20% 50% 30%;
  gap: 8px;
}

.saved-address-div .saved-address:last-of-type {
  border-bottom: none;
}

.address-arrow-div {
  height: 100%;
  width: 100%;
}

.saved-address-row {
  font-size: 16px;
  font-weight: 700;
  padding: 8px 16px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-wrap: wrap;
}

.saved-address-row .saved-address-col {
  width: 50%;
}

.savedaddress-message {
  font-size: 13px;
  margin-top: 8px;
  font-weight: 600;
}

.fa-icon-size {
  font-size: 30px !important;
}

.array-element {
  word-break: break-all;
}

.amount-table {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  padding: 10px 0;
  border-bottom: 1px solid #c7c7c7;
}

.amount-tab-grid {
  display: grid;
  grid-template-columns: 35% 15% 20% 30%;
  padding: 10px 0;
  border-bottom: 1px solid #c7c7c7;
}

.amount-tab-grid:last-of-type {
  border-bottom: none;
}

.amount-table:last-of-type {
  border-bottom: none;
}

.amount-column-1 {
  /* width: calc(100% / 4); */
  width: 25%;
  text-align: center;
}

.booking-column-1 {
  /* width: calc(100% / 3); */
  text-align: center;
  width: 25%;
}

.amount-column-2 {
  width: 25%;
}

.amount-order-column-1 {
  width: calc(100% / 4);
  text-align: center;
}

.order-type-select-col {
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
  /* width: 50%; */
  width: 35%;
  max-width: 150px;
  height: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.order-type-select-col-single {
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
  width: 100%;
  height: auto;
}

.order-type-center {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.order-type-center-active {
  background-color: white;
}

/* .order-type-select-col:first-of-type {
  width: 40%;
} */
.tab-content .tab-pane .delivery-select .delivery-detail-selected-new {
  padding: 8px 0;
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33 !important;
}

.tab-content .tab-pane .delivery-select .delivery-detail-selected-new a {
  margin-bottom: 0;
  color: #000;
  display: block;
  text-decoration: none;
}

.tab-content .tab-pane .delivery-select .delivery-detail-selected-new a span,
.tab-content .tab-pane .delivery-select .delivery-detail-selected-new a i {
  font-size: 15px;
  color: var(--vendor-color);
  text-decoration: none;
}

.tab-content
  .tab-pane
  .delivery-select
  .delivery-detail-selected-new
  a
  .right-arrow {
  margin-right: 5px;
  margin-left: 10px;
  font-size: 27px;
  line-height: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.area-select-delivery i {
  padding-bottom: 15px;
}

.order-details-row .col-lg-6 {
  padding-right: 0;
  padding-left: 0;
}

.history-text-right {
  text-align: right;
}

.history-text-left {
  text-align: left;
}

.address-form-div {
  padding-top: 20px;
}

.address-form-div .form-div .form-control {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 5px 0 5px 0;
  height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.address-form-div .form-div .label-name {
  font-size: 13px;
  color: #999;
  font-weight: 600;
  margin-bottom: 0;
}

.vendor-name .row .col-lg-8 {
  width: calc(100% / 1.5);
  padding-left: 0;
  padding-right: 0;
}

.vendor-name .row .col-lg-4 {
  width: calc(100% / 3);
}

/* user section ends*/

/* toggle product section start*/
.toggle-product-div {
  top: 0;
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 3001;
  padding: 8px 16px;
  background-color: white;
  box-shadow: 0 4px 7px rgb(0 0 0 / 10%);
}

.toggle-product-div .row {
  margin-left: 0;
  margin-right: 0;
}

.toggle-product-div .row .col-lg-1 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.toggle-product-div .row .col-lg-11 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.toggle-product-div .row .col-lg-2 .row {
  margin-left: 0;
  margin-right: 0;
}

.toggle-productList-div {
  border-bottom: 1px solid rgb(0 0 0 / 10%);
  margin-bottom: 2px;
  background-color: white;
}

.toggle-productCategory-Button {
  padding: 5px;
  padding-bottom: 8px;
  cursor: pointer;
}

.toggle-product-div .row .col-lg-2 .row .col-lg-6 {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.product-toggle-category-div {
  position: sticky !important;
  position: -webkit-sticky !important;
  z-index: 3001;
  top: 0;
  /* padding: 8px; */
  padding-bottom: 5px;
  background-color: white;
  overflow-x: scroll;
}

.product-toggle-category-div .product-toggle-button-div {
  display: flex;
  flex-wrap: nowrap;
}

.product-toggle-category-div::-webkit-scrollbar {
  width: 1px;
  height: 4px;
}

.product-toggle-category-div::-webkit-scrollbar-thumb {
  background: var(--vendor-color-light);
  border-radius: 10px;
}

.product-toggle-category-div::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f5f5f5;
  border-radius: 10px;
}

.product-toggle-category-div .product-toggle-button-div .row {
  width: 4rem;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}

.toggle-product-category-name {
  background-color: white;
  padding: 16px;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
}

.product-categories {
  margin: 0 0.25rem;
  padding: 0.5rem 0.6rem;
  white-space: nowrap;
  background-color: white;
  cursor: pointer;
  font-weight: 500;
  border: 0.5px #888d9a solid;

  font-size: 13px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 5px;
}

.fashion-product-categories {
  border-radius: 0px;
}

.product-categories-toggle-button {
  margin: 0 0.25rem;
  white-space: nowrap;
  background-color: white;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  align-items: center;
  display: flex;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.product-categories .active-1 {
  color: var(--vendor-color);
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.product-categories .active-2 {
  color: var(--vendor-color);
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.selected-category {
  background-color: var(--vendor-hover-color);
  color: white;
}

/* toggle product  section ends*/

/* mobile vendor logo starts*/
.mobile-vendor-logo-div {
  display: none;
}

.mobile-vendor-logo-div .row .col-lg-3 .vendor-logo {
  width: 5rem;
  height: 100%;
  border-radius: 10px;
}

.mobile-vendor-logo-div .row .col-lg-2 .call-us-whatsapp {
  /* border-radius: 50%; */
  /*width: 3.5rem; */
  box-shadow: 0 3px 20px #0000000d, 0 0 1px #838da6;
  padding: 10px;
  border-radius: 100%;
  border: none;
  max-width: 3.0625rem;
  min-width: 3.0625rem;
  min-height: 3.0625rem;
  max-height: 3.0625rem;
}

.whatsapp-logo-div {
  height: 100%;
  display: flex;
  align-items: center;
}

.mobile-vendor-logo-div .row .col-lg-7 .para-text,
.mobile-vendor-logo-div .row .col-lg-9 .para-text {
  font-size: 13px;
  color: darkgrey;
  line-height: 1.41;
  font-weight: 500;
  word-wrap: break-word;
  word-break: break-word;
}

.order-method {
  color: var(--vendor-color);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.33;
  letter-spacing: -0.2px;
  width: 111.5px;
  overflow-wrap: break-word;
  justify-content: space-between;
  word-break: break-word;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.order-method .right-arrow {
  margin-right: 5px;
  margin-left: 16px;
  font-size: 18px;
  line-height: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.order-type-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #fff;
}

.order-type-logo-image {
  width: 1.7rem;
}

.order-type-logo-image-2 {
  width: 1.4rem;
}

.order-method .order-title {
  color: var(--vendor-color);
}

.delivery-time {
  color: var(--vendor-color);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.33;
  letter-spacing: -0.2px;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
}

.delivery-address-time-div {
  /* background-color: white; */
  background-color: #f5f5f5;
  margin: 16px 0px;
}

.select-delivery-div {
  background-color: white;
  width: 100%;
  border-radius: 5px;
  display: flex;
  text-align: center;
  /* box-shadow: 0 0 7px gray; */
  box-shadow: 0 7px 14px rgb(0 0 0 / 10%);
}

.select-delivery-div .delivery-select {
  width: 100%;
}

.select-delivery-div
  .delivery-select
  .delivery-detail-selected-new
  .area-select-delivery {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  font-size: 15px;
}

.select-delivery-div
  .delivery-select
  .delivery-detail-selected-new
  .area-select-delivery
  .area-select-delivery-text {
  font-weight: 500;
  font-size: 13px;
  color: #000;
  text-align: start;
}

.select-delivery-div
  .delivery-select
  .delivery-detail-selected-new
  .area-select-delivery
  .right-arrow {
  font-size: 27px;
  line-height: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.model-main-div {
  top: 0;
  position: fixed;
  z-index: 4000;
}

.select-method-div {
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.945);
}

.selection-section-div-header {
  width: 100%;
  height: 30%;
  padding: 16px;
}

.selection-section-div-header .cross {
  background-color: white;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  opacity: 1;
  box-shadow: 0 0 3.5px gray;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selection-section-div-bottom {
  height: 70%;
  overflow: hidden;
}

.order-types {
  position: fixed;
  background-color: white;
  box-shadow: 0 0px 14px rgb(0 0 0 / 20%);
  bottom: 0;
  height: 28%;
  padding: 16px;
  width: 100%;
  z-index: 5000;
  border-radius: 0.875rem 0.875rem 0 0;
  animation: 1s ease-out 0s 1 slideInfromBottom;
}

@keyframes slideInfromBottom {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

.order-types .order-type-text-header {
  padding: 0px 10;
  font-weight: 700;
  font-size: 22px;
}

.order-type-text-div {
  width: 100%;
  padding: 10px 0px;
  border-bottom: 1px solid #c7c7c7;
}

.order-type-text-div:last-of-type {
  border-bottom: none;
}

.check-logo {
  height: 1rem;
  width: 1rem;
}

.order-inactive {
  display: none;
}

.order-active {
  display: flex;
  align-items: center;
}

.tab-content .tab-pane .delivery-select .mobile-delivery-detail-selected {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.33 !important;
}

.mobile-footer-div {
  padding: 16px;
}

.mobile-footer-text {
  font-size: 13px;
  vertical-align: middle;
  color: grey;
}

.mobile-footer-image {
  width: 1.06rem;
  height: auto;
  margin: 0 8px 0 0;
}

.back-button-div {
  height: 30px;
  width: 30px;
  padding: 5px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  box-shadow: 0 7px 14px rgb(0 0 0 / 20%);
}

.back-button-div .back-button {
  height: 20px;
  width: 20px;
}

.product-details-header-div {
  height: auto;
  position: fixed;
  z-index: 5001;
  width: 100%;
}

.product-details-header-div .product-details-header {
  position: absolute;
  padding: 16px;
  top: 0;
  display: flex;
  justify-content: flex-start;
}

.order-mode-div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.required-text {
  font-weight: 400;
  font-size: 14px;
  /* padding: 1.5px 10px; */
  border-radius: 25px;
  color: #969696;
}

/* mobile vendor logo ends*/

/* Saved Address popup starts */
.select-saved-address-main-div {
  top: 0;
  position: fixed;
  width: 41.666667%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 4000;
}

.select-saved-address-fullmain-div {
  width: 840px;
}

.non-needed-div {
  width: 100%;
  height: auto;
  min-height: 40vh;
}

.select-saved-address {
  position: absolute;
  height: auto;
  max-height: 70vh;
  opacity: 1;
  bottom: 0;
  width: 100%;
  border-radius: 0.875rem 0.875rem 0 0;
  background-color: white;
  box-shadow: 0 0px 14px rgb(0 0 0 / 20%);
  animation: 1s ease-out 0s 1 slideInfromBottom;
  z-index: 4001;
}

.select-saved-address .row {
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #c7c7c7;
}

.select-saved-address .row .col-lg-1,
.select-saved-address .row .col-lg-9,
.select-saved-address .row .col-lg-2 {
  padding-left: 0;
  padding-right: 0;
}

.saved-remove-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 84px;
  justify-content: center;
  color: var(--vendor-color);
  border: 1px solid var(--vendor-color-light);
  background-color: #ffffff;
  font-size: 13px;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.saved-remove-button:hover {
  color: white;
  background-color: var(--vendor-color);
}

.saved-remove-button:active {
  color: #dbdbdb;
  background-color: var(--vendor-color);
}

.saved-remove-button:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
}

.address-center-div {
  display: flex;
  align-items: center;
}

.addressList-addressName-div {
  width: 100%;
}

.addressList-addressName {
  font-size: 15px;
  font-weight: 600;
}

.addressList-address {
  font-size: 13px;
  font-weight: 600;
  margin-top: 5px;
  color: #8696a9;
}

.addressList-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  border: 1px solid #8a8a8a;
  background-color: #ffffff;
  font-size: 13px;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.addressList-button:hover {
  color: black;
  border: 1px #dbdbdb solid;
}

.addressList-button:active {
  color: #dbdbdb;
  border: 1px #dbdbdb solid;
}

.addressList-button:focus {
  outline: 5px auto -webkit-focus-ring-color !important;
}

.addnew-address {
  font-size: 15px;
  font-weight: 600;
}

.addnew-address div .right-arrow-option {
  line-height: 0;
  margin-left: 20px;
  margin-right: 5px;
  font-size: 27px;
  color: black;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  color: var(--vendor-color);
}

.addresses-list .row:hover {
  background-color: #f5f5f9;
}

.addresses-list {
  max-height: 60vh;
  overflow-y: scroll;
}

.addresses-list::-webkit-scrollbar {
  width: 1px;
  height: 4px;
}

.addresses-list::-webkit-scrollbar-thumb {
  background: var(--vendor-color-light);
  border-radius: 10px;
}

.addresses-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f5f5f5;
  border-radius: 10px;
}

.place-order-button {
  width: 41.6% !important;
}

/* Saved Address popup ends */

/* Address Map Starts */

.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: var(--vendor-color);
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  animation-name: pin-bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pin::after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: white;
  position: absolute;
  border-radius: 50%;
}

.pulse {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}

.pulse::after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pin-pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px var(--vendor-color);
  animation-delay: 1.1s;
}

@keyframes pin-pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

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

@keyframes pin-bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
    transform: rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

/* Address Map Ends */

/* slide bar div starts*/
.slide-bar {
  position: absolute;
  background-color: var(--vendor-color-light);
  height: 1px;
  /* width: 50%; */
  width: 35%;
  max-width: 150px;
  transition: all 0.2s linear;
}

.center-slide-bar {
  display: flex;
  width: 100%;
  justify-content: center;
}

.slide-bar-single {
  background-color: var(--vendor-color-light);
  height: 1px;
  width: 100%;
  margin: 0 16px;
}

.choose-location {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vendor-color);
  gap: 10px;
  cursor: pointer;
}

.slider-bar-div {
  width: 70%;
  max-width: 300px;
}

/* slide bar div ends*/

.show-more-button {
  background-color: white;
  font-size: 13px;
  padding: 8px;
  border-radius: 20px;
  color: var(--vendor-color);
  border: 1px solid var(--vendor-color);
  cursor: pointer;
}

.mobile-order-center-div {
  width: 100%;
  display: flex;
  justify-content: center;
}

.delivery-type-div {
  width: 80%;
}

.profile-main-div {
  display: grid;
  grid-template-columns: 20% 80%;
  padding: 20px;
  border-bottom: 1px solid #5252521a;
}

.profile-icon-class {
  display: flex;
  justify-content: center;
  align-items: center;
}

.reorder-button {
  margin-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100px;
  /* color: #000000; */
  color: orangered;
  border: 1px solid orangered;
  background-color: #ffffff;
  font-size: 13px;
  -webkit-letter-spacing: -0.1px;
  -moz-letter-spacing: -0.1px;
  -ms-letter-spacing: -0.1px;
  letter-spacing: -0.1px;
  line-height: 1.23;
  padding: 8px 16px;
  min-height: 32px;
  cursor: pointer;
  position: relative;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  -webkit-text-decoration: none;
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.reorder-button:hover {
  background-color: orangered;
  color: #fff;
}

.saved-address-order {
  color: var(--vendor-color);
}

.country-flag-classdiv {
  display: flex;
  justify-content: end;
  align-items: center;
}

.country-flag-class {
  width: 20px;
}

.loader {
  width: 20px;
  color: #fff;
  aspect-ratio: 1;
  display: grid;
  -webkit-mask: conic-gradient(from 15deg, #0003, #000);
  mask: conic-gradient(from 15deg, #0003, #000);
  animation: load 1s steps(12) infinite;
}

.loader,
.loader:before,
.loader:after {
  background: radial-gradient(
        closest-side at 50% 12.5%,
        currentColor 90%,
        #0000 98%
      )
      50% 0/20% 80% repeat-y,
    radial-gradient(closest-side at 12.5% 50%, currentColor 90%, #0000 98%) 0
      50%/80% 20% repeat-x;
}

.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
  transform: rotate(30deg);
}

.loader:after {
  transform: rotate(60deg);
}

@keyframes load {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}

.done-thumb {
  /* animation: wiggle 2s linear 10s; */
  animation: wigglePop 2s linear;
}

.done-thumb:before {
  height: 20px;
  width: 10px;
  position: absolute;
  color: var(--vendor-color);
}

@keyframes wigglePop {
  0% {
    transform: scale3d(0.5, 0.5, 0.5) rotateZ(20deg);
  }

  50% {
    transform: scale3d(1.5, 1.5, 1.5) rotateZ(10deg);
  }

  100% {
    transform: scale3d(1, 1, 1) rotateZ(0deg);
  }
}

@keyframes wiggle {
  0%,
  7% {
    transform: rotateZ(0);
  }

  15% {
    transform: rotateZ(-15deg);
  }

  20% {
    transform: rotateZ(10deg);
  }

  25% {
    transform: rotateZ(-10deg);
  }

  30% {
    transform: rotateZ(6deg);
  }

  35% {
    transform: rotateZ(-4deg);
  }

  40%,
  100% {
    transform: rotateZ(0);
  }
}

/* Order Placed start */

.orderPlaced-container {
  position: relative;
  display: flex;
  text-align: center;
}

.orderPlaced-road {
  position: absolute;
  width: 350px;
  height: 100px;
  background-color: #2f363f;
  border-radius: 50px;
  z-index: -3;
  overflow: hidden;
}

.orderPlaced-road ul {
  position: absolute;
  list-style-type: none;
  top: 25px;
  left: -25px;
  z-index: -2;
}

.orderPlaced-road li {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 6px;
  border-radius: 20px;
  background-color: #fff;
  margin-left: 5px;
  animation: new 9s infinite linear;
}

@keyframes new {
  0%,
  40% {
    opacity: 1;
    left: 350px;
  }

  50% {
    left: 0px;
  }

  75% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.orderPlaced-bus {
  position: absolute;
  animation: move 9s infinite 0s linear;
  right: 110px;
}

@keyframes move {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  15% {
    transform: translateX(300px);
    opacity: 1;
  }

  25% {
    transform: translateX(-40px);
  }

  49% {
    transform: translateX(-40px);
  }

  55% {
    transform: translateX(10px);
  }

  65% {
    transform: translateX(-65px);
  }

  100% {
    transform: translateX(450px);
  }
}

.orderPlaced-back {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 100px;
  height: 60px;
  background-color: #dae0e2;
  border-radius: 1px;
}

.orderPlaced-main {
  width: 100%;
  display: flex;
  justify-content: center;
}

.orderPlaced-back1door {
  position: absolute;
  top: 5px;
  right: 100px;
  width: 25px;
  height: 5px;
  background-color: #dae0e2;
  animation: 10s linear infinite;
  transform-origin: 130% 130%;
  transform: rotateZ(-90deg);
  animation: move1 9s infinite 1.1s linear;
}

@keyframes move1 {
  0% {
  }

  15% {
    transform: rotate(-90deg);
  }

  20% {
    transform: rotate(25deg);
  }

  23% {
    transform: rotate(5deg);
  }

  30% {
    transform: rotate(-90deg);
  }
}

.orderPlaced-back2door {
  position: absolute;
  top: 45px;
  right: 100px;
  width: 25px;
  height: 5px;
  background-color: #dae0e2;
  animation: 10s linear infinite;
  transform-origin: 100% 100%;
  transform: rotateZ(90deg);
  animation: move2 9s infinite 1s linear;
}

@keyframes move2 {
  0% {
  }

  15% {
    transform: rotate(90deg);
  }

  20% {
    transform: rotate(-25deg);
  }

  23% {
    transform: rotate(5deg);
  }

  30% {
    transform: rotate(90deg);
  }
}

.orderPlaced-front {
  position: absolute;
  top: 23px;
  right: -54px;
  width: 50px;
  height: 55px;
  background-color: #ea425c;
  border-radius: 0 10px 10px 0;
  z-index: -2;
}

.orderPlaced-front::after {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 33px;
  height: 100%;
  background-color: #b83227;
  border-radius: 0 10px 10px 0;
  z-index: -1;
}

.orderPlaced-black {
  position: absolute;
  margin: 0 17px;
  top: 2px;
  width: 15px;
  height: 50px;
  background-color: #000;
  border-radius: 0 30px 30px 0;
}

.orderPlaced-black::after {
  position: absolute;
  content: "";
  top: 10px;
  width: 100%;
  height: 5px;
  transform: skew(-10deg);
  background-color: #a4b0bd;
  opacity: 0.3;
}

.orderPlaced-black::before {
  position: absolute;
  content: "";
  top: 20px;
  width: 100%;
  height: 5px;
  transform: skew(-10deg);
  background-color: #a4b0bd;
  opacity: 0.3;
}

.orderPlaced-join {
  position: absolute;
  top: 15px;
  right: -10px;
  background-color: #dae0e2;
  width: 20px;
  height: 30px;
  z-index: -3;
}

.orderPlaced-light1 {
  position: absolute;
  top: 2px;
  right: 0px;
  width: 5px;
  height: 15px;
  background-color: #f3b431;
  border-radius: 10px;
}

.orderPlaced-light1::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 5px;
  width: 0px;
  height: 15px;
  background-color: #e1da00;
  opacity: 0.5;
  box-shadow: 5px 0px 5px 1px #e1da00, 10px 0px 5px 2px #e1da00,
    15px 0px 5px 3px #e1da00, 20px 0px 5px 4px #e1da00, 25px 0px 6px 5px #e1da00,
    28px 0px 7px 6px #e1da00;
  border-radius: 10px;
  opacity: 0.8;
}

.orderPlaced-light2 {
  position: absolute;
  top: 38px;
  right: 0px;
  width: 5px;
  height: 15px;
  background-color: #f3b431;
  border-radius: 10px;
}

.orderPlaced-light2::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 5px;
  width: 0px;
  height: 15px;
  background-color: #e1da00;
  opacity: 0.5;
  box-shadow: 5px 0px 5px 1px #e1da00, 10px 0px 5px 2px #e1da00,
    15px 0px 5px 3px #e1da00, 20px 0px 5px 4px #e1da00, 25px 0px 6px 5px #e1da00,
    28px 0px 7px 6px #e1da00;
  border-radius: 10px;
  opacity: 0.8;
}

.orderPlaced-gift {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 35px;
  left: 0px;
  background-color: #fad02e;
  border-radius: 10px;
  overflow: hidden;
  animation: giftan 9s infinite ease-in-out;
}

.orderPlaced-gift::after {
  position: absolute;
  content: "";
  top: 16px;
  left: 0;
  right: 0;
  width: 35px;
  height: 3px;
  background-color: #616c6f;
  opacity: 0.8;
  border-radius: 1px;
  z-index: 1;
}

@keyframes giftan {
  0% {
    transform: scale(1);
  }

  10% {
    transform: translateX(20px);
  }

  30% {
    transform: translateX(20px);
  }

  36% {
    transform: scale(1) translateX(120px);
    opacity: 1;
    z-index: -1;
  }

  37% {
    opacity: 0;
  }

  100% {
    transform: scale(0) translateX(350px);
    opacity: 0;
  }
}

.orderPlaced-text {
  position: absolute;
  margin: 30px;
  left: 40px;
  font-size: 1.5em;
  display: flex;
  color: #f3b431;
  font-style: bolder;
  animation: show2 9s infinite;
}

@keyframes show2 {
  0%,
  80% {
    opacity: 0;
  }
}

/* order placed end */

/* Fashion theme css */
.fashion-cart-image-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  box-sizing: content-box;
}

/* fashion theme css */
.cart-image-add {
  width: auto;
  height: 25px;
  object-fit: cover;
}

.bottom-button .fashion-checkout-page {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.drawer-main {
  backdrop-filter: blur(8px);
  position: fixed;
  width: 41.5%;
  display: flex;
  justify-content: space-between;
  z-index: 3000;
  bottom: 0;
  min-height: 70px;
  background-color: transparent;
}

.fashion-drawer-main {
  backdrop-filter: blur(8px);
  background: linear-gradient(0deg, white, transparent);
  /* background: linear-gradient(0deg, transparent, white); */
  position: fixed;
  width: 840px;
  display: flex;
  justify-content: space-between;
  z-index: 7000;
  bottom: 0;
  min-height: 70px;
  background-color: transparent;
}

.fashion-vendor-logo {
  border-radius: 0px !important;
}

.fashion-add-to-cart {
  min-width: 155px;
  margin-top: 10px;
  /* border: 1px solid black; */
  display: grid;
  grid-template-columns: 80% 20%;
  cursor: pointer;
  background-color: black;
}

.fashion-add-to-cart-text {
  /* padding: 8px 0; */
  color: black;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 0.5px #888d9a solid;
}

.fashion-add-to-cart-img {
  /* padding: 5px 0; */
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fashion-add-to-cart-img .cart-image-add {
  width: auto;
  height: 28px;
  object-fit: cover;
}

.fashioninfo-add-to-cart-img {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fashioninfo-add-to-cart-img .cart-image-add {
  width: auto;
  height: 35px;
  object-fit: cover;
}

.fashion-searchbar {
  border-radius: 0px !important;
}

.fashion-controlbuttondiv {
  justify-content: center;
  margin-top: 10px;
}

.owl-bra.centered-owl-bra {
  position: relative;
  height: 100%;
  width: 100%;
}

.owl-banner-pic.centered-owl-banner-pic {
  /* height: 100%; */
  height: 75vh;
}

.logo-container.centered-logo-container {
  z-index: 200;
}

.fashion-card-box {
  background-color: white;
  padding: 10px;
}

.fashion-card-box .product-category-item a .product-img-div {
  background-color: white;
}

.fashion-card-box:hover,
.fashion-card-box:hover .product-category-item a .product-img-div {
  background-color: #f5f5f5;
}

.review-order-icon-button {
  z-index: 1000;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 70px;
  right: 2%;
  bottom: 5%;
  background-color: var(--vendor-color);
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.fashion-cart-count {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 14px;
  color: black;
  position: absolute;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0.7rem;
  top: 0.5rem;
}

.centered-theme-maindiv {
  background-color: #f5f5f5;
  /* background-color: white; */
  display: flex;
  justify-content: center;
}

.centered-theme-div {
  background-color: white;
  /* background-color: #f5f5f5; */
  width: 840px;
  overflow-y: hidden;
}

.centered-row {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.fashion-mobile-menu-navigation {
  /* width: 100%;
  width: 840px; */
  display: flex;
  justify-content: space-between;
  padding: 10px 30px;
  color: black;
  position: sticky;
  background-color: white;
  z-index: 3001;
  position: fixed;
}

.fashion-mobile-menu-navigation .hamburger-ic {
  display: block;
  z-index: 2;
  border: 0;
  background-color: white;
  cursor: pointer;
  padding: 5px 5px 5px 0;
}

html[dir="rtl"] .fashion-mobile-menu-navigation .right-menu .language-add {
  font-size: 13px;
  line-height: 18px;
  padding-left: 0px;
  padding-right: 5px;
  font-family: "Open Sans", sans-serif;
}

.fashion-mobile-menu-navigation .right-menu .language-add {
  font-size: 16px;
  padding-left: 10px;
  line-height: 12px;
  font-weight: 600;
  font-family: "AtypeBelqeesSharp";
  color: black;
}

.fashion-product-category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: black;
  padding: 10px 30px;
  background-color: white;
}

.fashion-product-categoryName {
  font-weight: 700;
  font-size: 18px;
}

.fashion-search {
  font-size: 20px;
}

.fashion-product-image-div {
  display: flex;
  justify-content: center;
  background-color: white;
}

.fashion-product-owl-img img {
  /* height: auto !important;
  width: 100% !important; */
  height: 400px !important;
  width: auto !important;
  object-fit: cover;
  object-position: center;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  margin-left: auto;
  margin-right: auto;
}

.fashion-menu-navigation-mobile .mobile-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0px;
  left: 0px;
  min-height: calc(100vh - 22px - 128px);
  width: 100%;
  z-index: 4000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  padding-bottom: 230px;
}

.fashion-menu-navigation-mobile .mobile-menu .menu-header-mobile {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(white)
  );
  background-image: -webkit-linear-gradient(white, white);
  background-image: -moz-linear-gradient(white, white);
  background-image: -o-linear-gradient(white, white);
  background-image: linear-gradient(white, white);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px;
  top: 0px;
  width: 100%;
  z-index: 3000;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-bottom: 1px solid whitesmoke;
  border-top-color: whitesmoke;
  border-right-color: whitesmoke;
  border-left-color: whitesmoke;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: black;
}

.fashion-menu-navigation-mobile {
  /* height: 100vh; */
  min-height: 100vh;
}

.fashion-menu-navigation-mobile .mobile-menu .menu-header-mobile .go-back {
  border: 0;
  background-color: transparent;
  background: transparent;
}

.fashion-menu-navigation-mobile .mobile-menu .menu-header-mobile .go-back img {
  height: 20px;
  width: 20px;
}

.fashion-menu-navigation-mobile .mobile-menu .mobile-navigations {
  padding: 0px;
  margin-left: 56px;
  margin-right: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  list-style: none;
  overflow-y: auto;
}

.fashion-menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .mobile-navlink {
  overflow-wrap: break-word;
  word-break: break-word;
  border-top: none;
  border-right: none;
  border-left: none;
  display: inline;
  background: transparent;
  text-decoration: none;
  color: black;
  font-size: 17px;
  padding: 16px 16px 16px 0px;
  font-weight: 400;
  position: relative;
  border-bottom: 1px solid whitesmoke;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  -o-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  -moz-transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
  transition: color 0.25s ease-in 0s, opacity 0.25s ease-in 0s;
}

.fashion-menu-navigation-mobile .mobile-menu .mobile-navigations .no-border {
  display: flex;
  /* justify-content: space-between; */
  gap: 20px;
  align-items: center;
  border-bottom: 0 !important;
}

.fashion-menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .no-border
  .externallink {
  height: 32px;
  position: absolute;
  right: 0;
}

.fashion-menu-navigation-mobile .mobile-menu .mobile-navigations .otherlinks {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: -0.1px;
  padding-top: 40px;
  padding-bottom: 0px;
  color: #9e9e9e;
  overflow-wrap: break-word;
  word-break: break-word;
  text-transform: uppercase;
}

.fashion-menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .social-media-section-mobile
  .social-icons {
  display: flex;
}

.fashion-menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .social-media-section-mobile
  .social-icons
  .social-ic:first-child {
  padding: 10px 10px 10px 0;
}

.fashion-menu-navigation-mobile
  .mobile-menu
  .mobile-navigations
  .social-media-section-mobile
  .social-icons
  .social-ic {
  color: black;
  font-size: 22px;
  padding: 10px 10px;
}

.fashion-product-name {
  font-weight: 600;
  padding: 10px 0px;
  background-color: white;
}

.fashion-product-short-desc {
  background-color: white;
  padding: 0px 30px 10px;
  font-size: 14px;
  position: relative;
}

.fashion-product-short-desc span {
  cursor: pointer;
}

html[dir="rtl"] .fashion-product-short-desc p span span {
  font-family: "AtypeBelqeesSharp";
}

.fashion-product-short-desc p h2 {
  font-size: 18px;
  font-weight: 700;
}

.fashion-product-images {
  height: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
  margin-left: auto !important;
  margin-right: auto !important;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.fashion-single-product {
  display: flex;
  justify-content: center;
  width: 100%;
}

.fashion-nosingle-product {
  width: 50%;
  margin: 20px 0;
  display: flex;
}

.fashion-product-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fashion-product-row .fashion-single-product .fashion-product-images {
  height: 400px;
  width: auto;
}

.related-fashion-text {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0;
}

.related-fashion-product {
  display: flex;
  overflow-x: scroll;
  gap: 10px;
  cursor: pointer;
}

.fashion-product-div {
  padding: 10px;
  width: 150px;
}

.fashion-product-div img {
  height: 200px;
  width: 130px;
  display: flex;
  justify-content: center;
  object-fit: cover;
}

.related-fashion-product {
  padding: 20px 0;
}

.fashion-product-div-text {
  font-weight: 500;
  font-size: 18px;
  padding-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.center-dark-footer {
  margin-top: 20px;
  padding: 20px;
  background-color: black;
  color: white;
}

.center-dark-vendor-name {
  font-weight: 600;
}

.center-dark-vendor-branchdiv {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin-top: 20px;
}

.center-dark-vendor-branchdiv a {
  color: white;
}

.center-dark-vendor-branchdiv a:hover {
  color: var(--vendor-color);
}

.center-dark-vendor-addressdiv {
  font-size: 16px;
  margin-top: 20px;
}

.center-dark-vendor-powerdiv {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  font-size: 16px;
  margin-top: 20px;
}

.center-dark-vendor-powerdiv .img {
  height: 40px;
}

.related-fashion-product::-webkit-scrollbar {
  width: 1px;
  height: 4px;
}

.related-fashion-product::-webkit-scrollbar-thumb {
  background: var(--vendor-color-light);
  border-radius: 10px;
}

.related-fashion-product::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f5f5f5;
  border-radius: 10px;
}

.fashion-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.details-backcolor {
  background-color: white !important;
}

.fashion-sticky-div {
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw !important;
  right: 0;
  top: 0;
  position: sticky !important;
}

.fashiondetails-add-to-cart-text {
  color: black;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: 0.5px #888d9a solid;
}

.toggle-product-div .row .col-lg-2 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.toggle-product-div .row .col-lg-10 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.shop-by-text {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  padding-bottom: 5px;
}

.mobile-vendor-center-name {
  display: flex;
  justify-content: center;
  align-items: center;
}

.short_description {
  font-weight: 200 !important;
  margin-top: 10px;
}

.short_description p span span {
  font-size: 14px !important;
}

.short_description_hide {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.short_description_hide::after {
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  content: "";
  height: 4rem;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.fashion-card-box .product-category-item .fashionAddHideButton {
  visibility: hidden;
  display: flex;
  justify-content: center;
}

.fashion-card-box:hover .product-category-item .fashionAddHideButton {
  visibility: visible;
  animation: checkingTransition 0.8s linear;
}

@keyframes checkingTransition {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.5;
  }

  50%,
  100% {
    opacity: 1;
  }
}

.fashion-hamburger {
  display: inline-block;
  cursor: pointer;
}

.bar1,
.bar3 {
  width: 24px;
  height: 3px;
  background-color: #333;
  margin: 0;
  transition: 0.4s;
}

.invis {
  width: 30px;
  height: 2px;
  margin: 1px 0;
}

.fashion-change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-1px, 2px);
  transform: rotate(-45deg) translate(-1px, 3px);
}

.fashion-change .bar3 {
  -webkit-transform: rotate(45deg) translate(-2px, -3px);
  transform: rotate(45deg) translate(-2px, -3px);
}

.fashion-new-menu {
  display: flex;
  background: white;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px 10px 40px;
}

.start-fill {
  background-color: white;
  z-index: 1;
  height: 93.6vh;
  /* height: 0px; */
  width: 840px;
  /* animation: center-dot-cover ease-in 0.9s forwards; */
}

.close-fill {
  position: absolute;
  background-color: white;
  z-index: 1;
  height: 0px;
  width: 840px;
  animation: center-dot-uncover ease-in 0.9s forwards;
}

@keyframes center-dot-cover {
  0% {
    height: 5vh;
  }

  20% {
    height: 20vh;
  }

  40% {
    height: 30vh;
  }

  60% {
    height: 40vh;
  }

  80% {
    height: 60vh;
  }

  100% {
    height: 93.6vh;
  }
}

@keyframes center-dot-uncover {
  0% {
    height: 93vh;
  }

  20% {
    height: 60vh;
  }

  40% {
    height: 40vh;
  }

  60% {
    height: 30vh;
  }

  80% {
    height: 20vh;
  }

  100% {
    height: 0vh;
  }
}

.new-burgermenu-show {
  opacity: 1;
  transition: opacity 0.9s linear;
}

.new-burgermenu-hide {
  opacity: 0;
  transition: opacity 0.9s linear;
  display: none;
}

.owl-bra.centered-owl-fashionbar {
  height: 60vh;
  position: relative;
  width: 100%;
  margin-top: 55px;
}

.owl-banner-pic.centered-owl-banner-pic-fashion {
  height: 60vh;
}

.fashion-newTheme-cardHolder {
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.fashion-newTheme2-cardHolder {
  padding: 0px 1.5% 20px 1.5%;
  display: grid;
  gap: 1.5%;
  grid-template-columns: 23.874% 23.874% 23.874% 23.874%;
}

.hiddenFashion-product {
  height: 10rem;
  overflow: hidden;
}

.hiddenFashion-product::after {
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
  /* background: linear-gradient(0deg, #fff, black); */

  transition: opacity 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  content: "";
  height: 10rem;
  position: absolute;
  width: 100%;
  /* bottom: 0; */
}

.fashion-showmore-button-div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 100px;
}

.fashion-showmore-button {
  border: 1px solid var(--vendor-color);
  padding: 10px 40px;
  display: flex;
  letter-spacing: -0.1px;
  font-size: 16px;
  font-weight: 600;
  gap: 10px;
  color: var(--vendor-color);
  align-items: center;
  background-color: white;
  /* background: linear-gradient(to left, white 50%, var(--vendor-color) 50%) right;
  background-size: 200%;
  transition: 0.5s ease-out; */
  cursor: pointer;
}

.fashion-showmore-button:hover,
.fashion-showmore-button:hover .right-arrow {
  /* background-position: left; */
  color: white;
  -webkit-transition: color 1000ms linear;
  -ms-transition: color 1000ms linear;
  transition: color 1000ms linear;
  background-color: var(--vendor-color);
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

.fashion-showmore-button .right-arrow {
  font-size: 27px;
  color: var(--vendor-color);
  line-height: 0;
}

.fashionshopNow .right-arrow {
  font-size: 27px;
  color: var(--vendor-color);
  line-height: 0;
}

.fashionproduct-img-div {
  border-radius: 6px;
  user-select: none;
  position: relative;
  height: 250px;
  position: relative;
  display: flex;
  justify-content: center;
}

.fashionproduct-img-div img {
  border-radius: 6px;
  height: 250px;
  width: auto;
  width: 100%;
  display: block;
  flex-shrink: 0;
  object-fit: cover;
}

.fashion-newTheme-shopNow {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0px;
  user-select: none;
}

.fashion-newTheme-productName {
  font-size: 16px;
  font-weight: 600;
  padding: 0px 20px;
  /* line-height: 1.23; */
  letter-spacing: -0.1px;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  width: 90%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
  user-select: none;
  height: 40px;
}

.fashionproduct-description-div .fashionproduct-description {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.23;
  letter-spacing: -0.1px;
  text-align: center;
  color: black;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 90%;
  margin: 10px auto;
  padding: 0 20px;
  user-select: none;
}

.fashionshopNow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.fashion-newTheme-productPrice {
  padding: 10px 0;
  user-select: none;
}

.fashionCardNew {
  cursor: pointer;
}

.fashionCardNewDiv {
  cursor: pointer;
  padding: 0 0 10px 0;
}

.fashionCardNew:hover {
  position: absolute;
  background-color: whitesmoke;
  width: 100%;
  animation: cardUp 1s forwards;
  box-shadow: 15px 0 15px -10px rgb(0 0 0 / 10%),
    -15px 0 15px -10px rgb(0 0 0 / 10%);
}

.fashionCardNewDiv:hover {
  background-color: whitesmoke;
  animation: cardUp 1s forwards;
  position: relative;
  z-index: 2;
  box-shadow: 15px 0 15px -10px rgb(0 0 0 / 10%),
    -15px 0 15px -10px rgb(0 0 0 / 10%);
}

@keyframes cardUp {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.009);
  }
}

@keyframes cardDown {
  0% {
    transform: scale(1.009);
  }

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

.fashionThemeHoverArrowMain {
  background-color: rgba(174, 174, 174, 0.7);
  height: 80px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fashionThemeHoverArrowRightMainDiv {
  position: absolute;
  height: 100%;
  width: 20px;
  right: 10px;
  display: flex;
  align-items: center;
  z-index: 1;
}

.fashionThemeHoverArrowLeftMainDiv {
  position: absolute;
  height: 100%;
  width: 20px;
  left: 10px;
  display: flex;
  align-items: center;
  z-index: 1;
}

.fashionThemeHoverArrowRightMainDiv
  .fashionThemeHoverArrowMain
  .right-arrow-option {
  line-height: 0;
  font-size: 27px;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  color: white;
}

.fashionThemeHoverArrowLeftMainDiv
  .fashionThemeHoverArrowMain
  .right-arrow-option {
  line-height: 0;
  font-size: 27px;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  color: white;
}

.fashionCardNewMainDiv {
  position: relative;
  height: 350px;
}

.fashionThinLineDiv {
  padding: 20px;
}

.fashionThinLine {
  border: 1px solid rgba(218, 218, 218, 0.7);
}

.fashionproduct2-img-div {
  border-radius: 6px;
  position: relative;
  height: 600px;
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.fashionThemeProductHoverArrowMain {
  background-color: rgba(255, 255, 255, 0.6);
  height: 150px;
  width: 100%;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.fashiondetails2-productImage {
  height: 600px;
  object-fit: cover;
  width: 100%;
}

.fashiondetails2-productImage-Fade {
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fashionremaining-images {
  display: flex;
  overflow-x: scroll;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.fashionremaining-images img {
  cursor: pointer;
  height: 120px;
}

.fashionremaining-images::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}

.fashionremaining-images::-webkit-scrollbar-track {
  border-radius: 20px;
  padding: 10px;
  background-color: white;
}

.fashionremaining-images::-webkit-scrollbar-thumb {
  background-color: var(--vendor-color);
  padding: 10px 0;
  border-radius: 10px;
}

.fashionDetails2-MainDiv {
  display: grid;
  grid-template-columns: 55% 45%;
}

.fashionproduct2-img-div .fashionThemeProductHoverArrowLeftMainDiv {
  position: absolute;
  height: 100%;
  width: 30px;
  left: 10px;
  display: flex;
  align-items: center;
  /* z-index: 1; */
}

.fashionproduct2-img-div .fashionThemeProductHoverArrowRightMainDiv {
  position: absolute;
  height: 100%;
  width: 30px;
  right: 10px;
  display: flex;
  align-items: center;
  /* z-index: 1; */
}

.fashion-sku-text {
  font-weight: 500;
  font-size: 14px;
  color: grey;
  padding-bottom: 5px;
}

.fashiondetails2-categoryName {
  font-weight: 600;
  font-size: 16px;
}

.fashiondetails2-productName {
  padding-top: 10px;
  font-weight: 500;
  font-size: 21px;
  display: flex;
  align-items: center;
  letter-spacing: -0.1px;
}

.fashiondetails2-productPrice {
  font-weight: 500;
  font-size: 17px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.fashiondetails2-productPrice-MainDiv {
  padding: 10px 0;
}

.fashiondetails2-productPrice span .decimal-point {
  font-size: 16px;
}

.fashionProduct2-del {
  color: red;
  font-size: 14px;
}

.fashionDetails2-addToBag {
  margin-top: 15px;
  padding: 10px;
  color: white;
  background-color: var(--vendor-color);
  font-weight: 600;
  display: flex;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}

.fashionTheme-addonsDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid white;
  cursor: pointer;
}

.fashionTheme-addonsDiv:hover {
  border: 1px solid rgba(218, 218, 218, 0.7);
}

.fashionTheme-addonsName {
  font-weight: 600;
  font-size: 16px;
}

.fashionTheme-addonsOption {
  display: flex;
  align-items: center;
  gap: 10px;
}

.fashionTheme-addonsColorOption {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 3px solid rgba(218, 218, 218, 0.7);
}

.fashionTheme-addonsColorOption.active {
  animation: increaseBorder ease-in 0.9s forwards;
}

@keyframes increaseBorder {
  0% {
    border: 2.3px solid black;
  }

  50% {
    border: 2.8px solid black;
  }

  100% {
    border: 3px solid black;
  }
}

.fashionTheme-addonsSizeOption {
  border: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  background-color: white;
  color: black;
}

.fashionTheme-addonsSizeOption option {
  cursor: pointer;
  background-color: white;
}

.fashionTheme-addonsSizeOption:focus,
.fashionTheme-addonsSizeOption:active {
  font-weight: 500;

  border: none;
  outline: none;
}

.fashion-usedImage {
  position: absolute;
  background-color: #000000;
  height: 100%;
  width: 100%;
  opacity: 0.6;
}

.fashion-ShareBox {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.fashion-ShareProduct {
  padding: 10px;
  width: calc(100% / 3);
  height: 100px;
  background-color: #f8f4f4;
  display: flex;
  justify-content: center;
}

.fashion-ShareProduct div {
  height: 100%;
  width: 100%;
}

.fashion-ShareProduct div div {
  height: 50%;
}

.fashionProductDetails-sendProduct {
  height: 40px;
  width: 40px;
}

.fashion-ShareProduct-text {
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.1px;
  align-items: center;
}

.fashion-ShareProduct-Image {
  display: flex;
  justify-content: center;
  height: 25px;
  align-items: center;
}

.fashion-ShareProduct-Image svg {
  font-size: 30px;
}

.fashionTheme-HomePage-CategoryName {
  padding: 20px;
  font-weight: bold;
  letter-spacing: 0.1px;
}

.fashiongo-back img {
  height: 20px;
  width: 20px;
}

.fashiongo-back {
  border: 0;
  background-color: transparent;
  background: transparent;
}

.fashiongo-backIcon {
  cursor: pointer !important;
  display: flex;
  align-items: center;
}

.fashion-product-short-desc p ul {
  padding: 0;
}

.fashion-product-desc-text {
  font-size: 18px;
  font-weight: 500;
}

.moreDetailsCss {
  height: 30px;
  display: flex;
  align-items: center;
  background-color: white;
}

.moreDetailsCss:before {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7);
  /* box-shadow: 0 0 0 10px #000; */
  position: absolute;
  height: 30px;
  width: 300px;
  content: "";
  left: 0;
  top: 0;
}

.productDetails-readmore-text {
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;
  display: flex;
  width: 100%;
  justify-content: end;
}

.fashionTheme2-desc {
  margin: 20px 0 10px 0;
  padding: 0 !important;
}

.fashionTheme2-desc-DIv {
  margin: 20px 0;
  position: relative;
}

.fashion-fullWidth {
  width: 100%;
}

.fashion-halfWidth {
  width: 840px;
}

.navicons-backicon {
  font-size: 25px;
}

.naviconsBackicon {
  font-size: 20px;
}

.naviconsBackicon:hover {
  color: var(--vendor-color);
}

.fashion-product-desc {
  font-size: 14px;
  padding: 20px 0;
}

.fashion-RightMainDiv {
  max-width: 70%;
}

.fashionCategoryTheme-mainDiv {
  position: fixed;
  /* height: 100vh; */
  height: 93vh;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  margin-top: 55px;
  top: 0;
  overflow-y: scroll;
}

.fashionCategoryTheme-mainDiv::-webkit-scrollbar {
  display: none;
}

.fashionCategoryTheme-mainDiv::-webkit-scrollbar-track {
  display: none;
}

.fashionCategoryTheme-mainDiv::-webkit-scrollbar-thumb {
  display: none;
}

.fashionScrollHide {
  height: 100vh;
  overflow: hidden;
}

.fashionCategoryTheme-categoryDiv {
  height: 93vh;
  /* height: 100vh; */
  position: relative;

  background-color: #fff;
  border-top: 1px solid rgba(82, 82, 82, 0.1);
  box-shadow: 10px 0 5px -2px rgba(82, 82, 82, 0.1);
  width: 40%;
}

.fashionCategoryTheme-categoryDivEaseIn {
  animation: loadFashionCate 1.5s forwards;
}

.fashionCategoryTheme-categoryDivEaseOut {
  animation: loadOutFashionCate 1.5s forwards;
}

@keyframes loadFashionCate {
  0% {
    display: none;
    position: relative;
    left: -40%;
  }

  100% {
    position: relative;
    left: 0;
    display: block;
  }
}

@keyframes loadOutFashionCate {
  0% {
    position: relative;
    display: block;
    left: 0;
  }

  100% {
    display: none;
    position: relative;
    left: -40%;
  }
}

.fashionCategoryTheme-categoryName {
  font-size: 16px;
  display: inline-block;
  position: relative;
}

.fashionCategoryTheme-categoryNameHandler:hover {
  background-color: whitesmoke;
}

/* .fashionCategoryTheme-categoryName:after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: black;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.fashionCategoryTheme-categoryNameHandler:hover
  .fashionCategoryTheme-categoryName:after {
  transform: scaleX(1);
  transform-origin: bottom left;
} */
.fashionCategoryTheme-categoryNameHandler {
  display: flex;
  padding: 0 30px;
  justify-content: space-between;
  padding: 10px;
  height: 40px;
  cursor: pointer;
  border-bottom: 1px solid rgba(82, 82, 82, 0.1);
}

.fashionCategoryTheme-categoryNameHandler .fashionCategoryTheme-right-arrow {
  font-size: 20px;
}

.fashionCategoryTheme-categoryproductDiv {
  height: 100vh;
  background-color: #fff;
  border-top: 1px solid rgba(82, 82, 82, 0.1);
  box-shadow: 10px 0 5px -2px rgba(82, 82, 82, 0.1);
  width: 40%;
}

.fashionCategoryTheme-categoryproductDivEaseIn {
  animation: loadFashionproductCate 1.5s forwards;
}

.fashionCategoryTheme-categoryproductDivEaseOut {
  animation: loadOutFashionproductCate 1.5s forwards;
}

@keyframes loadFashionproductCate {
  0% {
    display: none;
    position: absolute;
    z-index: -999;
    left: -40%;
  }

  100% {
    position: relative;
    left: 0;
    display: block;
  }
}

@keyframes loadOutFashionproductCate {
  0% {
    position: relative;
    display: block;
    left: 0;
  }

  100% {
    display: none;
    position: relative;
    left: -40%;
  }
}

.fashionCategoryTheme-productNameHandler:hover
  .fashionCategoryTheme-categoryName:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.fashionCategoryTheme-productNameHandler {
  display: flex;
  padding: 0 30px;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid rgba(82, 82, 82, 0.1);
}

.fashionCategoryTheme-productNameHandler:hover {
  background-color: whitesmoke;
}

.fashionCategoryTheme-productNameHandler .fashionCategoryTheme-right-arrow {
  font-size: 20px;
}

.fashionTheme2-profileMainDiv {
  width: 100%;
  height: 70px;
  align-self: flex-end;
  border-top: 1px solid rgba(82, 82, 82, 0.1);
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 30% 70%;
  cursor: pointer;
}

.fashionTheme2-profile-avatarDiv {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fashionTheme2-profile-avatar {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: rgba(82, 82, 82, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.fashionTheme2-profile-text {
  font-size: 16px;
  text-overflow: ellipsis;
}

.fashionTheme2-profile-textDiv {
  display: flex;
  height: 100%;
  align-items: center;
}

.fashionTheme2-socialMainDiv {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-top: 1px solid rgba(82, 82, 82, 0.1);
}

.fashionTheme2-socialMainDiv .social-link {
  display: flex;
  align-items: center;
  color: black;
}

.fashionTheme2-socialMainDiv .social-link:hover {
  color: grey;
}

.trackNow-button {
  border: 1px solid black;
  background-color: var(--vendor-color);
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 5px 0;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.trackNow-button:hover {
  background-color: var(--vendor-color-light);
}

.fashionTheme2-marginBottom {
  margin-bottom: 70px;
}

.FashionTheme3CategoryDesign-cardDiv {
  padding: 20px 10px;
  cursor: pointer;
}

.FashionTheme3CategoryDesign-textDiv {
  font-size: 20px;
  display: flex;
  padding: 20px 0 0;
  justify-content: center;
}

.FashionTheme3CategoryDesign-imageDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.FashionTheme3CategoryDesign-imageDiv img {
  height: 100px;
  width: 100px;
  object-fit: cover;
  object-position: center center;
}

.FashionTheme3CategoryDesign-categoryName {
  font-size: 16px;
  padding: 10px 0;
  font-weight: 500;
}

.delivery-partner-details {
  display: grid;
  gap: 3%;
  grid-template-columns: 10% 87%;
  margin-top: 10px;
}

.delivery-partner-details-logodiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.delivery-partner-details-logodiv img {
  height: 50px;
  width: 50px;
  border-radius: 10px;
}

.delivery-partner-details-container {
  display: flex;
  align-items: center;
  font-size: 13px;
  width: 100%;
}

.delivery-partner-details-container > div {
  width: 100%;
}

.delivery-partner-details-container-text {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  width: 100%;
  margin: 5px 0;
  font-weight: 600;
  color: #616161;
}

.delivery-partner-details-container-text a {
  color: var(--vendor-color);
}

.tracking-number-error {
  font-size: 14px;
  color: red;
  padding: 10px 0;
}

.track-order-details-mainDiv {
  width: 100%;
}

.track-order-details-dateHolder {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
  justify-content: space-between;
}

.track-order-details-dateMain {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #616161;
}

.track-order-details-Day {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: #616161;
}

.track-order-details-status {
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0;
  color: #616161;
}

.track-order-details-time {
  font-size: 15px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #616161;
}

.track-order-details-month {
  font-weight: 600;
  font-size: 14px;
  color: #616161;
}

/** 
Stepper css
*/

.delivery-step {
  padding: 10px;

  display: flex;
  flex-direction: row;
  justify-content: flex-start;

  background-color: cream;
}

.delivery-v-stepper {
  position: relative;
}

/* regular step */
.delivery-status-container {
  position: relative;
  display: grid;
  grid-template-columns: 20% 75%;
  gap: 5%;
}

.delivery-status-firstDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.delivery-status-firstDiv .delivery-status-circle {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: var(--vendor-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: relative;
}

.delivery-status-firstDiv .delivery-status-circle .delivery-status-line {
  top: 50px;
  left: 25px;
  height: 100%;
  position: absolute;
  border-left: 3px solid gray;
}

.delivery-status-secondDiv {
  display: flex;
  align-items: center;
}

.delivery-status-secondDiv .delivery-staus-text {
  font-size: 16px;
  color: var(--vendor-color);
  font-weight: 600;
}

.delivery-status-secondDiv .delivery-status-date {
  font-size: 14px;
}

.delivery-status-firstDiv
  .delivery-status-circle
  .delivery-status-line.delivery-status-active-line {
  border-left: 3px solid var(--vendor-color);
}

/** 
Stepper end css
*/
.map-pin {
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 50% 0;
  background: var(--vendor-color);
  transform: rotate(-45deg);
}

.map-pin::after {
  content: "";
  width: 8px;
  height: 8px;
  margin: 6px 0 0 6px;
  background: white;
  position: absolute;
  border-radius: 50%;
}

.order-type-select.remove-padding {
  padding-top: 25px !important;
}

.delivery-detail-selected:active,
.bottom-button:active {
  /* background-color: var(--vendor-color-light); */
  transform: translateY(1px);
}

.user-info-flag .ReactFlagsSelect-module_selectBtn__19wW7 {
  border-radius: 10px !important;
  display: flex;
  align-items: center;
}

.inputFlag .user-info-flag.ReactFlagsSelect-module_flagsSelect__2pfa2 {
  margin-right: 0 !important;
  padding-bottom: 0px;
}