@charset "UTF-8";

/* YOUR CUSTOM CSS */

body {
  overflow-x: hidden !important;
}

/* Let's get this party started */
::-webkit-scrollbar {
  width: 08px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 08px;
  border-radius: 08px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 08px;
  border-radius: 08px;
  background: #baa0df;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #baa0df;
}

.cat-img-block {
  position: relative;
  overflow: hidden;
  border-radius: 50% !important;
  margin: 10px 10px;
  width: 80px;
  height: 80px;
}

.cat-name-block {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #455a64;
  padding-left: 0px;
  margin-top: 30px;
}

#progressbar li {
  list-style-type: none;
  font-size: 13px;
  width: 33.33%;
  float: left;
  position: relative;
  font-weight: 400;
  color: #455a64 !important;
}

#progressbar #step1:before {
  content: "1";
  color: #fff;
  width: 29px;
  margin-left: 15px !important;
  padding-left: 11px !important;
}

#progressbar #step2:before {
  content: "2";
  color: #fff;
  width: 29px;
}

#progressbar #step3:before {
  content: "3";
  color: #fff;
  width: 29px;
  margin-right: 15px !important;
  padding-right: 11px !important;
}

#progressbar li:before {
  line-height: 29px;
  display: block;
  font-size: 12px;
  background: #455a64;
  border-radius: 50%;
  margin: auto;
}

#progressbar li:after {
  content: "";
  width: 121%;
  height: 2px;
  background: #455a64;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 15px;
  z-index: -1;
}

#progressbar li:nth-child(2):after {
  left: 50%;
}

#progressbar li:nth-child(1):after {
  left: 25%;
  width: 121%;
}

#progressbar li:nth-child(3):after {
  left: 25% !important;
  width: 50% !important;
}

#progressbar li.active:before,
#progressbar li.active:after {
  background: #4bb8a9;
}

#customer_location_map {
  margin-top: 50px;
  width: 100%;
  height: 500px;
}

.choosenLocation {
  font-size: 20px;
}

.deliver_here_btn {
  background: #5a368d;
  font-size: 15px;
  margin-top: 15px;
}

.cant_delivery_here {
  font-size: 16px;
}

.cart_product_name {
  font-size: 11px;
}

.cart_weight_name {
  font-size: 10px;
}

.empty_cart {
  font-size: 50px;
}

.empty_cart_text {
  font-weight: bold;
}

.slotTitle {
  background-color: #786a6a;
  padding: 5px;
  border-radius: 7px;
  color: #fff;
  margin: 10px 0px;
}

.slot_back {
  color: #fff;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
}

input.slot_btn {
  border: none;
  padding: 7px;
  border-radius: 5px;
  color: #fff;
}

.schedule_slot_popup {
  overflow: scroll;
  height: 800px;
  width: 500px !important;
}

.schedule_popup_close_btn {
  width: 100%;
}

.cart_product_title {
  margin: 0px 5px;
}

.cart_action_td {
  width: 5%;
}

.cart_title_td {
  width: 50%;
}

.cart_price_td {
  width: 20%;
}

.marker_info img {
  width: 80px;
  height: 80px;
}

.disabled-btn,
.disabled-btn:hover {
  background: #d1dbd2 !important;
}

.iradio_square-grey_con span {
  margin: 0px 5px;
}

/* common */

.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
}

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 3px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font: 700 18px/1 "Lato", sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}

/* ribbon css */

.ribbon-top-left {
  top: -20px;
  left: -20px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-top-left::before {
  top: 0;
  right: 0;
}

.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}

.ribbon-top-left span {
  right: -3px;
  top: 30px;
  transform: rotate(-45deg);
  font-size: 12px;
}

.ribbon_1 {
  transform: rotate(-45deg);
}
/* END ribbon css */

.order_tracking_container {
  margin-top: 40px;
}

h3.custom_sub_heading {
  background-color: #5a368d;
  color: #fff;
  margin: -25px -25px 25px -25px;
  padding: 12px 15px;
  font-size: 22px;
}

/* CREDIT CARD LIST CSS*/

.credit-card {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 7px;
  width: 95%;

  position: relative;
  transition: all 0.4s ease;
  box-shadow: 0 2px 4px 0 #cfd7df;
  height: 80px;
  padding: 13px;
  background: #1a1b1c;
  color: #efefef;
}

.credit-card.selectable:hover {
  cursor: pointer;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

/*  NUMBER FORMATTING */
.credit-card-last4 {
  font-family: "PT Mono", Helvetica, sans-serif;
  font-size: 24px;
  color: #fff;
}
.credit-card-show-last {
  float: right;
  font-weight: bold;
  font-size: 16px;
}
.credit-card-show-last-detail {
  float: right;
  font-size: 14px;
  margin-left: 10px;
}

.credit-card-show-last:before,
.credit-card-show-last-detail:before {
  content: "**** **** **** ";
}

.credit-card-last4:before {
  content: "**** **** **** ";
  color: #fff;
  font-size: 24px;
}

.credit-card.american-express .credit-card-last4:before,
.credit-card.amex .credit-card-last4:before {
  content: "**** ****** *";
  margin-right: -10px;
}

.credit-card.diners-club .credit-card-last4:before,
.credit-card.diners .credit-card-last4:before {
  content: "**** ****** ";
}

.credit-card-expiry {
  font-family: "PT Mono", Helvetica, sans-serif;
  font-size: 18px;
  position: absolute;
  bottom: 8px;
  left: 15px;
  color: #fff;
}

/* BRAND CUSTOMIZATION */
.credit-card.visa {
  background: #4862e2;
  color: #eaeef2;
}

.credit-card.visa .credit-card-last4:before {
  color: #fff;
}

.credit-card.mastercard {
  background: #4f0cd6;
  color: #e3e8ef;
}

/*   LOGOS  */

.credit-card::after {
  content: " ";
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.credit-card.visa::after {
  height: 16px;
  width: 50px;
  background-image: url("data:image/png;base64,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");
}

.credit-card.mastercard::after {
  width: 40px;
  height: 25px;
  background-image: url("data:image/png;base64,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");
}

/*LOGIN PAGE CSS*/
.login_container {
  margin-top: 50px;
  border-radius: 20px;
}

.otp_container .form-control {
  margin-right: 12px;
  width: 20%;
  text-align: center;
}

.login_container .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ff8880;
  outline: 0;
  box-shadow: none;
}

.otp_container {
  border-radius: 10px;
  text-align: center;
}
/** LOGIN PAGE END */

.no_data_found {
  text-align: center;
  padding: 20px;
  background-color: white;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #dc3545 !important;
}

.red_btn {
  background-color: #dc3545 !important;
}

.cuatom_small_btn {
  outline: none;
  background: #333;
  border: none;
  display: inline-block;
  padding: 6px 18px;
  color: #eee;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}

.parallax-window#cs_short {
  height: 200px;
  min-height: inherit;
}

#cs_short #subheader {
  height: 200px;
}

/*CHAT CSS START*/

.chat_container .mytext {
  border: 0;
  padding: 10px;
  background: white;
  border-radius: 5px;
  width: 100%;
}
.chat_container .text {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.chat_container .text > p:first-of-type {
  width: 100%;
  margin-top: 0;
  margin-bottom: auto;
  line-height: 13px;
  font-size: 12px;
}
.chat_container .text > p:last-of-type {
  width: 100%;
  text-align: right;
  color: silver;
  margin-bottom: -7px;
  margin-top: auto;
}
.chat_container .text-l {
  float: left;
  padding-right: 10px;
}
.chat_container .text-r {
  float: right;
  padding-left: 10px;
}
.chat_container .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  float: left;
  padding-right: 10px;
}
.chat_container .macro {
  margin-top: 5px;
  width: 85%;
  border-radius: 5px;
  padding: 5px;
  display: flex;
}
.chat_container .msj-rta {
  float: right;
  background: #fcfbfb;
}
.chat_container .msj {
  float: left;
  background: white;
}
.chat_container .frame {
  background: #e0e0de;
  height: 450px;
  overflow: hidden;
  padding: 0;
}
.chat_container .frame > div:last-of-type {
  position: absolute;
  bottom: 5px;
  width: 100%;
  display: flex;
}
.chat_container ul {
  width: 100%;
  list-style-type: none;
  padding: 18px;
  bottom: 32px;
  display: flex;
  flex-direction: column;
  height: 270px;
  overflow-y: scroll;
}
.chat_container .msj:before {
  width: 0;
  height: 0;
  content: "";
  top: -5px;
  left: -14px;
  position: relative;
  border-style: solid;
  border-width: 0 13px 13px 0;
  border-color: transparent #ffffff transparent transparent;
}
.chat_container .msj-rta:after {
  width: 0;
  height: 0;
  content: "";
  top: -5px;
  left: 14px;
  position: relative;
  border-style: solid;
  border-width: 13px 13px 0 0;
  border-color: whitesmoke transparent transparent transparent;
}
.chat_container input:focus {
  outline: none;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d4d4d4;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #d4d4d4;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #d4d4d4;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #d4d4d4;
}
.chat_container {
  min-height: 100px;
  background: whitesmoke;
}
.img_upload_btn {
  border: none;
  font-family: inherit;
  color: #fff;
  width: 100%;
  background: #5a368d;
  outline: none;
  font-size: 12px;
  transition: all 0.3s;
  border-radius: 7px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 5px;
  height: 30px;
  margin-top: 15px;
  margin-left: 5px;
  width: 25%;
}
.chat_btn_send {
  border: none;
  font-family: inherit;
  color: #fff;
  width: 100%;
  background: #5a368d;
  outline: none;
  font-size: 12px;
  transition: all 0.3s;
  border-radius: 7px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 5px;
  height: 30px;
  margin-top: 2px;
  margin-left: 5px;
}
.chat_image_person {
  width: 50px;
  height: 50px;
}
.payment_select span {
  margin-top: 1px;
  float: right;
  margin-left: 8px;
}
.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 160px;
  height: 1.2em;
  white-space: nowrap;
}

.product_list_image {
  width: 145px;
  height: 115px;
}
.thumb_menu_list img {
  width: 100%;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
/* mobile css */
.home_slider .slick-arrow {
  display: none !important;
}
.catgory_slider .slick-slide img {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1280px) {
  .otp_container .d-flex.flex-row.mt-4 {
    padding: 0px 0 !important;
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  #header_menu {
    background-color: #5a368d;
  }
  #order_process .custom_sub_heading {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .table.cart-list td {
    width: auto !important;
  }
  .table.cart-list .product_list_image {
    width: 100px;
  }
  .order_details_scn .row-height {
    overflow: hidden;
  }
}
@media only screen and (max-width: 575px) {
  .login_container .row .col-sm-4,
  .login_container .row .col-sm-8.text-right {
    text-align: center !important;
  }
}
@media only screen and (max-width: 480px) {
  #main_menu .desc,
  #order_process .desc {
    height: auto !important;
  }
  #order_process .cut-text {
    margin: auto;
  }
  .order_details_scn h3.custom_sub_heading {
    margin: -25px -10px 25px -10px;
  }
  .box_style_2,
  #cart_box {
    padding: 25px 10px;
  }
}
@media only screen and (max-width: 330px) {
  .order_details_scn .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    min-height: 32px;
  }
  .order_details_scn .bs-wizard > .bs-wizard-step .bs-wizard-dot {
    margin-top: -3px !important;
  }
}
.login_rw_scn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.login_rw_scn .login_container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pushable {
  background: hsl(130deg 86% 27%);
  border-radius: 12px;
  border: none;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
}
.front {
  display: block;
  padding: 12px 42px;
  border-radius: 12px;
  font-size: 1.25rem;
  background: hsl(122deg 86% 43%);
  color: white;
  transform: translateY(-6px);
}

.pushable:active .front {
  transform: translateY(-2px);
}
/**/
.cart_drpdwn_btn.dropdown-options .dropdown-menu label,
ul#cat_nav li a {
  font-weight: 600;
}
@media only screen and (min-width: 992px) {
  .cart_drpdwn_btn .dropdown-menu {
    min-width: 300px;
    margin-left: 0 !important;
    right: 0;
    left: inherit !important;
  }
  .sticky_cls_tp {
    position: sticky;
    top: 95px;
  }
}
@media only screen and (max-width: 991px) {
  .cart_drpdwn_btn .dropdown-menu {
    min-width: 240px;
  }
  .cart_drpdwn_btn.dropdown-options .dropdown-menu label input {
    vertical-align: middle;
  }
  .cart_drpdwn_btn.dropdown-options .dropdown-menu label {
    vertical-align: middle;
    font-size: 11px;
  }
  .select_pckr select {
    width: 47px !important;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 11px;
  }
}
/* new landing page */
.pt-70 {
  padding-top: 70px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pt-150 {
  padding-top: 150px;
}
.pb-150 {
  padding-bottom: 150px;
}
.purpal_bg {
  background-color: #613a97;
}
.yellow_bg {
  background-color: #ffce39;
}
.green_bg {
  background-color: #abc65b;
}
.main_landing_page {
  background-color: #fff;
}
.left_banner {
  margin-top: -8px;
}
.top_green_line {
  position: absolute;
  right: 0;
  padding-left: 21%;
}
.mhl_3 {
  position: absolute;
  top: 10%;
  display: flex;
  justify-content: center;
  left: 0;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.mhl_section_4 {
  position: relative;
  padding-bottom: 16px;
}
.mhl_section_4::before {
  content: "";
  width: 80%;
  height: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ffce37;
}
.mhl_inner_scn_4 {
  background-color: #633894;
  padding-top: 130px;
  margin-bottom: 13px;
  padding-bottom: 30px;
}
.mhl_4 {
  margin-bottom: -250px;
  padding-right: 50px;
}
.mhl_section_5 {
  padding-top: 100px;
}
.mhl_5 {
  margin-bottom: -200px;
  position: relative;
  z-index: 1;
}
.mhl_section_6 {
  background-color: #633894;
  padding-top: 150px;
  padding-bottom: 90px;
  position: relative;
}
.mhl_section_6::before {
  content: "";
  width: 90%;
  height: 16px;
  position: absolute;
  right: 0;
  top: -25px;
  background-color: #ffce37;
}
.mhl_6 h2 {
  font-size: 30px;
  margin-bottom: 20px;
}
.mhl_6 p {
  font-size: 18px;
  line-height: 30px;
}
.mhl_section_8 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.mhl_inner_scn_9 {
  background-color: #abc65b;
  padding-bottom: 70px;
  padding-left: 160px;
}
.mhl_first_9 {
  margin-top: -40px;
}
.mhl_third_9 {
  margin-top: -110px;
}
.mhlt_nmbr_9 {
  position: absolute;
  left: 0;
  top: -40px;
}
.mhl_section_10 {
  padding-top: 90px;
  padding-bottom: 70px;
}
.mhl_right_10 {
  margin-left: -35%;
}
.mhl_section_16,
.mhl_section_18,
.mhl_section_21 {
  padding-right: 210px;
}
.mhl_16,
.mhl_18,
.mhl_21 {
  position: absolute;
  right: 0;
}
.mhl_section_17 {
  padding-left: 210px;
}
.mhl_17 {
  position: absolute;
  left: 0;
}
.mhl_18_left {
  margin-right: -100%;
}
.mhl_inner_scn_19 {
  margin-top: 21px;
  margin-bottom: 21px;
}
.mhl_inner_scn_19::before,
.mhl_inner_scn_19::after {
  position: absolute;
  content: "";
  width: 90%;
  background-color: #633794;
  height: 16px;
}
.mhl_inner_scn_19::before {
  top: 0;
  right: 0;
}
.mhl_inner_scn_19::after {
  bottom: 0;
  left: 0;
}
.mhl_inner_scn_20,
.mhl_section_30 {
  padding-left: 250px;
}
.mhl_20,
.mhl_30 {
  position: absolute;
  left: 0;
}
.mhl_section_28 {
  background: url(../img/landing_images/banner_bg.png);
}
.mhl_section_30::after {
  position: absolute;
  content: "";
  left: 10%;
  bottom: -20px;
  width: 20%;
  height: 33px;
  background-color: #ffce39;
}
.mhl_section_33::before,
.mhl_section_36::before {
  position: absolute;
  content: "";
  left: 10%;
  top: -20px;
  width: 20%;
  height: 33px;
  background-color: #ffce39;
}
.mhl_section_36::before {
  background-color: #4f2d7f;
}
@media only screen and (max-width: 767px) {
  .mhl_4 {
    padding-right: 0;
  }
  .mhl_inner_scn_4 {
    padding-top: 40px;
  }
  .mhl_section_5 {
    padding-top: 230px;
  }
  .mhl_5 {
    margin-bottom: -90px;
  }
  .mhl_section_6 {
    padding-top: 115px;
    padding-bottom: 40px;
  }
  .mhl_section_8 {
    padding-top: 50px;
  }
  .mhl_third_9 {
    margin-top: 30px;
  }
  .mhl_first_9 {
    margin-top: 60px;
  }
  .mhl_inner_scn_9 {
    padding-left: 0;
  }
  .mhl_section_10,
  .mhl_section_11 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .pt-100,
  .pt-150,
  .pt-70 {
    padding-top: 40px;
  }
  .pb-100,
  .pb-150,
  .pb-70 {
    padding-bottom: 40px;
  }
  .mhl_section_16,
  .mhl_section_18,
  .mhl_section_21 {
    padding-right: 0;
  }
  .mhl_16,
  .mhl_18,
  .mhl_21 {
    position: relative;
    text-align: right;
    margin-bottom: 20px;
  }
  .mhl_section_17 {
    padding-left: 0;
  }
  .mhl_17 {
    position: relative;
    margin-bottom: 20px;
  }
  .mhl_18_left {
    margin-right: 0;
  }
  .mhl_inner_scn_20,
  .mhl_section_30 {
    padding-left: 0;
  }
  .mhl_20,
  .mhl_30 {
    position: relative;
    margin-bottom: 20px;
  }
}
.header_sticky_cstm {
  padding: 10px 15px;
  position: sticky;
  top: 0;
  background-color: #fff;
  border-bottom: 1px solid rgb(247 247 247);
  -webkit-box-shadow: 0px 2px 10px -2px rgb(194 207 89);
  -moz-box-shadow: 0px 2px 10px -2px rgb(194 207 89);
  box-shadow: 0px 2px 10px -2px rgb(194 207 89);
  z-index: 11;
}
.login_buttn {
  padding: 19px 10px;
  color: #fff !important;
  background: #5a368d;
  text-transform: uppercase;
  border-radius: 35px;
  display: inline-block;
  text-align: center;
  min-width: 200px;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 1px;
}
.login_buttn:hover {
  background: #333;
}
@media only screen and (max-width: 767px) {
  .login_buttn {
    padding: 14px 10px;
    min-width: 178px;
    font-size: 16px;
  }
}

.autocomplete_div{
    text-align: center;
    margin: 70px 0px 20px 0px;
}

.pac-target-input{
  padding: 10px;
  border-radius: 10px;
  width: 50%;
}

.order_loction_confirm_btn{
    background-color: red;
    padding: 10px;
    border: 1px solid red;
    color: #fff;
    border-radius: 10px;
}

 @media screen and (max-width:640px){
   .pac-target-input{
      padding: 10px;
      border-radius: 10px;
      width: 80%;
    }
 }

 .page-item.active .page-link{
    background-color : #5a368d;
    border-color: #5a368d;
 }
 .search_area{
  background-color: #ffffff;
  margin-bottom: 50px;
  padding: 30px;
 }

 .react-confirm-alert {

    width: 100%; /* Full width */

}