@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap";

._root_lxwj3_1>.MuiDrawer-paper {
  max-height: calc(100vh - 18rem)
}

._makeNew_lxwj3_5 {
  z-index: 99999 !important
}

._makeNew_lxwj3_5>.MuiDrawer-paper {
  max-height: calc(100vh - 10rem)
}

._closeButton_lxwj3_12 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

._content_lxwj3_28 {
  max-height: 100%;
  overflow-y: auto;
  background: #fff;
  border-radius: 2rem 2rem 0 0
}

._flexBox_11a1x_1,
._DialogTitleDesc_11a1x_1,
._DialogHeaderGrid_11a1x_1 {
  display: flex;
  justify-content: center;
  align-items: center
}

._redWidget_11a1x_7 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._redWidget_11a1x_7 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._lgdialogWidget_11a1x_20 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 1.8rem
}

._smdialogWidget_11a1x_26 {
  display: flex;
  justify-content: center;
  padding-inline: 1.8rem
}

._dialogTitle_11a1x_32 {
  padding: 0 !important;
  background-color: var(--clr-light-100);
  box-shadow: 0 4px 4px #e7ecf3;
  text-align: center;
  position: sticky;
  height: 6rem;
  top: 0;
  background: white;
  z-index: 10
}

._loginDialogTitle_11a1x_44 {
  padding: 0 !important;
  background-color: var(--clr-primary-400);
  box-shadow: 0 4px 4px #e7ecf3
}

._DialogHeaderGrid_11a1x_1 {
  flex-direction: column !important
}

@media (min-width: 992px) {
  ._DialogHeaderGrid_11a1x_1 {
    align-items: center
  }
}

._DialogHeaderGrid_11a1x_1 p {
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--clr-dark-400);
  margin: .75rem
}

._DialogTitleDesc_11a1x_1 {
  flex-direction: column
}

._DialogTitleDesc_11a1x_1 p {
  font-weight: 500;
  font-size: 1.4rem
}

._warningText_11a1x_77 {
  color: var(--clr-primary-400);
  text-align: center
}

._horizontalWidget_11a1x_82 {
  height: .3rem;
  width: 3rem;
  background-color: #de0000;
  border-radius: 7.3rem
}

._closeButton_11a1x_89 {
  color: #000;
  cursor: pointer;
  font-weight: 700;
  margin-bottom: 4rem
}

._closeButton_11a1x_89 div {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  margin-inline: auto
}

._root_1ojqp_1 {
  position: relative;
  border-radius: 2rem 2rem 0 0;
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem;
  gap: 1rem
}

._root_1ojqp_1 ._topPos_1ojqp_11 {
  display: flex
}

._root_1ojqp_1 ._strip_1ojqp_14 {
  background: var(--clr-primary-400);
  width: 2rem;
  height: 5rem;
  margin-right: 1rem
}

._root_1ojqp_1 h3 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: var(--clr-dark-400)
}

._root_1ojqp_1 p {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--clr-dark-400)
}

._root_1ojqp_1 h5 {
  font-size: .8rem;
  text-align: center
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 {
  padding: 1.5rem 0;
  position: relative;
  width: 100%;
  flex-direction: column;
  min-width: 30rem
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 {
  width: 100%;
  display: flex;
  width: 35rem;
  flex-wrap: wrap;
  margin: auto;
  position: relative;
  border-radius: 1.5rem
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 ._listItem_1ojqp_52 {
  width: 11rem;
  margin-bottom: 2rem;
  margin-inline-end: .65rem;
  border-radius: 1.5rem;
  box-shadow: 0 .6rem 1rem #0000000d
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 ._listItem_1ojqp_52 ._activeBar_1ojqp_59 {
  background: var(--clr-primary-400);
  border-radius: .3rem .3rem 0 0;
  height: .5rem;
  position: absolute;
  bottom: 0;
  left: 1rem;
  width: 9rem
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 ._listItem_1ojqp_52 ._checkbox_1ojqp_68 {
  position: absolute;
  top: 0rem;
  left: 3.7rem
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 ._listItem_1ojqp_52 label {
  display: block;
  padding: 1rem;
  border-radius: 1.5rem;
  height: 100%
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 ._listItem_1ojqp_52 label div {
  margin: auto;
  text-align: center;
  margin-top: 1rem
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 ._listItem_1ojqp_52 label div span {
  padding: 0;
  margin-top: .5rem
}

._root_1ojqp_1 ._countryCheckBox_1ojqp_36 ._gridView_1ojqp_43 ._countryCodeText_1ojqp_88 span {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1rem;
  text-align: center;
  color: var(--clr-dark-300)
}

._root_1ojqp_1 ._title_1ojqp_97 span {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: var(--clr-dark-400);
  padding-inline-start: 1rem
}

._root_1ojqp_1 button {
  width: 80%;
  font-size: 1.1rem;
  padding: 1rem 3rem;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 1.6rem
}

._root_1ojqp_1 .MuiAvatar-root {
  width: 3.6rem;
  height: 2.3rem
}

._root_1ojqp_1 .MuiListItem-secondaryAction {
  padding: 0
}

._root_1ojqp_1 ._listItem_1ojqp_52 {
  background: #fff;
  margin-bottom: 1rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem
}

._root_1ojqp_1 ._listItem_1ojqp_52 label {
  padding: 2.3rem 2rem;
  direction: ltr
}

._displayPhoneNumber_1ojqp_130 {
  font-size: 1.2rem;
  color: #393f5280
}

._cartItemCondition_1ojqp_135 {
  color: #fb8d45;
  font-size: 1.2rem;
  margin-bottom: 1rem
}

._subtractIconCss_1ojqp_141 {
  margin-right: .3rem
}

._actionContainer_1ojqp_145 {
  width: 100%;
  position: sticky;
  text-align: center;
  background-color: var(--clr-light-100);
  bottom: 0;
  padding: 1.5rem 0
}

._actionContainer_1ojqp_145 ._actionButton_1ojqp_153 {
  width: 80%;
  font-size: 1.1rem;
  padding: 1rem 3rem;
  font-weight: 700;
  font-size: 1.6rem
}

._root_1173f_2 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, .231372549);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1900
}

._noShadow_1173f_16 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  display: flex;
  background: rgba(0, 0, 0, .231372549);
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@media screen and (min-width: 1024px) {
  ._noShadow_1173f_16 {
    background: transparent
  }
}

._mb3_1wret_2 {
  margin-bottom: 3rem
}

._listContainer_1wret_6 {
  overflow: hidden;
  padding: clamp(2.5rem, 2rem + .5vw + .1vh, 4rem) clamp(1.6rem, 1.5rem + .5vw + .1vh, 2rem) 0
}

._radius1_1wret_11 {
  border-radius: 1rem
}

@media screen and (min-width: 1024px) {
  ._listContainer_1wret_6 {
    overflow: hidden;
    padding: clamp(5rem, 5rem + .5vw + .1vh, 4rem) clamp(12.5rem, 12.5rem + .5vw + .1vh, 2rem) 0
  }
}

._list_1wret_6 {
  flex-direction: row;
  display: flex;
  overflow: hidden;
  width: 100%
}

._listItem_1wret_28 {
  float: left;
  border-radius: 1rem
}

._headerItem_1wret_33 {
  height: 8rem;
  width: "100%";
  margin-bottom: 1rem
}

._exclusive_1wret_39 {
  height: 12.8rem;
  width: 30.8rem;
  display: block;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._exclusive_1wret_39 {
    display: none
  }
}

._exclusiveListContainer_1wret_51 {
  display: block
}

._exclusiveListContainer_1wret_51 span {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._exclusiveListContainer_1wret_51 {
    display: none
  }
}

._exclusive-title_1wret_63 {
  display: block;
  margin-bottom: 1rem
}

@media screen and (min-width: 1024px) {
  ._exclusive-title_1wret_63 {
    display: none
  }
}

._explore_1wret_73 {
  height: 21.7rem;
  width: 100rem !important;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._explore_1wret_73 {
    height: 20rem;
    width: 20rem !important;
    margin-inline-end: 5rem
  }
}

._deals_1wret_86 {
  height: 12.2rem;
  width: 56.7rem !important;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._deals_1wret_86 {
    height: 31.5rem;
    width: 23.5rem !important;
    margin-inline-end: 5rem
  }
}

._bestseller_1wret_99 {
  height: 25.2rem;
  width: 15.7rem !important;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._bestseller_1wret_99 {
    height: 31.5rem;
    width: 23.5rem !important;
    margin-inline-end: 5rem
  }
}

._banner_1wret_112 {
  height: 12.2rem;
  width: 35.7rem !important;
  margin-inline-end: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._banner_1wret_112 {
    height: 37.5rem;
    width: 56.5rem !important;
    margin-inline-end: 5rem
  }
}

._root_1wret_125 ._heroBanner_1wret_125 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_1wret_125 ._heroBanner_1wret_125 {
    height: 34.1rem;
    display: block
  }
}

:root {
  --clr-dark-200: #848b8e;
  --clr-dark-300: #6a6e7b;
  --clr-dark-400: #393f52;
  --clr-dark-500: #131c26;
  --clr-dark-900: #000000;
  --clr-dark-200-20: rgba(155, 204, 244, .243);
  --clr-dark-300-10: rgba(138, 181, 217, .1);
  --clr-dark-300-70: rgba(106, 110, 123, .72);
  --clr-dark-300-60: rgba(106, 110, 123, .6);
  --clr-dark-400-10: rgba(57, 63, 82, .1);
  --clr-dark-400-20: rgba(57, 63, 82, .2);
  --clr-dark-400-40: rgba(57, 63, 82, .4);
  --clr-dark-400-50: rgba(57, 63, 82, .5);
  --clr-dark-400-80: rgba(57, 63, 82, .8);
  --clr-dark-400-70: rgba(57, 63, 82, .7);
  --clr-dark-900-10: rgba(0, 0, 0, .1);
  --clr-dark-900-30: rgba(0, 0, 0, .3);
  --clr-dark-900-20: 0 3rem 4rem rgba(0, 0, 0, .2);
  --clr-light-150: #f7fafd;
  --clr-light-100: #ffffff;
  --clr-light-200: #f3f9fe;
  --clr-light-300: #f1f3f6;
  --clr-light-350: rgba(223, 239, 255, .3);
  --clr-light-375: #f2f9ff;
  --clr-light-400: #ebf5fe;
  --clr-light-500: #dfe3e8;
  --clr-light-600: #cacfe0;
  --clr-light-250: #f2f2f2;
  --clr-primary-100: #f7b2c0;
  --clr-primary-200: #ff4065;
  --clr-primary-300: #e50f39;
  --clr-primary-400: #e4002b;
  --clr-primary-500: #6c7b8b;
  --clr-primary-600: #213f5d;
  --clr-primary-700: #9f001e;
  --clr-primary-400-03: rgba(228, 0, 43, .03);
  --clr-secondary-400: #007aff;
  --clr-secondary-400-70: rgba(0, 122, 255, .7);
  ---clr-secondary-500: #a9bdd04d;
  --clr-dark-blue-300: #374573;
  --clr-orange-500: #fb8d45;
  --clr-orange-500-10: rgba(251, 141, 69, .1);
  --secondary-red: #d2183b;
  --check-red: #EC193C;
  --clr-grass-green-500: #bddb46;
  --clr-grass-green-700: #00a402;
  --clr-brown-500: #db6a00;
  --ff-primary: "Rubik", sans-serif;
  --clr-background: #e5e5e5;
  --clr-background-red: #e4001c08
}

:root {
  --theme-backgroud-page: var(--clr-light-300);
  --theme-button-color: var(--clr-primary-400);
  --theme-product-h-color: var(--clr-dark-400);
  --theme-procuct-price-color: var(--clr-dark-400);
  --theme-product-blue-color: var(--clr-secondary-400);
  --theme-font-family: var(--ff-primary);
  --theme-body-p-color: var(--clr-dark-300);
  --theme-category-tab-color: var(--clr-light-600);
  --theme-category-tab-active-color: var(--clr-dark-400);
  --theme-drawer-menu-heading-color: var(--clr-dark-400);
  --theme-drawer-menu-heading-bg: var(--clr-light-400);
  --theme-cartbar-button-bg: linear-gradient(95.85deg, var(--clr-primary-300) 27.81%, var(--clr-primary-200) 49.59%, var(--clr-primary-300) 59.77%);
  --theme-order-text-bg: rgba(0, 122, 255, .07);
  --theme-order-success-color: #00a402;
  --theme-background-color: var(--clr-background);
  --theme-profile-color: var(--clr-dark-400);
  --theme-button-shadow-color: 0px 6px 10px rgba(222, 0, 0, .2);
  --theme-country-pop-bg: #f8f8f6;
  --theme-user-icon-bg: #f9001a;
  --theme-warning-color: #fb8d45;
  --theme-lang-button-color: rgba(228, 0, 43, .03);
  --theme-button-disable-bg: #a9bdd0;
  --theme-search-fg: #a9bdd0;
  --theme-warning-text-color: #fb8d45;
  --theme-paper-box-shadow: 0px 2.17631px 7.61708px rgba(155, 204, 244, .241231);
  --theme-time-area-bg: rgba(169, 189, 208, .15);
  --theme-order-summary-bg: rgba(223, 239, 255, 1);
  --theme-product-tile-box-bg: #f0f4fa
}

:root {
  --scrollbar-track-color: rgba(0, 0, 0, .1);
  --scrollbar-color: rgba(0, 0, 0, .2);
  --scrollbar-ff-width: thin;
  --scrollbar-size: .6rem;
  --scrollbar-minlength: 1.5rem;
  --scrollbar-color-hover: rgba(0, 0, 0, .3);
  --scrollbar-color-active: rgb(0, 0, 0, .6)
}

* {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: var(--scrollbar-ff-width);
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color)
}

*::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size)
}

*::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
  border-radius: 3px
}

*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 3px
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color-hover)
}

*::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-color-active)
}

*::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength)
}

*::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength)
}

._layout-scrollbar-obtrusive_13dc0_144 *::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size)
}

body {
  font-family: var(--theme-font-family);
  color: var(--clr-dark-400);
  line-height: 1;
  background: var(--theme-backgroud-page)
}

._iosOverscrollFix_13dc0_157 {
  position: fixed;
  top: -100rem;
  right: -100rem;
  bottom: -100rem;
  left: -100rem;
  z-index: -1;
  background-color: var(--theme-backgroud-page)
}

@media screen and (max-width: 1023px) {
  ._pageWrapper_13dc0_165 {
    display: flex;
    flex-flow: column;
    min-height: 100vh
  }
}

@media screen and (min-width: 1024px) {
  ._pageWrapper_13dc0_165 {
    padding-block-start: 7rem
  }
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] {
  margin: 0
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] ul {
  padding-block: 0
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] li {
  font-size: 1.4rem;
  font-weight: 400;
  padding-block: 0;
  min-height: 42px
}

[class*=MuiAutocomplete-root] [class*=MuiAutocomplete-popupIndicator] svg {
  font-size: 2.4rem
}

[class*=MuiAutocomplete-popper] [class*=MuiPaper-root] ul {
  max-height: 180px !important;
  z-index: 1600
}

._error_13dc0_199 {
  z-index: 1500;
  display: flex;
  padding: 1rem;
  color: #fff;
  position: sticky;
  width: 100%;
  align-items: center;
  justify-content: center;
  top: 10rem
}

._error_13dc0_199 ._child_13dc0_210 {
  font-family: var(--theme-font-family);
  background: #fff;
  color: #f9001a;
  border-radius: .6rem;
  padding: 1.5rem;
  font-size: 1.6rem;
  box-shadow: 0 4px 6px #0000004d
}

._error_13dc0_199 ._child_13dc0_210 a {
  background: #f9001a;
  color: #fff;
  padding: 1rem;
  border-radius: .4rem
}

._pageReloadMain_13dc0_226 {
  background: rgba(119, 118, 118, .6196078431);
  height: auto;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0
}

._pageReloadContainer_13dc0_237 {
  background: var(--clr-light-100);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 4px #0003;
  text-align: center;
  padding: 0 3rem;
  width: 100%;
  z-index: 9999;
  width: 40rem
}

._pageReloadContainer_13dc0_237 ._heading_13dc0_250 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-primary-400);
  margin-top: 2rem
}

._pageReloadContainer_13dc0_237 ._message_13dc0_259 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400);
  margin-top: 2rem
}

._pageReloadContainer_13dc0_237 ._actionContainer_13dc0_268 {
  padding: 3rem 0 4rem;
  width: 100%
}

._pageReloadContainer_13dc0_237 ._actionContainer_13dc0_268 ._exitBtn_13dc0_272 {
  width: 100%;
  height: 5rem
}

.MuiInputBase-root.MuiOutlinedInput-root {
  position: relative
}

.MuiInputBase-root.MuiOutlinedInput-root:after {
  transform: scaleX(1);
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  position: absolute;
  transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
  pointer-events: none;
  border-bottom: .1rem solid #000;
  width: 100%;
  height: .5rem
}

.MuiInputBase-root.MuiOutlinedInput-root.Mui-error {
  position: relative
}

.MuiInputBase-root.MuiOutlinedInput-root.Mui-error:after {
  border-bottom: .2rem solid #f44336
}

.MuiInputBase-input.MuiOutlinedInput-input {
  padding-block: 7px;
  padding-inline: 0
}

.MuiOutlinedInput-notchedOutline {
  border: none !important
}

.MuiFormLabel-root.MuiInputLabel-root {
  left: -1.3rem
}

._container_14vc6_2 {
  width: auto;
  height: auto
}

._ltoBadge_14vc6_7 {
  text-align: center;
  width: 25rem;
  min-height: 20rem;
  align-items: center;
  background-color: #fff
}

._crossIconContainer_14vc6_15 {
  margin-top: 1rem;
  margin-bottom: .5rem
}

._warningText_14vc6_20 {
  color: #e4002b;
  font-size: 1.8rem;
  font-weight: 600
}

._ltoModalContent_14vc6_26 {
  color: #4d5872;
  font-size: 1.3rem;
  font-weight: 400;
  width: 22rem;
  line-height: 2rem;
  margin-top: 1.3rem;
  margin-bottom: 1.7rem;
  width: auto;
  margin-inline: 1.5rem;
  text-align: center
}

._buttonContainer_14vc6_39 {
  width: 100%;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  border-top: 1.5px dashed #FFFFFF !important
}

._ltoModalTitle_14vc6_46 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  margin-top: 3rem
}

._expire_dialog_14vc6_53 {
  width: 40rem !important;
  max-width: 100% !important
}

._expire_dialog_14vc6_53 ._buttonContainer_14vc6_39 {
  width: 25rem;
  border-top: none !important
}

._expire_dialog_14vc6_53 ._ltoModalContent_14vc6_26 {
  font-size: 1.8rem
}

._expire_drawer_14vc6_65 {
  min-height: 24rem !important;
  width: 100% !important
}

._expire_drawer_14vc6_65 ._buttonContainer_14vc6_39 {
  width: 25rem;
  border-top: none !important
}

._expire_drawer_14vc6_65 ._ltoModalContent_14vc6_26 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.8rem
}

@keyframes react-loading-skeleton {
  to {
    transform: translate(100%)
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  width: 100%;
  border-radius: .25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden
}

.react-loading-skeleton:after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
  transform: translate(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none
  }
}

._button_1wt2f_2 {
  text-transform: uppercase;
  border-radius: .95rem;
  display: inline-flex;
  align-items: center;
  margin-top: 2.5rem;
  position: relative;
  padding: .5rem;
  cursor: pointer;
  border: none;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: middle
}

._button_1wt2f_2._primary_1wt2f_16 {
  background-color: #e4002b;
  color: #fff;
  box-shadow: 0 .8rem 1.6rem #d2183b33
}

._button_1wt2f_2._primary_1wt2f_16 ._sprinkals_1wt2f_21 {
  fill: #e4002b
}

._button_1wt2f_2._primary_1wt2f_16._disabled_1wt2f_24 {
  background: #B0B0B0;
  color: #fff;
  box-shadow: none
}

._button_1wt2f_2._primary_1wt2f_16._disabled_1wt2f_24 ._sprinkals_1wt2f_21 {
  fill: #b0b0b0
}

._button_1wt2f_2._light_1wt2f_32 {
  background-color: #fff;
  color: #000
}

._button_1wt2f_2._light_1wt2f_32 ._sprinkals_1wt2f_21 {
  fill: #fff
}

@media screen and (min-width: 1024px) {
  ._button_1wt2f_2 {
    padding: 1.45rem 2.62rem
  }
}

._button_1wt2f_2 ._sprinkals_1wt2f_21 {
  position: absolute;
  bottom: calc(100% - .6rem);
  width: calc(100% + 1.1rem);
  height: 1rem;
  left: 50%;
  transform: translate(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: space-between
}

@media screen and (min-width: 1024px) {
  ._button_1wt2f_2 ._sprinkals_1wt2f_21 {
    bottom: calc(100% - .2rem);
    width: calc(100% + 1.5rem);
    height: 1.2rem
  }
}

._unlockRewards_enl8n_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1.6rem;
  overflow: hidden;
  height: 100%
}

@media screen and (min-width: 768px) {
  ._unlockRewards_enl8n_2 {
    border-radius: 1rem
  }
}

._unlockRewards_enl8n_2 img {
  object-fit: cover;
  height: 100%
}

._imgLoading_enl8n_20 {
  position: absolute;
  pointer-events: none;
  opacity: 0
}

._mainBox_enl8n_26 {
  width: 100%;
  height: 100%
}

._homeMainBlock_enl8n_31 {
  flex-direction: row;
  display: flex;
  overflow: hidden;
  width: 56.5%;
  border-radius: 1rem;
  padding: 50%
}

._homeMainBlock_enl8n_31:after {
  top: 0
}

._dialogBox_4dana_2 {
  padding: 10px
}

._dialogBox_4dana_2 ._paperStyle_4dana_5 {
  background-color: transparent;
  box-shadow: none !important;
  margin: 0 auto;
  max-width: 100%
}

._dialogBox_4dana_2 ._btnCross_4dana_11 {
  text-align: center;
  margin-bottom: 20px
}

._dialogBox_4dana_2 ._btnCross_4dana_11 ._btn_4dana_11 {
  background-color: #fff;
  border-radius: 10px;
  padding: 6px 13px;
  min-width: auto
}

._dialogBox_4dana_2 ._badge_4dana_21 {
  position: absolute;
  top: 63px;
  left: 50%;
  transform: translate(-50%);
  z-index: 1
}

._errorContainer_55x4c_2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around
}

._errorBox_55x4c_9 {
  max-width: 253px;
  background: var(--clr-light-100);
  flex-direction: column;
  justify-content: center;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px
}

._errorBox_55x4c_9 ._nonLocation_55x4c_20 {
  background: rgba(255, 132, 17, .1);
  color: var(--clr-brown-500);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 3.6rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: inline-flex;
  padding: 0 2.5rem;
  margin-bottom: 1.5rem
}

._errorBox_55x4c_9 ._warningContainer_55x4c_34 {
  margin: 2.1rem 0 .9rem
}

._errorBox_55x4c_9 ._warningContainer_55x4c_34 ._warningSign_55x4c_37 {
  width: 4.7rem;
  height: 4.7rem;
  background: #fc8c1c;
  border-radius: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

._errorBox_55x4c_9 ._warningContainer_55x4c_34 ._warningSign_55x4c_37 svg {
  color: #fff;
  font-size: 2rem
}

._errorBox_55x4c_9 ._warningContainer_55x4c_34 p {
  color: var(--secondary-red);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.1rem;
  margin-top: 1.5rem
}

._errorBox_55x4c_9 p {
  color: var(--clr-dark-400);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding-bottom: 1.3rem
}

._errorBox_55x4c_9 ._locationTerms_55x4c_64 {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  justify-content: center
}

._errorBox_55x4c_9 ._locationTerms_55x4c_64 p {
  color: var(--clr-secondary-400);
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.5rem;
  padding-bottom: 0;
  display: inline-flex;
  cursor: pointer
}

._errorBox_55x4c_9 ._locationTerms_55x4c_64 span {
  margin-inline-start: .5rem;
  cursor: pointer
}

._errorBox_55x4c_9 button {
  cursor: pointer;
  background: var(--clr-primary-400);
  color: var(--clr-light-100);
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 3.9rem;
  width: 100%;
  display: flex;
  border: none;
  text-align: center;
  align-items: center;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  justify-content: center;
  border-top: 1px dashed
}

._errorBox_55x4c_9 ._errorContent_55x4c_102 {
  padding-inline: 1rem
}

._badge_55x4c_106 {
  width: 100%
}

._bannerWrapper_apqx7_2 {
  position: relative;
  background-image: radial-gradient(68.31% 68.31% at 8.77% -23.3%, #E75B2D 0%, #CB1436 100%);
  border-radius: 22px;
  padding: 25px 15px 17px
}

._bannerWrapper_apqx7_2 p {
  font-family: Rubik;
  font-weight: 600;
  color: #fff
}

._kfclubLogo_apqx7_14 {
  margin-bottom: 2rem
}

._enrol_apqx7_18 {
  font-size: 1.3rem;
  line-height: 2rem
}

._getPoint_apqx7_23 {
  font-size: 1.6rem;
  line-height: 1.7rem
}

._getPoint_apqx7_23 span {
  color: #ffca3a;
  border-radius: 6px;
  padding: 1px 4px
}

._rewardPointsWrapper_apqx7_33 {
  padding-top: 31px
}

._rewardPointsWrapper_apqx7_33 ._pointText_apqx7_36 {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: #fff;
  margin-bottom: .8rem
}

._rewardPointsWrapper_apqx7_33 ._pointsRedeem_apqx7_43 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

._rewardPointsWrapper_apqx7_33 ._pointsRedeem_apqx7_43 ._points_apqx7_43 {
  background-position: right center;
  background-size: 100% 100%;
  height: 39px;
  display: flex;
  align-items: center;
  padding: 0 2px;
  position: relative
}

._rewardPointsWrapper_apqx7_33 ._pointsRedeem_apqx7_43 ._points_apqx7_43 span {
  color: #fff;
  display: block;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.7rem;
  border: 1px solid transparent;
  padding: 0 12px
}

._rewardPointsWrapper_apqx7_33 ._pointsRedeem_apqx7_43 ._points_apqx7_43 span:not(:last-child) {
  border-right-color: #ffffff39
}

._rewardPointsWrapper_apqx7_33 ._redeemLink_apqx7_70 {
  box-shadow: 0 8px 16px #d2183b33;
  text-transform: uppercase;
  background-color: #fff;
  display: inline-block;
  line-height: 1.2rem;
  border-radius: 10px;
  color: #000;
  font-weight: 500;
  font-size: 1rem;
  padding: .8rem 1rem
}

._rewardPointsWrapper_apqx7_33 ._redeemLink_apqx7_70 img {
  margin-left: 3px
}

._navPortal_at3dn_2 {
  position: absolute;
  top: 70px;
  left: 50%;
  width: 100%;
  max-width: 144rem;
  transform: translate(-50%)
}

._HeaderSlider_874qw_2 {
  position: relative;
  width: 100%;
  margin: 4.2rem auto 0
}

@media screen and (min-width: 1024px) {
  ._HeaderSlider_874qw_2 {
    width: 100%;
    margin: 0;
    min-height: 42rem
  }
}

._slide_874qw_15 {
  min-height: 100%;
  cursor: pointer;
  margin: 0 .5rem
}

@media screen and (min-width: 1024px) {
  ._slide_874qw_15 {
    margin: 0;
    height: clamp(42rem, 47vh, 42rem);
    width: 100%;
    overflow: hidden
  }
}

._slide_874qw_15 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 38%
}

@media screen and (min-width: 1024px) {
  ._slide_874qw_15 img {
    object-position: 48%
  }
}

@media screen and (min-width: 1024px) {
  ._container_874qw_41 {
    height: clamp(42rem, 47vh, 42rem);
    width: 100%
  }
}

._buttonContainer_874qw_47 {
  position: absolute;
  width: 100%;
  top: 50% !important;
  inset-block-start: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 2rem
}

._buttonContainer_874qw_47 button {
  border: none;
  background-color: transparent;
  cursor: pointer
}

._buttonContainer_874qw_47 button svg {
  color: #fffc;
  font-size: 36px
}

._pagination_874qw_67 {
  gap: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .9rem
}

._pagination_874qw_67 ._point_874qw_74 {
  background: #d2183b;
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  cursor: pointer;
  opacity: .4
}

._pagination_874qw_67 ._currentPoint_874qw_82 {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1rem;
  background: #d2183b;
  opacity: 1
}

@media screen and (min-width: 1024px) {
  ._pagination_874qw_67 {
    display: flex
  }
}

._rewardUnlocked_qbqzz_2 {
  width: 25.3rem;
  height: auto;
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 2rem 3rem #191c321a;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABsCAYAAADufnWPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYsSURBVHgB7d1PaBxVHAfw3++93axWJBNFSP/QTAX/YIWOpWAPQid48WSrXrxlC3qURKVSUNmNooKXbi8iBc16UIuISS7iyaaXnsRtsRAtlOzakKT+240m2T8z836+N7NpS8gmzWRjTfL7lN2dbmcX+t3f/ubN29lZAMYYY4wxxhhjbFso2Lb14+6HD6y2XgJYTDtskRCFQs/+IhCMkQryByd/Pr90LQQWS2G340gJBdDpmhSJwtsiIg0m6v65x6bHS2Y9ASwWKaQtdQOQkARBCR2kvpC0USWG/GRq7Ke9Tsasty0CLh8+aZcPvZuBNkpB6qgJFiEKV1KCzCUKOmHr22zBdqxtEbBMiox+A2enH//AhTYY73ZtBNknMWmCvVnBi0FH1UyduKNzWwRMARTNraTUN7/aHx2DdUrqFwwpgUJJMuFGlZvE6NJsG5CcfXDiQmlbBNx54f1BvQUa04uYwI4CrMPEnmcyOtB0WKXNQM2tpCjsMPhoecysv202cvf98FYvkN+7a+KlEsQ0ufvZPiSRRYqqNLqNWoPuxSibLSIMGuVn5jE8TLtNU3uO9SsFpwipmZkKR2bh382SCAdr4SIKzPdc+/a4WYt3NFYx3f2iCxhkdHauMAGacW+IwtFvNAKmKFsTN0Ex8BqDi4/nCoYwRDshOtII2KMLcwxRWQGQrf/J0aG5eueBFESVGwUchWxKd/H+sKIRKo1AHdw3M1JcfG4O+BbT3Wm98wBZgXBUh2dFUd68hhvL1EyuuayLWIdbAoW9O2fOFm99Tg54GWUrbcFdeFQ31rR+07vQ7LbNLttci6K+gDCrFOUWanOn91VGKkufiwNeRRj23dJVIFwdVg+QsnRqFQWqpDO++E8NRvZV8hVgjDHG2H9sYfTpXO3rJ9c1AfN/dscnexDhgB72HCgPORZsQXd+No3ovJkfSaVUGlj7lYddqzp82AbGGGOMMcYYY4wxxhhjy/luV3ZouDtrwzrxwX9LfL/nlSM+pXJKKSdFO8wBJa/COvCXYJao+7KEQLa+jNTrtcG1Pv7slRP9n//y2o3vg/ChU8sYtgas5yq5NR8O9eX4SVtIOOcF1Z6GqpXqjfnjHHAbDV/NDvmq1lf3a9gIqvrdUOUW0U66b5fMB7hmufnFRA64nV546J0skfl0nIqIUXPgFrFBPrn8crrh1/qAMcYYY4yxbWbefSPDOxobpOyetBMKJ3g+eIPIQGTM92s54A2iFDrIAW8gJcFUMM+mbRC/VrtEigPeMF717zzpKt5UBgoTlj1csB746ooDm8D1/a9PbKoKvl7vGLr/nq6/PCn7YROo16YHN9VGTn9acFoAjYIQI7AJ7L36RR4YY4wxxmLZ0tOV1Wu2GyCWf/doNpVCKs93OFUl8NAj420d5k3tfL5HBg1rocPv8sHX95jrGlBSbPXpSsz4SrgpPSNQrWI4+aLvy+ur2AHPuScc79qsrRYaRwLw9AvoOwo9qAtzdlDzh0ChOXmdXgo82tIB6/9uJTpIzJxYBcxRY0gqPCflmlV7T+hAKUuVhgXz/mn9Wp0PKBg1p/5TCQUBKIjOCxhAoJQdLifh4tYOmFSeSJo+aClzVF74KwEwupbnKLsDVoJSwwGBC5VG0S/iE12VT2/70Fb+yGgVs0+9WUAkB4QC/LPWe+/l3NhaHs8T7isoH347rd/pju6qgFVVXGu4Bs8Hr4REn5k017dAHl2CGLiCV0LCDbeRSt34JYO14oBb+M15zyEVhBspMmMQIWOdwpYDbiGJ2EmmNTS/E6BUvG7KPbgFnwI0OyamB0c7KAri4IBbSuhwRXhmcVPJELOCuUW0oqcUSOrKVdEOsAIOuK0SKMmn6FT4YOYWvEasjRy3iBZ8PXRYHAOHVbxQKUIMHHALQSAcAAnmN3SoXgXPa1yEGLhFtKLkEUIzQaSr2Jsf2zmTL0IMHPAyph89ZevRw7FwZOZVwJ//4zjExC1iOUFHxkxzgvIB69cH41avwRW8xJT9cT8plZZqDoRXGnxg8kwW1oHng28xtfdMv4C5XEcwU0FVGeyaPpODdeKAmybtD53OejkDVL3k1yDXFeOEHGwFZA1syV9BYIwxxthm9S9ACKanDUu+AgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABsCAYAAABD/20mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATsSURBVHgB7d1baBxVGAfw78xls8HYTgtCYms7K1RSb52ISPWlm4LY4kvyUMFCcSsUfBCMPogvZTe+KO3DRhG8YEgCQlEpiQhGRdktRawiZkMfUmp1tjVrYhvdaWmS3Z2ZczwbsRCbNE261+7/tw+7sDvDsP85c+Z8cyOqkKy9zbpgb4uv9DvbbjcnzrXbp8+2JwjKSqEKmRVMXHH1oZV+FwqdSTsudeYFf4sAAKBWPH3y90TrsG0S1C2N1ujUJa9vlhHAjWV79pjZnictgvoRPDZhrjt+boBuUTZiGVQm/e1vRz7c/s5WglW74VBP0fV4i6pEHhpN2098+8ea/+ANgymHyqQQ0MKeriTjVrxsK9jtatnw9U/OWk2MdQVVuQVQmdmiefb+U5mBQz9O1tTmOx9QtuYCiklqU5hgVZYN333mvlSLrnTfoStOcQVoVhk1KSys+m7ZWvFayPDNfEATOZ059ubOXRP3PJ44veXR7PiWHSJlPjDwc9t2dAnLWHF/feeoba4LqrGNQeU5+R75oKNtxSpdpVzctM8a2xBKBLw5I3T1V8cn1/CZS5xc4TH3MmeFJGeewxmPPWJPnCdY5KYHa5Ex2xjsCNVUqy+a2rQvwoUf5cw3ZfjEmZvM03xvTtNSHenkwvK+umcoWiA+1PflwTTBNTc9zq/F4IvaMp8O2kbXyHTrXVbr9EzqXueL65aTcWGpATUsP3YSXLPmIk85fLP55Zd8oTtPZY6sqmsJOSMOOZRc7ntGwiLB0Pf/T02E//WmQ5ZCzcOca6YQgexoa+zE3ulYmkrg8O7+iE/MJLknAItV7JDuckZbXzBVpSnBSTcF6STDN4gHo1QCsfC7piLo33kJMUiwSNXDb1LFetni1wtRDF5PyY307r0XXztIJaD5elQhZsoZk85FL8EiVQ9/d+b9cZ8Cr8iy0sj8POvcO304SSUiW73s62VvT2zwTezpX6fq4RftyRzpm5tTD3Y7sdKOKBgtlHx9dx6tfgk1EX5RyYOXBPFi6OMv/vIV6v5LuO2PyL8e7o8cOPN5UlfZgGDc4UKWpxlPe+QxTp4cAxRHAQXhKcKU1UBDLfCe+6fGGqIa2DCnY0y1dpm+ymKCiR1C+JYMXghWDN+XL0/uGPjFlUHIUvB44Yrb2eGkarKoVUoNey6OrAoaZORkd+AbnucamkbpHBVfQee/sjAAAAAAAAAAAAAAAEAtqdqBna7vbTNX0HfluG/NecLM+8K46hLlPa93sntbkqDsKn727v4fMlEZdCQnAy9w7hQ4GylwSs354nxB+JTzCCqk4uF7XKRl+H2znvdZsjOUJgAAAAAAAAAAqJ6sFcMlUHVOmW57tmc1E0yZcfMv62iUAszOhnuwAtQxRSU9PnP3gYFs2/4Vb1vyZ+i9HSzIfhPMiymqu16jIG6pWsfYTNvzw0TcYCQMQWRzxi/rTPRtyHw0vtQElx48+rfWnBvXgnOxO0++cYKgcdgm+noAAAAAAAAAAAAAAAAAAAAAAAAAgLo0f2ynSVBVVXnAUv74Y1EKBhJiOIwzgauo4uHnPn44zkmJkaoR68bjTKqp4uErenCQKVoqqFKYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOrdxmE72j5qhwkaysJVui0KdW1uVhORny50ETSefd9NRggAGsM/yC3XZlHllhUAAAAASUVORK5CYII=);
  background-position: right top, left top;
  background-repeat: no-repeat, no-repeat
}

._rewardUnlocked_qbqzz_2 ._checkImg_qbqzz_13 {
  width: 8.9rem;
  height: 8.9rem;
  display: inline-flex
}

._rewardUnlocked_qbqzz_2 ._checkImg_qbqzz_13 img {
  width: 100%
}

._rewardUnlocked_qbqzz_2 h3 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: .8rem;
  color: #e4002b;
  padding: 6px 0
}

._rewardUnlocked_qbqzz_2 p {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-align: center;
  color: #393f52;
  padding: 9px 7px
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 2.8rem;
  padding-inline: 1rem;
  gap: 6px
}

@media screen and (min-width: 1024px) {
  ._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 {
    padding-bottom: 1.8rem
  }
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._copiedContainer_qbqzz_51 {
  background: #393f52;
  color: #fff;
  box-shadow: 0 6px 10px #00000040;
  border-radius: 6px;
  position: absolute;
  top: -4rem;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  padding: .7rem 1.5rem
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._copiedContainer_qbqzz_51:after {
  width: 1rem;
  height: 1ren;
  border-top: solid 10px #393f52;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translate(-50%)
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._copiedContainer_qbqzz_51 ._copiedInner_qbqzz_75 {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #fff;
  white-space: nowrap
}

@media screen and (min-width: 768px) {
  ._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 {
    padding-bottom: 3.2rem;
    padding-inline: 2.4rem;
    gap: 11px
  }
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._clickToCopy_qbqzz_89 {
  background: #fff;
  box-shadow: 0 3.84615px 3.84615px #b4b4b440;
  border-radius: 5px;
  text-align: center;
  height: 2rem;
  width: 2rem;
  min-width: 2rem;
  padding: 5px;
  cursor: pointer
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._clickToCopy_qbqzz_89 ._copyInput_qbqzz_100 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  left: 0
}

@media screen and (min-width: 768px) {
  ._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._clickToCopy_qbqzz_89 {
    height: 2.6rem;
    width: 2.6rem;
    padding: 6px 2px
  }
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._clickToCopy_qbqzz_89 span svg {
  font-size: 1.5rem;
  color: #41416e
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._clickToCopy_qbqzz_89 img {
  max-width: 100%
}

._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._couponCode_qbqzz_121 {
  color: #41416e;
  background: #fff;
  box-shadow: 0 3.84615px 3.84615px #b4b4b440;
  border-radius: .5rem;
  padding: .4rem .5rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
  text-align: center
}

@media screen and (min-width: 768px) {
  ._rewardUnlocked_qbqzz_2 ._couponWrapper_qbqzz_36 ._couponCode_qbqzz_121 {
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding: .4rem .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

._rewardUnlocked_qbqzz_2 ._applyNow_qbqzz_142 {
  display: block;
  color: #fff;
  background: #e4002B;
  text-align: center;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.3rem;
  border-top: 1.8px dashed;
  padding: 1.1rem 1.4rem
}

@media screen and (min-width: 1024px) {
  ._rewardUnlocked_qbqzz_2 ._applyNow_qbqzz_142 {
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding: 1.2rem 1.4rem
  }
}

._rewardUnlocked_qbqzz_2 ._applyNow_qbqzz_142 svg {
  vertical-align: middle;
  margin-left: 3px
}

._replaceContainer_qbqzz_168 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  padding: 0 2.6rem;
  width: min-content;
  min-width: 300px
}

@media screen and (min-width: 1024px) {
  ._replaceContainer_qbqzz_168 {
    width: auto;
    min-width: auto
  }
}

._replaceContainer_qbqzz_168 span {
  background: #fc8c1c;
  border-radius: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4.7rem;
  height: 4.7rem;
  margin-block-start: 3rem
}

._replaceContainer_qbqzz_168 span svg {
  color: #fff;
  font-size: 2rem
}

._replaceContainer_qbqzz_168 h4 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2rem;
  color: #e4002b;
  margin-block-start: 1.7rem;
  margin-block-end: 2.2rem
}

._replaceContainer_qbqzz_168 p {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #393f52;
  text-align: center
}

._replaceContainer_qbqzz_168 ._couponBtnContainer_qbqzz_214 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 2rem;
  width: calc(100% + 5.2rem)
}

@media screen and (min-width: 768px) {
  ._replaceContainer_qbqzz_168 ._couponBtnContainer_qbqzz_214 {
    padding: 2rem 0;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 2rem
  }
}

._replaceContainer_qbqzz_168 ._couponBtnContainer_qbqzz_214 ._cancle_qbqzz_230 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 4.6rem;
  color: #393f52;
  background: #fff;
  padding: 0 4rem;
  border-radius: .4rem;
  cursor: pointer;
  border: none;
  margin-bottom: 1rem;
  text-decoration: underline
}

@media screen and (min-width: 768px) {
  ._replaceContainer_qbqzz_168 ._couponBtnContainer_qbqzz_214 ._cancle_qbqzz_230 {
    border: 1px solid rgba(57, 63, 82, .16);
    margin-bottom: 0;
    text-decoration: none
  }
}

._replaceContainer_qbqzz_168 ._couponBtnContainer_qbqzz_214 ._replace_qbqzz_168 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 4.8rem;
  color: #fff;
  background: #e4002B;
  padding: 0 4rem;
  cursor: pointer;
  border: none;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem
}

@media screen and (min-width: 768px) {
  ._replaceContainer_qbqzz_168 ._couponBtnContainer_qbqzz_214 ._replace_qbqzz_168 {
    border-radius: .4rem
  }
}

._validFor_qbqzz_268 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #fff2ea;
  gap: .5rem;
  font-size: 1.5rem;
  color: var(--clr-orange-500);
  padding-block: 1rem
}

._validFor_qbqzz_268 ._boldText_qbqzz_278 {
  font-weight: 600
}

._badge_1jdak_2 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 3rem;
  border-radius: 1rem
}

._warningHeadText_1jdak_9 p {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._rewardApplyDesc_1jdak_15 {
  text-align: center;
  padding-inline: 2rem
}

._rewardApplyDesc_1jdak_15 p {
  font-size: 1.2rem;
  font-weight: 500
}

._confettiBody_1jdak_24 {
  padding-top: 2.5rem;
  gap: 1.3rem;
  display: flex;
  flex-direction: column !important;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._confettiBody_1jdak_24 {
    max-width: 25.5rem
  }
}

._circle_1jdak_37 {
  height: 7.6rem;
  width: 7.6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_1jdak_37 ._icon_1jdak_46 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-100)
}

._buttonContainer_1jdak_52 {
  width: 100%;
  height: 4rem;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._buttonContainer_1jdak_52 ._button_1jdak_52 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-light-100);
  text-align: center
}

._main_1mt61_2 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media (min-width: 992px) {
  ._main_1mt61_2 {
    width: 40rem
  }
}

@media (min-width: 992px) {
  ._main_1mt61_2 ._viewProfileCard_1mt61_12 {
    display: flex;
    justify-content: space-between
  }
}

._root_1mt61_18 {
  text-align: center;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._root_1mt61_18 ._badge_1mt61_23 {
    background: var(--clr-light-100)
  }
}

._root_1mt61_18 ._main_1mt61_2 {
  padding: 3rem 2rem;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_1mt61_18 ._main_1mt61_2 {
    padding: 1rem 2rem
  }
}

._rightPopper_1mt61_37 {
  transform: scaleX(-1)
}

._popperContainer_1mt61_41 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between
}

._circle_1mt61_50 {
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_1mt61_50 ._icon_1mt61_59 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-100)
}

._titleHeadText_1mt61_65 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._subtitleText_1mt61_71 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 3rem;
  text-align: center;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._subtitleText_1mt61_71 {
    font-size: 1.8rem
  }
}

._productList_1mt61_85 {
  margin-top: 2.2rem;
  display: block;
  text-align: start;
  padding: 1rem
}

._productList_1mt61_85 ._titleText_1mt61_91 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: var(--clr-dark-300);
  margin-bottom: .5rem
}

@media screen and (min-width: 1024px) {
  ._productList_1mt61_85 ._productSelection_1mt61_100 {
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    border: .1rem dashed #D9DAEC;
    border-radius: .4rem;
    background: #FAFAFB
  }
}

@media screen and (min-width: 1024px) {
  ._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110:not(:last-child) {
    border-bottom: .1rem solid rgba(57, 63, 82, .2);
    padding-bottom: 1rem
  }
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 {
  cursor: pointer;
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: .5rem 1rem;
  margin-bottom: .5rem;
  border: .1rem dashed #D9DAEC;
  border-radius: .4rem;
  background: #FAFAFB
}

@media screen and (min-width: 1024px) {
  ._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 {
    margin: 1rem 1.5rem;
    border: none;
    border-radius: 0
  }
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._product_1mt61_85 {
  display: flex
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._product_1mt61_85 ._productTextContainer_1mt61_136 {
  padding: 1rem 2rem
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._product_1mt61_85 ._productTextContainer_1mt61_136 ._productName_1mt61_139 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400)
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._product_1mt61_85 ._productTextContainer_1mt61_136 ._productPriceContainer_1mt61_146 {
  margin-top: .2rem;
  display: flex
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._product_1mt61_85 ._productTextContainer_1mt61_136 ._productPriceContainer_1mt61_146 ._originalPrice_1mt61_150 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  text-decoration-line: line-through;
  color: #8f8f8e;
  margin-inline-end: .5rem
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._product_1mt61_85 ._productTextContainer_1mt61_136 ._productPriceContainer_1mt61_146 ._discountPrice_1mt61_160 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  color: #1da81b
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._productImage_1mt61_168 {
  width: 6.5rem;
  height: 6.5rem
}

._productList_1mt61_85 ._productSelection_1mt61_100 ._productItem_1mt61_110 ._selectorContainer_1mt61_172 {
  align-self: center
}

._actionContainer_1mt61_176 {
  width: 100%;
  display: flex;
  padding: 1rem
}

._actionContainer_1mt61_176 ._addBtn_1mt61_181 {
  width: inherit;
  height: 5rem
}

@media screen and (min-width: 1024px) {
  ._actionContainer_1mt61_176 ._addBtn_1mt61_181 {
    margin-bottom: 2rem
  }
}

._actionContainer_1mt61_176 ._removeBtn_1mt61_190 {
  width: inherit;
  height: 5rem;
  margin-inline-end: 1.5rem
}

._exploreMenuCard_qizrl_2 {
  background-color: #fff;
  padding-inline: 2.5rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABsCAYAAADufnWPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAYsSURBVHgB7d1PaBxVHAfw3++93axWJBNFSP/QTAX/YIWOpWAPQid48WSrXrxlC3qURKVSUNmNooKXbi8iBc16UIuISS7iyaaXnsRtsRAtlOzakKT+240m2T8z836+N7NpS8gmzWRjTfL7lN2dbmcX+t3f/ubN29lZAMYYY4wxxhhjbFso2Lb14+6HD6y2XgJYTDtskRCFQs/+IhCMkQryByd/Pr90LQQWS2G340gJBdDpmhSJwtsiIg0m6v65x6bHS2Y9ASwWKaQtdQOQkARBCR2kvpC0USWG/GRq7Ke9Tsasty0CLh8+aZcPvZuBNkpB6qgJFiEKV1KCzCUKOmHr22zBdqxtEbBMiox+A2enH//AhTYY73ZtBNknMWmCvVnBi0FH1UyduKNzWwRMARTNraTUN7/aHx2DdUrqFwwpgUJJMuFGlZvE6NJsG5CcfXDiQmlbBNx54f1BvQUa04uYwI4CrMPEnmcyOtB0WKXNQM2tpCjsMPhoecysv202cvf98FYvkN+7a+KlEsQ0ufvZPiSRRYqqNLqNWoPuxSibLSIMGuVn5jE8TLtNU3uO9SsFpwipmZkKR2bh382SCAdr4SIKzPdc+/a4WYt3NFYx3f2iCxhkdHauMAGacW+IwtFvNAKmKFsTN0Ex8BqDi4/nCoYwRDshOtII2KMLcwxRWQGQrf/J0aG5eueBFESVGwUchWxKd/H+sKIRKo1AHdw3M1JcfG4O+BbT3Wm98wBZgXBUh2dFUd68hhvL1EyuuayLWIdbAoW9O2fOFm99Tg54GWUrbcFdeFQ31rR+07vQ7LbNLttci6K+gDCrFOUWanOn91VGKkufiwNeRRj23dJVIFwdVg+QsnRqFQWqpDO++E8NRvZV8hVgjDHG2H9sYfTpXO3rJ9c1AfN/dscnexDhgB72HCgPORZsQXd+No3ovJkfSaVUGlj7lYddqzp82AbGGGOMMcYYY4wxxhhjy/luV3ZouDtrwzrxwX9LfL/nlSM+pXJKKSdFO8wBJa/COvCXYJao+7KEQLa+jNTrtcG1Pv7slRP9n//y2o3vg/ChU8sYtgas5yq5NR8O9eX4SVtIOOcF1Z6GqpXqjfnjHHAbDV/NDvmq1lf3a9gIqvrdUOUW0U66b5fMB7hmufnFRA64nV546J0skfl0nIqIUXPgFrFBPrn8crrh1/qAMcYYY4yxbWbefSPDOxobpOyetBMKJ3g+eIPIQGTM92s54A2iFDrIAW8gJcFUMM+mbRC/VrtEigPeMF717zzpKt5UBgoTlj1csB746ooDm8D1/a9PbKoKvl7vGLr/nq6/PCn7YROo16YHN9VGTn9acFoAjYIQI7AJ7L36RR4YY4wxxmLZ0tOV1Wu2GyCWf/doNpVCKs93OFUl8NAj420d5k3tfL5HBg1rocPv8sHX95jrGlBSbPXpSsz4SrgpPSNQrWI4+aLvy+ur2AHPuScc79qsrRYaRwLw9AvoOwo9qAtzdlDzh0ChOXmdXgo82tIB6/9uJTpIzJxYBcxRY0gqPCflmlV7T+hAKUuVhgXz/mn9Wp0PKBg1p/5TCQUBKIjOCxhAoJQdLifh4tYOmFSeSJo+aClzVF74KwEwupbnKLsDVoJSwwGBC5VG0S/iE12VT2/70Fb+yGgVs0+9WUAkB4QC/LPWe+/l3NhaHs8T7isoH347rd/pju6qgFVVXGu4Bs8Hr4REn5k017dAHl2CGLiCV0LCDbeRSt34JYO14oBb+M15zyEVhBspMmMQIWOdwpYDbiGJ2EmmNTS/E6BUvG7KPbgFnwI0OyamB0c7KAri4IBbSuhwRXhmcVPJELOCuUW0oqcUSOrKVdEOsAIOuK0SKMmn6FT4YOYWvEasjRy3iBZ8PXRYHAOHVbxQKUIMHHALQSAcAAnmN3SoXgXPa1yEGLhFtKLkEUIzQaSr2Jsf2zmTL0IMHPAyph89ZevRw7FwZOZVwJ//4zjExC1iOUFHxkxzgvIB69cH41avwRW8xJT9cT8plZZqDoRXGnxg8kwW1oHng28xtfdMv4C5XEcwU0FVGeyaPpODdeKAmybtD53OejkDVL3k1yDXFeOEHGwFZA1syV9BYIwxxthm9S9ACKanDUu+AgAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABsCAYAAABD/20mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATsSURBVHgB7d1baBxVGAfw78xls8HYTgtCYms7K1RSb52ISPWlm4LY4kvyUMFCcSsUfBCMPogvZTe+KO3DRhG8YEgCQlEpiQhGRdktRawiZkMfUmp1tjVrYhvdaWmS3Z2ZczwbsRCbNE261+7/tw+7sDvDsP85c+Z8cyOqkKy9zbpgb4uv9DvbbjcnzrXbp8+2JwjKSqEKmRVMXHH1oZV+FwqdSTsudeYFf4sAAKBWPH3y90TrsG0S1C2N1ujUJa9vlhHAjWV79pjZnictgvoRPDZhrjt+boBuUTZiGVQm/e1vRz7c/s5WglW74VBP0fV4i6pEHhpN2098+8ea/+ANgymHyqQQ0MKeriTjVrxsK9jtatnw9U/OWk2MdQVVuQVQmdmiefb+U5mBQz9O1tTmOx9QtuYCiklqU5hgVZYN333mvlSLrnTfoStOcQVoVhk1KSys+m7ZWvFayPDNfEATOZ059ubOXRP3PJ44veXR7PiWHSJlPjDwc9t2dAnLWHF/feeoba4LqrGNQeU5+R75oKNtxSpdpVzctM8a2xBKBLw5I3T1V8cn1/CZS5xc4TH3MmeFJGeewxmPPWJPnCdY5KYHa5Ex2xjsCNVUqy+a2rQvwoUf5cw3ZfjEmZvM03xvTtNSHenkwvK+umcoWiA+1PflwTTBNTc9zq/F4IvaMp8O2kbXyHTrXVbr9EzqXueL65aTcWGpATUsP3YSXLPmIk85fLP55Zd8oTtPZY6sqmsJOSMOOZRc7ntGwiLB0Pf/T02E//WmQ5ZCzcOca6YQgexoa+zE3ulYmkrg8O7+iE/MJLknAItV7JDuckZbXzBVpSnBSTcF6STDN4gHo1QCsfC7piLo33kJMUiwSNXDb1LFetni1wtRDF5PyY307r0XXztIJaD5elQhZsoZk85FL8EiVQ9/d+b9cZ8Cr8iy0sj8POvcO304SSUiW73s62VvT2zwTezpX6fq4RftyRzpm5tTD3Y7sdKOKBgtlHx9dx6tfgk1EX5RyYOXBPFi6OMv/vIV6v5LuO2PyL8e7o8cOPN5UlfZgGDc4UKWpxlPe+QxTp4cAxRHAQXhKcKU1UBDLfCe+6fGGqIa2DCnY0y1dpm+ymKCiR1C+JYMXghWDN+XL0/uGPjFlUHIUvB44Yrb2eGkarKoVUoNey6OrAoaZORkd+AbnucamkbpHBVfQee/sjAAAAAAAAAAAAAAAEAtqdqBna7vbTNX0HfluG/NecLM+8K46hLlPa93sntbkqDsKn727v4fMlEZdCQnAy9w7hQ4GylwSs354nxB+JTzCCqk4uF7XKRl+H2znvdZsjOUJgAAAAAAAAAAqJ6sFcMlUHVOmW57tmc1E0yZcfMv62iUAszOhnuwAtQxRSU9PnP3gYFs2/4Vb1vyZ+i9HSzIfhPMiymqu16jIG6pWsfYTNvzw0TcYCQMQWRzxi/rTPRtyHw0vtQElx48+rfWnBvXgnOxO0++cYKgcdgm+noAAAAAAAAAAAAAAAAAAAAAAAAAgLo0f2ynSVBVVXnAUv74Y1EKBhJiOIwzgauo4uHnPn44zkmJkaoR68bjTKqp4uErenCQKVoqqFKYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOrdxmE72j5qhwkaysJVui0KdW1uVhORny50ETSefd9NRggAGsM/yC3XZlHllhUAAAAASUVORK5CYII=);
  background-position: right top, left top;
  background-repeat: no-repeat, no-repeat
}

._exploreMenuCard_qizrl_2 ._heading_qizrl_13 {
  color: var(--clr-primary-400);
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 2.3rem
}

._exploreMenuCard_qizrl_2 ._subHeading_qizrl_19 {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--clr-dark-400);
  font-size: 1.8rem;
  font-weight: 600;
  width: 60%
}

._head_qizrl_13 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem
}

._itemDetail_qizrl_37 {
  display: flex;
  flex-direction: row;
  background: #f4f4f4;
  padding: 1rem;
  width: 100%;
  margin: 1rem 0;
  border-radius: 2rem;
  gap: 1rem
}

._itemDetail_qizrl_37 ._content_qizrl_47 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center
}

._itemDetail_qizrl_37 h6 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.6rem;
  color: #666
}

._itemDetail_qizrl_37 h4 {
  font-size: 1.5rem;
  line-height: 1.6rem;
  color: #1da81b
}

._details_qizrl_65 {
  width: 100%
}

._details_qizrl_65 ._listTitle_qizrl_68 {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 2.2rem;
  display: block;
  color: #000
}

._details_qizrl_65 ._list_qizrl_68 {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #666;
  margin-inline-start: 1.2rem;
  margin-block: .8rem
}

._cta_qizrl_84 {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  padding: 1rem
}

._cta_qizrl_84 button {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 1rem 0
}

._textGray_qizrl_99 {
  color: #666
}

._faqLink_qizrl_103 {
  cursor: pointer;
  margin-inline-start: .3rem;
  color: #000;
  text-decoration: underline
}

._faqLink_qizrl_103:hover {
  text-decoration: none
}

._rewardDetails_r0yjf_2 {
  padding: 0 30px;
  max-width: 550px;
  width: 100%
}

@media screen and (min-width: 768px) {
  ._rewardDetails_r0yjf_2 {
    min-width: 40rem
  }
}

._rewardDetails_r0yjf_2 ._rewardDetailsPaper_r0yjf_12 {
  background: #fff;
  border-radius: 2rem;
  padding: 1rem 0 0;
  position: relative
}

._rewardDetails_r0yjf_2 ._rewardDetailsPaper_r0yjf_12 ._paperImage_r0yjf_18 {
  text-align: center;
  height: 13.1rem
}

._rewardDetails_r0yjf_2 ._rewardDetailsPaper_r0yjf_12 ._paperImage_r0yjf_18 img {
  width: 100px
}

@media screen and (min-width: 768px) {
  ._rewardDetails_r0yjf_2 ._rewardDetailsPaper_r0yjf_12 ._paperImage_r0yjf_18 img {
    width: 100%;
    height: 13rem;
    aspect-ratio: 1;
    object-fit: contain
  }
}

._rewardDetails_r0yjf_2 h4 {
  color: #dd1e42;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.65rem
}

@media screen and (min-width: 768px) {
  ._rewardDetails_r0yjf_2 h4 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

._rewardDetails_r0yjf_2 a {
  color: #007aff;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 150%;
  z-index: 1;
  position: relative
}

@media screen and (min-width: 768px) {
  ._rewardDetails_r0yjf_2 h4 {
    color: #dd1e42;
    font-weight: 600
  }

  ._rewardDetails_r0yjf_2 p {
    font-weight: 400;
    font-size: 1.4rem;
    color: #6b6a6a
  }

  ._rewardDetails_r0yjf_2 a {
    color: #007aff;
    font-weight: 600;
    padding: 0px .8rem;
    z-index: 1;
    position: relative
  }
}

._redRibbon_r0yjf_73 {
  background: #e4002B;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, .25);
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
  color: #fff;
  padding: 8px 15px;
  margin-bottom: 1rem;
  position: relative;
  margin-left: -2.2rem;
  margin-right: -2.2rem
}

._redRibbon_r0yjf_73:before,
._redRibbon_r0yjf_73:after {
  content: "";
  position: absolute;
  top: 100%;
  background-color: #700303;
  width: 22px;
  height: 14px
}

._redRibbon_r0yjf_73:before {
  left: 0;
  clip-path: polygon(0 0, 100% 100%, 100% 0)
}

._redRibbon_r0yjf_73:after {
  right: 0;
  clip-path: polygon(0 0, 0 100%, 100% 0)
}

._heading_r0yjf_104 {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.1rem;
  text-align: center;
  padding: 5px
}

._textWrapper_r0yjf_112 {
  padding: 1rem 2rem 2rem
}

@media screen and (min-width: 768px) {
  ._textWrapper_r0yjf_112 {
    padding: 1rem 2rem
  }
}

._textWrapper_r0yjf_112 ._contentContainer_r0yjf_120 {
  padding-bottom: 9rem
}

._textWrapper_r0yjf_112 ul {
  margin: 9px 0;
  max-height: 17vh;
  overflow-y: auto
}

._textWrapper_r0yjf_112 ul li {
  list-style: none;
  padding: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #6b6a6a
}

@media screen and (min-width: 768px) {
  ._textWrapper_r0yjf_112 ul li {
    padding: 1px 8px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.1rem
  }
}

._textWrapper_r0yjf_112 a svg {
  vertical-align: middle
}

._ButtonText_r0yjf_148 {
  display: flex;
  justify-content: center;
  align-items: center;
  font: var(--ff-primary)
}

._ButtonText_r0yjf_148 ._UnlockText_r0yjf_154 {
  padding: 0 10px
}

._ButtonText_r0yjf_148 ._UnlockText_r0yjf_154 span {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.3rem
}

@media screen and (min-width: 768px) {
  ._ButtonText_r0yjf_148 ._UnlockText_r0yjf_154 span {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem
  }
}

._ButtonText_r0yjf_148 ._Points_r0yjf_169 {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4rem;
  border-inline-end: 1px solid #fff;
  padding-inline-end: 10px;
  font-family: var(--ff-primary);
  padding: .5rem .8rem
}

._ButtonText_r0yjf_148 ._Points_r0yjf_169 span {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px
}

._ButtonText_r0yjf_148 ._Points_r0yjf_169 span:last-child {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: .17rem;
  opacity: .8
}

._ButtonText_r0yjf_148 p {
  font-weight: 400;
  font-size: .8rem;
  line-height: 1.2rem;
  color: #fff;
  padding: 4px 0 0;
  text-transform: initial;
  font-family: var(--ff-primary)
}

@media screen and (min-width: 768px) {
  ._ButtonText_r0yjf_148 p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.2rem
  }
}

._Insufficient_r0yjf_209 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-align: center;
  color: #f69a0d
}

._Insufficient_r0yjf_209 ._button_r0yjf_216 {
  left: 50%;
  transform: translate(-50%)
}

._Insufficient_r0yjf_209 span {
  display: block;
  background: #fff
}

._couponWrapper_r0yjf_225 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 18px;
  padding-inline: 10px;
  gap: 5px
}

._couponWrapper_r0yjf_225 span {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7rem;
  text-align: center;
  color: #393f52
}

@media screen and (min-width: 768px) {
  ._couponWrapper_r0yjf_225 {
    padding-bottom: 20px;
    padding-inline: 10px;
    gap: 5px
  }
}

._couponWrapper_r0yjf_225:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid rgba(210, 24, 59, .005)
}

._couponWrapper_r0yjf_225 ._clickToCopy_r0yjf_257 {
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0 3.84615px 3.84615px #b4b4b440;
  border-radius: 5px;
  text-align: center;
  height: 20px;
  width: 20px;
  min-width: 20px;
  padding: 5px;
  position: relative
}

._couponWrapper_r0yjf_225 ._clickToCopy_r0yjf_257 ._copyInput_r0yjf_269 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  ._couponWrapper_r0yjf_225 ._clickToCopy_r0yjf_257 {
    height: 26px;
    width: 26px;
    padding: 6px 2px
  }
}

._couponWrapper_r0yjf_225 ._clickToCopy_r0yjf_257 span svg {
  font-size: 1.5rem;
  color: #41416e
}

._couponWrapper_r0yjf_225 ._clickToCopy_r0yjf_257 img {
  max-width: 100%
}

._couponWrapper_r0yjf_225 ._couponCode_r0yjf_289 {
  color: #41416e;
  background: #fff;
  box-shadow: 0 3.84615px 3.84615px #b4b4b440;
  border-radius: 5px;
  padding: .4rem .5rem;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem
}

@media screen and (min-width: 768px) {
  ._couponWrapper_r0yjf_225 ._couponCode_r0yjf_289 {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: center;
    color: #393f52;
    padding: 4px 8px
  }
}

._buttonContainer_r0yjf_311 {
  background: linear-gradient(360deg, #FFFFFF 55.51%, rgba(255, 255, 255, 0) 113.39%);
  border-radius: 0 0 20px 20px;
  bottom: 0rem;
  left: 50%;
  transform: translate(-50%);
  width: max-content;
  max-width: 90%;
  position: absolute
}

@media screen and (min-width: 1024px) {
  ._buttonContainer_r0yjf_311 {
    max-width: 76.7%;
    bottom: 0
  }
}

._buttonContainer_r0yjf_311 button {
  width: auto;
  margin: .7rem auto 1.5rem;
  padding: .9rem 1.5rem
}

@media media-md {
  ._buttonContainer_r0yjf_311 button {
    margin: 1rem auto 2.5rem
  }
}

._buttonContainer_r0yjf_311._active_r0yjf_337 {
  margin-top: -20px
}

[dir=rtl] ._image_r0yjf_341 {
  transform: scaleX(-1)
}

._mainBox_r0yjf_345 img {
  width: 100%;
  height: 13rem;
  aspect-ratio: 1;
  object-fit: contain
}

._rewardCardSkeleton_r0yjf_352 {
  display: block
}

._rewardCardSkeleton_r0yjf_352:after {
  top: 0
}

._rewardCardSkeleton_r0yjf_352:nth-child(1) {
  width: calc(100% - 80px);
  margin-inline: auto;
  padding-top: 62.5%;
  border-radius: 1rem
}

._cardContainerTitle_r0yjf_365 {
  width: 350px;
  padding-top: 0rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  padding-top: 1.5rem;
  padding-bottom: 1.8rem
}

@media screen and (min-width: 768px) {
  ._cardContainerTitle_r0yjf_365 {
    width: 490px
  }
}

._cardContainerTitle_r0yjf_365 ._rewardCardSkeleton_r0yjf_352 {
  width: calc(100% - 320px);
  margin-inline: auto;
  padding-top: 6%;
  border-radius: 1rem
}

._cardContainerPic_r0yjf_387 {
  width: 350px;
  padding-top: 0rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  padding-top: 1.5rem;
  border-radius: 2rem 2rem 0 0
}

@media screen and (min-width: 768px) {
  ._cardContainerPic_r0yjf_387 {
    width: 490px
  }
}

._cardContainerPic_r0yjf_387 ._rewardCardSkeleton_r0yjf_352 {
  width: 150px;
  margin-inline: auto;
  padding-top: 140px
}

._cardContainerPic_r0yjf_387 ._rewardCardSkeleton_r0yjf_352:after {
  top: 0
}

._cardContainerText_r0yjf_411 {
  width: 350px;
  padding-top: 0rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  padding-top: 1.5rem
}

@media screen and (min-width: 768px) {
  ._cardContainerText_r0yjf_411 {
    width: 490px
  }
}

._cardContainerText_r0yjf_411 ._rewardCardSkeleton_r0yjf_352 {
  width: calc(100% + -0px);
  margin-inline: auto;
  padding-top: 9%;
  border-radius: 0rem
}

._cardContainerText_r0yjf_411 ._rewardCardSkeleton_r0yjf_352:after {
  top: 0
}

._cardContainerStar_r0yjf_435 {
  width: 350px;
  padding: 1.5rem 0;
  border-radius: 0rem 0rem 2rem 2rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

@media screen and (min-width: 768px) {
  ._cardContainerStar_r0yjf_435 {
    width: 490px
  }
}

._cardContainerStar_r0yjf_435 ._rewardCardSkeleton_r0yjf_352 {
  width: calc(100% - 150px);
  margin-inline: auto;
  padding-top: 7.5%;
  border-radius: 1rem
}

._cardContainerStar_r0yjf_435 ._rewardCardSkeleton_r0yjf_352:after {
  top: 0
}

._cardContainerBtn_r0yjf_458 {
  width: 350px;
  padding-bottom: 1.5rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

@media screen and (min-width: 768px) {
  ._cardContainerBtn_r0yjf_458 {
    width: 490px
  }
}

._cardContainerBtn_r0yjf_458 ._rewardCardSkeleton_r0yjf_352 {
  width: calc(100% - 37px);
  margin-inline: auto;
  padding-top: 7.5%;
  border-radius: 1rem
}

._cardContainerBtn_r0yjf_458 ._rewardCardSkeleton_r0yjf_352:after {
  top: 0
}

._historyCard_r0yjf_481,
._historyCardText_r0yjf_482 {
  width: 350px;
  padding: .5rem 1.8rem 1rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

@media screen and (min-width: 768px) {

  ._historyCard_r0yjf_481,
  ._historyCardText_r0yjf_482 {
    width: 490px
  }
}

._historyCard_r0yjf_481 ._rewardCardSkeleton_r0yjf_352,
._historyCardText_r0yjf_482 ._rewardCardSkeleton_r0yjf_352 {
  width: calc(100% + -0px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCard_r0yjf_481 ._rewardCardSkeleton_r0yjf_352:after,
._historyCardText_r0yjf_482 ._rewardCardSkeleton_r0yjf_352:after {
  top: 0
}

._historyCardText_r0yjf_482 {
  padding-top: 0;
  border-radius: 0 0 1.6rem 1.6rem
}

._historyCardText_r0yjf_482 ._rewardCardSkeleton_r0yjf_352 {
  width: calc(100% - 348px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCardText_r0yjf_482 ._rewardCardSkeleton_r0yjf_352:after {
  top: 0
}

._couponDurationTextContainer_r0yjf_522 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  color: var(--clr-orange-500)
}

._couponDurationTextContainer_r0yjf_522 ._couponDurationText_r0yjf_522 {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  justify-content: center;
  align-items: center;
  border-radius: 1rem 1rem 0 0;
  background-color: #fff2ea;
  margin-block-end: -.7rem;
  width: 90%;
  text-align: center;
  padding-block: .6rem
}

._couponDurationTextContainer_r0yjf_522 ._couponDurationText_r0yjf_522 .MuiTypography-root {
  color: var(--clr-orange-500)
}

._couponDurationTextContainer_r0yjf_522 ._couponDurationText_r0yjf_522 .MuiTypography-root span {
  font-weight: 600
}

._freeTag_1eigs_2 {
  background-color: #fff;
  text-align: center
}

._freeTag_1eigs_2 img {
  max-width: 61px;
  height: auto
}

@media screen and (min-width: 768px) {
  ._freeTag_1eigs_2 img {
    max-width: 50%
  }
}

._tagMargin_1eigs_16 {
  margin-block: .8rem
}

._cardApplyNow_1y38k_2 {
  max-width: 400px
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 {
  position: relative;
  background-color: #fff
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-image: linear-gradient(359.43deg, rgba(255, 213, 220, .5) .39%, rgba(254, 242, 242, 0) 95%);
  z-index: 1
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  text-align: center;
  z-index: 0;
  margin-bottom: 10px;
  padding: 2px 15px
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 ._line_1y38k_29 {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  border: 2px dashed rgba(108, 109, 121, .15)
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 ._line_1y38k_29:before,
._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 ._line_1y38k_29:after {
  content: "";
  position: absolute;
  background: #f1f3f6;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  width: 24px
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 ._line_1y38k_29:before {
  left: -14px
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 ._line_1y38k_29:after {
  right: -14px
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 p {
  color: #666;
  display: inline-block;
  background-color: #fff;
  position: relative;
  padding-inline: 4px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  max-width: 98%
}

@media screen and (min-width: 768px) {
  ._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._cardInfo_1y38k_20 p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding-inline: 7px
  }
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 18px;
  padding-inline: 10px;
  gap: 6px
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._copiedContainer_1y38k_85 {
  background: #393f52;
  color: #fff;
  box-shadow: 0 6px 10px #00000040;
  border-radius: 6px;
  position: absolute;
  top: -4rem;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  padding: .7rem 1.5rem
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._copiedContainer_1y38k_85:after {
  width: 1rem;
  height: 1ren;
  border-top: solid 10px #393f52;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translate(-50%)
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._copiedContainer_1y38k_85 ._copiedInner_1y38k_109 {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #fff;
  white-space: nowrap
}

@media screen and (min-width: 768px) {
  ._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 {
    padding-bottom: 2rem;
    padding-inline: 2.4rem;
    gap: 11px
  }
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid rgba(210, 24, 59, .005)
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._clickToCopy_1y38k_131 {
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0 3.84615px 3.84615px #b4b4b440;
  border-radius: 5px;
  text-align: center;
  height: 2rem;
  width: 2rem;
  min-width: 20px;
  padding: 5px;
  position: relative
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._clickToCopy_1y38k_131 ._copyInput_1y38k_143 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  ._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._clickToCopy_1y38k_131 {
    height: 2.6rem;
    width: 2.6rem;
    padding: 6px 2px
  }
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._clickToCopy_1y38k_131 img {
  max-width: 100%
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._clickToCopy_1y38k_131 span svg {
  font-size: 1.2rem;
  color: #41416e
}

@media screen and (min-width: 768px) {
  ._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._clickToCopy_1y38k_131 span svg {
    font-size: 1.5rem
  }
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._couponCode_1y38k_168,
._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._couponCode_1y38k_168:focus {
  color: #41416e;
  padding: 4px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  line-height: 2rem;
  background: #FFFFFF;
  box-shadow: 0 3.84615px 3.84615px #b4b4b440;
  border-radius: 5px;
  border: none;
  width: 156px;
  height: 27px;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width: 768px) {

  ._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._couponCode_1y38k_168,
  ._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._couponCode_1y38k_168:focus {
    font-size: 16px;
    line-height: 19px;
    padding: 4px 8px
  }
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._infoIcon_1y38k_196 {
  color: #007aff;
  font-size: 16px;
  cursor: pointer
}

._cardApplyNow_1y38k_2 ._cardContent_1y38k_5 ._couponWrapper_1y38k_75 ._infoIcon_1y38k_196 svg {
  display: block
}

._header_1y38k_205 {
  position: relative
}

._header_1y38k_205:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/assets/apply-now-bg-4e5eba82.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  padding-top: 25%
}

._header_1y38k_205 ._headerImage_1y38k_220 {
  position: relative;
  padding-top: 60%
}

._header_1y38k_205 ._headerImage_1y38k_220 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  object-fit: contain
}

._applyNow_1y38k_233 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  border: 0;
  width: 100%;
  color: #fff;
  background: #E4002B;
  box-shadow: 0 -4px #e59cab;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.3rem
}

._applyNow_1y38k_233 span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: center
}

@media screen and (min-width: 768px) {
  ._applyNow_1y38k_233 {
    font-size: 16px;
    line-height: 19px
  }
}

._applyNow_1y38k_233 svg {
  vertical-align: middle;
  margin-left: 3px
}

._infoContainer_1y38k_268 {
  position: absolute;
  top: 0;
  inset-inline-end: -3px;
  width: 200px
}

[dir=rtl] ._applyNow_1y38k_233 svg {
  transform: scaleX(-1)
}

._showExpiryTime_1y38k_279 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background-color: #a90726;
  width: 50%;
  border-bottom-left-radius: 10px;
  padding-block: 14px
}

@media screen and (min-width: 768px) {
  ._showExpiryTime_1y38k_279 {
    padding-block: 14px
  }
}

._showExpiryTime_1y38k_279 ._expiryTextContainer_1y38k_295 {
  color: #fff;
  line-height: 1
}

._showExpiryTime_1y38k_279 ._expiryTextContainer_1y38k_295 ._smallText_1y38k_299 {
  font-weight: 400;
  font-size: 1.2rem
}

@media screen and (min-width: 768px) {
  ._showExpiryTime_1y38k_279 ._expiryTextContainer_1y38k_295 ._smallText_1y38k_299 {
    font-size: 1.4rem
  }
}

._showExpiryTime_1y38k_279 ._expiryTextContainer_1y38k_295 ._largeText_1y38k_308 {
  font-size: 1.4rem;
  font-weight: 600
}

@media screen and (min-width: 768px) {
  ._showExpiryTime_1y38k_279 ._expiryTextContainer_1y38k_295 ._largeText_1y38k_308 {
    font-size: 1.6rem
  }
}

._showExpiryTime_1y38k_279 svg {
  height: 2rem;
  width: 2rem
}

._halfWidth_1y38k_322 {
  width: 50%
}

._fullWidth_1y38k_326 {
  width: 100%
}

._dialogPaper_m96tn_2:has(._rewardDetails_m96tn_2) {
  background-color: transparent
}

._listContainer_m96tn_6 {
  padding-bottom: 4rem
}

._rewardDetails_m96tn_2 {
  padding: 0 30px;
  max-width: 334px
}

@media screen and (min-width: 768px) {
  ._rewardDetails_m96tn_2 {
    max-width: 550px
  }
}

._rewardDetails_m96tn_2 ._rewardDetailsPaper_m96tn_19 {
  background: #fff;
  border-radius: 2rem;
  padding: 2.2rem 0 0;
  position: relative
}

._rewardDetails_m96tn_2 ._rewardDetailsPaper_m96tn_19 ._paperImage_m96tn_25 {
  text-align: center
}

._rewardDetails_m96tn_2 ._rewardDetailsPaper_m96tn_19 ._paperImage_m96tn_25 img {
  width: 100px
}

@media screen and (min-width: 768px) {
  ._rewardDetails_m96tn_2 ._rewardDetailsPaper_m96tn_19 ._paperImage_m96tn_25 img {
    width: 100%;
    height: 13rem;
    aspect-ratio: 1;
    object-fit: contain
  }
}

._rewardDetails_m96tn_2 h4 {
  color: #dd1e42;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.65rem
}

@media screen and (min-width: 768px) {
  ._rewardDetails_m96tn_2 h4 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem
  }
}

._rewardDetails_m96tn_2 a {
  color: #007aff;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%
}

@media screen and (min-width: 768px) {
  ._rewardDetails_m96tn_2 h4 {
    color: #dd1e42;
    font-weight: 600;
    font-size: 16px
  }

  ._rewardDetails_m96tn_2 p {
    font-weight: 400;
    font-size: 14px;
    color: #6b6a6a
  }

  ._rewardDetails_m96tn_2 a {
    color: #007aff;
    font-weight: 600;
    padding: 0px .8rem
  }
}

._redRibbon_m96tn_76 {
  background: #e4002B;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, .25);
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.4rem;
  text-align: center;
  color: #fff;
  padding: .6rem 1.5rem;
  margin-bottom: 10px;
  position: relative;
  margin-left: -22px;
  margin-right: -22px
}

@media screen and (min-width: 768px) {
  ._redRibbon_m96tn_76 {
    font-size: 25px;
    line-height: 30px;
    padding: .8rem 1.5rem
  }
}

._redRibbon_m96tn_76:before,
._redRibbon_m96tn_76:after {
  content: "";
  position: absolute;
  top: 100%;
  background-color: #700303;
  width: 22px;
  height: 14px
}

._redRibbon_m96tn_76:before {
  left: 0;
  clip-path: polygon(0 0, 100% 100%, 100% 0)
}

._redRibbon_m96tn_76:after {
  right: 0;
  clip-path: polygon(0 0, 0 100%, 100% 0)
}

._heading_m96tn_114 {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.1rem;
  text-align: center;
  padding: 5px
}

._test_m96tn_122 {
  width: 100%;
  text-align: center;
  background: #fff
}

._textWrapper_m96tn_128 {
  padding: 1rem 2rem 2rem
}

._textWrapper_m96tn_128 ul {
  margin: .9rem 0px;
  max-height: 17vh;
  overflow-y: auto;
  list-style: none
}

._textWrapper_m96tn_128 ul li {
  list-style: none;
  padding: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6rem;
  color: #6b6a6a
}

@media screen and (min-width: 768px) {
  ._textWrapper_m96tn_128 ul li {
    padding: 1px 8px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.1rem
  }
}

._textWrapper_m96tn_128 a svg {
  vertical-align: middle
}

._ButtonText_m96tn_157 {
  display: flex;
  padding: 10px;
  justify-content: center;
  align-items: center
}

._ButtonText_m96tn_157 ._UnlockText_m96tn_163 {
  padding: 5px 12px
}

._ButtonText_m96tn_157 ._Points_m96tn_166 {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4rem
}

._ButtonText_m96tn_157 p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #fff;
  padding: 4px 0;
  text-transform: initial
}

._Insufficient_m96tn_182 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-align: center;
  color: #f69a0d
}

._couponWrapper_m96tn_190 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  padding-inline: 10px;
  gap: 5px
}

._couponWrapper_m96tn_190 span {
  text-align: center;
  color: #393f52;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem
}

@media screen and (min-width: 768px) {
  ._couponWrapper_m96tn_190 span {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7rem
  }
}

@media screen and (min-width: 768px) {
  ._couponWrapper_m96tn_190 {
    padding-bottom: 20px;
    padding-inline: 10px;
    gap: 5px
  }
}

._couponWrapper_m96tn_190:after {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid rgba(210, 24, 59, .005)
}

._couponWrapper_m96tn_190 ._clickToCopy_m96tn_231 {
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0 4px 4px #b4b4b440;
  border-radius: 5px;
  text-align: center;
  height: 2rem;
  width: 2rem;
  min-width: 20px;
  padding: 5px;
  position: relative
}

._couponWrapper_m96tn_190 ._clickToCopy_m96tn_231 ._copyInput_m96tn_243 {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  width: 100%
}

@media screen and (min-width: 768px) {
  ._couponWrapper_m96tn_190 ._clickToCopy_m96tn_231 {
    height: 26px;
    width: 26px;
    padding: .6rem .2rem
  }
}

._couponWrapper_m96tn_190 ._clickToCopy_m96tn_231 span svg {
  font-size: 1.5rem;
  color: #41416e
}

._couponWrapper_m96tn_190 ._clickToCopy_m96tn_231 img {
  max-width: 100%
}

._couponWrapper_m96tn_190 ._couponCode_m96tn_263 {
  color: #41416e;
  background: #fff;
  box-shadow: 0 4px 4px #b4b4b440;
  border-radius: 5px;
  padding: 4px 5px;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem
}

@media screen and (min-width: 768px) {
  ._couponWrapper_m96tn_190 ._couponCode_m96tn_263 {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: center;
    color: #393f52;
    padding: 4px .8rem
  }
}

._voucherBtn_m96tn_285 button {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  text-align: center;
  justify-content: center;
  text-transform: capitalize;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-top: .7rem !important;
  font: var(--ff-primary);
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.7rem
}

._voucherBtn_m96tn_285 ._sprinkals_m96tn_301 {
  bottom: calc(100% + .4rem)
}

._voucherBtn_m96tn_285 ._image_m96tn_304 {
  margin-inline-start: .8rem
}

._copiedContainer_m96tn_308 {
  background: #393F52;
  color: #fff;
  box-shadow: 0 6px 10px #00000040;
  border-radius: 6px;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  padding: .7rem 1.5rem
}

._copiedContainer_m96tn_308:after {
  width: 10px;
  height: 10px;
  border-top: solid 10px #393f52;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translate(-50%)
}

._copiedContainer_m96tn_308 ._copiedInner_m96tn_332 {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #fff;
  white-space: nowrap
}

._voucherError_m96tn_340 {
  background-color: #fff;
  padding: 4rem 2.5rem 2.5rem;
  border-radius: .75rem;
  margin-top: 1rem;
  font-size: 2rem
}

[dir=rtl] ._voucherBtn_m96tn_285 ._image_m96tn_304 {
  transform: scaleX(-1)
}

._rewardCardSkeleton_m96tn_352 {
  display: block;
  max-width: 304px
}

@media screen and (min-width: 768px) {
  ._rewardCardSkeleton_m96tn_352 {
    width: 490px;
    max-width: 49rem
  }
}

._rewardCardSkeleton_m96tn_352:after {
  top: 0
}

._rewardCardSkeleton_m96tn_352:nth-child(1) {
  width: calc(100% - 80px);
  margin-inline: auto;
  padding-top: 62.5%;
  border-radius: 1rem
}

._cardContainerTitle_m96tn_372 {
  max-width: 304px;
  padding-top: 0rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  padding-top: 1.5re;
  padding-bottom: 1.8rem
}

@media screen and (min-width: 768px) {
  ._cardContainerTitle_m96tn_372 {
    width: 490px;
    max-width: 49rem
  }
}

._cardContainerTitle_m96tn_372 ._rewardCardSkeleton_m96tn_352 {
  width: calc(100% - 320px);
  margin-inline: auto;
  padding-top: 6%;
  border-radius: 1rem
}

._cardContainerPic_m96tn_395 {
  max-width: 304px;
  padding-top: 0rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  padding-top: 1.5rem;
  border-radius: 2rem 2rem 0 0
}

@media screen and (min-width: 768px) {
  ._cardContainerPic_m96tn_395 {
    width: 490px;
    max-width: 49rem
  }
}

._cardContainerPic_m96tn_395 ._rewardCardSkeleton_m96tn_352 {
  width: 150px;
  margin-inline: auto;
  padding-top: 140px
}

._cardContainerPic_m96tn_395 ._rewardCardSkeleton_m96tn_352:after {
  top: 0
}

._cardContainerText_m96tn_420 {
  max-width: 304px;
  padding-top: 0rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  padding-top: 1.5rem
}

@media screen and (min-width: 768px) {
  ._cardContainerText_m96tn_420 {
    width: 490px;
    max-width: 49rem
  }
}

._cardContainerText_m96tn_420 ._rewardCardSkeleton_m96tn_352 {
  width: calc(100% + -0px);
  margin-inline: auto;
  padding-top: 9%;
  border-radius: 0rem
}

._cardContainerText_m96tn_420 ._rewardCardSkeleton_m96tn_352:after {
  top: 0
}

._cardContainerStar_m96tn_445 {
  max-width: 304px;
  padding: 1.5rem 0;
  border-radius: 0rem 0rem 2rem 2rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

@media screen and (min-width: 768px) {
  ._cardContainerStar_m96tn_445 {
    width: 490px;
    max-width: 49rem
  }
}

._cardContainerStar_m96tn_445 ._rewardCardSkeleton_m96tn_352 {
  width: calc(100% - 150px);
  margin-inline: auto;
  padding-top: 7.5%;
  border-radius: 1rem
}

._cardContainerStar_m96tn_445 ._rewardCardSkeleton_m96tn_352:after {
  top: 0
}

._cardContainerBtn_m96tn_469 {
  max-width: 304px;
  padding-bottom: 1.5rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

@media screen and (min-width: 768px) {
  ._cardContainerBtn_m96tn_469 {
    width: 490px;
    max-width: 49rem
  }
}

._cardContainerBtn_m96tn_469 ._rewardCardSkeleton_m96tn_352 {
  width: calc(100% - 37px);
  margin-inline: auto;
  padding-top: 7.5%;
  border-radius: 1rem
}

._cardContainerBtn_m96tn_469 ._rewardCardSkeleton_m96tn_352:after {
  top: 0
}

._historyCard_m96tn_493,
._historyCardText_m96tn_494 {
  max-width: 334px;
  padding: .5rem 1.8rem 1rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

@media screen and (min-width: 768px) {

  ._historyCard_m96tn_493,
  ._historyCardText_m96tn_494 {
    width: 490px;
    max-width: 49rem
  }
}

._historyCard_m96tn_493 ._rewardCardSkeleton_m96tn_352,
._historyCardText_m96tn_494 ._rewardCardSkeleton_m96tn_352 {
  width: calc(100% + -0px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCard_m96tn_493 ._rewardCardSkeleton_m96tn_352:after,
._historyCardText_m96tn_494 ._rewardCardSkeleton_m96tn_352:after {
  top: 0
}

._historyCardText_m96tn_494 {
  padding-top: 0;
  border-radius: 0 0 1.6rem 1.6rem
}

._historyCardText_m96tn_494 ._rewardCardSkeleton_m96tn_352 {
  width: calc(100% - 348px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCardText_m96tn_494 ._rewardCardSkeleton_m96tn_352:after {
  top: 0
}

._couponDurationTextContainer_m96tn_535 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  color: var(--clr-orange-500)
}

._couponDurationTextContainer_m96tn_535 ._couponDurationText_m96tn_535 {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  justify-content: center;
  align-items: center;
  border-radius: 1rem 1rem 0 0;
  background-color: #fff2ea;
  margin-block-end: -.7rem;
  width: 90%;
  text-align: center;
  padding-block: .6rem
}

._couponDurationTextContainer_m96tn_535 ._couponDurationText_m96tn_535 .MuiTypography-root {
  color: var(--clr-orange-500)
}

._couponDurationTextContainer_m96tn_535 ._couponDurationText_m96tn_535 .MuiTypography-root span {
  font-weight: 600
}

._main_1klzp_2 {
  background: var(--theme-backgroud-page);
  height: auto
}

._root_1klzp_7 {
  background-color: var(--theme-backgroud-page);
  display: flex;
  flex-direction: column !important;
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._root_1klzp_7 {
    min-width: 37.5rem;
    padding-bottom: 1rem;
    max-width: 37.5rem
  }
}

._root_1klzp_7 ._couponPaper_1klzp_20 {
  border-radius: 1rem;
  margin-inline: 1.6rem
}

._root_1klzp_7 ._pageHeadText_1klzp_24 {
  padding-inline: 1.6rem
}

._root_1klzp_7 ._pageHeadText_1klzp_24 p {
  font-size: 1.4rem;
  font-weight: 500
}

._badge_1klzp_32 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 3rem;
  border-radius: 1rem;
  z-index: 2
}

._couponContainer_1klzp_40 {
  display: flex;
  flex-direction: column !important;
  gap: 1.2rem;
  padding-inline: 1rem;
  position: relative
}

._couponContainer_1klzp_40 ._couponHeader_1klzp_47 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2
}

._couponContainer_1klzp_40 ._couponHeader_1klzp_47 ._headerText_1klzp_53 p {
  font-size: 1.4rem;
  font-weight: 500
}

._couponContainer_1klzp_40 ._couponHeader_1klzp_47 ._couponCode_1klzp_57 {
  border: 1px dashed var(--clr-primary-400);
  border-radius: .6rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .7;
  padding-inline: 1.2rem;
  padding-block: .8rem
}

._couponContainer_1klzp_40 ._couponDesc_1klzp_67 {
  z-index: 2
}

._couponContainer_1klzp_40 ._couponDesc_1klzp_67 p {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400);
  opacity: .9
}

._couponContainer_1klzp_40 ._couponDesc_1klzp_67 ._termsContainer_1klzp_76 {
  padding-bottom: 1.5rem;
  flex-direction: column;
  z-index: 2
}

._couponContainer_1klzp_40 ._termsContainer_1klzp_76 {
  z-index: 2;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  cursor: pointer
}

._couponContainer_1klzp_40 ._termsContainer_1klzp_76 ._terms_1klzp_76 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._couponContainer_1klzp_40 ._termsContainer_1klzp_76 ._terms_1klzp_76 p {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-left: .3rem
}

._couponContainer_1klzp_40 ._termsContainer_1klzp_76 ._terms_1klzp_76 ._iconArea_1klzp_99 ._icon_1klzp_99 {
  height: 1.2rem;
  width: 1.2rem;
  color: var(--clr-secondary-400)
}

._couponContainer_1klzp_40 ._termsContainer_1klzp_76 ._applyButton_1klzp_104,
._couponContainer_1klzp_40 ._termsContainer_1klzp_76 ._disableButton_1klzp_104 {
  background-color: var(--clr-primary-400);
  border-radius: .4rem;
  font-size: 1.3rem;
  font-weight: 700;
  padding-inline: 1.5rem;
  padding-block: 1rem;
  color: var(--clr-light-100);
  box-shadow: 0 6px 10px #de000033
}

._couponContainer_1klzp_40 ._termsContainer_1klzp_76 ._disableButton_1klzp_104 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: 0 6px 10px #dfd5d533;
  pointer-events: none
}

._couponContainer_1klzp_40 ._line_1klzp_119 {
  margin: .5rem 0;
  height: .09rem;
  margin-inline: -1rem;
  z-index: 1;
  width: 100%;
  border: .05rem dashed rgba(57, 63, 82, .3);
  border: none none
}

._couponContainer_1klzp_40 ._halfCircle_1klzp_128 {
  border-radius: 50%;
  background-color: var(--clr-light-300);
  height: 2.6rem;
  width: 2.6rem;
  z-index: 2
}

._couponContainer_1klzp_40 ._dashedArea_1klzp_135 {
  z-index: 2;
  display: flex;
  grid-template-columns: 1fr 12fr 1fr;
  align-items: center;
  margin-inline: -2.3rem
}

._warningHeadText_1klzp_143 p {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._rewardApplyDesc_1klzp_149 {
  text-align: center;
  padding-inline: 2rem
}

._rewardApplyDesc_1klzp_149 p {
  font-size: 1.2rem;
  font-weight: 500
}

._confettiBody_1klzp_158 {
  padding-top: 2.5rem;
  gap: 1.3rem;
  display: flex;
  flex-direction: column !important;
  align-items: center
}

._circle_1klzp_166 {
  height: 7.6rem;
  width: 7.6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_1klzp_166 ._icon_1klzp_99 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-100)
}

._buttonContainer_1klzp_181 {
  width: 100%;
  height: 4rem;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._buttonContainer_1klzp_181 ._button_1klzp_181 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-light-100);
  text-align: center
}

._noOfferContainer_1klzp_196 {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  padding-inline: 1.6rem;
  gap: 1.5rem
}

._noOfferContainer_1klzp_196 ._exploreMenu_1klzp_204 {
  background-color: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: .4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

._noOfferContainer_1klzp_196 ._exploreMenu_1klzp_204 ._button_1klzp_181 {
  color: var(--clr-light-100);
  padding-block: 1.5rem
}

._noOfferContainer_1klzp_196 ._text_1klzp_217 p {
  font-weight: 500;
  font-size: 1.8rem
}

._input_1klzp_222 {
  display: flex;
  width: 100%;
  background: #fff;
  padding: 1.6rem 1.2rem;
  flex-wrap: wrap
}

._input_1klzp_222 input:focus {
  outline: none
}

._input_1klzp_222 input {
  flex: 1;
  background: rgba(169, 189, 208, .1);
  border-radius: .4rem 0 0 .4rem;
  padding: 1.5rem .6rem;
  border: 1px dashed rgba(57, 63, 82, .4);
  border-right: 0;
  font-weight: 700
}

._input_1klzp_222 ._apply_1klzp_104 {
  background: rgba(169, 189, 208, .1);
  display: flex;
  border-radius: 0 .4rem .4rem 0;
  border: 1px dashed rgba(57, 63, 82, .4);
  border-left: 0
}

._input_1klzp_222 ._apply_1klzp_104 button {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--clr-primary-400);
  font-weight: 500
}

._input_1klzp_222 button._close_1klzp_254 {
  align-items: center;
  font-size: 1.3rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #393f52;
  opacity: .6;
  color: #fff;
  min-width: auto;
  font-weight: 500;
  top: 1rem
}

._error_1klzp_268 {
  display: flex;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 1rem 0;
  color: #fb8d45;
  align-items: center;
  justify-content: center;
  gap: .5rem
}

._reviewCart_1klzp_280 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 25rem;
  position: relative;
  background: #fff
}

@media screen and (min-width: 1024px) {
  ._reviewCart_1klzp_280 {
    max-width: 40rem;
    background: #fff
  }
}

._reviewCart_1klzp_280 ._badge_1klzp_32 {
  top: -1px;
  position: absolute;
  z-index: 2
}

._reviewCart_1klzp_280 p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: var(--clr-dark-400);
  text-align: center;
  width: 90%
}

._reviewCart_1klzp_280 button {
  border-radius: 4px;
  color: #fff;
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._reviewCart_1klzp_280 button._close_1klzp_254 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._header_1klzp_53 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: relative
}

._header_1klzp_53 ._mainHeading_1klzp_338 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem
}

._header_1klzp_53 ._mainHeading_1klzp_338:after {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: .4rem;
  bottom: -1rem;
  background: #de0000;
  border-radius: 73.1034px
}

._header_1klzp_53 ._subHeading_1klzp_359 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_1klzp_53 ._badge_1klzp_32 {
  position: absolute;
  top: 0;
  z-index: 2
}

._couponSpecialInstructions_1klzp_370 {
  color: var(--clr-orange-500);
  z-index: 2
}

._couponSpecialInstructions_1klzp_370 span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem
}

._couponSpecialInstructions_1klzp_370 span svg {
  font-size: 1.2rem
}

._couponSpecialInstructions_1klzp_370 span p {
  font-size: 1.2rem;
  font-weight: 500
}

._ribbonContainer_1klzp_388 {
  display: flex;
  flex-direction: row;
  justify-content: right;
  margin-right: -2.5rem;
  position: relative
}

._ribbonContainer_1klzp_388 span {
  position: absolute;
  top: 1.25rem;
  margin-right: 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff
}

._userSpecificCouponBg_1klzp_404 {
  position: absolute;
  top: 1.5%;
  left: 1.5%;
  width: 97%;
  height: 97%;
  background: linear-gradient(107.69deg, #FFFCFC 8.47%, #FFEFEF 83.23%);
  z-index: 1;
  border-radius: 1rem
}

._buttonRewards_1vqb9_2 {
  box-shadow: 0 8px 16px #d2183b33;
  justify-content: center;
  background: #e4002B;
  border-radius: 10px;
  align-items: center;
  margin: 19px auto 0;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  display: flex;
  border: none;
  width: 100%;
  font-size: 11px;
  line-height: 13px;
  padding: 6px 12px;
  max-width: 140px
}

._buttonRewards_1vqb9_2._disabled_1vqb9_20 {
  background-color: #cbd0d6;
  box-shadow: none
}

@media screen and (min-width: 768px) {
  ._buttonRewards_1vqb9_2 {
    font-size: 16px;
    line-height: 19px;
    padding: 6px 27px;
    max-width: 240px
  }
}

._buttonRewards_1vqb9_2>* {
  position: relative
}

._buttonRewards_1vqb9_2 ._icon_1vqb9_35 {
  display: block;
  border-radius: 50%;
  border: 2.5px solid rgba(255, 255, 255, .4);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  margin-inline-start: 17px
}

@media screen and (min-width: 768px) {
  ._buttonRewards_1vqb9_2 ._icon_1vqb9_35 {
    width: 36px;
    height: 36px;
    margin-inline-start: 15px
  }
}

[dir=rtl] ._buttonRewards_1vqb9_2 ._icon_1vqb9_35 {
  transform: scaleX(-1)
}

._CardGetReward_neiaf_2 {
  background: #fff;
  box-shadow: 0 20px 30px #191c321a;
  border-radius: 10px;
  padding: 5px 12px 12px;
  max-width: auto;
  position: relative;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap
}

@media screen and (min-width: 768px) {
  ._CardGetReward_neiaf_2 {
    padding: 15px 15px 20px;
    max-width: 100%
  }
}

._CardGetReward_neiaf_2 ._productImage_neiaf_22 {
  text-align: center;
  margin-bottom: -13px;
  margin-top: 13px
}

._CardGetReward_neiaf_2 ._productImage_neiaf_22 img {
  object-fit: cover;
  aspect-ratio: 1;
  height: 10.6rem;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._CardGetReward_neiaf_2 ._productImage_neiaf_22 img {
    height: 16rem
  }
}

._CardGetReward_neiaf_2 ._cardInfo_neiaf_38 {
  font-weight: 500;
  text-align: center;
  color: #666;
  margin-bottom: 14px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width: 768px) {
  ._CardGetReward_neiaf_2 ._cardInfo_neiaf_38 {
    font-size: 16px;
    line-height: 19px
  }
}

._CardGetReward_neiaf_2 ._points_neiaf_57 {
  font-style: normal;
  font-weight: 600;
  text-align: center;
  color: #f29f05;
  font-size: 10px;
  line-height: 11px;
  display: inline-flex;
  background: #fffbed;
  padding: .4rem .8rem;
  border-radius: .6rem
}

@media screen and (min-width: 768px) {
  ._CardGetReward_neiaf_2 ._points_neiaf_57 {
    font-size: 16px;
    line-height: 19px
  }
}

._CardGetReward_neiaf_2 ._points_neiaf_57 svg {
  transform: translateY(2px)
}

._CardGetReward_neiaf_2 ._badge_neiaf_78 {
  position: absolute;
  right: 1.5rem;
  top: 0
}

._pointText_neiaf_84 {
  margin-inline-start: .5rem
}

._points_wfn7l_2 {
  background: linear-gradient(110.72deg, rgba(255, 255, 255, .36) 1.21%, rgba(196, 196, 196, .06) 100%);
  border: .5px solid rgba(255, 255, 255, .4);
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 18.25px 21px 14.25px;
  direction: ltr
}

@media screen and (min-width: 768px) {
  ._points_wfn7l_2 {
    padding: 11px 10px
  }
}

._points_wfn7l_2 ._text_wfn7l_17 {
  color: #fff;
  display: block;
  text-align: center;
  border: 1px solid transparent;
  font-weight: 500;
  line-height: 1;
  font-size: 2.8rem
}

@media screen and (min-width: 768px) {
  ._points_wfn7l_2 ._text_wfn7l_17 {
    font-size: 3rem
  }
}

._points_wfn7l_2 ._line_wfn7l_31 {
  display: block;
  min-height: 35px;
  min-width: 1px;
  background: linear-gradient(rgba(255, 255, 255, .6) 0%, rgba(196, 196, 196, .1) 100%)
}

._pointsCard_163da_2 {
  padding: 16px;
  width: 100%;
  text-align: center;
  background-size: contain;
  position: relative;
  background-color: #e4002b;
  box-shadow: 0 0 50px #00000040
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 {
    max-width: 438px;
    width: 438px;
    border-radius: 2rem;
    padding: 2rem 2.5rem 3rem
  }
}

._pointsCard_163da_2 ._topBar_163da_19 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  z-index: 9;
  transition: all .3s ease-in-out
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19 {
    justify-content: center;
    margin-bottom: 0
  }
}

._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 {
  display: flex;
  position: fixed;
  width: 100%;
  inset-inline-start: 0;
  top: 0;
  background: #E4002B;
  box-shadow: 0 3px #e59cab
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 {
    position: static;
    justify-content: center
  }
}

._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._test_163da_50 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._test_163da_50 {
    display: none
  }
}

._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._topRewardPoints_163da_58 {
  display: block;
  margin-inline-end: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._topRewardPoints_163da_58 {
    display: none
  }
}

._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._rewardLogo_163da_67 {
  width: 100%;
  max-width: 10.5rem;
  margin-inline-start: 3rem
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._backBtnCntr_163da_73 {
    display: none
  }
}

._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._backBtnCntr_163da_73 svg {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 2.5rem
}

._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._rewardLogo_163da_67 {
  max-width: 11.5rem
}

._pointsCard_163da_2 ._topBar_163da_19._hidden_163da_34 ._rewardLogo_163da_67 img {
  height: 5.6rem
}

._pointsCard_163da_2 ._topBar_163da_19 ._topRewardPoints_163da_58 {
  display: none;
  min-width: 69px
}

._pointsCard_163da_2 ._topBar_163da_19 ._topRewardPoints_163da_58 span {
  background: #bd202d;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: .8rem
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19 ._topRewardPoints_163da_58 {
    display: none
  }
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19 ._test_163da_50 {
    display: none
  }
}

._pointsCard_163da_2 ._topBar_163da_19 ._test_163da_50 a {
  border-color: #fff;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.6rem
}

._pointsCard_163da_2 ._topBar_163da_19 ._rewardLogo_163da_67 {
  width: 100%;
  max-width: 17rem
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19 ._rewardLogo_163da_67 {
    max-width: 20.5rem
  }
}

._pointsCard_163da_2 ._topBar_163da_19 ._rewardLogo_163da_67._smBar_163da_130 {
  max-width: 10.5rem
}

._pointsCard_163da_2 ._topBar_163da_19 ._rewardLogo_163da_67 svg {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 ._topBar_163da_19 ._backBtnCntr_163da_73 {
    display: none
  }
}

._pointsCard_163da_2 ._topBar_163da_19 ._backBtnCntr_163da_73 svg {
  color: #fff;
  font-weight: 500;
  font-size: 4rem;
  line-height: 4rem
}

._pointsCard_163da_2 h3 {
  text-align: center;
  color: #fff;
  padding: 2rem 0;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column
}

._pointsCard_163da_2 h3 span:nth-child(1) {
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.9rem
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 h3 span:nth-child(1) {
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 3.3rem
  }
}

._pointsCard_163da_2 h3 span:nth-child(2) {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 3.9rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  white-space: normal
}

@media screen and (min-width: 1024px) {
  ._pointsCard_163da_2 h3 span:nth-child(2) {
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 3.3rem
  }
}

._pointsCard_163da_2 p {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.1rem;
  text-align: center;
  color: #fffc;
  padding: .5rem 0 1rem
}

._rewardPoints_163da_195 {
  padding: 1rem 0rem;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._rewardPoints_163da_195 {
    padding: 1rem
  }
}

._history_163da_205 {
  display: flex;
  justify-content: space-between;
  padding: .5rem 0rem 0
}

@media screen and (min-width: 1024px) {
  ._history_163da_205 {
    padding: .5rem 1rem 0
  }
}

._history_163da_205 p {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #fffc;
  cursor: pointer;
  text-decoration: underline
}

._history_163da_205 p:hover {
  text-decoration: none
}

._history_163da_205 svg {
  vertical-align: middle;
  margin-inline-end: .5rem
}

._wrapper_163da_231 img {
  height: 8.6rem;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain
}

._pointBg_163da_238 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  inset-inline-start: 0
}

@media screen and (min-width: 1024px) {
  ._pointBg_163da_238 {
    display: none
  }
}

._pointBg_163da_238 img {
  width: 100%;
  height: 2rem;
  object-fit: cover
}

._show_163da_257 {
  color: inherit
}

._handIcon_163da_261 {
  width: 2.5rem;
  height: 2.5rem;
  margin-inline: .5rem;
  display: inline-flex
}

._handIcon_163da_261 img {
  width: 100%;
  height: 100%
}

._mainAccord_10r54_3 {
  color: inherit;
  width: 100%;
  margin-bottom: 1.5rem
}

._mainAccord_10r54_3.MuiAccordion-rounded {
  border-radius: 2rem;
  border: 1px solid #f1eeee
}

._mainAccord_10r54_3.MuiAccordion-rounded:first-child,
._mainAccord_10r54_3.MuiAccordion-rounded:last-child {
  border-radius: 2rem
}

._mainAccord_10r54_3.MuiAccordion-root:before {
  display: none
}

._mainAccord_10r54_3 .MuiButtonBase-root {
  font-size: 2rem
}

._mainAccord_10r54_3.MuiPaper-root,
._mainAccord_10r54_3.MuiPaper-elevation1 {
  box-shadow: none !important
}

._accordSummery_10r54_25 {
  width: 100%;
  border-radius: 20px 20px 0 0
}

._workContainer_10r54_30 {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background: #fff;
  max-width: 56.2rem;
  width: 100%
}

._workContainer_10r54_30 h1 {
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--clr-dark-400);
  margin: .75rem;
  position: relative
}

._workContainer_10r54_30 h1:after {
  width: 2.5rem;
  height: .3rem;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  border-radius: 5rem;
  background: #de0000;
  transform: translate(-50%)
}

@media screen and (min-width: 1024px) {
  ._workContainer_10r54_30 h1 {
    display: none
  }
}

@media screen and (min-width: 768px) {
  ._workContainer_10r54_30 {
    width: 56.2rem
  }
}

._workContainer_10r54_30 ._Mui-expanded_10r54_67 {
  border-radius: 20px 20px 0 0 !important
}

._workContainer_10r54_30 ._root_10r54_70 {
  background: #fff;
  border: 1px solid #f1eeee
}

._workContainer_10r54_30 ._root_10r54_70._Mui-expanded_10r54_67 {
  margin: 1.5rem 0
}

._workContainer_10r54_30 ._root_10r54_70._MuiAccordion-rounded_10r54_8 {
  border-radius: 2rem
}

._workContainer_10r54_30 h2 {
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #393f52
}

@media screen and (min-width: 768px) {
  ._workContainer_10r54_30 h2 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.1rem
  }
}

._workContainer_10r54_30 h2 ._icon_10r54_94 {
  width: 4.2rem;
  height: 4.2rem;
  margin-inline-end: .8rem
}

._workContainer_10r54_30 ul {
  list-style: none
}

._workContainer_10r54_30 ul li {
  padding-bottom: 2.1rem;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #393f52
}

@media screen and (min-width: 768px) {
  ._workContainer_10r54_30 ul li {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding-inline-start: 5.3rem;
    padding-bottom: 1.7rem
  }
}

._workContainer_10r54_30 ul li span {
  color: #6a6e7b;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-transform: uppercase
}

@media screen and (min-width: 768px) {
  ._workContainer_10r54_30 ul li span {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.5rem
  }
}

._root_1qq0w_2 ._langButton_1qq0w_2 {
  color: var(--clr-primary-400);
  border-color: var(--clr-primary-400);
  background-color: var(--theme-lang-button-color);
  border-radius: .6rem;
  width: 6.9rem;
  height: 3rem;
  font-size: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._root_1qq0w_2 ._langButton_1qq0w_2 {
    font-weight: 500;
    border: 1px solid;
    width: 5.9rem;
    height: 4.2rem;
    font-size: 1.6rem
  }
}

@media screen and (min-width: 1024px) {
  [dir=rtl] ._langButton_1qq0w_2 {
    width: 8.9rem
  }
}

._rewardHistoryCard_q1lwz_2 {
  background: #fff;
  box-shadow: 0 4px 31px #00000014;
  border-radius: 1.6rem;
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 2.1rem 1.5rem
}

._rewardHistoryCard_q1lwz_2 ._option_q1lwz_11 {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

._rewardHistoryCard_q1lwz_2 ._icon_q1lwz_16 {
  width: 36px;
  height: 38px
}

._rewardHistoryCard_q1lwz_2 ._icon_q1lwz_16 img {
  width: 100%
}

._rewardHistoryCard_q1lwz_2 ._option_q1lwz_11 {
  font-size: 2rem;
  cursor: pointer;
  width: 2rem;
  position: relative
}

._rewardHistoryCard_q1lwz_2 ._option_q1lwz_11 ._detailBox_q1lwz_29 {
  position: absolute;
  background: #fff;
  border: .5px solid rgba(0, 0, 0, .1);
  box-shadow: 0 12px 18px #0000001f;
  border-radius: .9rem;
  padding: 1.1rem;
  inset-inline-end: 5px
}

._rewardHistoryCard_q1lwz_2 ._option_q1lwz_11 ._detailBox_q1lwz_29 span {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #000;
  white-space: nowrap;
  display: inherit
}

._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8rem
}

@media screen and (min-width: 768px) {
  ._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem
  }
}

._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 ._rewardPoints_q1lwz_63 {
  text-align: right;
  font-size: 14px;
  line-height: 17px;
  color: #6a6e7b
}

._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 ._rewardPoints_q1lwz_63 p span {
  padding: 0 3.8px
}

._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 ._rewardPoints_q1lwz_63 ._earnColor_q1lwz_72 {
  color: #5dc658
}

._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 ._rewardPoints_q1lwz_63 ._reedemColor_q1lwz_75 {
  color: #f7b500
}

@media screen and (min-width: 768px) {
  ._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 ._rewardPoints_q1lwz_63 {
    font-size: 16px;
    line-height: 19px
  }
}

._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 ._date_q1lwz_84 {
  display: inline-block;
  margin-top: .8rem;
  color: #6a6e7b;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.3rem
}

@media screen and (min-width: 1024px) {
  ._rewardHistoryCard_q1lwz_2 ._rewardInfo_q1lwz_46 ._date_q1lwz_84 {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.5rem
  }
}

._rewardHistoryCard_q1lwz_2._expireContainer_q1lwz_99 {
  display: flex
}

._rewardHistoryCard_q1lwz_2._expireContainer_q1lwz_99 ._rewardInfo_q1lwz_46 p {
  color: #6a6e7b
}

._rewardHistoryCard_q1lwz_2._expireContainer_q1lwz_99 ._rewardInfo_q1lwz_46 ._date_q1lwz_84,
._rewardHistoryCard_q1lwz_2._expireContainer_q1lwz_99 ._rewardPoints_q1lwz_63 p,
._rewardHistoryCard_q1lwz_2._expireContainer_q1lwz_99 ._rewardPoints_q1lwz_63 p ._reedemColor_q1lwz_75 {
  color: #a9bdd0
}

._RewardNotAvailable_az4rg_2 {
  width: 253px;
  height: 268px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 20px 30px #191c321a;
  text-align: center;
  padding: 20px 0
}

._RewardNotAvailable_az4rg_2 h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 8px;
  color: #ce0b25;
  padding: 18px 0
}

._RewardNotAvailable_az4rg_2 h4 {
  background: #D2183B;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #db6a00;
  background: rgba(255, 132, 17, .1);
  border-radius: 10px;
  width: 199px;
  height: 30px;
  margin: 0 auto;
  padding: 8px 0
}

._RewardNotAvailable_az4rg_2 p {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #393f52;
  padding: 22px 12px
}

._RewardNotAvailable_az4rg_2 ._applyNow_az4rg_40 {
  display: block;
  color: #fff;
  background: #D2183B;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
  border-top: 1.8px dashed;
  padding: 11px 14px
}

@media screen and (min-width: 768px) {
  ._RewardNotAvailable_az4rg_2 ._applyNow_az4rg_40 {
    font-size: 16px;
    line-height: 19px;
    padding: 12px 14px
  }
}

._RewardNotAvailable_az4rg_2 ._applyNow_az4rg_40 svg {
  vertical-align: middle;
  margin-left: 3px
}

._RewardNotAvailable_az4rg_2 ._rewrdCross_az4rg_65 {
  width: 4.7rem;
  height: 4.7rem;
  background: #ff8411;
  border-radius: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

._RewardNotAvailable_az4rg_2 ._rewrdCross_az4rg_65 svg {
  color: #fff;
  font-size: 2rem
}

._UserReward_1q9t8_2 {
  flex-basis: 47.8%;
  max-height: 37rem;
  overflow: hidden;
  aspect-ratio: 675/350;
  height: -moz-fit-content;
  height: fit-content
}

@media screen and (min-width: 768px) {
  ._UserReward_1q9t8_2 {
    aspect-ratio: 566/350
  }
}

._UserReward_1q9t8_2 ._rewardLink_1q9t8_15 {
  display: contents
}

._PointBalanceCard_mmqux_2 {
  background-position: right bottom;
  object-fit: cover;
  background-size: cover;
  height: auto;
  min-height: 38rem;
  border-radius: .6rem;
  background-color: #e4002b;
  box-shadow: 0 6px 4px #bcbfc5cc;
  position: relative;
  cursor: pointer
}

._PointBalanceCard_mmqux_2 ._buttonWrapper_mmqux_14 {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 1.9rem;
  left: -50%;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%)
}

._PointBalanceCard_mmqux_2 ._buttonWrapper_mmqux_14 button {
  max-width: 190px;
  width: 100%;
  padding: 1.5rem 1.8rem;
  box-shadow: 0 8px 16px #3e373833;
  background-color: #000;
  color: #fff;
  border: 1px solid #ff7675;
  font-family: var(--ff-primary);
  justify-content: center
}

._PointBalanceCard_mmqux_2 ._buttonWrapper_mmqux_14 button ._img_mmqux_36 {
  margin-inline-start: .6rem
}

._cardWrapper_mmqux_40 {
  padding: 2rem 3rem 0
}

._cardWrapper_mmqux_40 img {
  height: 7.2rem;
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain
}

._cardWrapper_mmqux_40 p {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.1rem;
  text-align: center;
  color: #fffc;
  padding: 1.1rem 0 1.4rem
}

._rewardPoints_mmqux_58 {
  margin: 0px 1.4rem
}

._rewardPoints_mmqux_58 ._rewardPoints_Text_mmqux_61 {
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #fff
}

._mobBalanceCard_mmqux_67 {
  background-size: cover;
  aspect-ratio: 344/178;
  border-radius: 2.2rem;
  cursor: pointer;
  position: relative
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 {
  position: absolute;
  bottom: 0;
  width: 100%
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._topContainer_mmqux_79 {
  display: block;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: #fff;
  opacity: .8;
  padding: 10.1rem 1.5rem 8px
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._showRewardContainer_mmqux_88 {
  display: flex;
  flex-direction: row;
  padding: 0 1.5rem 1.5rem;
  justify-content: space-between;
  align-items: end
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._showRewardContainer_mmqux_88 ._ponitsContainer_mmqux_95 {
  padding: 7px 10px;
  width: 16rem
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._showRewardContainer_mmqux_88 ._ponitsContainer_mmqux_95 ._rewardPoints_mmqux_58 {
  margin: 0 14px
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._showRewardContainer_mmqux_88 ._ponitsContainer_mmqux_95 ._rewardPoints_mmqux_58 ._rewardPoints_Text_mmqux_61 {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #fff
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._showRewardContainer_mmqux_88 ._buttonWrapper_mmqux_14 {
  text-align: center
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._showRewardContainer_mmqux_88 ._buttonWrapper_mmqux_14 button {
  max-width: 19rem;
  width: 100%;
  padding: 1rem 1.8rem;
  box-shadow: 0 8px 16px #3e373833;
  background-color: #000;
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.3rem;
  margin-top: 0
}

._mobBalanceCard_mmqux_67 ._bottomContainer_mmqux_74 ._showRewardContainer_mmqux_88 ._buttonWrapper_mmqux_14 button ._img_mmqux_36 {
  margin-inline-start: .6rem
}

[dir=rtl] ._PointBalanceCard_mmqux_2 ._buttonWrapper_mmqux_14 button ._img_mmqux_36,
[dir=rtl] ._img_mmqux_36 {
  transform: scaleX(-1)
}

._pushRight_mmqux_135 {
  justify-content: flex-end
}

._JoinNow_evkjb_3 {
  width: 100%;
  display: flex;
  position: relative;
  background: #f3f3f3;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  flex-direction: column;
  height: 80vh
}

@media only screen and (min-width: 1024px) {
  ._JoinNow_evkjb_3 {
    flex-direction: row;
    display: flex;
    max-width: 800px;
    height: auto
  }
}

._JoinNow_evkjb_3 ._LoyaltyBannerImage_evkjb_23 {
  display: inherit
}

._JoinNow_evkjb_3 ._LoyaltyBannerImageWrapper_evkjb_26 ._LoyaltyBannerImage_evkjb_23 {
  max-width: 100%
}

._joinLeft_evkjb_30 {
  width: 100%;
  justify-content: center;
  position: relative;
  background-position: top right;
  border-start-start-radius: 40px;
  border-end-start-radius: 40px;
  text-align: center;
  overflow: hidden
}

@media only screen and (min-width: 1024px) {
  ._joinLeft_evkjb_30 {
    width: 50%
  }
}

._joinLeft_evkjb_30 ._lftContainer_evkjb_45 {
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom
}

._rotation_evkjb_55:after {
  transform: rotate(180deg)
}

._joinRight_evkjb_59 {
  width: 100%;
  padding: 1.8rem 2rem;
  background: #f3f3f3;
  border-start-end-radius: 4rem;
  border-end-end-radius: 4rem
}

@media only screen and (min-width: 1024px) {
  ._joinRight_evkjb_59 {
    width: 50%
  }
}

._joinRight_evkjb_59 h4 {
  display: none
}

@media only screen and (min-width: 1024px) {
  ._joinRight_evkjb_59 h4 {
    display: block;
    color: var(--clr-primary-400);
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 1rem
  }
}

._joinRight_evkjb_59 ._detailList_evkjb_84 {
  display: flex;
  flex-direction: column;
  height: 160px;
  min-height: fit-content;
  padding-bottom: 33.625rem
}

@media screen and (min-width: 768px) {
  ._joinRight_evkjb_59 ._detailList_evkjb_84 {
    height: auto;
    overflow-y: visible;
    padding-bottom: 0
  }
}

._joinRight_evkjb_59 ._detailList_evkjb_84 ul {
  display: flex;
  list-style: none;
  flex-direction: column
}

._joinRight_evkjb_59 ._detailList_evkjb_84 ul li {
  background: var(--clr-light-100);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 1rem;
  flex-direction: row;
  display: flex;
  align-items: center
}

@media only screen and (min-width: 1024px) {
  ._joinRight_evkjb_59 ._detailList_evkjb_84 ul li {
    margin-bottom: 1.5rem;
    padding: 1rem
  }
}

._joinRight_evkjb_59 ._detailList_evkjb_84 ul li ._leftIcon_evkjb_121 {
  max-width: 40px;
  display: inline-flex
}

@media only screen and (min-width: 1024px) {
  ._joinRight_evkjb_59 ._detailList_evkjb_84 ul li ._leftIcon_evkjb_121 {
    max-width: 5.9rem
  }
}

._joinRight_evkjb_59 ._detailList_evkjb_84 ul li ._leftIcon_evkjb_121 img {
  width: 100%
}

._joinRight_evkjb_59 ._detailText_evkjb_133 {
  padding-inline-start: 1rem
}

._joinRight_evkjb_59 ._detailText_evkjb_133 span {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: var(--clr-dark-400);
  display: flex
}

@media only screen and (min-width: 1024px) {
  ._joinRight_evkjb_59 ._detailText_evkjb_133 span {
    margin-bottom: .5rem
  }
}

._joinRight_evkjb_59 ._detailText_evkjb_133 p {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.6rem;
  color: var(--clr-dark-300)
}

@media only screen and (min-width: 1024px) {
  ._joinRight_evkjb_59 ._detailText_evkjb_133 p {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.8rem
  }
}

._joinRight_evkjb_59 ._termsBox_evkjb_161 {
  position: fixed;
  background: #F3F3F3;
  padding: 8px 2rem 2rem;
  width: calc(100% + -0rem);
  bottom: 0;
  inset-inline-start: 0
}

@media only screen and (min-width: 1024px) {
  ._joinRight_evkjb_59 ._termsBox_evkjb_161 {
    display: flex;
    flex-direction: column;
    position: static;
    padding: 0rem
  }
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 {
  display: block;
  position: relative;
  padding-inline-start: 2.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 2rem;
  color: var(--clr-dark-400)
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 a {
  color: var(--clr-secondary-400);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-decoration: underline
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 a:hover {
  text-decoration: none
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 a span {
  margin-inline-start: .5rem;
  font-size: 1.4rem;
  align-items: center;
  display: inline-flex
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186:disabled ._checkmark_evkjb_216 {
  border-color: #b7b7b7
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._checkmark_evkjb_216 {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 2px solid #b7b7b7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._checkmark_evkjb_216:disabled {
  border-color: #b7b7b7
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 input:checked~._checkmark_evkjb_216 {
  background-color: var(--check-red);
  border-color: var(--check-red)
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._checkmark_evkjb_216:after {
  content: "";
  position: absolute;
  display: none
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 input:checked~._checkmark_evkjb_216:after {
  display: block
}

._joinRight_evkjb_59 ._customCheckbox_evkjb_177 ._container_evkjb_186 ._checkmark_evkjb_216:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid var(--clr-light-100);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

._joinRight_evkjb_59 ._becameMember_evkjb_265 {
  width: 100%;
  background: #e4002B;
  box-shadow: 0 8px 16px #d2183b33;
  color: var(--clr-light-100);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 4.8rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  margin-top: 1rem;
  border: none;
  background-image: url(/assets/member-bg-3198daf4.svg);
  background-position: 85% center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center
}

._joinRight_evkjb_59 ._becameMember_evkjb_265 span {
  margin-inline-start: 5px;
  margin-top: 4px
}

._joinRight_evkjb_59 ._becameMember_evkjb_265:disabled {
  background-color: #b7b7b7;
  box-shadow: none
}

[dir=rtl] ._becameMember_evkjb_265,
[dir=rtl] ._becameMember_evkjb_265 ._signUpText_evkjb_299 {
  transform: scaleX(-1)
}

._congratsMain_m2m9z_2 {
  background: #e4002b;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  max-width: 320px;
  flex-direction: column;
  text-align: center
}

@media screen and (min-width: 1024px) {
  ._congratsMain_m2m9z_2 {
    max-width: 400px
  }
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 {
  background-image: url(/assets/bubbles-91178a4b.svg), url(/assets/product-image-89f6ccef.png);
  background-position: top left, 0 25rem;
  background-repeat: no-repeat, no-repeat;
  display: flex;
  flex-direction: column;
  padding: 2rem 5rem;
  background-size: contain;
  overflow: hidden;
  border-radius: 40px
}

@media screen and (min-width: 1024px) {
  ._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 {
    background-position: top left, 0 29rem
  }
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._kfcLogo_m2m9z_35 {
  width: 70%;
  margin: auto
}

@media screen and (min-width: 1024px) {
  ._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._kfcLogo_m2m9z_35 {
    width: 100%
  }
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._kfcLogo_m2m9z_35 img {
  width: 100%
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._greetUser_m2m9z_47 {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
  color: var(--clr-light-100);
  margin: 1rem 0 1.5rem
}

@media screen and (min-width: 1024px) {
  ._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._greetUser_m2m9z_47 {
    margin: 2rem 0 1.5rem
  }
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 p {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: var(--clr-light-100);
  opacity: .8;
  padding-bottom: 1.5rem
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._exploreContainer_m2m9z_67 {
  margin-top: 10rem
}

@media screen and (min-width: 1024px) {
  ._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._exploreContainer_m2m9z_67 {
    margin-top: 15rem
  }
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._exploreContainer_m2m9z_67 button {
  font-family: var(--ff-primary);
  padding: 1.5rem
}

._congratsMain_m2m9z_2 ._conratsContainer_m2m9z_19 ._exploreArrow_m2m9z_79 {
  margin-inline-start: 1.5rem
}

._loading_m2m9z_83 {
  text-align: center;
  font-weight: 600;
  font-size: 1.95rem;
  color: #fff
}

[dir=rtl] ._exploreContainer_m2m9z_67 button ._exploreArrow_m2m9z_79 img {
  transform: scaleX(-1)
}

._EarnMainContainer_3jvuq_2 {
  width: "auto";
  display: flex;
  padding: 0;
  margin: 1.5rem;
  flex: 1;
  background: linear-gradient(94.77deg, #F7FAFF 51.6%, #FFB0C0 117.9%);
  border-radius: 20px;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin-top: auto;
  position: relative
}

._EarnMainContainer_3jvuq_2:after {
  background-image: url(/assets/earn_lg_bg-16b3ba33.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-end: 0;
  top: 0
}

._EarnMainContainer_3jvuq_2._hideObject_3jvuq_28 {
  background: none;
  max-width: 45% !important;
  margin: 0 1rem;
  margin-top: auto
}

._EarnMainContainer_3jvuq_2._hideObject_3jvuq_28 ._content_3jvuq_34 h3 {
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #000;
  padding-bottom: 5px
}

._EarnMainContainer_3jvuq_2._hideObject_3jvuq_28 ._earnSm_3jvuq_40 {
  width: 100%;
  max-width: 100%
}

._EarnMainContainer_3jvuq_2._hideObject_3jvuq_28:after {
  background-image: none
}

._EarnMainContainer_3jvuq_2 ._earnContent_3jvuq_47 {
  width: 100%;
  position: relative
}

._EarnMainContainer_3jvuq_2 ._earnLg_3jvuq_51 {
  display: flex;
  flex-direction: column;
  padding: 4rem 3rem 6.6rem;
  position: relative
}

._EarnMainContainer_3jvuq_2 ._earnLg_3jvuq_51 ._content_3jvuq_34 {
  max-width: 32.3rem;
  display: flex;
  flex-direction: column;
  z-index: 1
}

._EarnMainContainer_3jvuq_2 ._earnLg_3jvuq_51 ._content_3jvuq_34 h4 {
  color: var(--secondary-red);
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  padding-bottom: 1.7rem
}

._EarnMainContainer_3jvuq_2 ._earnLg_3jvuq_51 ._content_3jvuq_34 p {
  color: #393f52;
  font-weight: 500;
  font-size: 20px;
  line-height: 31px;
  padding-bottom: 1.7rem
}

._EarnMainContainer_3jvuq_2 ._earnLg_3jvuq_51 ._content_3jvuq_34 button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #e4002b;
  border: 1px solid #e4002B;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 49px;
  padding: 0;
  background: #fff;
  max-width: 162px;
  cursor: pointer;
  font-family: var(--ff-primary)
}

._earnSm_3jvuq_40 {
  border-radius: 2rem;
  max-width: 27rem;
  width: 100%;
  max-width: 100%;
  background: linear-gradient(180deg, #FFFFFF 4.4%, #FFAABA 112.5%);
  display: flex;
  flex-direction: row;
  justify-content: center
}

._earnSm_3jvuq_40 ._contentBG_3jvuq_108 {
  padding: 2.4rem 2.6rem 18rem;
  text-align: center;
  background: url(/assets/unlock_reward_product-fe5f65aa.png);
  background-size: inherit;
  background-repeat: no-repeat;
  background-position: bottom right;
  border-radius: 2rem;
  z-index: 5;
  position: relative
}

._earnSm_3jvuq_40 ._contentBG_3jvuq_108 h3 {
  color: #393f52;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  padding-bottom: 1.5rem
}

._earnSm_3jvuq_40 ._contentBG_3jvuq_108 button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #e4002b;
  border: 1px solid #e4002B;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 49px;
  padding: 0 2rem;
  background: #fff;
  cursor: pointer;
  font-family: var(--ff-primary)
}

._earnSm_3jvuq_40 ._contentBG_3jvuq_108 button._unlockProduct_3jvuq_142 {
  background: transparent;
  border: none;
  width: auto;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 49px;
  position: relative;
  z-index: 1
}

._earnSmMain_3jvuq_154 {
  background: linear-gradient(180deg, #FFFFFF 4.4%, #FFAABA 112.5%);
  width: 15.45rem;
  margin: 1rem !important;
  box-shadow: inset 0 0 27px #eef0f4;
  justify-content: center
}

._earnSmMain_3jvuq_154:after {
  display: none
}

._earnSmMain_3jvuq_154 ._earnSm_3jvuq_40 {
  background: url(/assets/unlock-more-sm-546c499b.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  min-width: 16.5rem;
  width: 100%
}

._earnSmMain_3jvuq_154 ._contentBG_3jvuq_108 {
  padding: 2.4rem 0rem 8rem;
  background: none
}

._earnSmMain_3jvuq_154 ._contentBG_3jvuq_108 h3 {
  color: #393f52;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5rem;
  padding-bottom: 1.5rem
}

[dir=rtl] ._EarnMainContainer_3jvuq_2 {
  background: linear-gradient(268deg, #F7FAFF 51.6%, #FFB0C0 117.9%)
}

[dir=rtl] ._EarnMainContainer_3jvuq_2:after {
  transform: scaleX(-1)
}

._noRewardsText_1db63_2 {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

._noRewardsText_1db63_2 h3 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #393f52;
  padding: 25px 0 15px
}

@media screen and (min-width: 768px) {
  ._noRewardsText_1db63_2 h3 {
    font-size: 20px;
    line-height: 24px
  }
}

._noRewardsText_1db63_2 p {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #6a6e7b
}

@media screen and (min-width: 768px) {
  ._noRewardsText_1db63_2 p {
    font-size: 18px;
    line-height: 24px
  }
}

._noRewardsText_1db63_2 figure {
  height: 1
}

._toastContainer_1dmbf_2,
._mobView_1dmbf_3 {
  width: 36rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .05);
  box-shadow: 0 2rem 5rem #00000040;
  border-radius: 1rem;
  padding: 1.4rem 1.5rem;
  display: flex;
  flex-direction: row;
  position: relative
}

._toastContainer_1dmbf_2 ._warningPic_1dmbf_14,
._mobView_1dmbf_3 ._warningPic_1dmbf_14 {
  background: #ec9524;
  border-radius: .7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.7rem;
  height: 3.7rem
}

._toastContainer_1dmbf_2 ._warningPic_1dmbf_14 svg,
._mobView_1dmbf_3 ._warningPic_1dmbf_14 svg {
  font-size: 1.8rem;
  color: #fff
}

._toastContainer_1dmbf_2 ._warningText_1dmbf_29,
._mobView_1dmbf_3 ._warningText_1dmbf_29 {
  margin-inline-start: 1.5rem
}

._toastContainer_1dmbf_2 ._warningText_1dmbf_29 p,
._mobView_1dmbf_3 ._warningText_1dmbf_29 p {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.5rem;
  color: #393f52
}

._toastContainer_1dmbf_2 ._warningText_1dmbf_29 button,
._mobView_1dmbf_3 ._warningText_1dmbf_29 button {
  border: none;
  background-color: transparent;
  color: #e4002b;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.6rem;
  align-items: center;
  display: flex;
  margin-block-start: .7rem;
  cursor: pointer
}

._toastContainer_1dmbf_2 ._warningText_1dmbf_29 button span,
._mobView_1dmbf_3 ._warningText_1dmbf_29 button span {
  margin-inline-start: .6rem;
  font-size: 1.33rem;
  display: flex
}

._toastContainer_1dmbf_2 ._close_1dmbf_59,
._mobView_1dmbf_3 ._close_1dmbf_59 {
  position: absolute;
  top: 1rem;
  inset-inline-end: 1rem;
  color: #babcc4;
  font-size: 1.8rem;
  cursor: pointer
}

._mobView_1dmbf_3 {
  align-items: center;
  background: #fef7eb;
  border: .961431px solid #fff;
  border-radius: 1.1rem;
  box-shadow: none;
  width: 100%;
  margin-block-start: 14px
}

._mobView_1dmbf_3 ._warningPic_1dmbf_14 {
  width: 2.2rem;
  height: 2.2rem
}

._mobView_1dmbf_3 ._warningPic_1dmbf_14 svg {
  font-size: 1.2rem
}

._mobView_1dmbf_3 ._warningText_1dmbf_29 {
  margin-inline-start: .6rem
}

._mobView_1dmbf_3 ._warningText_1dmbf_29 p {
  display: inline-flex;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #393f52
}

._mobView_1dmbf_3 ._warningText_1dmbf_29 button {
  display: inline-flex;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-inline-start: .5rem;
  margin-top: 0;
  padding: 0;
  color: #393f52
}

._mobView_1dmbf_3 ._warningText_1dmbf_29 button span {
  color: #e4002b;
  margin-inline-start: 1.2rem
}

._mobView_1dmbf_3 ._warningText_1dmbf_29 button span svg {
  font-size: 1.6rem
}

[dir=rtl] ._warningText_1dmbf_29 button span svg {
  transform: scaleX(-1)
}

._toastContainerFailed_1dmbf_118 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: #000000;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.5rem;
  word-wrap: break-word
}

._toastContainerFailed_1dmbf_118 ._signEx_1dmbf_129 {
  position: absolute;
  top: 1.3rem;
  inset-inline-start: 1rem;
  color: #babcc4;
  font-size: 1.8rem;
  cursor: pointer
}

._toastContainerFailed_1dmbf_118 p {
  margin-left: 2.2rem
}

._toastContainerFailed_1dmbf_118 button {
  margin-left: 2.2rem;
  display: flex;
  gap: .5rem;
  padding: .4rem;
  width: fit-content;
  background: #000000;
  color: #fff;
  border: .1rem solid #fff;
  border-radius: 1rem
}

._toastContainerFailed_1dmbf_118 button span {
  margin-top: .1rem
}

._orderPoints_1wieq_3 {
  display: flex;
  padding: .5rem;
  background: #FFFAF1;
  align-items: flex-start;
  font-size: 1.4rem;
  padding: 1.4rem 1.6rem 1.2rem 1rem;
  position: relative
}

._orderPoints_1wieq_3._roundedCorners_1wieq_12 {
  border-radius: 1rem
}

._orderPoints_1wieq_3 ._image_1wieq_15 {
  background: #fff;
  box-shadow: 0 .8rem 1.4rem #00000012;
  border-radius: 1rem;
  padding: .5rem .75rem
}

._orderPoints_1wieq_3 ._image_1wieq_15 img {
  max-width: 100%
}

._orderPoints_1wieq_3 ._text_1wieq_24 {
  margin-inline: 1rem;
  line-height: 1.8rem
}

._orderPoints_1wieq_3 ._text_1wieq_24 ._points_1wieq_28 {
  background: linear-gradient(262.34deg, #EC0E38 32.76%, #FFF5D9 188.18%);
  border-radius: .415385rem;
  color: #fff;
  text-shadow: 0px .2rem .4rem rgba(0, 0, 0, .16);
  padding: .3rem .4rem .2rem .5rem;
  font-weight: 600
}

._iconWrappper_1wieq_37 {
  display: inline-block;
  cursor: pointer
}

._iconWrappper_1wieq_37 ._icon_1wieq_37 {
  color: #7b7878;
  font-size: 1.6rem;
  display: block
}

._transparentPopover_1wieq_47.MuiPaper-root {
  box-shadow: none !important;
  background-color: transparent;
  padding-block-end: 1rem;
  overflow: visible
}

._cartInfoContainer_1wieq_54 {
  background: #fff;
  border-radius: .4rem;
  padding: 1.1rem 2.8rem 1.1rem 1.1rem;
  width: 35.4rem;
  position: relative;
  inset-inline-end: 0;
  border: 1px solid rgba(57, 63, 82, .15);
  box-shadow: 0 -2px 2rem #00000040
}

._cartInfoContainer_1wieq_54:after {
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-top: solid 1rem #fff;
  border-left: solid 1rem transparent;
  border-right: solid 1rem transparent;
  bottom: -.9rem;
  inset-inline-end: 1rem;
  content: ""
}

._cartInfoContainer_1wieq_54 ._cartInfoInner_1wieq_75 {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #393f52
}

._cartInfoContainer_1wieq_54 ._cartInfoInner_1wieq_75 ._kfcTermsCondition_1wieq_81 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #007aff;
  display: flex;
  cursor: pointer
}

._cartInfoContainer_1wieq_54 ._close_1wieq_89 {
  position: absolute;
  top: 1rem;
  inset-inline-end: 1rem;
  color: #babcc4;
  cursor: pointer;
  font-size: 1.8rem
}

._switchContainer_1syyd_2 {
  display: flex;
  align-items: center;
  padding: 0 2.6rem;
  background: var(--clr-light-100);
  flex-direction: column;
  justify-content: center;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  max-width: 38rem
}

._switchContainer_1syyd_2 ._nonLocation_1syyd_16 {
  background: rgba(255, 132, 17, .1);
  color: var(--clr-brown-500);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 3.6rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: inline-flex;
  padding: 0 2.5rem;
  margin-bottom: 1.5rem
}

._switchContainer_1syyd_2 ._warningContainer_1syyd_30 {
  margin: 2.1rem 0 .9rem
}

._switchContainer_1syyd_2 ._warningContainer_1syyd_30 ._warningSign_1syyd_33 {
  width: 4.7rem;
  height: 4.7rem;
  background: #fc8c1c;
  border-radius: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

._switchContainer_1syyd_2 ._warningContainer_1syyd_30 ._warningSign_1syyd_33 svg {
  color: #fff;
  font-size: 2rem
}

._switchContainer_1syyd_2 ._warningContainer_1syyd_30 p {
  color: var(--secondary-red);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.1rem;
  margin-top: 1.5rem;
  padding: 0 1rem
}

._switchContainer_1syyd_2 p {
  color: var(--clr-dark-400);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding-bottom: 1.3rem
}

._switchContainer_1syyd_2 h4 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2rem;
  color: #e4002b;
  margin-block-start: 1.7rem;
  margin-block-end: 2.2rem
}

._switchContainer_1syyd_2 p {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #393f52
}

._switchContainer_1syyd_2 p ._infoIcon_1syyd_75 {
  display: inline-flex;
  cursor: pointer;
  color: #007aff
}

._switchContainer_1syyd_2 p ._infoIcon_1syyd_75 svg {
  margin-top: .3rem;
  margin-inline-start: .3rem
}

._switchContainer_1syyd_2 ._couponBtnContainer_1syyd_84 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.7rem 0 2rem;
  width: 100%
}

._switchContainer_1syyd_2 ._couponBtnContainer_1syyd_84 ._cancle_1syyd_91 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 4.6rem;
  color: #393f52;
  background: #fff;
  border: 1px solid rgba(57, 63, 82, .16);
  padding: 0;
  width: 16rem;
  text-align: center;
  border-radius: .4rem;
  text-transform: uppercase;
  cursor: pointer
}

._switchContainer_1syyd_2 ._couponBtnContainer_1syyd_84 ._replace_1syyd_105 {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 4.8rem;
  color: #fff;
  background: #e4002B;
  padding: 0;
  width: 16rem;
  text-align: center;
  border-radius: .4rem;
  text-transform: uppercase;
  cursor: pointer;
  border: none
}

._root_t8m2j_2 {
  display: flex;
  flex-direction: row;
  gap: .4rem;
  min-width: 0;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._root_t8m2j_2 {
    background: rgba(223, 239, 255, .3);
    padding: .8rem 1rem;
    border: .1rem solid #dfefff;
    border-radius: .6rem;
    width: 100%
  }
}

@media screen and (min-width: 1280px) {
  ._root_t8m2j_2 {
    width: auto
  }
}

@media screen and (min-width: 1280px) {
  ._active_t8m2j_25 {
    max-width: 100%;
    min-width: inherit
  }
}

._titleArea_t8m2j_31 {
  display: flex;
  gap: .8rem;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 0
}

._titleLabel_t8m2j_39 {
  display: flex;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  min-width: 0
}

._titleLabelPrefix_t8m2j_47 {
  flex-shrink: 0;
  color: var(--clr-dark-400)
}

._addressTag_t8m2j_52 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

._addressTag_t8m2j_52:before {
  content: "-";
  margin-inline: .5ch
}

._selectButton_t8m2j_62 {
  display: flex;
  gap: .4rem;
  color: var(--clr-light-100);
  border-radius: .2rem;
  background: var(--theme-product-blue-color);
  align-items: center;
  height: 1.6rem;
  padding-inline: .6rem
}

._selectLabel_t8m2j_73 {
  font-size: .8rem;
  font-weight: 400
}

@media screen and (min-width: 1024px) {
  ._selectLabel_t8m2j_73 {
    font-size: 1rem
  }
}

._selectIcon_t8m2j_83 {
  display: flex
}

._selectIcon_t8m2j_83 svg {
  font-size: .8rem;
  stroke-width: 1
}

._description_t8m2j_91 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--clr-dark-400-70)
}

@media screen and (min-width: 1024px) {
  ._description_t8m2j_91 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 1.2rem
  }
}

._icon_t8m2j_106 {
  display: flex;
  padding-top: .2rem;
  display: none
}

@media screen and (min-width: 1024px) {
  ._icon_t8m2j_106 {
    display: none
  }
}

@media screen and (min-width: 1280px) {
  ._icon_t8m2j_106 {
    display: flex
  }
}

._content_t8m2j_122 {
  display: flex;
  flex-direction: column;
  grid-gap: .4rem;
  gap: .4rem;
  min-width: 0;
  cursor: pointer
}

.lazy-load-image-background.blur {
  filter: blur(15px)
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
  filter: blur(0);
  transition: filter .3s
}

.lazy-load-image-background.blur>img {
  opacity: 0
}

.lazy-load-image-background.blur.lazy-load-image-loaded>img {
  opacity: 1;
  transition: opacity .3s
}

._root_1ffzk_2 {
  overflow-x: hidden;
  margin-inline-end: -1.6rem;
  position: relative
}

@media only screen and (min-width: 1024px) {
  ._root_1ffzk_2 {
    margin-inline-end: 0
  }
}

._root_1ffzk_2 .carousel-indicators li {
  display: none
}

._root_1ffzk_2 .react-swipeable-view-container {
  width: 100%
}

._container_1ffzk_19 {
  overflow-x: visible !important;
  height: clamp(9rem, 23vh, 16.8rem);
  max-width: 100%;
  aspect-ratio: 285/148;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._container_1ffzk_19 {
    height: clamp(30rem, 47vh, 42rem);
    width: 100%;
    aspect-ratio: 8
  }
}

._bannerItemContainer_1ffzk_34 {
  display: flex
}

html[dir=rtl] ._bannerItemContainer_1ffzk_34 {
  direction: rtl
}

._bannerItem_1ffzk_34 {
  margin-inline-end: 1.2rem;
  overflow: hidden;
  border-radius: clamp(.9rem, 2.5vh, 1.6rem);
  display: flex;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._bannerItem_1ffzk_34 {
    border-radius: 0;
    margin-inline-end: 0;
    width: 100%
  }
}

._bannerItem_1ffzk_34 img,
._bannerItem_1ffzk_34 video {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center
}

._lazyContainer_1ffzk_64 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._lazyContainer_1ffzk_64 {
    width: 100%
  }
}

._pagination_1ffzk_73 {
  display: none;
  position: absolute;
  left: 48%;
  bottom: 20px;
  z-index: 10;
  gap: 1rem
}

._pagination_1ffzk_73 ._point_1ffzk_81 {
  background: #c4c4c4;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  cursor: pointer
}

._pagination_1ffzk_73 ._currentPoint_1ffzk_88 {
  width: 2.1rem;
  border-radius: 1rem;
  background: #fff
}

@media screen and (min-width: 1024px) {
  ._pagination_1ffzk_73 {
    display: flex
  }
}

._root_1j33d_2 {
  display: grid;
  position: relative;
  grid-gap: clamp(.5rem, .3rem + .5vmin, 1rem);
  grid-template-areas: "first second third" "first fourth fifth"
}

@media screen and (min-width: 1024px) {
  ._root_1j33d_2 {
    display: flex;
    padding-top: 0;
    column-gap: 5rem
  }
}

._root_1j33d_2 .react-swipeable-view-container {
  width: 24rem
}

._desktopGridLg_1j33d_19 .react-swipeable-view-container {
  gap: .5vw;
  grid-gap: .5vw
}

._desktopGridSm_1j33d_24 .react-swipeable-view-container {
  gap: clamp(3rem, 3.5vw, 5.5rem)
}

._root_mobile_view_1j33d_28 {
  display: flex;
  margin-top: 2rem;
  grid-gap: 1.2rem
}

@media screen and (min-width: 369px) {
  ._root_mobile_view_1j33d_28 {
    grid-gap: 1.9rem
  }
}

._root_mobile_view_1j33d_28 .react-swipeable-view-container {
  gap: 0vw;
  width: 24rem
}

._tileWrapper_1j33d_44 {
  position: relative;
  width: 10rem;
  height: 15rem
}

@media screen and (min-width: 1024px) {
  ._tileWrapper_1j33d_44 {
    width: 11rem
  }
}

._tileWrapper_1j33d_44 ._image_container_1j33d_54 {
  margin-inline-start: -.7rem
}

@media screen and (min-width: 1024px) {
  ._tileWrapper_1j33d_44 ._image_container_1j33d_54 {
    width: 10rem;
    height: 10.2rem
  }
}

._tileWrapper_1j33d_44 ._image_container_1j33d_54 img {
  width: 11rem;
  height: 11rem;
  object-fit: contain
}

._tileWrapper_1j33d_44 ._title_container_1j33d_68 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: .5rem;
  margin-top: .7rem;
  padding: .3rem;
  width: 11rem;
  margin-inline: auto
}

._tileWrapper_1j33d_44 ._title_container_1j33d_68 ._title_1j33d_68 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.4rem;
  display: block;
  text-align: center;
  color: #393f52;
  order: 0;
  flex-grow: 0;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._tileWrapper_1j33d_44 ._title_container_1j33d_68 ._title_1j33d_68 {
    font-size: 1.1rem
  }
}

._tileWrapper_1j33d_44 ._ribbon_1j33d_97 {
  position: relative;
  margin-top: .8rem
}

._tileWrapper_1j33d_44 ._ribbon_1j33d_97 img {
  width: 100%;
  height: 1.6rem
}

._tileWrapper_1j33d_44 ._ribbon_1j33d_97 ._ribbon_text_1j33d_105 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .75rem;
  margin-inline-start: .1rem;
  font-weight: 700;
  color: var(--clr-light-100)
}

._MobileGridLg_1j33d_120 {
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
  flex-direction: column;
  height: 32rem
}

._MobileGridSm_1j33d_128 {
  justify-content: center;
  flex-wrap: wrap;
  overflow: hidden;
  flex-direction: column;
  height: 32rem
}

._MobileFlex_1j33d_135 {
  justify-content: space-evenly;
  flex-wrap: wrap;
  grid-gap: 2rem
}

._mContainer_1j33d_141 {
  overflow-x: visible !important;
  height: 19.3rem;
  max-width: 100%;
  aspect-ratio: .1;
  display: flex;
  width: 100%
}

._mInner_1j33d_150 {
  width: 30rem
}

._mediaContainer_1j33d_154 {
  width: 100%;
  overflow-y: hidden;
  z-index: 1;
  height: 100%
}

._blockItem_1j33d_161 {
  width: 19.6rem !important;
  padding-top: 3.2rem;
  overflow: inherit !important
}

._pagination_1j33d_167 {
  position: absolute;
  display: none;
  width: 110%;
  justify-content: space-between;
  left: -5%;
  flex-direction: row-reverse;
  top: 50%;
  z-index: 0
}

@media screen and (min-width: 1024px) {
  ._pagination_1j33d_167 {
    display: flex
  }
}

._pagination_1j33d_167 button {
  font-size: 2rem;
  min-width: auto;
  color: #007aff
}

[dir=rtl] ._pagination_1j33d_167 button {
  transform: scaleX(-1)
}

._category_item_1j33d_191 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  gap: 1.625rem;
  width: 118rem;
  height: 25rem
}

._tileWrapperViewAll_1j33d_202 {
  width: 10rem;
  height: 15rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._tileWrapperViewAll_1j33d_202 ._cta_1j33d_209 {
  font-size: clamp(1.2rem, 1rem + .5vw + .1vh, 1.8rem);
  text-transform: capitalize;
  font-weight: 500;
  color: var(--clr-dark-400);
  display: flex;
  padding: .6rem;
  margin-inline-end: .5rem;
  background: var(--clr-light-100);
  border-radius: .6rem;
  margin-top: -2rem
}

@media screen and (min-width: 1024px) {
  ._tileWrapperViewAll_1j33d_202 ._cta_1j33d_209 {
    font-size: 1.6rem;
    color: #007aff;
    cursor: pointer
  }
}

._tileWrapperViewAll_1j33d_202 ._arrowrighticon_1j33d_228 {
  margin-inline-start: .7rem
}

._root_r2izx_2 {
  height: 17rem;
  flex: none;
  order: 0;
  flex-grow: 0
}

._root_r2izx_2 ._product_r2izx_8 {
  width: 100%;
  height: 100%;
  display: block
}

._root_r2izx_2 ._thumb_r2izx_13 ._img_div_r2izx_13 ._img_r2izx_13 {
  width: 18rem;
  height: 18rem;
  margin-top: -1.5rem;
  margin-inline-start: -.5rem;
  object-fit: contain
}

._root_r2izx_2 ._ribbon_r2izx_20 {
  position: relative;
  margin-top: .8rem;
  width: 18.5rem
}

._root_r2izx_2 ._ribbon_r2izx_20 img {
  width: 100%;
  height: 2.2rem
}

._root_r2izx_2 ._ribbon_r2izx_20 ._ribbon_text_r2izx_29 {
  position: absolute;
  top: 0;
  left: 0;
  width: 18.5rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  margin-inline-start: .1rem;
  font-weight: 700;
  color: var(--clr-light-100)
}

._root_r2izx_2 ._title_container_r2izx_43 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 2rem;
  margin-top: 1.3rem
}

._root_r2izx_2 ._title_container_r2izx_43 ._title_r2izx_43 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  color: #393f52
}

._root_whq79_2 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 2rem
}

._mediaTile_whq79_9 {
  width: 35vw;
  flex: 0 0 auto;
  background: #fff;
  border-radius: 1rem;
  text-align: center;
  display: flex;
  padding: 6px;
  flex-direction: column;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._mediaTile_whq79_9 {
    width: 11vw;
    padding: 1.6rem;
    text-align: center;
    justify-content: center
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  ._mediaTile_whq79_9 {
    width: 14vw
  }
}

._mediaTile_whq79_9:first-child {
  width: 45vw;
  padding: 0
}

@media screen and (min-width: 1024px) {
  ._mediaTile_whq79_9:first-child {
    width: 17vw;
    padding: 0;
    border-radius: 10px;
    overflow: hidden
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  ._mediaTile_whq79_9:first-child {
    width: 26vw
  }
}

._mediaTile_whq79_9:first-child img {
  width: 100%;
  object-fit: cover;
  height: 100%
}

._media_whq79_9 {
  object-fit: cover;
  min-height: 4.2rem
}

._media_whq79_9 img {
  width: 3.5rem
}

@media screen and (min-width: 1024px) {
  ._media_whq79_9 img {
    width: 5.6rem
  }
}

._title_whq79_69 {
  position: relative;
  font-size: 1rem;
  color: var(--clr-dark-400);
  line-height: normal;
  padding-top: 10px
}

@media screen and (min-width: 1024px) {
  ._title_whq79_69 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400
  }
}

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

@media screen and (min-width: 1024px) {
  ._root_1m4o3_2 {
    flex-basis: 47.8%;
    max-height: 37rem;
    overflow: hidden;
    aspect-ratio: 566/350;
    height: fit-content
  }
}

._banner_1m4o3_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 1.6rem;
  overflow: hidden;
  height: 100%
}

@media screen and (min-width: 1024px) {
  ._banner_1m4o3_16 {
    border-radius: 1rem
  }
}

._banner_1m4o3_16 img {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._banner_1m4o3_16 img {
    object-fit: cover;
    height: 100%
  }
}

.fullWidth ._banner_1m4o3_16 {
  border-radius: 0
}

._imageflex_1m4o3_45 {
  display: flex
}

._content_1m4o3_49 {
  font-size: 1rem;
  line-height: 2rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  letter-spacing: .03328rem;
  margin-block-end: 2.5rem
}

._root_1he3h_1 {
  display: flex;
  overflow-x: auto
}

._root_1he3h_1 ._main_1he3h_5 {
  width: 30rem;
  margin-inline-end: 1.6rem;
  background-color: #fff;
  display: inline-block;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px
}

._order_1he3h_14 {
  background-color: #fff;
  padding: 0 10px;
  width: 31.5rem;
  border-radius: 4px
}

._orderMain_1he3h_21 {
  display: flex;
  flex-direction: row
}

._orderMain_1he3h_21 ._itmImg_1he3h_25 img {
  object-fit: contain;
  border: 1px solid white;
  border-radius: 70px;
  box-shadow: 0 0 2px gray;
  margin-top: 10px;
  height: 4rem
}

._orderDetail_1he3h_34 {
  padding: 1rem .9rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  align-items: center
}

._orderDetail_1he3h_34 h4 {
  font-size: 1rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  direction: ltr;
  width: max-content
}

._orderDetail_1he3h_34 h5 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 500;
  background: rgba(0, 122, 255, .07);
  color: var(--clr-dark-400);
  padding: .5rem;
  width: max-content
}

._orderDetail_1he3h_34 h5 ._redText_1he3h_59 {
  color: #e4002b
}

._orderDetail_1he3h_34 p {
  font-size: 1.1rem;
  color: #6a6e7b;
  font-weight: 500;
  margin-top: 1rem;
  width: 100%
}

._bottomSec_1he3h_70 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px #80808030;
  margin-top: 7px;
  align-items: center
}

._bottomSec_1he3h_70 ._amount_1he3h_77 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr
}

._button_1he3h_84 button {
  padding: .4rem 1rem;
  margin: .6rem 0;
  font-size: 1.2rem;
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: .4rem
}

._root_ncdgq_2 {
  display: flex;
  overflow-x: auto
}

@media screen and (min-width: 1024px) {
  ._root_ncdgq_2 {
    box-shadow: 0 .217631rem .761708rem #9bccf43e;
    overflow-x: hidden
  }
}

._root_ncdgq_2 ._main_ncdgq_12 {
  width: 30rem;
  background-color: #fff;
  display: inline-block;
  border-radius: 4px
}

@media screen and (min-width: 1024px) {
  ._root_ncdgq_2 {
    display: block;
    flex-direction: column;
    width: 100%
  }

  ._root_ncdgq_2 ._main_ncdgq_12 {
    width: 44rem;
    padding: 1rem 0
  }
}

._container_ncdgq_30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._hidden_ncdgq_47 {
  display: none !important
}

._order_ncdgq_51 {
  background-color: #fff;
  padding: 1.5rem 1.4rem;
  width: 46rem;
  width: auto;
  margin-block-start: 2rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px
}

._order_ncdgq_51 ._bottomSec_ncdgq_60 {
  padding-block-start: 1rem
}

._orderMain_ncdgq_64 {
  display: flex;
  flex-direction: row
}

._orderMain_ncdgq_64 ._itmImg_ncdgq_68 img {
  object-fit: contain;
  border: 1px solid white;
  border-radius: 70px;
  box-shadow: 0 0 2px gray;
  margin-top: 10px;
  height: 4rem
}

._openContainer_ncdgq_77 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._btnContainer_ncdgq_94 {
  display: flex;
  align-items: center;
  padding: 2rem;
  height: 7.2rem;
  width: 100%;
  border-bottom: 1px solid rgba(57, 63, 82, .1);
  border-radius: inherit;
  cursor: pointer
}

._btnContainer_ncdgq_94 ._previousItem_ncdgq_104 {
  display: block;
  padding: .25rem 2rem;
  font-size: 2rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._arrowupicon_ncdgq_112 {
  font-size: 2.6rem;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._arrowdownicon_ncdgq_118 {
  font-size: 2.6rem;
  transform: rotate(180deg);
  transition: .5s ease;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._ordercontainer_ncdgq_126 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-start: 2rem
}

._desktopButton_ncdgq_133 {
  display: block;
  margin: 1.5rem
}

._flexBox_ncdgq_138 {
  display: flex;
  justify-content: center;
  align-items: center
}

._orderDetail_ncdgq_144 {
  padding: 1rem .9rem 0 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  width: 40rem
}

._orderDetail_ncdgq_144 h4 {
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  font-size: 1.2rem;
  flex-grow: 0;
  margin-inline-start: 2.4rem
}

._orderDetail_ncdgq_144 h5 {
  text-transform: uppercase;
  font-weight: 500;
  background: rgba(0, 122, 255, .07);
  color: var(--clr-dark-400);
  width: 14rem;
  font-size: 1.4rem;
  width: fit-content;
  flex-grow: 0;
  padding: .65rem;
  margin-inline-end: 2.2rem
}

._orderDetail_ncdgq_144 h5 ._redText_ncdgq_170 {
  color: #e4002b
}

._orderDetail_ncdgq_144 p {
  font-size: 1.1rem;
  color: #6a6e7b;
  font-weight: 500;
  margin-top: 1rem;
  font-size: 1.2rem;
  margin: 1rem 0
}

._bottomSec_ncdgq_60 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px #80808030;
  margin-top: 7px;
  align-items: center
}

._bottomSec_ncdgq_60 ._amount_ncdgq_189 {
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr;
  font-size: 1.4rem
}

._button_ncdgq_196 button {
  padding: .4rem 1rem;
  margin: .6rem 0;
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: .4rem;
  border-width: .2rem;
  font-size: 1.4rem;
  font-weight: 500
}

._root_obv1s_1 button {
  color: #e4002b;
  border: 1px solid #e4dfdf;
  padding: 4px 15px;
  margin: 6px 0
}

._root_whd86_2 {
  padding: 0 .5em;
  display: flex;
  overflow-x: auto
}

._root_whd86_2 ._main_whd86_7 {
  width: 30rem;
  margin-inline-end: 1.6rem;
  background-color: #fff;
  display: inline-block;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px
}

@media screen and (min-width: 1024px) {
  ._root_whd86_2 {
    flex-direction: column;
    width: 100%
  }

  ._root_whd86_2 ._main_whd86_7 {
    width: auto;
    margin: 2rem;
    padding: 2rem 1rem
  }

  ._root_whd86_2 ._main_whd86_7 ._order_whd86_26 {
    width: auto
  }

  ._root_whd86_2 ._main_whd86_7 ._order_whd86_26 ._bottomSec_whd86_29 {
    border-top: 1px solid var(--clr-primary-400);
    padding-block-start: 1.5rem
  }

  ._root_whd86_2 ._main_whd86_7 ._button_whd86_33 button {
    border-width: .2rem
  }
}

._order_whd86_26 {
  background-color: #fff;
  padding: 0 10px;
  width: 30rem;
  border-radius: 4px
}

._orderMain_whd86_44 {
  display: flex;
  flex-direction: row
}

._orderMain_whd86_44 ._itmImg_whd86_48 img {
  object-fit: cover;
  border: 1px solid white;
  border-radius: 70px;
  box-shadow: 0 0 2px gray;
  margin-top: 10px
}

._orderDetail_whd86_56 {
  padding: 1rem .9rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

._orderDetail_whd86_56 h4 {
  font-size: 1rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  direction: ltr;
  width: 6.5rem
}

._orderDetail_whd86_56 h5 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 500;
  background: rgba(0, 122, 255, .07);
  color: var(--clr-dark-400);
  padding: .5rem
}

._orderDetail_whd86_56 h5 ._redText_whd86_79 {
  color: #e4002b
}

._orderDetail_whd86_56 p {
  font-size: 1.1rem;
  color: #6a6e7b;
  font-weight: 500;
  margin-top: 1rem
}

._bottomSec_whd86_29 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px #80808030;
  margin-top: 7px;
  align-items: center
}

._bottomSec_whd86_29 ._amount_whd86_96 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr
}

._button_whd86_33 button {
  padding: 4px 15px;
  margin: 6px 0;
  border: 1px solid rgba(73, 97, 171, .2);
  font-size: 1.2rem
}

._button_whd86_33 ._warningText_whd86_109 {
  color: var(--clr-primary-400);
  font-weight: 500;
  font-size: 1.2rem
}

._root_1b6uj_2 {
  display: flex;
  overflow-x: auto
}

@media screen and (min-width: 1024px) {
  ._root_1b6uj_2 {
    box-shadow: 0 .217631rem .761708rem #9bccf43e;
    overflow-x: hidden
  }
}

._root_1b6uj_2 ._main_1b6uj_12 {
  width: 30rem;
  margin-inline-end: 1.6rem;
  background-color: #fff;
  display: inline-block;
  border-radius: 4rem
}

@media screen and (min-width: 1024px) {
  ._root_1b6uj_2 {
    display: block;
    flex-direction: column;
    width: 100%
  }

  ._root_1b6uj_2 ._main_1b6uj_12 {
    width: 44rem;
    padding: 1rem 0;
    margin-block-start: 2rem
  }
}

._container_1b6uj_32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._order_1b6uj_49 {
  padding: 1.5rem;
  width: 46rem;
  width: auto;
  margin-block-start: 2rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem
}

._order_1b6uj_49 ._bottomSec_1b6uj_57 {
  padding-block-start: 1rem
}

._orderMain_1b6uj_61 {
  display: flex;
  flex-direction: row
}

._orderMain_1b6uj_61 ._itmImg_1b6uj_65 img {
  object-fit: contain;
  border: 1px solid white;
  border-radius: 70rem;
  box-shadow: 0 0 2px gray;
  margin-top: 10rem;
  height: 4rem
}

._imageComponent_1b6uj_74 {
  margin-top: 1rem !important
}

._openContainer_1b6uj_78 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  max-height: 45.3rem;
  height: auto;
  width: 50.2rem;
  position: fixed;
  bottom: 0;
  right: 3rem;
  z-index: 99;
  border-radius: 4rem 4rem 0 0;
  box-shadow: 0 -15px 20px #00000014;
  transition: .5s ease
}

._hidden_1b6uj_95 {
  display: none !important
}

._btnContainer_1b6uj_99 {
  display: flex;
  align-items: center;
  padding: 2rem;
  height: 7.2rem;
  width: 100%;
  border-bottom: 1px solid rgba(57, 63, 82, .1);
  border-radius: inherit;
  cursor: pointer
}

._btnContainer_1b6uj_99 ._previousItem_1b6uj_109 {
  display: block;
  margin: 1rem .5rem;
  padding: .25rem 2rem;
  font-size: 2rem;
  font-weight: 700;
  color: var(--clr-orange-500)
}

._arrowupicon_1b6uj_118 {
  font-size: 2.6rem;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._arrowdownicon_1b6uj_124 {
  font-size: 2.6rem;
  transform: rotate(180deg);
  transition: .5s ease;
  margin-inline-start: auto;
  color: var(--clr-dark-400)
}

._ordercontainer_1b6uj_132 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-start: 2rem
}

._flexBox_1b6uj_139 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem auto
}

._flexBox_1b6uj_139 ._desktopButton_1b6uj_145 {
  display: block;
  margin: 1.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  width: 25rem;
  height: 4.8rem;
  border: 1px solid rgba(57, 63, 82, .16);
  border-radius: .4rem
}

._orderDetail_1b6uj_157 {
  padding: 1rem .9rem 0 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  height: max-content;
  width: 40rem
}

._orderDetail_1b6uj_157 h4 {
  color: var(--clr-dark-400);
  font-weight: 500;
  opacity: .6;
  font-size: 1.2rem;
  flex-grow: 0;
  margin-inline-start: 2.4rem
}

._orderDetail_1b6uj_157 h5 {
  text-transform: uppercase;
  font-weight: 500;
  background: rgba(0, 122, 255, .07);
  color: var(--clr-dark-400);
  font-size: 1.4rem;
  width: fit-content;
  flex-grow: 0;
  padding: .65rem;
  margin-inline-end: 2.2rem
}

._orderDetail_1b6uj_157 h5 ._redText_1b6uj_183 {
  color: #e4002b
}

._orderDetail_1b6uj_157 p {
  font-size: 1.1rem;
  color: #6a6e7b;
  font-weight: 500;
  margin-top: 1rem;
  font-size: 1.2rem;
  margin: 1 rem 0
}

._bottomSec_1b6uj_57 {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 -1px #80808030;
  margin-top: .7rem;
  align-items: center
}

._bottomSec_1b6uj_57 ._amount_1b6uj_202 {
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr;
  font-size: 1.4rem
}

._button_1b6uj_209 button {
  padding: .4rem 1rem;
  margin: .6rem 0;
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: .4rem;
  border-width: .2rem;
  font-size: 1.4rem;
  font-weight: 500
}

._root_7sjki_2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "thumbnail title title" "thumbnail description description" "thumbnail price cta";
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .4rem;
  background-color: #fff
}

@media screen and (min-width: 1024px) {
  ._root_7sjki_2 {
    grid-template-columns: 100%;
    grid-template-rows: min-content auto min-content min-content min-content;
    grid-template-areas: "thumbnail" "title" "description " "customize" "price" "cta";
    justify-items: center;
    align-items: center;
    justify-content: center;
    box-shadow: 0 .8rem 1.6rem var(--clr-dark-300-10);
    position: relative;
    text-align: center;
    border-radius: 2rem 2rem 0 0;
    grid-gap: 1.5rem;
    gap: 1.5rem
  }
}

._root_7sjki_2 button {
  grid-area: cta;
  border: 1px solid rgba(73, 97, 171, .2);
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 2px 15px;
  width: fit-content;
  margin-inline-start: auto;
  margin-inline-end: 10px;
  margin-block-end: 1rem
}

@media screen and (min-width: 1024px) {
  ._root_7sjki_2 button {
    margin: 0;
    border: 2px solid #e4002b;
    box-shadow: 0 11.5338px 11.5338px #e4002b1a;
    border-radius: 10px;
    min-width: 13rem;
    padding: .6rem
  }
}

._thumbnail_7sjki_50 {
  grid-area: thumbnail;
  padding: 1rem 0;
  border-inline-end: 1px solid var(--clr-dark-900-10)
}

@media screen and (min-width: 1024px) {
  ._thumbnail_7sjki_50 {
    width: 50%;
    border: 0
  }
}

._title_7sjki_62 {
  grid-area: title;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin: 5px 10px 0
}

@media screen and (min-width: 1024px) {
  ._title_7sjki_62 {
    font-size: 1.6rem
  }
}

._description_7sjki_75 {
  grid-area: description;
  font-size: 1.1rem;
  font-weight: 500;
  color: #6a6e7b;
  padding: .6rem 0 0;
  margin: .5rem 1rem 1rem;
  border-block-end: 1px solid var(--clr-dark-900-10)
}

@media screen and (min-width: 1024px) {
  ._description_7sjki_75 {
    border: 0;
    font-size: 1.4rem;
    line-height: 1.6rem
  }
}

._price_7sjki_92 {
  grid-area: price;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-left: 10px;
  display: flex;
  align-items: center;
  margin-block-end: 1.3rem
}

._root_1lra2_2 {
  position: relative;
  display: grid;
  grid-template-columns: auto min-content min-content;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas: "title favourite thumbnail" "description description thumbnail" "customize customize thumbnail" "price price addtocart";
  padding: 1.2rem 1.6rem;
  background-color: var(--clr-light-100);
  width: 100%;
  gap: 1rem;
  box-shadow: 0 .22rem .76rem 0 var(--clr-dark-200-20)
}

[dir=rtl] ._root_1lra2_2 {
  direction: rtl
}

@media screen and (min-width: 1024px) {
  ._root_1lra2_2 {
    grid-template-columns: 100%;
    grid-template-rows: min-content auto auto min-content min-content;
    grid-template-areas: "title" "description " "customize" "price" "addtocart";
    justify-items: center;
    align-items: center;
    box-shadow: 0 4px 2px #d9dde6cc;
    position: relative;
    text-align: start;
    min-width: 25rem;
    max-width: 25rem;
    padding: 9rem 1rem 2rem;
    margin-block-start: 13.5rem;
    border-radius: 2rem 2rem .6rem .6rem;
    gap: 0rem
  }
}

._root_1lra2_2.cartItem {
  grid-template-columns: 70% auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: "title thumbnail" "description  thumbnail" "customize thumbnail" "actionContainer  actionContainer";
  padding: 0 1rem 0 1.6rem;
  box-shadow: none;
  gap: .3rem;
  margin-block-end: 0;
  border-block-end: .1rem solid rgba(57, 63, 82, .1019607843);
  flex-grow: 0;
  flex-basis: auto;
  min-width: auto
}

._root_1lra2_2.cartItem ._thumbnail_1lra2_49 img {
  width: 60%
}

._root_1lra2_2.cartItem ._thumbnail_1lra2_49 {
  min-height: 4.6rem;
  min-width: 4.6rem
}

._thumbnail_1lra2_49 {
  grid-area: thumbnail;
  width: 14.5rem;
  aspect-ratio: 1/1;
  margin-inline-end: -1.6rem;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._thumbnail_1lra2_49 {
    width: 21rem;
    position: absolute;
    margin: 0;
    padding: 0;
    inset: 0 auto auto auto;
    transform: translateY(-12.5rem)
  }
}

._thumbnail_1lra2_49 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: pointer
}

@media screen and (max-width: 1023px) {
  ._ltoImagePadding_1lra2_82 {
    position: relative
  }
}

._favourite_1lra2_87 {
  grid-area: favourite;
  display: flex;
  justify-self: flex-end;
  align-self: flex-start;
  width: 1.7rem;
  cursor: pointer
}

[dir=rtl] ._favourite_1lra2_87 {
  justify-self: flex-start
}

._favourite_1lra2_87 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._favourite_1lra2_87 {
    position: absolute;
    inset: 9rem 2rem auto auto;
    aspect-ratio: 1/1;
    inset-inline-end: 1rem;
    inset-inline-start: auto
  }
}

._title_1lra2_113 {
  grid-area: title
}

@media screen and (min-width: 1024px) {
  ._title_1lra2_113 {
    border-bottom: 1px solid rgba(57, 63, 82, .2)
  }
}

._title_1lra2_113 h3 {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: var(--theme-product-h-color)
}

@media screen and (min-width: 1024px) {
  ._title_1lra2_113 h3 {
    font-size: 1.5rem;
    text-align: start;
    padding-bottom: 1rem;
    padding-inline-end: 2rem
  }
}

[dir=rtl] ._title_1lra2_113 {
  text-align: -webkit-right
}

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

  ._title_1lra2_113,
  ._title_1lra2_113 h3 {
    width: 100%
  }
}

._description_1lra2_147 {
  grid-area: description;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--theme-body-p-color);
  margin: 0;
  line-height: 1.4rem;
  font-style: normal
}

[dir=rtl] ._description_1lra2_147 {
  text-align: -webkit-right
}

@media screen and (min-width: 1024px) {
  ._description_1lra2_147 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    align-self: flex-start;
    text-align: center;
    text-align: start;
    width: 100%;
    margin: 1rem 0
  }
}

._description_1lra2_147 ._sizeButtons_1lra2_170 {
  margin-top: 1.3rem;
  text-align: start
}

@media screen and (min-width: 1024px) {
  ._description_1lra2_147 ._sizeButtons_1lra2_170 {
    text-align: center !important
  }
}

._description_1lra2_147 ._sizeButtons_1lra2_170 ._sizes_1lra2_179 {
  margin: 0 .8rem .8rem 0;
  height: 3rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: .6rem
}

[dir=rtl] ._description_1lra2_147 ._sizeButtons_1lra2_170 ._sizes_1lra2_179 {
  margin: 0 0 .8rem .8rem
}

._description_1lra2_147 ._sizeButtons_1lra2_170 ._sizesActive_1lra2_189 {
  margin: 0 .8rem .8rem 0;
  height: 3rem;
  color: var(--clr-primary-400);
  background-color: var(--theme-lang-button-color);
  font-size: 1rem;
  font-weight: 500;
  border-radius: .6rem;
  border-color: var(--clr-primary-400)
}

[dir=rtl] ._description_1lra2_147 ._sizeButtons_1lra2_170 ._sizesActive_1lra2_189 {
  margin: 0 0 .8rem .8rem
}

._description_1lra2_147 ._sizeButtons_1lra2_170 ._sizesActive_1lra2_189 .MuiButton-startIcon {
  margin: 0;
  margin-inline-end: .8rem
}

._customizedBox_1lra2_207 {
  grid-area: description;
  background: var(--clr-light-200);
  padding: 1.6rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1lra2_207 {
    width: 100%;
    align-self: flex-start;
    padding: 1rem;
    background: rgba(207, 217, 227, .1)
  }

  ._customizedBox_1lra2_207 ._resetBtn_1lra2_220 {
    color: var(--clr-primary-400);
    font-size: 1.2rem
  }

  ._customizedBox_1lra2_207 ._customizedBtnWrapper_1lra2_224 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
  }
}

._customizedBox_1lra2_207 h4 {
  text-transform: uppercase;
  color: var(--clr-secondary-400) !important;
  font-style: normal;
  margin-inline-end: .4rem;
  font-size: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1lra2_207 h4 {
    font-weight: 700
  }
}

._customizedBox_1lra2_207 p {
  font-size: 1.1rem;
  line-height: 1.4rem;
  color: var(--clr-dark-300);
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1lra2_207 p {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding-block-end: 0
  }
}

._customizedBox_1lra2_207 p em {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-style: normal;
  margin-inline-end: .4rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1lra2_207 p em {
    font-weight: 700
  }
}

._customizedBox_1lra2_207 p span {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-weight: 700;
  font-size: 1.2rem;
  margin-inline-start: .4rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._customizedBox_1lra2_207 p span {
    font-size: 1.4rem
  }
}

._customizeButton_1lra2_281 {
  width: auto;
  grid-area: customize;
  text-decoration: none;
  color: var(--theme-product-blue-color);
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: .4rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._customizeButton_1lra2_281 {
    background: #ffffff;
    border-radius: 1rem;
    padding: .7rem .5rem;
    font-size: 1.1rem
  }
}

._customizeButton_1lra2_281 ._arrow_1lra2_302 {
  display: flex;
  background-color: currentColor;
  border: solid .1rem;
  border-radius: .6rem
}

._customizeButton_1lra2_281 ._icon_1lra2_308 {
  font-size: 1.8rem;
  color: #fff;
  padding: 1px
}

[dir=rtl] ._customizeButton_1lra2_281 ._icon_1lra2_308 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._customizeButton_1lra2_281 ._icon_1lra2_308 path {
  color: var(--clr-light-100)
}

._price_1lra2_321 {
  grid-area: price;
  display: flex;
  align-items: center;
  font-weight: 700;
  flex-wrap: wrap;
  gap: .5rem;
  justify-self: start
}

@media screen and (min-width: 1024px) {
  ._price_1lra2_321 {
    justify-self: center;
    margin-bottom: -1.5rem;
    background: var(--theme-product-tile-box-bg);
    width: 100%;
    padding: .5rem;
    border-radius: .6rem;
    margin-bottom: 1.5rem;
    white-space: nowrap
  }
}

._price_1lra2_321 ._cost_1lra2_342 {
  font-size: 1.3rem;
  color: var(--theme-procuct-price-color)
}

@media screen and (min-width: 1024px) {
  ._price_1lra2_321 ._cost_1lra2_342 {
    font-size: 1.2rem;
    display: flex;
    gap: .5rem;
    align-items: flex-end;
    white-space: nowrap
  }
}

._price_1lra2_321 ._strikeOut_1lra2_355 {
  font-size: 1rem;
  color: var(--theme-procuct-price-color);
  opacity: .7;
  text-decoration: line-through
}

@media screen and (min-width: 1024px) {
  ._price_1lra2_321 ._strikeOut_1lra2_355 {
    font-size: 1rem;
    font-weight: 500;
    white-space: nowrap
  }
}

._price_1lra2_321 ._percentage_1lra2_368 {
  border-inline-start: .1rem solid var(--clr-dark-300);
  font-size: 1.3rem;
  font-weight: 700;
  padding-inline-start: .5rem;
  color: var(--theme-button-color)
}

@media screen and (min-width: 1024px) {
  ._price_1lra2_321 ._percentage_1lra2_368 {
    font-size: 1rem;
    font-weight: 700;
    margin-inline-start: -.5rem;
    border-inline-start: 0;
    white-space: nowrap
  }
}

._addToCart_1lra2_385 {
  grid-area: addtocart;
  width: 11.5rem;
  height: 3.5rem;
  justify-self: flex-end
}

[dir=rtl] ._addToCart_1lra2_385 {
  justify-self: flex-start
}

@media screen and (min-width: 1024px) {
  ._addToCart_1lra2_385 {
    width: 14rem;
    height: 3.6rem;
    justify-self: center !important;
    transform: translateY(50%);
    position: absolute
  }
}

._addToCart_1lra2_385 .MuiButton-root {
  height: 100%
}

@media screen and (min-width: 1024px) {
  ._addToCart_1lra2_385 .MuiButton-root {
    border-radius: 1rem
  }
}

._addToCart_1lra2_385 .MuiButton-startIcon {
  margin: 0;
  margin-inline-end: .8rem
}

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

@media screen and (min-width: 1024px) {
  ._addToCart_1lra2_385._added_1lra2_415 {
    background: var(--clr-light-100);
    box-shadow: 0 .85rem .85rem var(--clr-light-500);
    border-radius: 1rem;
    padding: .3rem
  }
}

._addToCart_1lra2_385._added_1lra2_415 span {
  font-weight: 700;
  font-size: 1.6rem
}

._addToCart_1lra2_385._added_1lra2_415 .MuiButton-root {
  font-size: 1.6rem;
  min-width: auto;
  aspect-ratio: 1/1;
  padding: 0
}

@media screen and (min-width: 1024px) {
  ._addToCart_1lra2_385 button:hover {
    background-color: var(--clr-primary-300)
  }

  ._addToCart_1lra2_385 button:hover ._deleteButton_1lra2_442 path {
    color: #fff;
    stroke: #fff
  }
}

._wordText_1lra2_448 {
  font-size: 1.4rem
}

._priceWrapper_1lra2_452 {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._priceWrapper_1lra2_452 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 3rem;
    justify-content: space-between
  }
}

._noCTA_1lra2_469 {
  justify-content: center
}

._mobilePrice_1lra2_473 {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._mobilePrice_1lra2_473 {
    flex-direction: column;
    align-items: start
  }
}

._drawerInner_1lra2_486 {
  position: relative;
  border-radius: 2rem 2rem 0 0;
  background: #f8f8f8;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2rem 1rem;
  gap: 2rem;
  max-width: 100%;
  min-height: 10rem
}

@media screen and (min-width: 1024px) {
  ._drawerInner_1lra2_486 {
    max-width: 20rem;
    padding-bottom: 2rem
  }
}

._drawerInner_1lra2_486 ._badge_1lra2_504 {
  position: absolute
}

._drawerInner_1lra2_486 h3 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: var(--clr-dark-400);
  text-align: center;
  margin-top: 1rem
}

._drawerInner_1lra2_486 ._buttons_1lra2_515 {
  display: flex;
  gap: 1rem
}

._drawerInner_1lra2_486 button._close_1lra2_519 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3)
}

._confirmDailogContent_1lra2_524 {
  padding: 0 5rem 1.5rem;
  max-width: 45rem;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

._confirmDailogContent_1lra2_524 ._BadgeWrapper_1lra2_533 {
  text-align: center;
  margin-bottom: 4rem
}

._confirmDailogContent_1lra2_524 h3 {
  font-weight: 500;
  color: var(--clr-dark-400);
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-bottom: 2rem
}

._confirmDailogContent_1lra2_524 button {
  border-radius: .4rem;
  color: #fff;
  padding: .8rem 2.5rem;
  margin: 1rem;
  font-size: 1.6rem;
  font-weight: 700
}

._confirmDailogContent_1lra2_524 button._close_1lra2_519 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: .4rem;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._previousOrderTag_1lra2_562 {
  justify-content: center;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._previousOrderTag_1lra2_562 {
    margin-top: -2.5rem
  }
}

._previousOrderTag_1lra2_562 ._leftSideTick_1lra2_571 {
  margin-inline-end: -.8rem;
  position: relative;
  z-index: 2
}

._previousOrderTag_1lra2_562 ._rightSideTick_1lra2_576 {
  margin-inline-start: -.8rem;
  position: relative;
  z-index: 2
}

._previousOrderTag_1lra2_562 ._mainBackground_1lra2_581 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2.15rem;
  gap: 1rem;
  width: 13rem;
  background: #EC8262
}

._previousOrderTag_1lra2_562 ._mainBackground_1lra2_581 ._textContent_1lra2_591 {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;
  color: #fff
}

._ltoExpireOverLay_1lra2_599 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #393f52e9;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._ltoExpireOverLay_1lra2_599 {
    height: 41rem;
    margin-top: -12.5rem;
    border-radius: .4rem
  }
}

._ltoExpireOverLay_1lra2_599 p {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  line-height: 2rem
}

._ltoExpireOverLay_1lra2_599 p span {
  color: #e7da82;
  text-decoration: underline;
  margin-inline: .3rem;
  cursor: pointer
}

._cartLtoTimer_1rff0_2 {
  margin-inline-start: -2rem;
  position: absolute !important;
  top: 0
}

._ltoTimer_1rff0_8 {
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0;
  min-width: 13.3rem
}

@media screen and (min-width: 1024px) {
  ._ltoTimer_1rff0_8 {
    margin-top: .3rem;
    position: relative
  }
}

._ltoTimer_1rff0_8 ._mainBackground_1rff0_21 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .6rem;
  background: var(--clr-orange-500-10);
  border-radius: 2px;
  display: flex
}

._ltoTimer_1rff0_8 ._mainBackground_1rff0_21 ._textContent_1rff0_30 {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  color: var(--clr-orange-500)
}

@media screen and (min-width: 1024px) {
  ._ltoTimer_1rff0_8 ._mainBackground_1rff0_21 ._textContent_1rff0_30 {
    font-size: 1.1rem;
    font-weight: 600
  }
}

._ltoTimer_1rff0_8 ._longTag_1rff0_42 {
  background: none;
  margin-block: .2rem
}

._timerExpire_1rff0_47 ._mainBackground_1rff0_21 {
  background: var(--clr-orange-500-10)
}

._timerExpire_1rff0_47 ._mainBackground_1rff0_21 ._textContent_1rff0_30 {
  color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._cartLtoTag_vol2b_3 {
    margin-inline-start: -2rem !important;
    margin-top: 0 !important
  }
}

._ltoTag_vol2b_9 {
  justify-content: center;
  display: flex;
  min-width: 13rem
}

@media screen and (max-width: 1023px) {
  ._ltoTag_vol2b_9 {
    margin-inline-start: -2.6rem
  }
}

@media screen and (min-width: 1024px) {
  ._ltoTag_vol2b_9 {
    margin-top: -5rem
  }
}

._ltoTag_vol2b_9 ._leftSideTick_vol2b_24 {
  margin-inline-end: -.8rem;
  position: relative
}

._ltoTag_vol2b_9 ._rightSideTick_vol2b_28 {
  margin-inline-start: -.8rem;
  position: relative
}

._ltoTag_vol2b_9 ._mainBackground_vol2b_32 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 2.15rem;
  gap: 1rem;
  width: 13rem;
  background: var(--clr-orange-500)
}

._ltoTag_vol2b_9 ._mainBackground_vol2b_32 ._textContent_vol2b_42 {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--clr-light-100)
}

._root_rie9l_2 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto
}

@media screen and (min-width: 1024px) {
  ._root_rie9l_2 {
    grid-gap: 4rem;
    gap: 4rem;
    padding: 2rem 0px
  }
}

._productCard_rie9l_15 {
  width: 80vw;
  flex: 0 0 auto;
  margin-right: 10px;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._productCard_rie9l_15 {
    width: 25.7rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e
  }
}

._productTile_rie9l_28 {
  width: 35vw;
  flex: 0 0 auto;
  margin-right: 1rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._productTile_rie9l_28 {
    width: 23.5rem;
    margin-right: 0rem;
    border-radius: 1.7rem;
    overflow: hidden
  }
}

._productTile_rie9l_28 h3 {
  position: absolute;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff;
  bottom: 0;
  padding: 10px;
  width: 70%
}

._productTile_rie9l_28 img {
  width: 100%
}

._title_rie9l_55 {
  color: #fff;
  display: flex;
  width: 100%;
  align-items: center;
  position: absolute;
  bottom: 0;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 500;
  padding-inline-start: 1rem;
  padding-block: .2rem
}

@media screen and (min-width: 1024px) {
  ._title_rie9l_55 {
    bottom: auto;
    top: 9rem;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 400;
    padding-inline: 1.5rem
  }

  ._title_rie9l_55:after {
    content: "";
    width: 4.5rem;
    height: .17rem;
    background: rgba(255, 255, 255, .3);
    border-radius: 1.7rem;
    position: absolute;
    bottom: -1rem
  }
}

._title_rie9l_55 span {
  font-size: 2.7rem;
  margin-right: auto
}

@media screen and (min-width: 1024px) {
  ._title_rie9l_55 span {
    display: none
  }
}

[dir=rtl] ._title_rie9l_55 ._bsArrowAr_rie9l_96 {
  transform: rotate(180deg)
}

@media screen and (min-width: 1024px) {
  ._extraPadding_rie9l_101 {
    padding-bottom: 4rem
  }
}

@media screen and (min-width: 1024px) {
  ._root_1ohlv_3 {
    flex-basis: 47.8%;
    min-height: 37rem;
    box-shadow: 0 34.5333px 103.6px -8.63333px #0000000f;
    border-radius: 10px;
    overflow: hidden;
    display: flex
  }
}

._container_1ohlv_13 {
  position: relative
}

._container_1ohlv_13 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

._thumbnail_1ohlv_23 {
  width: 100%;
  object-fit: cover;
  height: 100%
}

._playButton_1ohlv_29 {
  cursor: pointer
}

._root_u2jmw_2 {
  padding: clamp(2.5rem, 2rem + .5vw + .1vh, 4rem) clamp(1.6rem, 1.5rem + .5vw + .1vh, 2rem) 0;
  overflow: hidden;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._root_u2jmw_2 {
    padding: clamp(5rem, 5rem + .5vw + .1vh, 4rem) clamp(12.5rem, 12.5rem + .5vw + .1vh, 2rem) 0
  }
}

._root_u2jmw_2.fullWidth {
  padding-inline: 0
}

@media screen and (min-width: 1024px) {
  ._root_u2jmw_2.REORDER_BASIC {
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._root_u2jmw_2.REORDER_BASIC ._titleArea_u2jmw_21 {
    display: none
  }
}

@media screen and (min-width: 1024px) {
  ._root_u2jmw_2.HOME_TRACKORDER_BASIC {
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._root_u2jmw_2.HOME_TRACKORDER_BASIC ._titleArea_u2jmw_21 {
    display: none
  }
}

._titleArea_u2jmw_21 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  align-items: center
}

._heading_u2jmw_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative
}

._heading_u2jmw_43 img {
  width: 1.8rem;
  aspect-ratio: 1/1
}

@media screen and (min-width: 1024px) {
  ._heading_u2jmw_43 img {
    width: 2.3rem
  }
}

._title_u2jmw_21 {
  font-size: clamp(1.4rem, 1.2rem + .5vw + .1vh, 2rem);
  font-weight: 500;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._title_u2jmw_21 {
    font-size: 1.6rem;
    font-weight: 700
  }
}

._title_u2jmw_21:after {
  content: "";
  height: clamp(2px, .14em, 3px);
  width: clamp(30px, 2.14em, 40px);
  background: var(--clr-primary-400);
  display: block;
  margin-top: clamp(3px, .22em, 6px);
  position: absolute;
  bottom: -.3rem
}

._title_u2jmw_21 span {
  padding-inline-start: .5rem
}

._cta_u2jmw_85 {
  font-size: clamp(1.2rem, 1rem + .5vw + .1vh, 1.8rem);
  text-transform: capitalize;
  font-weight: 500;
  color: var(--clr-dark-400);
  display: flex;
  align-self: flex-start
}

@media screen and (min-width: 1024px) {
  ._cta_u2jmw_85 {
    font-size: 1.6rem;
    color: #007aff;
    cursor: pointer
  }
}

._arrowrighticon_u2jmw_101 {
  margin-inline-start: .7rem
}

html[dir=rtl] ._arrowrighticon_u2jmw_101 {
  transform: scaleX(-1)
}

@media screen and (min-width: 1024px) {
  .BANNER_LARGE_305x158 {
    padding: 0;
    order: 0;
    margin: 0
  }

  .BANNER_LARGE_305x158 ._titleArea_u2jmw_21 {
    display: none
  }
}

@media screen and (min-width: 1024px) {
  .EXPLORE_MENU {
    order: 1;
    width: 100%
  }

  .EXPLORE_MENU ._title_u2jmw_21 {
    text-transform: uppercase
  }
}

.WHATS_NEW {
  width: 100%
}

@media screen and (min-width: 1024px) {
  .WHATS_NEW {
    order: 3
  }
}

@media screen and (min-width: 1024px) {
  .BEST_SELLERS {
    order: 2;
    width: 100%
  }
}

@media screen and (min-width: 1024px) {
  .CONTACTLESS_DELIVERY {
    order: 5;
    width: 100%
  }
}

._cardSlide_u2jmw_153 {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}

._cardSlide_u2jmw_153._smallSize_u2jmw_160 {
  flex: 0 0 72.5%;
  max-width: 72.5%;
  padding-right: 2rem
}

._pointsCard_u2jmw_166 {
  flex: 0 0 23.3%;
  max-width: 23.3%;
  align-self: end;
  padding-bottom: 4rem
}

._root_17a8y_1 {
  background: var(--clr-dark-400);
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 2.5rem 4rem;
  gap: 2.5rem;
  position: relative
}

._availblity_17a8y_12 {
  font-size: 1.6rem;
  color: #fff;
  opacity: .5;
  line-height: 1.9rem;
  font-weight: 400;
  width: 50%;
  margin: 0 auto
}

._footerMenu_17a8y_22 ul {
  list-style: none
}

._footerMenu_17a8y_22 a {
  color: #fff
}

._footerMenu_17a8y_22 li {
  display: inline-block;
  padding: 0 4.8rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400
}

._footerMenu_17a8y_22 li a {
  cursor: pointer
}

._footerMenu_17a8y_22 ._colorWhite_17a8y_38 {
  color: #fff
}

._soialMenu_17a8y_42 ul {
  list-style: none
}

._soialMenu_17a8y_42 li {
  display: inline-block;
  padding: 0 2.6rem;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 500
}

._soialMenu_17a8y_42 li a {
  cursor: pointer
}

._footerText_17a8y_56 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  opacity: .5
}

._badge_17a8y_63 {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: -.2rem;
  text-align: center
}

._cursor_17a8y_73 {
  cursor: pointer
}

._mainNav_rn5zd_2 {
  width: 289px;
  padding: 1.6rem 1.6rem 0;
  min-height: 100vh;
  font-family: var(--theme-font-family);
  overflow-y: scroll
}

@media screen and (min-width: 1024px) {
  ._mainNav_rn5zd_2 {
    padding-top: 9rem
  }
}

._badgeIcon_rn5zd_15 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._badgeIcon_rn5zd_15 {
    display: block;
    inset-inline-end: 10px;
    margin-top: -21px;
    position: absolute
  }
}

._zIndx_rn5zd_28 {
  z-index: 1200 !important
}

._zIndx_rn5zd_28 .MuiDrawer-paper {
  overflow-y: auto
}

._zIndx_rn5zd_28 .MuiDrawer-paper:before {
  content: "";
  display: block;
  position: fixed;
  inset-block: -5rem;
  background-color: #fff;
  z-index: -1;
  width: 289px;
  pointer-events: none
}

html[dir=rtl] ._profilePhn_rn5zd_45 {
  text-align: end
}

._profileSection_rn5zd_49 {
  padding: 1rem
}

._profileSection_rn5zd_49 ._profileText_rn5zd_52 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._profileSection_rn5zd_49 ._profilePhn_rn5zd_45 {
  font-size: 1.2rem;
  font-weight: 400;
  direction: ltr
}

._profileSection_rn5zd_49 ._profileGrid_rn5zd_62 {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

._profileSection_rn5zd_49 ._profileGrid_rn5zd_62 ._loginButton_rn5zd_67 {
  width: 6.2rem;
  height: 26px;
  font-size: 1.2rem;
  font-weight: 500
}

[dir=rtl] ._profileSection_rn5zd_49 ._profileGrid_rn5zd_62 ._loginButton_rn5zd_67 {
  font-size: 1rem;
  padding: 5px 0
}

._profileSection_rn5zd_49 ._plzLoginTypo_rn5zd_77 {
  font-weight: 500;
  font-size: 1.1rem
}

._loading_rn5zd_82 {
  height: 100vh;
  width: 100%;
  display: flex;
  background: rgba(255, 255, 255, .7294117647);
  position: absolute;
  justify-content: center;
  align-items: center
}

._profileBox_rn5zd_92 {
  padding-left: .8rem
}

._plsLoginTextArea_rn5zd_96 {
  padding-left: .8rem;
  display: flex;
  align-items: center
}

._lang_rn5zd_102 {
  border: 1px solid var(--clr-primary-400);
  text-align: center;
  padding: 2px 0;
  border-radius: 5px
}

._iconName_rn5zd_109 span {
  font-size: 1.5rem;
  font-weight: 700
}

._support_rn5zd_114 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  padding-top: 20px
}

._linkSection_rn5zd_122 {
  width: 100%;
  padding: 1.5rem 2rem;
  display: inline-block
}

._addressSelector_rn5zd_128 {
  padding-bottom: 0
}

._addressSelector_rn5zd_128 h3 {
  font-size: 1rem;
  margin-top: 1.8rem;
  font-weight: 700;
  color: #182028;
  margin-right: 7px;
  float: left;
  text-transform: uppercase
}

._addressSelector_rn5zd_128 h2 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--clr-light-100);
  margin-top: 1.4rem;
  display: flex;
  border-radius: .2rem;
  background: var(--theme-product-blue-color);
  justify-content: center;
  align-items: center;
  height: 1.6rem
}

._addressSelector_rn5zd_128 h2 span {
  padding: .2rem .5rem
}

._addressSelector_rn5zd_128 p {
  font-size: 1rem;
  color: var(--clr-dark-400);
  letter-spacing: -.3px;
  margin-bottom: 0;
  margin-top: .4rem
}

._topNav_rn5zd_163 {
  background: var(--clr-light-100);
  display: flex;
  cursor: pointer
}

[dir=rtl] ._topNav_rn5zd_163 {
  width: 2rem;
  z-index: 2000
}

._mainNav_rn5zd_2 {
  background: var(--clr-light-100)
}

._mainNav_rn5zd_2 .MuiGrid-container {
  flex-direction: row
}

.MuiPaper-elevation16 {
  background: transparent !important
}

._flexbox_rn5zd_184,
._circleArea1_rn5zd_184 {
  display: flex;
  justify-content: center;
  align-items: center
}

._dividerArea_rn5zd_190 {
  padding-top: 2rem;
  padding-bottom: 1.5rem
}

._dividerAreaOne_rn5zd_195 {
  padding-top: 1.7rem
}

._languageSelectArea_rn5zd_199,
._countrySelect_rn5zd_199 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._languageSelectArea_rn5zd_199 ._languageTypo_rn5zd_204,
._countrySelect_rn5zd_199 ._languageTypo_rn5zd_204 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._countrySelect_rn5zd_199 {
  padding-top: 1.2rem
}

._countrySelect_rn5zd_199 ._countryTypo_rn5zd_213 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._countrySelect_rn5zd_199 ._countryDrawer_rn5zd_218 {
  width: 6.9rem
}

._countrySelect_rn5zd_199 ._countryNameLabel_rn5zd_221 {
  padding-left: .8rem
}

._circleArea1_rn5zd_184 {
  height: 4rem;
  width: 4rem;
  background-color: var(--theme-user-icon-bg);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

@media screen and (min-width: 1024px) {
  ._desktopCursorView_rn5zd_236 {
    cursor: pointer
  }
}

._kfc_rn5zd_241 ._points_rn5zd_241 {
  background: linear-gradient(262.34deg, #EC0E38 32.76%, #FFF5D9 188.18%);
  border-radius: 4px;
  width: 63px;
  height: 18px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  padding: 3px;
  text-align: center;
  margin: 0 6px
}

._root_3sqjf_1 ._iconImage_3sqjf_1 {
  min-width: 2.6rem
}

._root_3sqjf_1 ._staticLink_3sqjf_4 {
  flex: 0 1 auto;
  position: relative
}

._root_3sqjf_1 ._supportLink_3sqjf_8 {
  flex: 0 1 auto
}

._root_3sqjf_1 ._listItem_3sqjf_11 {
  padding: 1.2rem 0
}

._root_3sqjf_1 ._liNoIcon_3sqjf_14 {
  padding: 1rem 0
}

._root_3sqjf_1 ._iconDimension_3sqjf_17 {
  color: var(--clr-dark-400);
  height: 2rem;
  width: 2rem
}

._root_3sqjf_1 ._listItem_3sqjf_11,
._root_3sqjf_1 ._liNoIcon_3sqjf_14 {
  color: inherit
}

._root_3sqjf_1 ._listItem_3sqjf_11:hover,
._root_3sqjf_1 ._liNoIcon_3sqjf_14:hover {
  text-decoration: none
}

._root_3sqjf_1 ._listItem_3sqjf_11:hover ._staticLink_3sqjf_4,
._root_3sqjf_1 ._liNoIcon_3sqjf_14:hover ._staticLink_3sqjf_4 {
  text-decoration: underline;
  color: var(--clr-dark-400)
}

._flexbox_3sqjf_36,
._circleArea2_3sqjf_36 {
  display: flex;
  justify-content: center;
  align-items: center
}

._staticLink_3sqjf_4 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._staticLink_3sqjf_4 span:hover {
  text-decoration: underline
}

._supportLink_3sqjf_8 span {
  font-size: 1.8rem;
  font-weight: 500;
  padding-inline: .8rem;
  color: var(--clr-dark-400)
}

._circleArea2_3sqjf_36 {
  height: 3rem;
  width: 3rem;
  background-color: var(--theme-user-icon-bg);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._isNew_3sqjf_68 {
  --tag-size: 1.5rem;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-primary-400);
  margin-inline-start: 2rem;
  font-weight: 700;
  line-height: var(--tag-size);
  padding-inline: calc(var(--tag-size) / 3);
  border-radius: 0 .2rem .2rem 0
}

._isNew_3sqjf_68.MuiListItemIcon-root {
  color: var(--clr-light-100);
  min-width: auto
}

._isNew_3sqjf_68:before {
  --border-width: calc(var(--tag-size) / 2);
  content: "";
  position: absolute;
  inset-inline-end: 100%;
  border-top: var(--border-width) solid transparent;
  border-inline-end: var(--border-width) solid var(--clr-primary-400);
  border-bottom: var(--border-width) solid transparent;
  border-inline-start: var(--border-width) solid transparent
}

._isNew_3sqjf_68:after {
  content: "";
  position: absolute;
  width: 10%;
  aspect-ratio: 1/1;
  background: var(--clr-light-100);
  border-radius: 100%;
  inset-block: 50% auto;
  inset-inline-start: -5%;
  transform: translateY(-50%)
}

._country_g5j1u_1 {
  padding-top: 1rem;
  cursor: pointer;
  width: 7rem;
  display: flex;
  align-items: center;
  margin-right: 1rem
}

._country_g5j1u_1 ._root_g5j1u_9 {
  width: 6.9rem;
  cursor: pointer
}

._country_g5j1u_1 ._countryNameLabel_g5j1u_13 {
  padding-left: .8rem;
  cursor: pointer
}

._fixWidth_g5j1u_18 ._country_g5j1u_1 {
  width: auto
}

._changeButton_g5j1u_22 {
  padding: 1rem
}

._changeButton_g5j1u_22 button {
  cursor: pointer;
  box-shadow: none;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-secondary-400);
  text-transform: none;
  border: 0;
  background: transparent
}

._iconDown_g5j1u_37 {
  width: 1.4rem;
  height: 1.4rem
}

._root_ai3iv_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1.5px solid #A4B5C7;
  box-shadow: 0 2px 4px #0000000d;
  border-radius: 50%;
  padding: .4rem;
  margin-top: .9rem;
  margin-bottom: 1rem;
  width: 4.6rem;
  height: 4.6rem;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._root_ai3iv_2 {
    border: 2px solid rgba(106, 110, 123, .2);
    margin-top: 0rem;
    margin-bottom: 0rem
  }
}

._root_ai3iv_2 img {
  width: 3.6rem;
  height: 3.6rem;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._root_ai3iv_2 img {
    width: 2.93rem;
    height: 2.93rem
  }
}

@media screen and (min-width: 1024px) {
  ._root_ai3iv_2 {
    display: none
  }
}

@media screen and (min-width: 1366px) {
  ._root_ai3iv_2 {
    display: block
  }
}

._selectedButton_ai3iv_45 {
  margin-top: 0rem;
  border: 1.5px solid var(--clr-primary-400);
  box-shadow: none;
  width: 5.5rem;
  height: 5.5rem
}

@media screen and (min-width: 1024px) {
  ._selectedButton_ai3iv_45 {
    margin-top: 0rem;
    margin-bottom: 0rem
  }
}

._selectedButton_ai3iv_45 img {
  width: 4rem;
  height: 4rem;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._selectedButton_ai3iv_45 img {
    width: 3.4rem;
    height: 3.4rem
  }
}

._root_gu2y7_2 {
  min-height: 90vh
}

@media screen and (min-width: 1024px) {
  ._root_gu2y7_2 {
    display: flex;
    flex-direction: column;
    min-height: 42rem
  }
}

._root_gu2y7_2 ._subHeading_gu2y7_12 {
  display: grid;
  padding: 2rem 1.5rem 1.5rem;
  grid-auto-flow: column;
  justify-content: space-between
}

@media screen and (min-width: 1024px) {
  ._root_gu2y7_2 ._subHeading_gu2y7_12 {
    padding: 2rem 0
  }
}

._root_gu2y7_2 ._subHeading_gu2y7_12 ._title_gu2y7_23 {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._root_gu2y7_2 ._subHeading_gu2y7_12 ._addNewAddress_gu2y7_28 {
  width: 100%;
  text-transform: uppercase;
  color: var(--theme-product-blue-color);
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0;
  line-height: 1
}

._menuButton_gu2y7_38 {
  display: none
}

._menuButton_gu2y7_38._show_gu2y7_41 {
  display: block
}

._addressItem_gu2y7_45 {
  display: flex;
  background: white;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem 1rem 1.6rem;
  gap: 1rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._addressItem_gu2y7_45 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: .6rem
  }
}

._addressItem_gu2y7_45 h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  line-height: 1.7rem
}

._addressItem_gu2y7_45 p {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  padding-top: 1rem
}

._addressItem_gu2y7_45 ._detail_gu2y7_72 {
  flex-grow: 1
}

._addressItem_gu2y7_45 ._detail_gu2y7_72 p {
  word-break: break-word
}

._addressItem_gu2y7_45 ._HiOutlineDotsVerticalCss_gu2y7_78 {
  height: 1.8rem
}

._addressItem_gu2y7_45 ._addressIcon_gu2y7_81 {
  font-size: 1.8rem;
  align-self: flex-start
}

._addressItem_gu2y7_45 ._addressMenu_gu2y7_85 {
  font-size: 2.2rem;
  min-width: auto
}

._addressItem_gu2y7_45 ._addressMenu_gu2y7_85:hover {
  border-width: inherit;
  background-color: #e9e9e8
}

@media screen and (min-width: 1024px) {
  ._addressItem_gu2y7_45 {
    margin-bottom: 15px
  }
}

._Skeleton_gu2y7_99 {
  margin-bottom: 1rem
}

._noAdd_gu2y7_103 {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: center;
  min-height: 32rem;
  justify-content: center;
  gap: 1rem;
  transform: translateY(50%)
}

@media screen and (min-width: 1024px) {
  ._noAdd_gu2y7_103 {
    transform: none
  }
}

._noAdd_gu2y7_103 h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._noAdd_gu2y7_103 p {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400);
  opacity: .8
}

._noAdd_gu2y7_103 button {
  background: var(--theme-cartbar-button-bg);
  font-size: 1.6rem;
  color: #fff;
  width: 100%;
  padding: 1.5rem
}

._action_gu2y7_137 button {
  border: 0;
  min-width: 4rem;
  min-height: 3rem;
  padding: 0
}

._addAddressButton_gu2y7_144 {
  text-align: center;
  position: absolute;
  bottom: 2rem;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._addAddressButton_gu2y7_144 {
    margin-top: 0
  }
}

._addAddressButton_gu2y7_144 button {
  width: 80%
}

._addAddress_gu2y7_144 {
  width: 80%;
  height: 48px;
  color: #fff !important;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  background: #e4002b !important;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px
}

._addMoreAddress_gu2y7_171 {
  position: absolute;
  right: 0;
  margin: 1rem;
  color: var(--clr-dark-400) !important
}

._displayMoreAddress_gu2y7_178 {
  margin-top: 3rem
}

._locationSearchArea_gu2y7_182 {
  padding-inline: 1.6rem;
  padding-top: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._locationSearchArea_gu2y7_182 {
    padding-inline: 0
  }
}

._locationSearchArea_gu2y7_182 ._locationSearch_gu2y7_182 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: .1rem solid rgba(57, 63, 82, .2);
  border-radius: .4rem
}

._locationSearchArea_gu2y7_182 ._locationSearch_gu2y7_182 ._locationInput_gu2y7_198 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400-80)
}

._locationSearchArea_gu2y7_182 ._locationSearch_gu2y7_182 ._iconSize_gu2y7_203 {
  height: 1.9rem;
  width: 1.9rem
}

._locationSearchArea_gu2y7_182 ._locationSearch_gu2y7_182 ._searchIcon_gu2y7_207 {
  font-size: 2rem;
  color: var(--clr-dark-400)
}

._locationSearchArea_gu2y7_182 ._locationSearch_gu2y7_182 ._locationIcon_gu2y7_211 {
  position: absolute;
  inset-inline-end: 1.6rem;
  font-size: 2.4rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._locationSearchArea_gu2y7_182 ._locationSearch_gu2y7_182 ._locationIcon_gu2y7_211 {
    inset-inline-end: 2.8rem
  }
}

._desktopHeader_gu2y7_223 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_gu2y7_223 {
    display: block;
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    font-weight: 500;
    padding: 2.5rem;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }
}

._desktopHeader_gu2y7_223 {
  display: none;
  padding-block: 1.5rem .6rem;
  padding-inline: 2rem;
  margin-bottom: 3rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_gu2y7_223 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_gu2y7_223 ._icon_gu2y7_203 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_gu2y7_223 ._icon_gu2y7_203 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_gu2y7_223 ._heading_gu2y7_263 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 1rem;
    padding-block: 0
  }

  ._desktopHeader_gu2y7_223 ._Closebutton_gu2y7_271 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_gu2y7_223 ._Closebutton_gu2y7_271 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_gu2y7_223 ._Closebutton_gu2y7_271 button svg {
    font-size: 3.4rem
  }
}

@media screen and (min-width: 1024px) {
  ._wrapper_gu2y7_287 {
    padding-inline: 2rem
  }
}

._wrapper_gu2y7_287 ._heading_gu2y7_263 {
  display: flex;
  justify-content: flex-end
}

._locationDenied_gu2y7_296 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._locationDenied_gu2y7_296 {
    display: flex;
    background: rgba(251, 141, 69, .1);
    border: 1.18503px solid #fb8d45;
    border-radius: 5px;
    margin-top: 1.5rem;
    padding: 1.2rem 1.5rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.7rem
  }
}

._locationDenied_gu2y7_296 ._icon_gu2y7_203 {
  background: #fb8d45;
  box-shadow: 0 1.46667px 5.86667px #fb8d4566;
  border-radius: .6rem;
  color: #fff;
  height: 2.5rem;
  width: 2.6rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  justify-content: center;
  margin-inline-end: 1rem
}

._locationSearch_gu2y7_182 ._locationIcon_gu2y7_211 {
  position: absolute;
  inset-inline-end: 3rem;
  color: var(--theme-product-blue-color)
}

@media screen and (min-width: 1024px) {
  ._locationSearch_gu2y7_182 ._locationIcon_gu2y7_211 {
    inset-inline-end: 3rem
  }
}

._changeCountry_gu2y7_337 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background: white;
  padding: 1.5rem 1.1rem 0
}

@media screen and (min-width: 1024px) {
  ._changeCountry_gu2y7_337 {
    padding: 0
  }
}

._deleteText_gu2y7_350 {
  color: var(--clr-primary-400);
  font-size: 1.4rem;
  font-weight: 500
}

._editText_gu2y7_356 {
  font-size: 1.4rem;
  font-weight: 500
}

._dropcart_gu2y7_361 {
  padding: 2rem 1rem;
  background: #fff;
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_gu2y7_361 {
    max-width: 30rem
  }
}

._content_gu2y7_380 {
  text-align: center;
  line-height: 1.4rem
}

._action_gu2y7_137 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._action_gu2y7_137 button {
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._root_11s1g_3 {
    max-width: 64rem;
    min-width: 60rem
  }
}

._main_11s1g_9 {
  background: #fff;
  max-height: 90vh;
  height: auto;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._main_11s1g_9 {
    height: 100%;
    max-height: 100%;
    position: sticky;
    padding: 2rem
  }
}

._pageHeading_11s1g_24 {
  background: white;
  width: 100%;
  padding: 10px
}

._pageHeading_11s1g_24 h1 {
  font-size: 15px;
  font-weight: 700;
  padding-left: 30px
}

._back_11s1g_36 {
  position: absolute
}

._section_11s1g_40 {
  height: 100%
}

._addAddress_11s1g_44 {
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  height: 100%
}

._addAddress_11s1g_44 ._Map_11s1g_54 {
  width: 100%;
  background: grey;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._addAddress_11s1g_44 ._Map_11s1g_54 {
    height: 42.3rem;
    max-height: 42.3rem
  }
}

._addAddress_11s1g_44 ._inputField_11s1g_68 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._addAddress_11s1g_44 ._locationInput_11s1g_73 {
  width: 100%;
  margin-bottom: 0rem
}

@media screen and (min-width: 1024px) {
  ._addAddress_11s1g_44 ._locationInput_11s1g_73 {
    margin-bottom: 1rem
  }
}

._addAddress_11s1g_44 ._button_11s1g_82 {
  width: 100%;
  padding: 12px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700
}

._inputField_11s1g_68 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._howToField_11s1g_96 {
  width: 100%
}

._howToField_11s1g_96 input {
  border: 0
}

._subInp_11s1g_108 {
  position: relative;
  width: 50%
}

._errorInput_11s1g_113 {
  border-bottom: 1px solid var(--clr-primary-400) !important
}

._flatError_11s1g_117 {
  position: absolute;
  color: var(--clr-primary-400);
  width: 100%;
  left: 0;
  bottom: -12px
}

._removeBord_11s1g_125 input {
  border-bottom: 0
}

._search_11s1g_129 {
  position: absolute;
  top: 2rem;
  left: 5%;
  width: 90%;
  max-width: 100%;
  z-index: 10
}

@media screen and (min-width: 1024px) {
  ._search_11s1g_129 {
    top: -.3rem;
    left: 0;
    width: 100%;
    padding-bottom: 1.5rem;
    background: white
  }
}

._search_11s1g_129 input {
  width: 100%;
  font-size: 1.6rem;
  padding: 2rem 7rem;
  padding-inline-start: 4rem;
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .2);
  box-sizing: border-box;
  box-shadow: 0 10px 10px #0000001a;
  border-radius: 6px;
  height: 5.6rem;
  caret-color: red;
  padding-inline-end: 9rem
}

@media screen and (min-width: 1024px) {
  ._search_11s1g_129 input {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px;
    border: 1px solid rgba(57, 63, 82, .2)
  }
}

._search_11s1g_129 ::placeholder {
  color: var(--clr-dark-400);
  opacity: .4rem
}

._addressForm_11s1g_174 {
  padding: 1rem 1.6rem 2rem;
  position: sticky;
  width: 100%;
  background: white;
  bottom: 0
}

@media screen and (min-width: 1024px) {
  ._addressForm_11s1g_174 {
    position: absolute;
    display: flex;
    align-items: center;
    box-shadow: 0 -10px 20px #0000001a;
    border-radius: 0 0 20px 20px;
    bottom: -17px
  }
}

._addressForm_11s1g_174 input {
  width: 100%
}

._searchSugg_11s1g_196 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
  background: #fff;
  list-style: none;
  z-index: 1440;
  padding: 1rem;
  color: var(--clr-dark-400)
}

._searchSugg_11s1g_196 li {
  margin-bottom: .5rem;
  padding: .5rem;
  cursor: pointer;
  z-index: 1500
}

._searchSugg_11s1g_196 li span {
  display: block;
  font-size: 1.2rem;
  color: var(--clr-dark-200);
  z-index: 1500
}

._nobg_11s1g_219 div {
  background-color: transparent;
  border: 0
}

._nobg_11s1g_219 ._errorDrawer_11s1g_223 {
  min-height: 100%;
  border-radius: 100px 100px 0 0;
  border: 1px solid #fff;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 30px 0
}

._nobg_11s1g_219 ._errorDrawer_11s1g_223 ._ErrorB_11s1g_236 {
  background: #e8022a;
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px
}

._nobg_11s1g_219 ._errorDrawer_11s1g_223 ._error_11s1g_113 {
  margin-bottom: 30px;
  padding: 30px 0
}

._nobg_11s1g_219 ._topPos_11s1g_248 {
  display: flex;
  position: absolute;
  top: 1px
}

._nobg_11s1g_219 ._strip_11s1g_253 {
  background: #e8022a;
  width: 20px;
  height: 50px;
  margin-right: 10px
}

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

._tagHeading_11s1g_265 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._tagHeading_11s1g_265 {
    font-size: 1.4rem
  }
}

._addressTags_11s1g_260 {
  margin-top: 10px;
  margin-bottom: 30px;
  align-items: center
}

._addressTags_11s1g_260 ._tags_11s1g_281 {
  display: flex;
  gap: 1rem
}

._addressTags_11s1g_260 ._tags_11s1g_281 button {
  font-size: .9rem;
  background: rgba(169, 189, 208, .4);
  color: #6a6e7b;
  padding: .3rem 1rem;
  font-weight: 700;
  text-transform: uppercase;
  min-width: 20px;
  border-radius: 4px;
  height: 3rem
}

._addressTags_11s1g_260 .MuiButton-startIcon {
  margin-inline: 0 2px
}

._change_11s1g_301 {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.2rem;
  width: 6.6rem;
  min-width: auto;
  font-weight: 500 !important;
  padding: 1.2rem 2rem !important;
  background-color: #e4002b08 !important;
  color: var(--clr-dark-400) !important;
  box-shadow: none !important;
  border-radius: .4rem !important;
  border-width: .1rem !important
}

._loc_11s1g_73 {
  display: flex;
  align-items: center;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._loc_11s1g_73 {
    flex-grow: 1;
    width: 60%;
    padding-inline-end: 5rem
  }
}

._locIcon_11s1g_330 {
  width: 40px;
  flex-grow: 0
}

._selectedLoc_11s1g_335 {
  flex-grow: 1
}

._selectedLoc_11s1g_335 h4 {
  font-size: 1.4rem;
  color: var(--theme-button-disable-bg);
  font-weight: 500;
  margin: 0
}

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

._addressForm_11s1g_174 ._selectedLoc_11s1g_335 input {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: var(--theme-font-family);
  color: var(--clr-dark-400);
  background: transparent;
  border: 0;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (min-width: 1024px) {
  ._addressForm_11s1g_174 ._button_11s1g_82 {
    width: 200px;
    height: 48px;
    margin-top: -1.5rem
  }
}

._addForm_11s1g_369 {
  display: flex;
  flex-direction: column;
  padding: 4rem 1.6rem 5rem;
  gap: 1rem
}

@media screen and (min-width: 1024px) {
  ._addForm_11s1g_369 {
    margin: 0;
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 6px;
    padding: 0
  }
}

._addForm_11s1g_369 h3 {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._addForm_11s1g_369 h3 {
    margin: 0;
    font-weight: 500
  }
}

._addForm_11s1g_369 input {
  width: 100%;
  background: transparent;
  border: 0;
  color: var(--clr-dark-400);
  font-family: var(--theme-font-family);
  font-weight: 500;
  margin: 3px 0;
  font-size: 1.4rem;
  padding: 5px
}

._addForm_11s1g_369 input:active {
  outline: none
}

._addForm_11s1g_369 input:focus {
  outline: none
}

._addForm_11s1g_369 ::placeholder {
  color: #393f52;
  opacity: .4;
  font-weight: 500;
  font-size: 1.4rem
}

._addForm_11s1g_369 :-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_11s1g_369 ::-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_11s1g_369 ._addressTags_11s1g_260 ._active_11s1g_428 {
  background: #e8022a;
  color: #fff;
  font-size: .9rem
}

._addForm_11s1g_369 ._addressTags_11s1g_260 ._active_11s1g_428:focus {
  outline: none
}

._addForm_11s1g_369 ._addressTags_11s1g_260 ._active_11s1g_428:active {
  outline: none
}

@media screen and (min-width: 1024px) {
  ._addForm_11s1g_369 ._addressTags_11s1g_260 ._active_11s1g_428 {
    font-size: 1rem
  }
}

._addForm_11s1g_369 button._confirm_11s1g_445 {
  position: absolute;
  bottom: 2rem;
  width: 92%;
  color: #fff;
  left: 4%;
  padding: 10px;
  font-size: 1rem;
  height: 4.8rem
}

@media screen and (min-width: 1024px) {
  ._addForm_11s1g_369 button._confirm_11s1g_445 {
    position: relative;
    width: 20rem;
    height: 4.8rem;
    left: auto;
    padding: 10px;
    font-size: 1.6rem;
    bottom: auto
  }
}

._icon_11s1g_467 {
  position: absolute;
  top: 1.8rem;
  inset-inline-start: 1.1rem
}

._closeIcon_11s1g_473 {
  position: absolute;
  top: 2.1rem;
  inset-inline-end: 5rem;
  top: 1.9rem;
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
  margin-right: 2rem
}

[dir=ltr] ._closeIcon_11s1g_473 {
  inset-inline-end: 5rem
}

._countryDrop_11s1g_488 {
  position: absolute;
  top: 1rem;
  inset-inline-end: -2rem
}

._addressDrawer_11s1g_494 {
  background: #ffffff;
  border-radius: 2rem 2rem 0 0;
  min-height: 30rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._addressDrawer_11s1g_494 {
    padding-top: .09rem;
    min-height: 25rem
  }
}

._badge_11s1g_507 {
  position: absolute;
  left: 50%;
  transform: translate(-50%)
}

@media screen and (min-width: 1024px) {
  ._badge_11s1g_507 {
    position: absolute;
    inset-inline-end: 0;
    transform: translate(-55%);
    left: auto;
    top: 0
  }
}

._building_11s1g_522 {
  width: 50%
}

._formInput_11s1g_526 {
  display: flex;
  gap: 2rem;
  margin: .2rem
}

._formInput_11s1g_526 input {
  border-bottom: 1px solid var(--clr-dark-400-10);
  font-family: var(--theme-font-family);
  font-weight: 500 !important;
  color: var(--clr-dark-400);
  overflow: hidden;
  text-overflow: ellipsis
}

._formInput_11s1g_526 .Mui-disabled:before {
  display: none
}

._warning_11s1g_543 {
  color: #fb8d45;
  font-size: 1.2rem;
  animation: .8s _shake_11s1g_1 infinite alternate;
  margin-top: 1rem
}

@media screen and (min-width: 1024px) {
  ._warning_11s1g_543 {
    margin-top: 0
  }
}

._no_margin_11s1g_555 {
  margin: 0
}

._setLoc_11s1g_559 {
  cursor: pointer;
  position: absolute;
  background: #fff;
  width: 4rem;
  height: 4rem;
  display: flex;
  bottom: 3rem;
  right: 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 5px 10px #00000026
}

@media screen and (min-width: 1024px) {
  ._setLoc_11s1g_559 {
    bottom: 11rem
  }
}

._setLoc_11s1g_559 svg {
  font-size: 2rem;
  color: #4447a4
}

._setLoc_11s1g_559._notLoggedIn_11s1g_582 {
  bottom: 7rem
}

@media screen and (min-width: 1024px) {
  ._setLoc_11s1g_559._notLoggedIn_11s1g_582 {
    bottom: 15rem
  }
}

._loginBar_11s1g_591 {
  background-color: var(--clr-light-300);
  padding: 1rem 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: -5rem
}

._selectLocContainer_11s1g_344 button._change_11s1g_301 {
  color: var(--clr-dark-400);
  min-width: auto;
  border: 1px solid #e4002b !important;
  padding: .4rem .8rem;
  border-radius: .4rem;
  top: -2px;
  inset-inline-end: 1.5rem;
  margin-right: -2.3rem;
  background: var(--clr-background-red)
}

@media screen and (min-width: 1024px) {
  ._selectLocContainer_11s1g_344 button._change_11s1g_301 {
    inset-inline-end: 0;
    background: var(--clr-background-red)
  }
}

._comboPop_11s1g_621 {
  z-index: 1400;
  overflow-y: scroll
}

@media screen and (min-width: 1024px) {
  ._comboPop_11s1g_621 {
    overflow-y: scroll;
    max-height: 24rem
  }
}

._optionItem_11s1g_632 {
  display: flex
}

._optionBox_11s1g_636 {
  justify-content: center
}

._optionBox_11s1g_636:hover {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

._iconRight_11s1g_645 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._iconRight_11s1g_645 {
    display: block;
    margin-inline-start: auto;
    margin-inline-end: 1rem;
    width: 1rem;
    height: .9725rem;
    margin-top: .8rem
  }
}

._locTitle_11s1g_659 {
  margin: 0 .5rem
}

._iicon_11s1g_663 {
  padding-inline-end: .5rem
}

._openDrawerInfo_11s1g_667 {
  display: none;
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 100%;
  padding: 0
}

._activeDrawer_11s1g_676 {
  display: block
}

._activeDrawer_11s1g_676:before {
  content: "";
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .4509803922);
  z-index: -1;
  display: block;
  position: absolute;
  top: -100vh;
  left: 0
}

._closeButton_11s1g_691 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._closeButton_11s1g_691 {
    position: absolute;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    font-size: 2.5rem;
    background: transparent;
    border-radius: 1rem;
    color: var(--clr-dark-400);
    justify-content: center;
    align-items: center;
    inset-inline-start: 3rem;
    transform: translate(-50%, calc(-100% - 3rem));
    cursor: pointer;
    top: 7.3rem;
    z-index: 999
  }
}

._noAddressFound_11s1g_726 {
  background: #fff;
  padding: 1rem;
  font-size: 1.2rem;
  display: block;
  width: 100%
}

._customMarker_11s1g_734 {
  position: absolute;
  z-index: 9;
  pointer-events: none
}

._tooltipText_11s1g_740 {
  box-sizing: border-box;
  padding: .2rem .4rem;
  border-radius: .2rem;
  opacity: .7;
  z-index: 9;
  pointer-events: none;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 26rem;
  background-color: #393f52;
  color: #fff
}

@media screen and (min-width: 1024px) {
  ._tooltipText_11s1g_740 {
    top: 42%
  }
}

._smallTooltip_11s1g_761 {
  min-width: 11rem
}

._desktopHeader_11s1g_765 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_11s1g_765 {
    display: block;
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    font-weight: 500;
    padding: 2.5rem;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }
}

._desktopHeader_11s1g_765 {
  display: none;
  padding-block: 2rem .6rem;
  padding-inline: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_11s1g_765 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_11s1g_765 ._icon_11s1g_467 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_11s1g_765 ._icon_11s1g_467 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_11s1g_765 ._heading_11s1g_805 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 4rem;
    padding-block: 0;
    margin-top: 1rem
  }

  ._desktopHeader_11s1g_765 ._Closebutton_11s1g_814 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_11s1g_765 ._Closebutton_11s1g_814 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_11s1g_765 ._Closebutton_11s1g_814 button svg {
    font-size: 3.4rem
  }
}

._headingDrawer_11s1g_829 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._headingDrawer_11s1g_829 {
    background: rgba(224, 240, 255, .7);
    border-radius: 6px 6px 0 0;
    padding: 1.3rem 2rem;
    margin-bottom: 1.8rem;
    padding-inline-start: 4.8rem
  }
}

._comboChangeCity_11s1g_842 {
  background: #fff;
  padding: 1rem;
  display: flex;
  gap: 1rem
}

._comboChangeCity_11s1g_842 ._text_11s1g_848 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem
}

._comboChangeCity_11s1g_842 ._textBlock_11s1g_853 {
  display: flex;
  flex-direction: column
}

._comboChangeCity_11s1g_842 ._action_11s1g_857 {
  padding-top: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem
}

._noloc_11s1g_864 {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

._noloc_11s1g_864 h3 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400)
}

._noloc_11s1g_864 p {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: var(--clr-dark-400)
}

._addAddressText_11s1g_882 {
  font-weight: 700;
  font-size: 1.6rem
}

._desktopForm_11s1g_887 {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._Skeleton_11s1g_894 {
  height: 4.4rem;
  width: 100%;
  margin-right: 2rem;
  border-radius: 1rem
}

._root_pt45i_2 {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._root_pt45i_2 {
    display: none
  }
}

._mediaTile_pt45i_14 {
  width: 9.6rem;
  flex: 0 0 auto;
  margin-right: 1.2rem;
  background: white;
  text-align: center;
  display: flex;
  padding: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._mediaTile_pt45i_14 {
    width: 9vw
  }
}

._mediaTile_pt45i_14:first-child {
  width: 80vw
}

@media screen and (min-width: 1024px) {
  ._mediaTile_pt45i_14:first-child {
    width: 16vw
  }
}

._mediaTile_pt45i_14:first-child img {
  width: 100%
}

._media_pt45i_14 {
  object-fit: cover
}

._media_pt45i_14 img {
  width: 90%
}

@media screen and (min-width: 1024px) {
  ._media_pt45i_14 img {
    width: 51%
  }
}

._title_pt45i_56 {
  position: relative;
  font-size: .8rem;
  color: var(--clr-dark-400);
  line-height: normal;
  padding-top: 10px
}

@media screen and (min-width: 1024px) {
  ._title_pt45i_56 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400
  }
}

._ribon_pt45i_71 {
  position: absolute;
  width: 44%;
  top: -2px;
  inset-inline-start: -.3rem
}

._ribon_pt45i_71 img {
  width: 100%
}

._root_vlatr_2 {
  background: var(--clr-light-100);
  display: flex;
  margin: 1.6rem 0;
  padding: 1.6rem 1.2rem;
  position: relative;
  border: 1px solid var(--clr-primary-400);
  box-sizing: border-box;
  border-radius: 4px
}

._storePinWrapper_vlatr_13 {
  flex-shrink: 1
}

._storePin_vlatr_13 {
  position: relative;
  font-size: 1.8rem;
  display: flex;
  transform: translateY(-20%);
  margin-inline-end: .4rem;
  padding-top: .3rem
}

._storePin_vlatr_13:after {
  content: "";
  position: absolute;
  inset: auto auto 0 50%;
  width: 0;
  height: .4rem;
  border: solid .1rem currentColor;
  border-radius: 50%;
  transform: translate(-50%, 50%)
}

._storeDetails_vlatr_36 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

._title_vlatr_42 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-primary-400);
  margin-bottom: .7rem
}

._location_vlatr_49 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  margin-bottom: 1rem;
  line-height: 1.4rem
}

._hours_vlatr_56 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  text-transform: uppercase
}

._root_1dxx8_2 {
  background: #fff;
  padding: 2.5rem 1.6rem 2.9rem;
  position: relative;
  gap: 2rem;
  display: flex;
  flex-direction: column
}

@media screen and (max-width: 1023px) {
  ._root_1dxx8_2 {
    border-radius: 2px;
    box-shadow: 0 0 10px #d0cece;
    margin-bottom: 2.5rem
  }
}

._root_1dxx8_2 ._citySelect_1dxx8_17 {
  width: 100%;
  font-size: 1.3rem;
  font-weight: 700;
  color: #607992;
  padding: 1rem 0;
  margin-bottom: 1.4rem
}

._root_1dxx8_2 ._storeSelect_1dxx8_25 {
  width: 100%;
  margin-top: .5rem;
  font-size: 1.3rem;
  font-weight: 700;
  color: #607992;
  padding: 17px 6px;
  margin-bottom: 14px
}

._root_1dxx8_2 ._locButton_1dxx8_34 {
  box-shadow: none;
  font-size: 1.6rem !important;
  font-weight: 500;
  border-width: .1rem
}

@media screen and (min-width: 1024px) {
  ._root_1dxx8_2 ._locButton_1dxx8_34 {
    max-width: 26rem;
    font-weight: 500
  }
}

._root_1dxx8_2 ._locButton_1dxx8_34 .MuiButton-label {
  gap: 1rem
}

._root_1dxx8_2 ._locButton_1dxx8_34 .MuiButton-label svg {
  font-size: 2.2rem
}

._root_1dxx8_2 ._input_1dxx8_52 {
  margin-bottom: 1rem
}

._root_1dxx8_2 ._input_1dxx8_52 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  font-family: var(--theme-font-family)
}

._root_1dxx8_2 ._input_1dxx8_52 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._root_1dxx8_2 [class*=MuiAutocomplete-clearIndicator] svg {
  font-size: 1.6rem
}

._root_1dxx8_2 [class*=".MuiInput-underline"] :after {
  border-bottom: 1px solid rgba(0, 0, 0, .42) !important
}

._input_city_1dxx8_73 {
  margin-bottom: 1rem
}

._input_city_1dxx8_73 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  font-family: var(--theme-font-family)
}

._input_city_1dxx8_73 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._input_city_1dxx8_73 div button:first-of-type {
  margin-inline-end: 3.5rem;
  margin-block-start: .4rem
}

._onlyFlag_1dxx8_92 {
  top: 3.5rem;
  position: absolute;
  inset-inline-end: 0;
  pointer-events: none
}

._changeButton_1dxx8_99 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: .5rem
}

._main_h2f8d_2 {
  background: var(--theme-backgroud-page);
  min-height: 100vh;
  height: auto;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._main_h2f8d_2 {
    min-height: auto;
    min-width: 64rem;
    background: #fff
  }
}

._addButton_h2f8d_16 {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  background: #fff;
  bottom: 0;
  box-shadow: 0 -6px 20px #0000001a;
  padding: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._addButton_h2f8d_16 {
    position: sticky;
    margin-top: 2rem
  }
}

._addButton_h2f8d_16 button {
  width: 90%;
  padding: 1rem;
  font-size: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._addButton_h2f8d_16 button {
    width: 50%
  }
}

._dMode_h2f8d_48,
._dMode_h2f8d_48 ._modeList_h2f8d_51 {
  padding: 0
}

._modeList_h2f8d_51 {
  list-style: none;
  width: 100%;
  display: flex;
  padding: 0
}

._modeList_h2f8d_51 ._modeItem_h2f8d_61 {
  float: left;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center
}

._modeList_h2f8d_51 ._modeImage_h2f8d_68 {
  width: 30px;
  height: 30px
}

._storeSection_h2f8d_73 {
  padding: 1rem 0;
  margin-bottom: 7rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_h2f8d_73 {
    margin: 0 2rem 2rem;
    background: #fff;
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._storeSection_h2f8d_73 ._cityStoreSelector_h2f8d_85 {
    background: #fff;
    margin-bottom: 2.5rem;
    overflow: hidden;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._storeSection_h2f8d_73 h1 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_h2f8d_73 h1 {
    margin-bottom: 0
  }
}

._storeSection_h2f8d_73 h2 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-bottom: .8rem;
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_h2f8d_73 h2 {
    padding: 0
  }
}

._storeSection_h2f8d_73 p {
  font-size: 1.4rem;
  color: var(--clr-dark-400-50);
  font-weight: 400;
  padding: 0 1.4rem;
  padding-block: 1rem;
  padding-top: 0;
  padding-bottom: 1rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_h2f8d_73 p {
    padding-top: 1rem
  }
}

._storeSection_h2f8d_73 ._heading_h2f8d_130 {
  position: relative;
  padding: 1rem 0 1.5rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_h2f8d_73 ._heading_h2f8d_130 {
    padding: 1.6rem 0;
    background: var(--clr-light-200)
  }
}

._storeSection_h2f8d_73 ._heading_h2f8d_130 ._badge_h2f8d_140 {
  display: none;
  position: absolute
}

@media screen and (min-width: 1024px) {
  ._storeSection_h2f8d_73 ._heading_h2f8d_130 ._badge_h2f8d_140 {
    display: block;
    top: 0;
    inset-inline-end: 2rem
  }
}

._storeSection_h2f8d_73 ._input_h2f8d_151 {
  margin-bottom: 1rem
}

._storeSection_h2f8d_73 ._input_h2f8d_151 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._storeSection_h2f8d_73 ._input_h2f8d_151 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._deliveryIns_h2f8d_165 {
  margin-top: 20px;
  background: white;
  padding: 1.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._deliveryIns_h2f8d_165 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._deliveryIns_h2f8d_165:after {
  display: block;
  position: absolute;
  height: 2.8rem;
  width: .1rem;
  background: var(--clr-primary-400);
  top: 1.9rem
}

._deliveryIns_h2f8d_165 input {
  width: 100%;
  font-size: 1.4rem;
  padding: 10px;
  border: 0;
  background: transparent
}

._deliveryIns_h2f8d_165 input:focus {
  outline: none
}

._deliveryIns_h2f8d_165 ::placeholder {
  color: var(--clr-dark-400-50)
}

._example_h2f8d_203 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  border-top: 1px solid rgba(57, 63, 82, .16);
  margin-top: .5rem
}

._error_h2f8d_214 {
  display: flex;
  position: fixed;
  padding: 1rem;
  background: var(--clr-primary-400);
  color: #fff;
  bottom: 7.4rem;
  border-radius: 0 4px 4px 0;
  left: 0;
  font-size: 1.2rem;
  z-index: 9
}

._desktopHeader_h2f8d_227 {
  display: none;
  padding-block: 1.5rem .6rem;
  padding-inline: 2rem;
  margin-bottom: 3rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_h2f8d_227 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_h2f8d_227 ._icon_h2f8d_244 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_h2f8d_227 ._icon_h2f8d_244 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_h2f8d_227 ._heading_h2f8d_130 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 1.8rem
  }

  ._desktopHeader_h2f8d_227 ._Closebutton_h2f8d_260 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_h2f8d_227 ._Closebutton_h2f8d_260 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_h2f8d_227 ._Closebutton_h2f8d_260 button svg {
    font-size: 3.4rem
  }
}

._loaderRoot_h2f8d_275 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, .231372549);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@media screen and (min-width: 1024px) {
  ._loaderRoot_h2f8d_275 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .231372549);
    display: flex;
    align-items: center;
    justify-content: center
  }
}

._main_7g8jr_2 {
  background: #f0f9ff;
  max-height: 90vh;
  height: auto;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._main_7g8jr_2 {
    height: 100%;
    max-height: 100%;
    position: sticky
  }
}

._pageHeading_7g8jr_16 {
  background: white;
  width: 100%;
  padding: 10px
}

._pageHeading_7g8jr_16 h1 {
  font-size: 15px;
  font-weight: 700;
  padding-left: 30px
}

._back_7g8jr_28 {
  position: absolute
}

._section_7g8jr_32 {
  height: 100%
}

._addAddress_7g8jr_36 {
  background: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  flex-direction: column;
  height: 100%
}

._addAddress_7g8jr_36 ._Map_7g8jr_46 {
  width: 100%;
  background: grey;
  margin-bottom: 1rem;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._addAddress_7g8jr_36 ._Map_7g8jr_46 {
    height: 42.3rem;
    max-height: 42.3rem
  }
}

._addAddress_7g8jr_36 ._inputField_7g8jr_61 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._addAddress_7g8jr_36 ._locationInput_7g8jr_66 {
  width: 100%;
  margin-bottom: 1rem
}

._addAddress_7g8jr_36 ._button_7g8jr_70 {
  width: 100%;
  padding: 12px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700
}

._inputField_7g8jr_61 {
  width: 50%;
  margin-bottom: 1rem;
  margin-right: 23px
}

._howToField_7g8jr_84 {
  width: 100%
}

._howToField_7g8jr_84 input {
  border: 0
}

.MuiFormHelperText-filled {
  position: absolute;
  bottom: -1.3rem
}

._subInp_7g8jr_96 {
  position: relative;
  width: 50%
}

._errorInput_7g8jr_101 {
  border-bottom: 1px solid var(--clr-primary-400) !important
}

._flatError_7g8jr_105 {
  position: absolute;
  color: var(--clr-primary-400);
  width: 100%;
  left: 0;
  bottom: -12px
}

._removeBord_7g8jr_113 input {
  border-bottom: 0
}

._search_7g8jr_117 {
  position: absolute;
  top: 2rem;
  left: 5%;
  width: 90%;
  max-width: 100%;
  z-index: 10
}

._search_7g8jr_117 input {
  width: 100%;
  font-size: 1.6rem;
  padding: 2rem;
  padding-inline-start: 4rem;
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .2);
  box-sizing: border-box;
  box-shadow: 0 10px 10px #0000001a;
  border-radius: 2px;
  height: 5.6rem
}

._addressForm_7g8jr_140 {
  padding: 1rem;
  position: sticky;
  width: 100%;
  background: white;
  bottom: 0
}

@media screen and (min-width: 1024px) {
  ._addressForm_7g8jr_140 {
    position: absolute;
    display: flex;
    align-items: center
  }
}

._addressForm_7g8jr_140 input {
  width: 100%
}

._searchSugg_7g8jr_158 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
  background: #fff;
  list-style: none;
  z-index: 1440;
  padding: 1rem 0;
  color: var(--clr-dark-400)
}

._searchSugg_7g8jr_158 li {
  margin-bottom: .5rem;
  padding: 1rem;
  cursor: pointer;
  z-index: 1500;
  margin-top: .5rem
}

._searchSugg_7g8jr_158 li span {
  display: block;
  font-size: 1.2rem;
  color: var(--clr-dark-200);
  z-index: 1500
}

._nobg_7g8jr_182 div {
  background-color: transparent;
  border: 0
}

._nobg_7g8jr_182 ._errorDrawer_7g8jr_186 {
  min-height: 100%;
  border-radius: 100px 100px 0 0;
  border: 1px solid #fff;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 30px 0
}

._nobg_7g8jr_182 ._errorDrawer_7g8jr_186 ._ErrorB_7g8jr_199 {
  background: #e8022a;
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px
}

._nobg_7g8jr_182 ._errorDrawer_7g8jr_186 ._error_7g8jr_101 {
  margin-bottom: 30px;
  padding: 30px 0
}

._nobg_7g8jr_182 ._topPos_7g8jr_211 {
  display: flex;
  position: absolute;
  top: 1px
}

._nobg_7g8jr_182 ._strip_7g8jr_216 {
  background: #e8022a;
  width: 20px;
  height: 50px;
  margin-right: 10px
}

._addressTags_7g8jr_223 {
  display: flex;
  justify-content: space-around
}

._tagHeading_7g8jr_228 {
  font-size: 1rem
}

._addressTags_7g8jr_223 {
  margin-top: 10px;
  margin-bottom: 30px;
  align-items: center
}

._addressTags_7g8jr_223 ._tags_7g8jr_237 button {
  font-size: 1rem;
  background: #caddea;
  color: #279bef;
  border-radius: 0;
  padding: .3rem 1rem;
  margin: 2px 5px;
  font-weight: 700;
  text-transform: uppercase;
  min-width: 20px
}

._change_7g8jr_249 {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.2rem;
  width: 6.6rem;
  min-width: auto
}

._loc_7g8jr_66 {
  display: flex;
  align-items: center;
  padding: 1rem
}

@media screen and (min-width: 1024px) {
  ._loc_7g8jr_66 {
    flex-grow: 1;
    min-width: 65%;
    padding-inline-end: 3rem
  }
}

._locIcon_7g8jr_271 {
  width: 50px;
  flex-grow: 0
}

._optionBox_7g8jr_276 {
  justify-content: center
}

._optionBox_7g8jr_276:hover {
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

._iconRight_7g8jr_285 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._iconRight_7g8jr_285 {
    display: block;
    margin-inline-start: auto;
    margin-inline-end: 1rem;
    width: 1rem;
    height: .9725rem;
    margin-top: .8rem
  }
}

._locTitle_7g8jr_299 {
  margin: 0 .5rem
}

._selectedLoc_7g8jr_303 {
  flex-grow: 1
}

._selectedLoc_7g8jr_303 h4 {
  font-size: 1.4rem;
  color: var(--theme-button-disable-bg);
  font-weight: 700;
  margin: 0
}

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

._addressForm_7g8jr_140 ._selectedLoc_7g8jr_303 input {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--clr-dark-400);
  background: transparent;
  border: 0;
  margin-top: 5px
}

@media screen and (min-width: 1024px) {
  ._addressForm_7g8jr_140 ._button_7g8jr_70 {
    width: 200px;
    height: 48px
  }
}

._addForm_7g8jr_333 {
  display: flex;
  flex-direction: column;
  padding: 3rem 1rem
}

@media screen and (min-width: 1024px) {
  ._addForm_7g8jr_333 {
    margin: 2rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 6px;
    padding: 0
  }
}

._addForm_7g8jr_333 h3 {
  font-size: 1.8rem;
  margin-bottom: 3rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._addForm_7g8jr_333 h3 {
    margin: 0;
    font-weight: 500
  }
}

._addForm_7g8jr_333 input {
  width: 100%;
  background: transparent;
  border: 0;
  color: var(--clr-dark-400);
  font-weight: 500;
  margin: 3px 0;
  font-size: 1.4rem;
  padding: 5px
}

._addForm_7g8jr_333 input:active {
  outline: none
}

._addForm_7g8jr_333 input:focus {
  outline: none
}

._addForm_7g8jr_333 ::placeholder {
  color: #393f52;
  opacity: .4;
  font-weight: 500;
  font-size: 1.4rem
}

._addForm_7g8jr_333 :-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_7g8jr_333 ::-ms-input-placeholder {
  color: var(--clr-dark-400-20)
}

._addForm_7g8jr_333 ._addressTags_7g8jr_223 ._active_7g8jr_388 {
  background: #e8022a;
  color: #fff
}

._addForm_7g8jr_333 ._addressTags_7g8jr_223 ._active_7g8jr_388:focus {
  outline: none
}

._addForm_7g8jr_333 ._addressTags_7g8jr_223 ._active_7g8jr_388:active {
  outline: none
}

._addForm_7g8jr_333 button._confirm_7g8jr_399 {
  position: absolute;
  bottom: 4px;
  width: 96%;
  color: #fff;
  left: 2%;
  padding: 10px;
  font-size: 1rem
}

@media screen and (min-width: 1024px) {
  ._addForm_7g8jr_333 button._confirm_7g8jr_399 {
    position: relative;
    width: 20rem;
    height: 4.8rem;
    left: auto;
    padding: 10px;
    font-size: 1.6rem
  }
}

._icon_7g8jr_285 {
  position: absolute;
  top: 1.8rem;
  inset-inline-start: 1.1rem
}

._closeIcon_7g8jr_425 {
  position: absolute;
  top: 1.8rem;
  inset-inline-end: 5rem;
  cursor: pointer
}

[dir=ltr] ._closeIcon_7g8jr_425 {
  inset-inline-end: 5rem
}

._countryDrop_7g8jr_436 {
  position: absolute;
  top: 1rem;
  inset-inline-end: -2rem
}

._addressDrawer_7g8jr_442 {
  background: #ffffff;
  border-radius: 2rem 2rem 0 0;
  min-height: 30rem
}

@media screen and (min-width: 1024px) {
  ._addressDrawer_7g8jr_442 {
    padding-top: 2rem;
    min-height: 35rem
  }
}

._building_7g8jr_454 {
  width: 50%
}

._formInput_7g8jr_458 {
  display: flex;
  gap: 2rem;
  margin: .2rem
}

._formInput_7g8jr_458 input {
  border-bottom: 1px solid #393f52
}

._formInput_7g8jr_458 .Mui-disabled:before {
  display: none
}

._warning_7g8jr_470 {
  color: #fb8d45;
  font-size: 1.2rem;
  animation: .8s _shake_7g8jr_1 infinite alternate
}

._setLoc_7g8jr_476 {
  cursor: pointer;
  position: absolute;
  background: #fff;
  width: 4rem;
  height: 4rem;
  display: flex;
  bottom: 3rem;
  right: 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 5px 10px #00000026
}

@media screen and (min-width: 1024px) {
  ._setLoc_7g8jr_476 {
    bottom: 12rem
  }
}

._setLoc_7g8jr_476 svg {
  font-size: 2rem;
  color: #4447a4
}

._loginBar_7g8jr_500 {
  background-color: var(--clr-light-300);
  padding: 1rem 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: -5rem
}

._selectLocContainer_7g8jr_312 button._change_7g8jr_249 {
  color: var(--clr-dark-400);
  min-width: auto;
  border: 1px solid #e4002b;
  padding: .4rem .8rem;
  border-radius: .2rem;
  top: -2px;
  inset-inline-end: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._selectLocContainer_7g8jr_312 button._change_7g8jr_249 {
    inset-inline-end: 0
  }
}

._comboPop_7g8jr_527 {
  z-index: 1400
}

@media screen and (min-width: 1024px) {
  ._comboPop_7g8jr_527 {
    overflow-y: scroll;
    max-height: 24rem
  }
}

._optionItem_7g8jr_537 {
  display: flex
}

._iicon_7g8jr_541 {
  padding-inline-end: .5rem
}

._openDrawerInfo_7g8jr_545 {
  display: none;
  position: absolute;
  z-index: 10;
  bottom: 0;
  width: 100%;
  padding: 0
}

._activeDrawer_7g8jr_554 {
  display: block
}

._activeDrawer_7g8jr_554:before {
  content: "";
  width: 100%;
  height: 200vh;
  background: rgba(0, 0, 0, .4509803922);
  z-index: -1;
  display: block;
  position: absolute;
  top: -100vh;
  left: 0
}

._closeButton_7g8jr_569 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

._noAddressFound_7g8jr_585 {
  background: #fff;
  padding: 1rem;
  font-size: 1.2rem;
  display: block;
  width: 100%
}

._customMarker_7g8jr_593 {
  position: absolute;
  z-index: 9;
  pointer-events: none
}

._desktopHeader_7g8jr_599 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_7g8jr_599 {
    display: block;
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    font-weight: 500;
    padding: 2.5rem;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }
}

._desktopHeader_7g8jr_599 {
  display: none;
  padding-block: 2rem .6rem;
  padding-inline: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_7g8jr_599 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_7g8jr_599 ._icon_7g8jr_285 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_7g8jr_599 ._icon_7g8jr_285 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_7g8jr_599 ._heading_7g8jr_639 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 4rem;
    padding-block: 0
  }

  ._desktopHeader_7g8jr_599 ._Closebutton_7g8jr_647 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_7g8jr_599 ._Closebutton_7g8jr_647 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_7g8jr_599 ._Closebutton_7g8jr_647 button svg {
    font-size: 3.4rem
  }
}

._headingDrawer_7g8jr_662 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._headingDrawer_7g8jr_662 {
    background: rgba(224, 240, 255, .7);
    border-radius: 6px 6px 0 0;
    padding: 1.3rem 2rem;
    margin-bottom: 1.8rem
  }
}

._main_16jpf_2 {
  background: var(--theme-backgroud-page);
  min-height: 100vh;
  height: auto;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._main_16jpf_2 {
    min-height: auto;
    min-width: 64rem;
    background: #fff
  }
}

._addButton_16jpf_16 {
  position: fixed;
  display: flex;
  justify-content: center;
  width: 100%;
  background: #fff;
  bottom: 0;
  box-shadow: 0 -6px 20px #0000001a;
  padding: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._addButton_16jpf_16 {
    position: sticky;
    margin-top: 2rem
  }
}

._addButton_16jpf_16 button {
  width: 90%;
  padding: 1rem;
  font-size: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._addButton_16jpf_16 button {
    width: 50%
  }
}

.MuiButton-contained:hover.Mui-disabled {
  background-color: #a9bdd0 !important
}

._dMode_16jpf_48,
._dMode_16jpf_48 ._modeList_16jpf_51 {
  padding: 0
}

._modeList_16jpf_51 {
  list-style: none;
  width: 100%;
  display: flex;
  padding: 0
}

._modeList_16jpf_51 ._modeItem_16jpf_61 {
  float: left;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center
}

._modeList_16jpf_51 ._modeImage_16jpf_68 {
  width: 30px;
  height: 30px
}

._storeSection_16jpf_73 {
  padding: 1rem 0;
  margin-bottom: 7rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_16jpf_73 {
    margin: 0 2rem 2rem;
    background: #fff;
    padding: 0
  }
}

@media screen and (min-width: 1024px) {
  ._storeSection_16jpf_73 ._cityStoreSelector_16jpf_85 {
    background: #fff;
    margin-bottom: 2.5rem;
    overflow: hidden;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._storeSection_16jpf_73 h1 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_16jpf_73 h1 {
    margin-bottom: 0
  }
}

._storeSection_16jpf_73 h2 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin-bottom: .8rem;
  padding: 0 1.4rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_16jpf_73 h2 {
    padding: 0
  }
}

._storeSection_16jpf_73 p {
  font-size: 1.4rem;
  color: var(--clr-dark-400-50);
  font-weight: 400;
  padding: 0 1.4rem;
  padding-block: 1rem;
  padding-top: 0
}

._storeSection_16jpf_73 ._heading_16jpf_124 {
  position: relative;
  padding: 1rem 0 1.5rem
}

@media screen and (min-width: 1024px) {
  ._storeSection_16jpf_73 ._heading_16jpf_124 {
    padding: 1.6rem 0;
    background: var(--clr-light-200)
  }
}

._storeSection_16jpf_73 ._heading_16jpf_124 ._badge_16jpf_134 {
  display: none;
  position: absolute
}

@media screen and (min-width: 1024px) {
  ._storeSection_16jpf_73 ._heading_16jpf_124 ._badge_16jpf_134 {
    display: block;
    top: 0;
    inset-inline-end: 2rem
  }
}

._storeSection_16jpf_73 ._input_16jpf_145 {
  margin-bottom: 1rem
}

._storeSection_16jpf_73 ._input_16jpf_145 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._storeSection_16jpf_73 ._input_16jpf_145 label {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400-50)
}

._deliveryIns_16jpf_159 {
  margin-top: 20px;
  background: white;
  padding: 1.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._deliveryIns_16jpf_159 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

._deliveryIns_16jpf_159:after {
  display: block;
  position: absolute;
  height: 2.8rem;
  width: .1rem;
  background: var(--clr-primary-400);
  top: 1.9rem
}

._deliveryIns_16jpf_159 input {
  width: 100%;
  font-size: 1.4rem;
  padding: 10px;
  border: 0;
  background: transparent
}

._deliveryIns_16jpf_159 input:focus {
  outline: none
}

._deliveryIns_16jpf_159 ::placeholder {
  color: var(--clr-dark-400-50)
}

._example_16jpf_197 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  border-top: 1px solid rgba(57, 63, 82, .16);
  margin-top: .5rem
}

._error_16jpf_208 {
  display: flex;
  position: fixed;
  padding: 1rem;
  background: var(--clr-primary-400);
  color: #fff;
  bottom: 7.4rem;
  border-radius: 0 4px 4px 0;
  left: 0;
  font-size: 1.2rem;
  z-index: 9
}

._desktopHeader_16jpf_221 {
  display: none;
  padding-block: 1.5rem .6rem;
  padding-inline: 2rem;
  margin-bottom: 3rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 99;
  background: white
}

@media screen and (min-width: 1024px) {
  ._desktopHeader_16jpf_221 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--clr-dark-900-10)
  }

  ._desktopHeader_16jpf_221 ._icon_16jpf_238 {
    height: 4.2rem;
    aspect-ratio: 1/1
  }

  ._desktopHeader_16jpf_221 ._icon_16jpf_238 img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  ._desktopHeader_16jpf_221 ._heading_16jpf_124 {
    flex-basis: 66%;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--clr-dark-400);
    padding-inline-start: 1.8rem
  }

  ._desktopHeader_16jpf_221 ._Closebutton_16jpf_254 {
    flex-grow: 1;
    text-align: end
  }

  ._desktopHeader_16jpf_221 ._Closebutton_16jpf_254 button {
    font-size: 1.8rem;
    color: var(--clr-dark-400);
    padding: 0;
    min-width: auto
  }

  ._desktopHeader_16jpf_221 ._Closebutton_16jpf_254 button svg {
    font-size: 3.4rem
  }
}

._loaderRoot_16jpf_269 {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, .231372549);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000
}

@media screen and (min-width: 1024px) {
  ._loaderRoot_16jpf_269 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .231372549);
    display: flex;
    align-items: center;
    justify-content: center
  }
}

._root_ypzra_2 {
  margin-top: .5rem;
  padding-inline: .5rem
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 {
    padding-inline-start: 1.6rem
  }
}

._root_ypzra_2 ._tab_ypzra_11 {
  min-width: 6.2rem;
  overflow: visible;
  padding: 0;
  color: var(--clr-dark-400-50)
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 ._tab_ypzra_11 {
    color: var(--clr-dark-400-80)
  }
}

._root_ypzra_2 ._defaultLabel_ypzra_22 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.1rem;
  width: 8rem;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 ._defaultLabel_ypzra_22 {
    font-size: .9rem;
    width: auto
  }
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 ._defaultLabel_ypzra_22 {
    font-size: 1.2rem
  }
}

._root_ypzra_2 ._selectedTab_ypzra_41:after {
  content: "";
  width: 4rem;
  height: 90%;
  background: #e4002b;
  opacity: .05;
  position: absolute;
  inset-inline-start: 0;
  border-start-end-radius: 5rem;
  border-end-end-radius: 5rem;
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 ._selectedTab_ypzra_41:after {
    display: none
  }
}

@media screen and (min-width: 1366px) {
  ._root_ypzra_2 ._selectedTab_ypzra_41:after {
    display: block
  }
}

._root_ypzra_2 ._selectedLabel_ypzra_63 {
  display: flex;
  align-items: baseline;
  gap: .2rem;
  font-style: normal;
  font-weight: 500;
  font-size: 1.1rem;
  width: 8rem;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 ._selectedLabel_ypzra_63 {
    font-size: .9rem;
    width: auto
  }
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 ._selectedLabel_ypzra_63 {
    font-size: 1.2rem
  }
}

._root_ypzra_2 .MuiTabs-indicator {
  height: .4rem;
  border-radius: .2rem .2rem 0 0
}

._root_ypzra_2 .MuiTabs-flexContainer {
  gap: 0px
}

._root_ypzra_2._isDesktopHeader_ypzra_92 {
  padding-inline-start: unset
}

._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTabs-scroller {
  display: flex
}

._root_ypzra_2._isDesktopHeader_ypzra_92 ._tab_ypzra_11 {
  margin-bottom: 17px;
  width: auto;
  min-width: auto;
  min-height: auto
}

._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTab-root {
  flex-direction: row;
  height: 4rem;
  border: 2px solid rgba(106, 110, 123, .1);
  padding: 0 1rem;
  border-radius: 1rem;
  font-size: 1.2rem;
  text-transform: none
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTab-root {
    padding: 0 .6rem
  }
}

._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTab-root:hover,
._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTab-root:focus {
  border: .2rem solid currentColor
}

._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTabs-flexContainer {
  gap: clamp(.8rem, 2.73vw + -2rem, 1.5rem)
}

._root_ypzra_2._isDesktopHeader_ypzra_92 ._orderModeButton_ypzra_124 {
  margin-bottom: 0 !important;
  width: 2.8rem;
  height: 2.8rem;
  border: none;
  border-radius: 0;
  padding: 0
}

._root_ypzra_2._isDesktopHeader_ypzra_92 ._selectedLabel_ypzra_63 {
  gap: .5rem;
  line-height: 1;
  align-items: center;
  padding-inline-start: .5rem
}

._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTabs-indicator {
  display: none;
  bottom: .5rem
}

._root_ypzra_2._isDesktopHeader_ypzra_92 .MuiTabs-indicator:after {
  content: "";
  position: absolute;
  border-radius: 0;
  width: 0;
  height: 0;
  margin-left: -.5em;
  bottom: -7px;
  left: 50%;
  box-sizing: border-box;
  border: 4px solid var(--clr-primary-400);
  border-color: transparent transparent var(--clr-primary-400) var(--clr-primary-400);
  transform-origin: 0 0;
  transform: rotate(-45deg)
}

._root_ypzra_2 .MuiTab-textColorPrimary.Mui-disabled {
  opacity: .3
}

@media screen and (min-width: 1024px) {
  ._root_ypzra_2 .MuiTab-root.Mui-selected {
    border: .2rem solid #e4002b
  }
}

._popRoot_ypzra_167 {
  top: 7.2rem !important;
  background: var(--clr-dark-400-50);
  max-height: 504
}

._popRoot_ypzra_167 .MuiPaper-root {
  background: #ffffff;
  border-radius: 0 0 40px 40px;
  margin-top: -1.8rem;
  box-shadow: none !important
}

._popRoot_ypzra_167>div:first-child {
  top: 70px !important
}

._popoverMain_ypzra_182 {
  max-width: 64rem;
  min-width: 60rem;
  background: #ffffff;
  border-radius: 0 0 4rem 4rem
}

.delivery {
  max-height: 52rem
}

._activeMode_ypzra_193 .MuiTabs-indicator {
  display: block !important;
  min-width: 9rem
}

._root_1o5f5_1 {
  position: relative;
  display: flex;
  color: var(--clr-primary-400);
  cursor: pointer
}

._root_1o5f5_1 ._cartIcon_1o5f5_7 {
  font-size: 2.6rem
}

._root_1o5f5_1 ._cartCount_1o5f5_10 {
  position: absolute;
  inset: auto auto 50% 50%;
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  font-size: 1.2rem;
  font-weight: 500;
  background-color: var(--clr-primary-400);
  color: var(--clr-light-100)
}

._root_1o5f5_1._floating_1o5f5_23 {
  position: fixed;
  bottom: 2rem;
  inset-inline-end: 1.6rem;
  z-index: 999;
  display: grid;
  place-items: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  color: var(--clr-light-100);
  box-shadow: 0 .4rem .6rem var(--clr-dark-900-30)
}

._root_1o5f5_1._floating_1o5f5_23 ._cartIcon_1o5f5_7 {
  font-size: 2.4rem
}

._root_1o5f5_1._floating_1o5f5_23 ._cartCount_1o5f5_10 {
  width: 2rem;
  height: 2rem;
  background-color: var(--clr-light-100);
  color: var(--clr-dark-400)
}

._none_1o5f5_47 {
  display: none
}

._dropdown_1o5f5_51 {
  position: relative;
  display: inline-block
}

._dropdownContent_1o5f5_56 {
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 0;
  min-width: 31rem;
  z-index: 1
}

._dropdown_1o5f5_51:hover ._dropdownContent_1o5f5_56 {
  display: block
}

._emptyContainer_1o5f5_69 {
  background-color: #fff;
  padding: 2rem;
  border-radius: .6rem;
  box-shadow: 0 6px 10px #0003
}

._noItem_1o5f5_76>h5 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._noItem_1o5f5_76>h6 {
  margin-top: .625rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

._noItem_1o5f5_76>button {
  margin-top: 1rem
}

._main_16eko_2 {
  background: var(--theme-backgroud-page)
}

@media screen and (min-width: 1024px) {
  ._main_16eko_2 {
    max-width: 37.5rem;
    min-width: 37.5rem
  }
}

._main_16eko_2 ._white_16eko_11 a {
  color: #fff;
  border-color: #fff
}

._headerArea_16eko_16 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--clr-primary-400);
  padding-inline: 1.6rem;
  padding-block: .9rem;
  color: var(--clr-light-100)
}

._headerArea_16eko_16 ._headerText_16eko_25 {
  font-size: 1.6rem;
  font-weight: 500
}

._headerArea_16eko_16 ._langButton_16eko_29 button {
  color: var(--clr-light-100);
  border-color: var(--clr-light-100)
}

._bannerContainer_16eko_34 {
  width: 100%;
  min-height: 25rem
}

._bannerContainer_16eko_34 img {
  width: 100%
}

.MuiGrid-root ._mainContainer_16eko_42 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._loginContainer_16eko_48 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400)
}

._loginContainer_16eko_48 ._headerText_16eko_25 {
  margin-block-end: .5rem
}

._loginContainer_16eko_48 ._headerText_16eko_25 p {
  font-size: 1.6rem;
  font-weight: 500
}

._loginContainer_16eko_48 ._mobileInput_16eko_60 {
  display: flex;
  align-items: baseline;
  direction: ltr
}

._loginContainer_16eko_48 ._mobileInput_16eko_60 label {
  font-size: 1.2rem;
  font-weight: 500
}

._loginContainer_16eko_48 ._exampleNo_16eko_69 {
  margin-block-start: 1rem;
  margin-left: 10rem;
  padding-block: .5rem
}

._loginContainer_16eko_48 ._exampleNo_16eko_69 p {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .4
}

._loginContainer_16eko_48 ._exampleNo_16eko_69 ._warningText_16eko_79 {
  color: var(--theme-user-icon-bg);
  opacity: 1
}

._loginContainer_16eko_48 ._disableButton_16eko_83,
._loginContainer_16eko_48 ._loginButton_16eko_83 {
  background-color: var(--theme-button-disable-bg);
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .8rem;
  pointer-events: none
}

._loginContainer_16eko_48 ._disableButton_16eko_83 ._button_16eko_92,
._loginContainer_16eko_48 ._loginButton_16eko_83 ._button_16eko_92 {
  font-size: 1.6rem;
  color: var(--clr-light-100)
}

._loginContainer_16eko_48 ._loginButton_16eko_83 {
  background-color: var(--clr-primary-400);
  pointer-events: auto
}

._socialMediaContainer_16eko_101 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400);
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._socialMediaContainer_16eko_101 ._headerText_16eko_25 p {
  font-size: 1.6rem;
  font-weight: 500
}

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

._socialMediaContainer_16eko_101 ._mediaButtonContainer_16eko_113 ._button_16eko_92 {
  border: 1.04167px solid rgba(242, 242, 242, .711156);
  box-shadow: 0 2px 7px #9bccf43e;
  border-radius: .4rem;
  width: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 1rem
}

._socialMediaContainer_16eko_101 ._mediaButtonContainer_16eko_113 ._typography_16eko_128 {
  opacity: .6;
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 1.2rem
}

._socialMediaContainer_16eko_101 ._appleButtonContainer_16eko_134 {
  background-color: var(--clr-dark-900);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .4rem;
  padding-block: 1rem;
  width: 100%
}

._socialMediaContainer_16eko_101 ._appleButtonContainer_16eko_134 ._typography_16eko_128 {
  color: var(--clr-light-100);
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 1.2rem
}

._footerContainer_16eko_150 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1.6rem;
  padding-block: 2rem
}

._footerContainer_16eko_150 ._terms_16eko_157 {
  font-size: 1.4rem;
  cursor: pointer;
  font-weight: 500;
  color: var(--clr-secondary-400)
}

._footerContainer_16eko_150 ._skipLogin_16eko_163 {
  font-size: 1.4rem;
  font-weight: 500;
  cursor: pointer;
  opacity: .7
}

._banner_16eko_34 {
  min-height: 76.9230769231vw
}

._languageSelector_16eko_179 {
  padding-bottom: 15px
}

._languageGroupContainer_16eko_183 {
  width: 100%
}

._languageGroup_16eko_183 {
  display: flex;
  align-items: center
}

._languageItem_16eko_192 {
  width: 50%;
  margin: 0
}

._languageItem_16eko_192 .MuiFormControlLabel-label {
  font-size: 14px;
  font-weight: 500;
  color: #0c2136;
  margin-right: auto
}

._divider_16eko_203 {
  width: 1px;
  height: 25px;
  background: rgba(204, 235, 255, .5);
  margin: 0 10px 0 25px
}

._phoneFieldset_16eko_210 {
  width: 100%
}

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

._phoneContainer_16eko_214 .MuiTextField-root {
  margin: 0 15px
}

._countryCode_16eko_223.MuiFormLabel-root {
  font-size: 14px;
  font-weight: 500;
  color: #0c2136
}

._captchaBox_16eko_229 {
  padding: .5rem 0
}

._submit_16eko_233 button {
  width: 100%;
  padding: 1.5rem 0;
  font-size: 1.6rem;
  font-weight: 500
}

._badge_16eko_240 {
  display: none;
  position: absolute;
  top: 0;
  left: 42.4%
}

@media screen and (min-width: 1024px) {
  ._badge_16eko_240 {
    display: block
  }
}

._termsCondition_16eko_252 {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._termsCondition_16eko_252 {
    position: inherit;
    background: var(--clr-light-100)
  }
}

._main_1bft6_2 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media (min-width: 992px) {
  ._main_1bft6_2 {
    width: 40rem
  }
}

@media (min-width: 992px) {
  ._main_1bft6_2 ._viewProfileCard_1bft6_12 {
    display: flex;
    justify-content: space-between
  }
}

._back_1bft6_18 {
  position: absolute
}

._attentionIcon_1bft6_22 {
  position: relative;
  z-index: 1
}

._actionContainerDelete_1bft6_27 {
  margin-top: 2rem;
  width: 100%
}

._actionContainerDelete_1bft6_27 ._deleteBtn_1bft6_31 {
  width: inherit;
  height: 5rem;
  margin-bottom: 2rem
}

._actionContainerDelete_1bft6_27 ._cancelBtn_1bft6_36 {
  width: inherit;
  height: 5rem
}

._actionContainerFeedback_1bft6_41 {
  margin-top: 2rem;
  width: 100%
}

._actionContainerFeedback_1bft6_41 ._submitBtn_1bft6_45 {
  width: inherit;
  height: 5rem
}

._actionContainerFeedback_1bft6_41 ._skipBtn_1bft6_49 {
  width: inherit;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: var(--clr-dark-400);
  margin: 2rem 0
}

._deleteAccountContainer_1bft6_63 {
  background: #fdf5f5;
  border-radius: .5rem;
  padding: 5rem 2.5rem 1.3rem;
  margin-top: -3.5rem;
  position: relative;
  z-index: 0
}

._deleteAccountContainer_1bft6_63 ._heading_1bft6_71 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-primary-400);
  margin-bottom: 1rem
}

._deleteAccountContainer_1bft6_63 ._message_1bft6_81 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-dark-400)
}

._deleteAccountContainer_1bft6_63 ._warning_1bft6_90 {
  text-align: center;
  padding: 8px 20px;
  gap: 10px;
  background: var(--theme-warning-color);
  color: var(--clr-light-100);
  border-radius: 3px;
  margin: 1rem 2rem
}

._profileName_1bft6_100,
._profilePhone_1bft6_101,
._profileEmail_1bft6_102 {
  margin: 1rem .2rem 0rem 0rem
}

._profileName_1bft6_100 {
  font-size: 1.6rem;
  width: 100%;
  font-weight: 700;
  margin: .2rem .3rem;
  color: var(--theme-profile-color)
}

@media screen and (min-width: 1024px) {
  ._profileName_1bft6_100 {
    width: 98%;
    line-height: 1.15
  }
}

._profilePhone_1bft6_101,
._profileEmail_1bft6_102 {
  font-size: 1.4rem;
  color: var(--theme-profile-color);
  opacity: .8;
  direction: ltr;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

._profilePhone_1bft6_101 ._profilePhoneStyle_1bft6_129,
._profileEmail_1bft6_102 ._profilePhoneStyle_1bft6_129 {
  display: flex;
  justify-content: center;
  align-items: center
}

._profilePhone_1bft6_101 ._profilePhoneStyle_1bft6_129 img,
._profileEmail_1bft6_102 ._profilePhoneStyle_1bft6_129 img {
  padding-inline-end: 1rem;
  max-width: 3rem;
  min-width: 3rem;
  object-fit: contain
}

[dir=rtl] ._profileEmail_1bft6_102 {
  direction: rtl
}

._noPadding_1bft6_145 {
  padding: 0
}

._editProfile_1bft6_149,
._profileLink_1bft6_155 {
  background: var(--clr-light-100);
  padding: 1rem 0;
  margin-bottom: 1rem
}

._staticLink_1bft6_161 span {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--theme-profile-color)
}

._formattedHeading_1bft6_167 {
  font-size: 1.6rem;
  font-weight: 500
}

._profileList_1bft6_172 {
  padding: 1.8rem
}

._flexbox_1bft6_176,
._circleArea_1bft6_176,
._listLinkItem_1bft6_176 ._circleArea2_1bft6_176 {
  display: flex;
  justify-content: center;
  align-items: center
}

._iconArea_1bft6_182 {
  width: 1.6rem;
  height: 1.6rem
}

._profileCardArea_1bft6_187 {
  padding: 1.5rem;
  transition: max-height .15s ease-out
}

._innerProfileCard_1bft6_192 {
  display: flex
}

._profileTextArea_1bft6_196 {
  padding-left: 1.2rem
}

._inputArea_1bft6_200 {
  padding-bottom: 1rem;
  margin-block: 1rem
}

._inputArea_1bft6_200 label {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: rubik
}

._inputArea_1bft6_200 input {
  font-size: 1.4rem;
  font-weight: 500;
  font-family: rubik
}

._inputArea_1bft6_200 ._editEmailField_1bft6_214 {
  pointer-events: none
}

._buttonArea_1bft6_218 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  gap: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._buttonArea_1bft6_218 {
    justify-content: flex-end;
    gap: 1.4rem
  }

  ._buttonArea_1bft6_218 button {
    width: 10rem !important
  }
}

._buttonArea_1bft6_218 ._saveButton_1bft6_235,
._buttonArea_1bft6_218 ._disableSaveButton_1bft6_235 {
  color: var(--clr-light-100)
}

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

  ._buttonArea_1bft6_218 ._saveButton_1bft6_235,
  ._buttonArea_1bft6_218 ._disableSaveButton_1bft6_235 {
    height: 3.8rem
  }
}

._buttonArea_1bft6_218 ._disableSaveButton_1bft6_235 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: var(--clr-light-100)
}

._buttonArea_1bft6_218 ._cancelButton_1bft6_247,
._buttonArea_1bft6_218 ._saveButton_1bft6_235,
._buttonArea_1bft6_218 ._disableSaveButton_1bft6_235 {
  font-size: 1.6rem;
  font-weight: 700;
  height: 4.8rem;
  width: 16rem
}

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

  ._buttonArea_1bft6_218 ._cancelButton_1bft6_247,
  ._buttonArea_1bft6_218 ._saveButton_1bft6_235,
  ._buttonArea_1bft6_218 ._disableSaveButton_1bft6_235 {
    height: 3.8rem
  }
}

._buttonArea_1bft6_218 ._verifyButton_1bft6_258 {
  font-size: 1.6rem;
  font-weight: 700;
  height: 4.8rem;
  width: 16rem;
  outline: none
}

@media screen and (min-width: 1024px) {
  ._buttonArea_1bft6_218 ._verifyButton_1bft6_258 {
    height: 3.8rem
  }
}

._listLinkItem_1bft6_176 {
  height: 5.7rem
}

._listLinkItem_1bft6_176 ._staticLink_1bft6_161 {
  flex: 0 1 auto
}

._listLinkItem_1bft6_176 ._iconImage_1bft6_277 {
  min-width: 3.6rem
}

._listLinkItem_1bft6_176 ._iconImage2_1bft6_280 {
  min-width: 3.6rem;
  float: right
}

._listLinkItem_1bft6_176 ._circleArea2_1bft6_176 {
  height: 3rem;
  width: 3rem;
  background-color: var(--clr-light-100);
  color: var(--theme-order-success-color);
  border-radius: 50%;
  border: .2rem solid var(--theme-order-success-color);
  font-weight: 500;
  font-size: 1.8rem
}

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

._listLinkItem_1bft6_176 ._supportLink_1bft6_294 ._supportTextArea_1bft6_299 {
  display: flex;
  justify-content: center;
  align-items: center
}

._countryCode_1bft6_305 {
  font-weight: 500;
  font-size: 1.4rem;
  margin-inline: .8rem;
  direction: ltr
}

._profileBox_1bft6_312 {
  margin-top: 1.5rem;
  position: relative
}

._profileBox_1bft6_312 hr {
  margin-left: 1.6rem;
  margin-right: 1.6rem
}

._buttonGridArea_1bft6_321 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .9rem
}

@media screen and (min-width: 1024px) {
  ._buttonGridArea_1bft6_321 {
    display: flex;
    justify-content: center;
    position: absolute;
    inset-inline-end: 1rem;
    top: 1rem
  }
}

._buttonGridArea_1bft6_321 button {
  color: var(--theme-product-blue-color);
  font-size: 1.4rem;
  font-weight: 500
}

._newNumber_1bft6_342 {
  justify-content: space-between;
  position: relative;
  top: auto;
  inset-inline-end: auto;
  left: auto
}

._circleArea_1bft6_176 {
  height: 4.8rem;
  width: 4.8rem;
  background-color: #a9bdd0;
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._routeCardMargin_1bft6_360 {
  margin-top: 1.5rem
}

._routeCardMargin_1bft6_360 hr {
  margin-left: 1.6rem;
  margin-right: 1.6rem
}

._redWidget_1bft6_368 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._redWidget_1bft6_368 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._inputField_1bft6_381 label {
  color: #a9bdd0
}

._mobileInput_1bft6_385,
._enView_1bft6_385,
._arabicView_1bft6_385 {
  display: flex;
  align-items: baseline;
  position: relative;
  direction: ltr;
  width: 100%
}

._mobileInput_1bft6_385 input,
._enView_1bft6_385 input,
._arabicView_1bft6_385 input {
  font-weight: 500;
  font-size: 1.4rem
}

[dir=rtl] ._mobileInput_1bft6_385 input,
[dir=rtl] ._enView_1bft6_385 input,
[dir=rtl] ._arabicView_1bft6_385 input {
  direction: rtl
}

._mobileInput_1bft6_385 label,
._enView_1bft6_385 label,
._arabicView_1bft6_385 label {
  font-size: 1.2rem;
  font-weight: 500
}

._cardsSection_1bft6_404 {
  margin-top: 15px
}

._cardItem_1bft6_408 {
  display: flex;
  height: 11rem;
  background-color: #fff;
  align-items: center
}

._cardItem_1bft6_408 ._deleteCard_1bft6_414 {
  background-color: #f1f6f9;
  height: 100%
}

._cardItem_1bft6_408 ._deleteCard_1bft6_414 ._deleteIcon_1bft6_418 {
  padding: .8rem;
  background-color: var(--clr-light-100);
  border-radius: .4rem
}

._cardItem_1bft6_408 ._detail_1bft6_423 {
  display: flex;
  flex-direction: column;
  gap: .9rem
}

._cardItem_1bft6_408 ._detail_1bft6_423 p {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._cardItem_1bft6_408 ._fgImage_1bft6_433 {
  background-color: #00f;
  width: 4.1rem;
  height: 2rem
}

._cardItem_1bft6_408 ._cardWrapper_1bft6_438 {
  width: 100%
}

._cardItem_1bft6_408 ._cardWrapper_1bft6_438 ._toggleContainer_1bft6_441 {
  margin-inline-start: 1.5rem;
  margin-top: .8rem
}

._cardItem_1bft6_408 ._cardWrapper_1bft6_438 ._cardContainer_1bft6_445 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  width: 100%
}

._cardsMain_1bft6_453 {
  background: var(--theme-backgroud-page);
  height: auto;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._cardsMain_1bft6_453 {
    max-width: 40rem
  }
}

._addCardSection_1bft6_464 {
  padding-bottom: 1px
}

._addCardSection_1bft6_464 ._addCard_1bft6_464 {
  border: 1px dotted blue;
  height: 200px;
  margin: 16px;
  line-height: 18px;
  text-align: center
}

._addCardSection_1bft6_464 ._addCard_1bft6_464 ._addCardHeader_1bft6_474 {
  font-weight: 500;
  font-size: 16px
}

._addCardSection_1bft6_464 ._addCard_1bft6_464 ._addCardText_1bft6_478 {
  font-weight: 400;
  font-size: 14px;
  margin: 15px 25px
}

._button_1bft6_218 {
  width: 80%;
  height: 48px;
  color: #fff !important;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  background: #e4002b !important;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px
}

._menuList_1bft6_496 {
  background: white;
  height: 237px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  align-items: center
}

._menuList_1bft6_496 h3 {
  color: var(--theme-drawer-menu-heading-color);
  font-size: 1.6rem;
  font-weight: 400;
  font-weight: 500;
  background: var(--theme-drawer-menu-heading-bg);
  padding: 18px
}

._menuList_1bft6_496 ul li {
  padding: 18px;
  font-size: 1.5rem;
  color: var(--theme-drawer-menu-heading-color);
  font-weight: 500;
  border-bottom: 1px solid rgba(57, 63, 82, .2)
}

._menuList_1bft6_496 ul li a {
  text-decoration: none
}

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

._menuList_1bft6_496 ._tab_1bft6_521 ._icon_1bft6_182 {
  justify-content: flex-end
}

[dir=rtl] ._menuList_1bft6_496 ._tab_1bft6_521 ._icon_1bft6_182 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  justify-content: flex-start
}

._inner_1bft6_192 {
  background: white;
  height: 200px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 17px;
  text-align: center
}

._inner_1bft6_192 ._smdialogWidget_1bft6_545 {
  display: flex;
  justify-content: center;
  padding-inline: 1.8rem
}

._inner_1bft6_192 ._smdialogWidget_1bft6_545 ._redWidget_1bft6_368 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._inner_1bft6_192 ._smdialogWidget_1bft6_545 ._redWidget_1bft6_368 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._inner_1bft6_192 ._heading_1bft6_71 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 17px
}

._inner_1bft6_192 ._content_1bft6_568 {
  font-size: 14px;
  line-height: 25px;
  line-height: 151%;
  align-items: center;
  vertical-align: top;
  padding: 10px 90px
}

._inner_1bft6_192 ._submit_1bft6_45 {
  background: #e4002b;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px;
  color: #fff;
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._inner_1bft6_192 ._close_1bft6_586 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  width: 180px
}

._deleteInner_1bft6_600 {
  background: white;
  height: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 17px;
  text-align: center
}

._deleteInner_1bft6_600 ._smdialogWidget_1bft6_545 {
  display: flex;
  justify-content: center;
  padding-inline: 1.8rem
}

._deleteInner_1bft6_600 ._smdialogWidget_1bft6_545 ._redWidget_1bft6_368 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._deleteInner_1bft6_600 ._smdialogWidget_1bft6_545 ._redWidget_1bft6_368 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._deleteInner_1bft6_600 ._heading_1bft6_71 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 17px
}

._deleteInner_1bft6_600 ._content_1bft6_568 {
  font-size: 14px;
  line-height: 25px;
  line-height: 151%;
  align-items: center;
  vertical-align: top;
  padding: 10px 90px
}

._deleteInner_1bft6_600 ._submit_1bft6_45 {
  background: #e4002b;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px;
  color: #fff;
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._deleteInner_1bft6_600 ._close_1bft6_586 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black);
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  width: 180px
}

._deleteInner_1bft6_600 ._buttons_1bft6_665 {
  display: flex;
  align-items: center;
  justify-content: center
}

._deleteInner_1bft6_600 ._buttons_1bft6_665 ._close_1bft6_586 {
  flex-basis: 40%
}

._deleteInner_1bft6_600 ._buttons_1bft6_665 button {
  font-size: 1.5rem;
  padding: 1rem
}

._image_1bft6_678 {
  margin: auto
}

._image_1bft6_678 img {
  object-fit: contain
}

._warningText_1bft6_685 {
  color: var(--theme-warning-text-color);
  padding-block: 1rem;
  font-size: 1.2rem;
  font-weight: 500
}

._check_1bft6_692 {
  position: absolute;
  font-size: 2rem;
  right: 2rem;
  top: 1.6rem;
  display: contents
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

._arabicView_1bft6_385 {
  display: flex;
  align-items: center
}

._mobileInputArea_1bft6_716 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._mobileInputArea_1bft6_716 .MuiFormHelperText-root {
  margin-inline: 0
}

[dir=rtl] ._mobileInputArea_1bft6_716 {
  direction: rtl
}

._mobileInputArea_1bft6_716 label {
  font-weight: 700
}

._activeDiv_1bft6_732 {
  pointer-events: none
}

._enView_1bft6_385 {
  direction: ltr
}

._header_1bft6_740 ._mainHeading_1bft6_752 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._deleteAccount_1bft6_63 {
  text-align: center
}

@media screen and (min-width: 1024px) {
  ._deleteAccount_1bft6_63 ._badge_1bft6_763 {
    background: var(--clr-light-100)
  }
}

._deleteAccount_1bft6_63 ._main_1bft6_2 {
  padding: 3rem 2rem;
  background: var(--clr-light-100)
}

._deletePop_1bft6_781 {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0
}

._deletePop_1bft6_781 ._buttons_1bft6_665 {
  gap: 1rem;
  display: flex
}

._deletePop_1bft6_781:before {
  content: "";
  width: 100%;
  height: 200vh;
  background: rgba(0, 0, 0, .4509803922);
  z-index: -1;
  display: block;
  position: absolute;
  top: -100vh;
  left: 0
}

._closeButton_1bft6_805 {
  position: absolute;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  font-size: 2.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translate(-50%, calc(-100% - 3rem));
  cursor: pointer
}

._header_1bft6_740 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

._header_1bft6_740 ._mainHeading_1bft6_752 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem
}

._header_1bft6_740 ._mainHeading_1bft6_752:after {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: .4rem;
  bottom: -1rem;
  background: #de0000;
  border-radius: 73.1034px
}

._header_1bft6_740 ._subHeading_1bft6_758 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_1bft6_740 ._badge_1bft6_763 {
  position: absolute;
  top: 0
}

._cardNumber_1bft6_864 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

[dir=rtl] ._cardNumber_1bft6_864 {
  direction: ltr
}

._errorNotification_1bft6_873 {
  margin: 2rem 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ff8925;
  display: flex;
  align-items: center
}

._kfc_1bft6_882 ._points_1bft6_882 {
  background: linear-gradient(262.34deg, #EC0E38 32.76%, #FFF5D9 188.18%);
  border-radius: 4px;
  width: 63px;
  height: 18px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  padding: 3px;
  text-align: center;
  margin: 0 6px
}

._feedbackContainer_1bft6_896 {
  padding: 0 2.5rem
}

._feedbackContainer_1bft6_896 ._message_1bft6_81 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400)
}

._feedbackContainer_1bft6_896 ._heading_1bft6_71 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 1.5rem 0;
  color: var(--clr-dark-400)
}

._feedbackList_1bft6_917 {
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap
}

._feedbackList_1bft6_917 ._listItem_1bft6_924 {
  background: var(--clr-light-100);
  justify-content: center;
  align-items: center;
  padding: 1.3rem .7rem;
  gap: 8px;
  width: 8rem;
  margin-inline-end: .5rem;
  box-shadow: 2px 2px 5px #0000001a;
  border-radius: 10px;
  margin-bottom: 1.5rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--clr-dark-400);
  cursor: pointer
}

._feedbackList_1bft6_917 ._active_1bft6_732 {
  border: 1px solid var(--clr-primary-400)
}

._feedbackTextArea_1bft6_947 {
  width: 100%;
  border-radius: .4rem;
  padding: 1.1rem 1rem .9rem 1.1rem;
  font-family: var(--theme-font-family);
  background: var(--clr-light-100);
  border: none
}

._accountDeletedContainer_1bft6_956 {
  text-align: center;
  padding: 0 3rem;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._accountDeletedContainer_1bft6_956 {
    background: var(--clr-light-100)
  }
}

@media screen and (max-width: 1023px) {
  ._accountDeletedContainer_1bft6_956 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
  }
}

._accountDeletedContainer_1bft6_956 ._heading_1bft6_71 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-primary-400);
  margin-top: 2rem
}

._accountDeletedContainer_1bft6_956 ._message_1bft6_81 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--clr-dark-400);
  margin-top: 2rem
}

._accountDeletedContainer_1bft6_956 ._actionContainer_1bft6_27 {
  padding: 3rem 0 4rem;
  width: 100%
}

._accountDeletedContainer_1bft6_956 ._actionContainer_1bft6_27 ._exitBtn_1bft6_996 {
  width: 100%;
  height: 5rem
}

._deleteAccountFailContainer_1bft6_1001 {
  border-radius: .5rem;
  padding: 1.3rem 0;
  margin-top: .5rem
}

._deleteAccountFailContainer_1bft6_1001 ._heading_1bft6_71 {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-primary-400);
  margin-bottom: 1rem
}

._deleteAccountFailContainer_1bft6_1001 ._warning_1bft6_90 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  background: #fdf5f5;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
  color: var(--clr-dark-400);
  margin-top: 1.5rem
}

._trackOrderLabel_1bft6_1033 label {
  top: -.2rem
}

@media screen and (min-width: 1024px) {
  button._root_1a9xo_3 {
    border-radius: 10px;
    box-shadow: none;
    height: 4.2rem;
    font-size: 1.2rem
  }

  [dir=rtl] button._root_1a9xo_3 {
    min-width: 11rem
  }
}

._loggedUser_1a9xo_13 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  cursor: pointer
}

._avatar_1a9xo_21 {
  height: 4rem;
  width: 4rem;
  background-color: #a9bdd0;
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._title_1a9xo_34 {
  color: var(--clr-dark-400);
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap
}

@media screen and (min-width: 1024px) {
  ._title_1a9xo_34 {
    display: none
  }
}

@media screen and (min-width: 1280px) {
  ._title_1a9xo_34 {
    display: block
  }
}

._Skeleton_1a9xo_51 {
  height: 4.2rem;
  width: 6rem;
  border-radius: 1rem
}

._root_16il8_2 {
  position: fixed;
  inset: 0 0 auto 0;
  display: flex;
  justify-content: center;
  z-index: 1250;
  background: var(--clr-light-100);
  box-shadow: 0 .3rem .9rem #0000001a
}

._innerWrapper_16il8_12 {
  max-width: 144rem;
  width: 100%;
  height: 7rem;
  display: flex;
  gap: 3rem;
  padding: 1rem 3rem
}

@media screen and (min-width: 1024px) {
  ._innerWrapper_16il8_12 {
    gap: clamp(1rem, 3.91vw + -3rem, 2rem)
  }
}

._iconSection_16il8_26 {
  display: grid;
  place-items: center;
  font-size: 2.4rem
}

[dir=rtl] ._iconSection_16il8_26 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._logoSection_16il8_36 {
  display: grid;
  place-items: center;
  cursor: pointer
}

@media screen and (min-width: 1280px) {
  ._logoSection_16il8_36 {
    margin-inline-start: clamp(-3rem, 7.81vw + -11rem, -1rem)
  }
}

._orderModesSection_16il8_47 {
  flex-shrink: 0
}

._dividerSection_16il8_51 {
  margin-block: -1rem
}

._dividerSection_16il8_51 .MuiDivider-vertical {
  background-color: var(--clr-dark-400-10)
}

._addressSelectorSection_16il8_58 {
  display: grid;
  place-items: start;
  flex-grow: 1;
  min-width: 18rem;
  max-width: clamp(24rem, 140.63vw + -120rem, 60rem)
}

@media screen and (min-width: 1024px) {
  ._addressSelectorSection_16il8_58 {
    min-width: 20rem
  }
}

@media screen and (min-width: 1280px) {
  ._addressSelectorSection_16il8_58 {
    min-width: 20rem
  }
}

._actionButtonSection_16il8_76 {
  margin-inline-start: auto;
  display: flex;
  gap: 2.5rem;
  align-items: center
}

._actionButton_16il8_76 {
  display: grid;
  place-items: center
}

@media screen and (min-width: 1024px) {
  ._actionButton_16il8_76 button {
    border-radius: 10px !important;
    border: 2px solid;
    line-height: 0;
    padding: 1.2rem 2rem;
    display: flex;
    font-size: 1.6rem;
    box-shadow: none
  }
}

._root_1dw56_2 {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 999;
  background: white;
  box-shadow: 0 .3rem .9rem #0000001a
}

@media screen and (min-width: 1024px) {
  ._root_1dw56_2 {
    position: sticky
  }
}

._primaryBar_1dw56_16 {
  display: flex;
  gap: .8rem;
  padding: 1.4rem 1.6rem;
  width: 100%
}

._iconSection_1dw56_23 {
  display: grid;
  place-items: center;
  font-size: 2rem;
  cursor: pointer
}

[dir=rtl] ._iconSection_1dw56_23 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._titleSection_1dw56_34 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  font-size: 1.6rem;
  font-weight: 700
}

._titleSection_1dw56_34 a {
  color: inherit
}

._actionButtonSection_1dw56_46 {
  margin-inline-start: auto;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-size: 1.6rem
}

._actionButton_1dw56_46 {
  display: flex
}

._searchBarSection_1dw56_58 {
  flex-grow: 1;
  display: block
}

._rewardsHome_zup61_2 {
  padding: 0 1.6rem
}

@media screen and (min-width: 1280px) {
  ._rewardsHome_zup61_2 {
    padding: 0 13.5rem
  }
}

._rewardsHome_zup61_2 * {
  box-sizing: border-box
}

._rewardsHome_zup61_2 ._flexRow_zup61_13 {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -.8rem;
  align-items: end
}

@media screen and (min-width: 1024px) {
  ._rewardsHome_zup61_2 ._flexRow_zup61_13 {
    margin-inline: -1.5rem
  }
}

._rewardsHome_zup61_2 ._flexRow_zup61_13>* {
  max-width: 100%;
  flex: 0 0 auto;
  padding: .7rem
}

@media screen and (min-width: 768px) {
  ._rewardsHome_zup61_2 ._flexRow_zup61_13>* {
    padding: 1.5rem
  }
}

._rewardsHome_zup61_2 ._flexRow_zup61_13 ._flexColumn4_zup61_34 {
  width: 50%
}

@media screen and (min-width: 1024px) {
  ._rewardsHome_zup61_2 ._flexRow_zup61_13 ._flexColumn4_zup61_34 {
    width: 25%
  }
}

._rewardsHome_zup61_2 ._flexRow_zup61_13 ._flexColumn2_zup61_42 {
  width: 100%
}

@media screen and (min-width: 768px) {
  ._rewardsHome_zup61_2 ._flexRow_zup61_13 ._flexColumn2_zup61_42 {
    width: 50%
  }
}

._rewardSection_zup61_51 {
  margin-block: 4rem;
  scroll-margin-top: 12rem
}

@media screen and (min-width: 1024px) {
  ._rewardSection_zup61_51 {
    margin-block: 6rem
  }
}

._rewardBottom_zup61_61 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: -3rem 0 2rem
}

._rewardBottom_zup61_61 a {
  color: #007aff;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-decoration: underline
}

._rewardBottom_zup61_61 a:hover {
  text-decoration: none
}

._emptyReward_zup61_78 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 151.5%);
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

._emptyReward_zup61_78 ._emptyImage_zup61_86 {
  margin: 25px 0 22px
}

._emptyReward_zup61_78 h2 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #000;
  text-align: center
}

@media screen and (min-width: 1024px) {
  ._emptyReward_zup61_78 h2 {
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem
  }
}

._emptyReward_zup61_78 p {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #5a5a5a;
  text-align: center
}

@media screen and (min-width: 1024px) {
  ._emptyReward_zup61_78 p {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #6a6e7b;
    padding-top: 1.5rem
  }
}

._emptyReward_zup61_78 button {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.5rem;
  max-width: 20rem;
  margin: 2rem 0 4.8rem
}

@media screen and (min-width: 1024px) {
  ._emptyReward_zup61_78 button {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.8rem;
    max-width: 25rem
  }
}

._bannerWrapper_zup61_135 {
  position: relative
}

._bannerWrapper_zup61_135 ._pointCardWrapper_zup61_138 {
  position: static
}

@media screen and (min-width: 1024px) {
  ._bannerWrapper_zup61_135 ._pointCardWrapper_zup61_138 {
    position: absolute;
    z-index: 2;
    left: 1.6rem;
    top: -35rem
  }
}

@media screen and (min-width: 1280px) {
  ._bannerWrapper_zup61_135 ._pointCardWrapper_zup61_138 {
    left: 13.5rem
  }
}

._rewadsLoginBanner_zup61_155 {
  padding: clamp(2.5rem, 2rem + .5vw + .1vh, 4rem) clamp(1.6rem, 1.5rem + .5vw + .1vh, 2rem) 0;
  overflow: hidden;
  width: 100%
}

._rewadsLoginBanner_zup61_155 ._EnrollNow_zup61_160 {
  width: 100%
}

._show_zup61_164 {
  margin-top: 8rem
}

._hidden_zup61_168 {
  margin-top: 24rem
}

._cardContainer_zup61_172 {
  width: 100%;
  background: #fff;
  padding: 1.5rem 1.5rem 0;
  border-radius: .5rem .5rem 0rem 0;
  display: block
}

._cardContainer_zup61_172 ._rewardCardSkeleton_zup61_179 {
  display: block
}

._cardContainer_zup61_172 ._rewardCardSkeleton_zup61_179:after {
  top: 0
}

._cardContainer_zup61_172 ._rewardCardSkeleton_zup61_179:nth-child(1) {
  width: calc(100% - 80px);
  margin-inline: auto;
  padding-top: 62.5%;
  border-radius: 1rem
}

._cardContainer_zup61_172 ._rewardCardSkeleton_zup61_179:nth-child(2) {
  width: calc(100% - 30px);
  margin-inline: auto;
  padding-top: 8.4%;
  border-radius: 1rem
}

._cardContainerText_zup61_198 {
  width: 100%;
  padding-top: 0rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  padding-top: 1.5rem
}

._cardContainerText_zup61_198 ._rewardCardSkeleton_zup61_179 {
  width: calc(100% - 30px);
  margin-inline: auto;
  padding-top: 7.5%;
  border-radius: 1rem
}

._cardContainerText_zup61_198 ._rewardCardSkeleton_zup61_179:after {
  top: 0
}

._cardContainerStar_zup61_217 {
  width: 100%;
  padding: 1.5rem 0;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

._cardContainerStar_zup61_217 ._rewardCardSkeleton_zup61_179 {
  width: calc(100% - 150px);
  margin-inline: auto;
  padding-top: 7.5%;
  border-radius: 1rem
}

._cardContainerStar_zup61_217 ._rewardCardSkeleton_zup61_179:after {
  top: 0
}

._cardContainerBtn_zup61_235 {
  width: 100%;
  padding-bottom: 1.5rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex
}

._cardContainerBtn_zup61_235 ._rewardCardSkeleton_zup61_179 {
  width: calc(100% - 37px);
  margin-inline: auto;
  padding-top: 7.5%;
  border-radius: 1rem
}

._cardContainerBtn_zup61_235 ._rewardCardSkeleton_zup61_179:after {
  top: 0
}

._historyCard_zup61_253,
._historyCardText_zup61_254 {
  width: 100%;
  padding: 1.8rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  border-radius: 1.6rem 1.6rem 0 0
}

._historyCard_zup61_253 ._rewardCardSkeleton_zup61_179,
._historyCardText_zup61_254 ._rewardCardSkeleton_zup61_179 {
  width: calc(100% - 220px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCard_zup61_253 ._rewardCardSkeleton_zup61_179:after,
._historyCardText_zup61_254 ._rewardCardSkeleton_zup61_179:after {
  top: 0
}

._historyCardText_zup61_254 {
  padding-top: 0;
  border-radius: 0 0 1.6rem 1.6rem
}

._historyCardText_zup61_254 ._rewardCardSkeleton_zup61_179 {
  width: calc(100% - 348px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCardText_zup61_254 ._rewardCardSkeleton_zup61_179:after {
  top: 0
}

._rewardsHome_zup61_2 h2 {
  text-transform: uppercase
}

._failedContainer_1gx6y_2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block: 3rem
}

._failedContainer_1gx6y_2 p {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #000;
  padding-block: 2rem
}

._failedContainer_1gx6y_2 button {
  background: #fff;
  border: 1px solid #e4002B;
  color: #e4002b;
  padding: 1.1rem 2.5rem;
  display: inline-flex;
  border-radius: .6rem;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.6rem;
  cursor: pointer
}

._historyMain_19bdo_2 {
  position: relative;
  height: 42rem
}

._pointCardWrapper_19bdo_7 {
  position: static
}

@media screen and (min-width: 1024px) {
  ._pointCardWrapper_19bdo_7 {
    position: absolute;
    z-index: 2;
    left: 2rem;
    top: 8rem
  }
}

@media screen and (min-width: 1280px) {
  ._pointCardWrapper_19bdo_7 {
    left: 13.5rem
  }
}

._historyWrapper_19bdo_24 {
  margin-bottom: 5rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._historyWrapper_19bdo_24 {
    padding: 0 1.6rem
  }
}

@media screen and (min-width: 1280px) {
  ._historyWrapper_19bdo_24 {
    padding: 6.2rem 13.5rem 0
  }
}

._historyWrapper_19bdo_24 h2 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._historyWrapper_19bdo_24 h2 {
    display: block
  }
}

._rewardTabWrapper_19bdo_47 {
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 8px;
  margin-top: 20px;
  padding-bottom: 20px
}

@media screen and (min-width: 768px) {
  ._rewardTabWrapper_19bdo_47 {
    background: #fff;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e
  }
}

._CardWrapper_19bdo_60 {
  position: relative;
  margin-bottom: 12rem
}

._CardWrapper_19bdo_60 ._pointCardWrapper_19bdo_7 {
  position: absolute;
  top: 2rem;
  left: 3rem;
  z-index: 2
}

._rewardTabs_19bdo_71 {
  display: flex;
  border-bottom: 1px solid rgba(57, 63, 82, .08);
  justify-content: center
}

._rewardTabs_19bdo_71 button {
  border: 0;
  padding: 20px 22px;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #6a6e7b66;
  font-family: var(--ff-primary)
}

@media screen and (min-width: 768px) {
  ._rewardTabs_19bdo_71 button {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.1rem
  }
}

._rewardTabs_19bdo_71 button._activeButton_19bdo_95 {
  color: #393f52;
  font-weight: 600
}

._rewardTabs_19bdo_71 button._activeButton_19bdo_95:before {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
  background-color: #e4002b;
  height: 4px;
  border-radius: 2px 2px 0 0
}

._rewardHistoryList_19bdo_111 {
  display: flex;
  flex-wrap: wrap;
  padding-inline: 10px
}

._rewardHistoryList_19bdo_111 ._rewardlistItem_19bdo_116 {
  flex: 0 0 auto;
  max-width: 100%;
  width: 100%;
  padding: 10px
}

@media screen and (min-width: 768px) {
  ._rewardHistoryList_19bdo_111 ._rewardlistItem_19bdo_116 {
    width: 50%
  }
}

._pointNotes_19bdo_128 {
  text-align: center;
  margin: 2rem 0 1rem
}

._pointNotes_19bdo_128 p {
  display: inline-block;
  color: #6a6e7b;
  position: relative;
  vertical-align: middle;
  padding: 0 6px;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.5rem
}

@media screen and (min-width: 768px) {
  ._pointNotes_19bdo_128 p {
    font-size: 1.4rem;
    line-height: 1.7rem
  }
}

._pointNotes_19bdo_128 p:after,
._pointNotes_19bdo_128 p:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #6a6e7b66;
  height: 1px;
  width: 11px
}

._pointNotes_19bdo_128 p:before {
  right: 100%
}

._pointNotes_19bdo_128 p:after {
  left: 100%
}

._noRewardsText_19bdo_164 {
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

._noRewardsText_19bdo_164 h3 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #393f52;
  padding: 10px
}

._noRewardsText_19bdo_164 p {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
  color: #6a6e7b
}

._buttonWrapper_19bdo_184 {
  padding: 1.8rem 0
}

._buttonWrapper_19bdo_184 button {
  padding: .6rem 1.9rem
}

._historyCard_19bdo_192,
._historyCardText_19bdo_193 {
  width: 100%;
  padding: 0 0 1.2rem;
  border-radius: 0rem;
  background: #fff;
  margin: 0 auto;
  display: flex;
  border-radius: 1.6rem 1.6rem 0 0
}

._historyCard_19bdo_192 ._rewardCardSkeleton_19bdo_202,
._historyCardText_19bdo_193 ._rewardCardSkeleton_19bdo_202 {
  width: calc(100% - 220px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCard_19bdo_192 ._rewardCardSkeleton_19bdo_202:after,
._historyCardText_19bdo_193 ._rewardCardSkeleton_19bdo_202:after {
  top: 0
}

._historyCardText_19bdo_193 {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 1.6rem 1.6rem
}

._historyCardText_19bdo_193 ._rewardCardSkeleton_19bdo_202 {
  width: calc(100% - 348px);
  margin-inline: 0;
  padding-top: 2%;
  border-radius: .6rem
}

._historyCardText_19bdo_193 ._rewardCardSkeleton_19bdo_202:after {
  top: 0
}

._rewardlistItems_19bdo_229 {
  width: 47%;
  background: #fff;
  box-shadow: 0 4px 31px #00000014;
  border-radius: 1.6rem;
  display: flex;
  align-items: center;
  padding: 2.1rem 1.5rem;
  margin: 1.5rem;
  flex-direction: column
}

._root_a642a_2 {
  background-color: var(--clr-light-300);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_a642a_2 {
    min-height: auto;
    max-width: 40rem
  }
}

._root_a642a_2 ._textContainer_a642a_13 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_a642a_2 ._textContainer_a642a_13 ._badge_a642a_18 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_a642a_2 ._textContainer_a642a_13 {
    background: #fff;
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_a642a_2 ._textContainer_a642a_13 ._badge_a642a_18 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_a642a_2 ._textContainer_a642a_13 ._title_a642a_36 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_a642a_2 ._textContainer_a642a_13 ._headerText_a642a_43 {
  font-size: 1.4rem;
  font-weight: 500;
  display: grid !important;
  padding-block-end: 0
}

[dir=rtl] ._root_a642a_2 ._textContainer_a642a_13 ._headerText_a642a_43 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_a642a_2 ._textContainer_a642a_13 ._headerText_a642a_43 {
    font-size: 1.6rem;
    width: 30rem;
    text-align: center
  }
}

[dir=rtl] ._root_a642a_2 ._textContainer_a642a_13 ._headerText_a642a_43 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: inline-block
}

._otpContainer_a642a_67 {
  padding: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_a642a_67 {
    margin: 3.5rem 1.2rem 4rem;
    padding: 2.5rem 1.5rem
  }
}

._otpContainer_a642a_67 ._buttons_a642a_76 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem
}

._otpContainer_a642a_67 ._buttons_a642a_76 ._requestDisable_a642a_81 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_a642a_67 ._buttons_a642a_76 ._requestEnable_a642a_88 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all
}

._otpContainer_a642a_67 ._verifyButton_a642a_95,
._otpContainer_a642a_67 ._verifyBgClr1_a642a_95,
._otpContainer_a642a_67 ._verifyBgClr2_a642a_95 {
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_a642a_67 ._verifyButton_a642a_95 ._button_a642a_76,
._otpContainer_a642a_67 ._verifyBgClr1_a642a_95 ._button_a642a_76,
._otpContainer_a642a_67 ._verifyBgClr2_a642a_95 ._button_a642a_76 {
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
  padding-block: 1rem
}

._warningText_a642a_108 {
  color: var(--theme-warning-color);
  margin: 1.4rem auto;
  align-items: flex-start;
  justify-content: flex-start;
  display: flex
}

._warningText_a642a_108 p {
  font-size: 1.2rem
}

._emailInput_a642a_119 label {
  width: 100%
}

._main_zocea_2 {
  background: var(--theme-backgroud-page);
  min-width: 37.5rem;
  height: auto
}

._pageHeading_zocea_8 {
  background: white;
  width: 100%;
  padding: 10px
}

._pageHeading_zocea_8 h1 {
  font-size: 15px;
  font-weight: 700;
  padding-left: 30px
}

._back_zocea_20 {
  position: absolute
}

main {
  background: #f0f9ff;
  height: 100vh
}

._section_zocea_29 {
  padding: 20px 16px
}

._historyHeading_zocea_33 h2 {
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px
}

._historySection_zocea_40 {
  background: white;
  margin-bottom: 10px;
  box-shadow: 0 0 4px #bfbebe
}

._login_zocea_46 {
  display: flex;
  flex-direction: column;
  min-height: 60vh;
  align-items: center;
  justify-content: center;
  gap: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._login_zocea_46 {
    min-height: 40vh
  }
}

._login_zocea_46 ._headerText_zocea_59 {
  font-weight: 500;
  font-size: 1.8rem
}

._login_zocea_46 ._descText_zocea_63 {
  font-weight: 400;
  font-size: 1.4rem;
  opacity: .8
}

._login_zocea_46 ._loginButton_zocea_68 {
  color: var(--clr-light-400);
  padding-inline: 14.5rem;
  padding-block: 1.4rem;
  margin-top: 1.5rem;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: var(--theme-user-icon-bg)
}

._container_141lo_2 {
  gap: 1.5rem;
  display: flex;
  flex-direction: column !important;
  margin-bottom: 1.5rem;
  cursor: pointer
}

._root_141lo_10 {
  width: 100%;
  padding: 1.6rem 1.5rem;
  font-family: var(--theme-font-family);
  color: var(--clr-dark-400)
}

._root_141lo_10 ._dividerArea_141lo_16 {
  margin-top: 1.5rem
}

._root_141lo_10 ._orderCard_141lo_19 {
  display: flex;
  gap: .5rem;
  justify-content: space-between;
  align-items: center
}

._textBackground_141lo_26 {
  background: var(--theme-order-text-bg);
  padding: .6rem .4rem;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._textBackground_141lo_26 {
    margin-block-start: 1.5rem;
    padding: 0
  }
}

._textBackground_141lo_26 ._orderInfoBox_141lo_41 {
  display: flex;
  flex-direction: row
}

._textBackground_141lo_26 span {
  font-weight: 700;
  padding-block: 1rem;
  padding-inline-start: .2rem;
  white-space: nowrap
}

._textBackground_141lo_26 ._dateFormatter_141lo_51 {
  direction: ltr;
  padding-inline: .2rem
}

._orderCount_141lo_56 {
  font-weight: 500;
  font-size: 1.1rem;
  padding-top: .5rem
}

@media screen and (min-width: 1024px) {
  ._orderCount_141lo_56 {
    font-size: 1.2rem
  }
}

._itemDescription_141lo_67 {
  font-weight: 500;
  font-size: 1.1rem;
  padding-top: .5rem;
  color: var(--clr-dark-400);
  opacity: .4
}

@media screen and (min-width: 1024px) {
  ._itemDescription_141lo_67 {
    font-size: 1.2rem
  }
}

._flexBox_141lo_80 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._flexBox_141lo_80 {
    padding-top: .8rem
  }
}

._flexBox_141lo_80 ._amountTypo_141lo_92,
._flexBox_141lo_80 ._orderStatus_141lo_92,
._flexBox_141lo_80 ._warningColor_141lo_92 {
  font-weight: 500;
  font-size: 1.2rem;
  direction: ltr
}

._orderStatus_141lo_92,
._warningColor_141lo_92 {
  color: var(--theme-order-success-color)
}

._warningColor_141lo_92 {
  color: var(--clr-primary-400)
}

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

._advance_141lo_112 {
  margin-top: .5rem;
  color: #007aff;
  display: flex;
  grid-gap: .5rem;
  gap: .5rem;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.3rem;
  align-items: center
}

._noWhiteSpace_141lo_124 {
  white-space: nowrap
}

._noBold_141lo_128 {
  font-weight: 400 !important
}

._orderDisplay_141lo_132 {
  display: flex;
  flex-direction: row;
  gap: .5rem;
  background: rgba(0, 122, 255, .07);
  padding: .4rem .6rem;
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase
}

._orderDisplay_141lo_132 ._redText_141lo_142 {
  font-weight: 500;
  color: #e4002b
}

._root_1js8h_2 {
  background: var(--theme-backgroud-page);
  color: var(--clr-dark-400)
}

._flexBox_1js8h_7 {
  display: flex;
  justify-content: center;
  align-items: center
}

._flexBox_1js8h_7 ._desktopButton_1js8h_12 {
  margin-bottom: 1.5rem
}

._container_1js8h_16 {
  padding-block: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._container_1js8h_16 {
    min-width: 40rem;
    max-width: 40rem
  }
}

._container_1js8h_16 ._headerText_1js8h_25 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-bottom: 1rem;
  padding-inline: 1.7rem
}

._noOfferContainer_1js8h_36 {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  padding-inline: 1.6rem;
  gap: 1.5rem
}

._noOfferContainer_1js8h_36 ._exploreMenu_1js8h_44 {
  background-color: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: .4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

._noOfferContainer_1js8h_36 ._exploreMenu_1js8h_44 ._button_1js8h_53 {
  color: var(--clr-light-100);
  padding-block: 1.5rem
}

._noOfferContainer_1js8h_36 ._text_1js8h_57 p {
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center
}

._noOfferContainer_1js8h_36 ._textDesc_1js8h_62 p {
  font-size: 1.4rem;
  font-weight: 400
}

._Skeleton_1js8h_67 {
  height: 15.6rem;
  width: 100%;
  border-radius: 1rem;
  margin-bottom: 1rem
}

._header_1js8h_25 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._header_1js8h_25 {
    position: sticky;
    top: 0;
    z-index: 1
  }
}

._header_1js8h_25 ._mainHeading_1js8h_93 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_1js8h_25 ._subHeading_1js8h_99 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_1js8h_25 ._badge_1js8h_104 {
  position: absolute;
  top: 0
}

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

._root_5qexf_1 .MuiAvatar-root {
  width: 6rem;
  height: 6rem
}

._root_5qexf_1 ._listTitle_5qexf_9 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin: 1.5rem 0
}

._root_5qexf_1 ._styleDesktop_5qexf_15 {
  margin: 1.5rem 0rem 1.7rem
}

._root_5qexf_1 ._listContainer_5qexf_18 {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 2px 7px #3d9bcc0a;
  margin: 0
}

._root_5qexf_1 ._currentActiveLink_5qexf_24 {
  color: var(--clr-primary-400)
}

._image_5qexf_28 {
  width: 60px;
  height: 60px;
  margin-right: 15px
}

._title_5qexf_34 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

.MuiAvatar-root {
  width: 6rem;
  height: 6rem
}

html[dir=rtl] ._radio_5qexf_45 {
  left: 16px;
  right: auto
}

html[dir=rtl] ._listItem_5qexf_50 {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._title_5qexf_34 {
  text-align: start;
  padding-right: 16px
}

html[dir=rtl] ._image_5qexf_28 {
  margin-right: 0
}

._root_ddrxz_1 {
  display: flex;
  flex-flow: row
}

._root_ddrxz_1 .MuiSvgIcon-root {
  font-size: 2rem
}

._root_ddrxz_1 .MuiAvatar-root {
  width: 6rem;
  height: 6rem
}

._image_ddrxz_14 {
  width: 60px;
  height: 60px;
  margin-right: 15px
}

[dir=rtl] ._image_ddrxz_14 {
  margin-right: 0
}

._image_ddrxz_14:hover {
  background: transparent
}

._title_ddrxz_26 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

[dir=rtl] ._title_ddrxz_26 span {
  text-align: -webkit-right;
  padding-right: 1.6rem;
  padding-left: 3rem
}

html[dir=rtl] ._root_ddrxz_1>label {
  padding-right: 16px
}

html[dir=rtl] ._radioCheck_ddrxz_41 {
  left: 16px;
  right: auto
}

._condTitle_uhr9b_1 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

html[dir=rtl] ._radio_uhr9b_7 {
  left: 16px;
  right: auto
}

html[dir=rtl] ._listItem_uhr9b_12 {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._condTitle_uhr9b_1 {
  text-align: start;
  padding-right: 16px
}

._main_1fc3p_1 {
  width: 100%;
  background: #fff;
  margin-bottom: 1rem;
  box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20);
  border-radius: 1rem
}

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

._root_1fc3p_9:last-child {
  margin-bottom: 20px
}

._root_1fc3p_9 ._listTitle_1fc3p_16 {
  font-size: 13px;
  font-weight: 700;
  color: #444856;
  margin: 20px 0 10px
}

._root_1fc3p_9 ._listContainer_1fc3p_22 {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 7px #3d9bcc0a
}

._image_1fc3p_28 {
  width: 60px;
  height: 60px;
  margin-right: 15px
}

._title_1fc3p_34 span {
  font-size: 14px;
  font-weight: 500;
  color: #444856
}

[dir=rtl] ._title_1fc3p_34 span {
  text-align: right;
  padding-right: 16px
}

._subItems_1fc3p_44 {
  width: 100%;
  display: none
}

._show_1fc3p_49 {
  display: block
}

html[dir=rtl] ._checkbox_1fc3p_53 {
  left: 16px;
  right: auto
}

html[dir=rtl] ._root_1fc3p_9>label {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._image_1fc3p_28 {
  margin-right: 0
}

._root_71e9x_1 {
  display: flex;
  flex-flow: row
}

._root_71e9x_1 .MuiAvatar-root {
  width: 6rem;
  height: 6rem;
  background: transparent
}

._root_71e9x_1 ._actionButton_71e9x_10 ._value_71e9x_10 {
  min-width: 2.6rem;
  color: var(--clr-dark-900);
  background: transparent
}

._root_71e9x_1 ._actionButton_71e9x_10 ._value_71e9x_10:active {
  outline: none
}

._root_71e9x_1 ._actionButton_71e9x_10 ._value_71e9x_10:focus {
  outline: none
}

._root_71e9x_1 ._actionButton_71e9x_10 ._value_71e9x_10 span {
  color: var(--clr-dark-400);
  font-size: 1.3rem;
  font-weight: 700
}

._image_71e9x_27 {
  width: 60px;
  height: 60px;
  margin-inline-end: 15px;
  background: transparent
}

._title_71e9x_34 span {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  max-width: calc(100% - 9rem)
}

[dir=rtl] ._title_71e9x_34 span {
  text-align: right;
  padding-right: 16px
}

._addToCart_71e9x_45 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 10.5rem;
  height: 3.9rem;
  justify-self: flex-end
}

._addToCart_71e9x_45 span {
  font-weight: 500;
  font-size: 1.4rem
}

._addToCart_71e9x_45 .MuiButton-root {
  height: 100%;
  font-size: 1.4rem;
  min-width: auto;
  aspect-ratio: 1/1;
  padding: 0;
  box-shadow: none
}

._addToCart_71e9x_45 .MuiButton-root:hover {
  box-shadow: none
}

._addToCart_71e9x_45 button {
  text-transform: capitalize
}

html[dir=rtl] ._root_71e9x_1>label {
  padding-right: 16px
}

html[dir=rtl] ._actionButton_71e9x_10 {
  left: 16px;
  right: auto
}

._root_u9v5r_2 {
  margin: 0;
  display: flex;
  flex-direction: column
}

._root_u9v5r_2 ._main_u9v5r_7 {
  box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20)
}

._root_u9v5r_2:last-child {
  margin-bottom: 20px
}

._root_u9v5r_2 ._listTitle_u9v5r_13 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  margin: 1.5rem 1.7rem
}

@media screen and (min-width: 1024px) {
  ._root_u9v5r_2 ._listTitle_u9v5r_13 {
    margin: 1.5rem 0
  }
}

._root_u9v5r_2 ._listContainer_u9v5r_24 {
  background-color: #fff
}

@media screen and (min-width: 1024px) {
  ._root_u9v5r_2 ._listWrapper_u9v5r_28 {
    border-radius: 1rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    overflow: hidden
  }
}

._root_u9v5r_2 ._listContainerCheck_u9v5r_34 {
  border-radius: 2px;
  box-shadow: 0 2px 7px #3d9bcc0a
}

._root_u9v5r_2 ._moreBtnCss_u9v5r_38 {
  background: var(--clr-light-100);
  padding: 1rem;
  box-shadow: 0 .136019375rem .4760675rem var(--clr-dark-200-20)
}

._root_u9v5r_2 ._moreBtn_u9v5r_38 {
  color: var(--clr-primary-400);
  font-weight: 500;
  font-size: 1.2rem;
  border: 0;
  background: transparent;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: .625rem;
  cursor: pointer
}

._root_u9v5r_2 ._moreBtn_u9v5r_38 ._currentActiveLink_u9v5r_54 {
  color: var(--clr-primary-400)
}

._root_zwmmq_2 {
  box-shadow: 0 -.6rem 2rem var(--clr-dark-900-10);
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.6rem;
  background-color: var(--clr-light-100);
  gap: .8rem
}

@media screen and (min-width: 1024px) {
  ._root_zwmmq_2 {
    padding: 0;
    gap: 0;
    background: transparent;
    box-shadow: none;
    transform: translateY(2.2rem);
    justify-content: center
  }
}

._itemsCount_zwmmq_24 {
  display: flex;
  align-items: center;
  gap: .8rem;
  flex: 0 0 30%
}

._countIcon_zwmmq_31 {
  width: 4.8rem;
  aspect-ratio: 48/44;
  background-color: var(--clr-light-200);
  border-radius: .4rem;
  overflow: hidden
}

._countIcon_zwmmq_31 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex
}

._counter_zwmmq_45 {
  flex-grow: 1;
  direction: ltr
}

._counter_zwmmq_45 h5 {
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap
}

._counter_zwmmq_45 h5 span:first-child {
  margin-inline-end: .8rem
}

._checkoutSection_zwmmq_60 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: .8rem;
  flex-grow: 1;
  cursor: pointer;
  background: var(--theme-cartbar-button-bg);
  border-radius: .4rem;
  box-shadow: 0 .2rem 2rem var(--clr-dark-400-20);
  max-width: 30rem;
  padding: .8rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._checkoutSection_zwmmq_60 {
    box-shadow: 0 20px 20px -10px #e4002b33;
    height: 4.8rem
  }
}

._cartAmount_zwmmq_81 {
  display: flex;
  flex-flow: column;
  gap: .6rem;
  justify-content: center
}

._cartAmount_zwmmq_81 h5 {
  color: var(--clr-light-100);
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  gap: 4px
}

._cartAmount_zwmmq_81 p {
  font-size: .8rem;
  color: var(--clr-light-100);
  margin: 0;
  padding: 0;
  font-weight: 400
}

._cartAmount_zwmmq_81 ._strikeContainer_zwmmq_101 {
  display: flex
}

._cartAmount_zwmmq_81 ._strike_zwmmq_101 {
  font-size: 1.4rem;
  text-decoration: line-through;
  margin-right: 6px;
  color: #fffc
}

._checkoutButton_zwmmq_111 {
  color: var(--clr-light-100);
  font-weight: 700;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

._label_zwmmq_120 {
  font-size: 1.6rem;
  white-space: nowrap
}

._chevron_zwmmq_125 {
  font-size: 2.3rem
}

[dir=rtl] ._chevron_zwmmq_125 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media screen and (min-width: 1024px) {
  ._chevron_zwmmq_125 {
    background: white;
    color: #000;
    border-radius: 30px;
    margin-left: 7px
  }
}

._miniViewCart_zwmmq_141 {
  padding: 0;
  background-color: transparent;
  background: transparent
}

._miniViewCart_zwmmq_141 ._checkoutSection_zwmmq_60 {
  max-width: 100%;
  padding: 1.3rem 2rem;
  border-radius: 1rem 1rem 0 0
}

._miniViewCart_zwmmq_141 :after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -10px;
  right: 0;
  border-right: 10px solid #960824;
  border-bottom: 10px solid transparent
}

._miniViewCart_zwmmq_141 :before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  right: 0;
  border-left: 10px solid #960824;
  border-bottom: 10px solid transparent
}

@media screen and (min-width: 1024px) {
  img._noImgFound_zwmmq_176 {
    width: 17rem
  }
}

._ltoOverlay_zwmmq_181 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #393f52e9;
  border-radius: .4rem;
  cursor: pointer
}

._ltoDisabled_zwmmq_192 {
  filter: grayscale(1)
}

._root_1rbkm_2 {
  height: 100%;
  margin-bottom: 70px;
  min-height: 100vh;
  scroll-behavior: smooth
}

._pageNav_1rbkm_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  box-shadow: 0 2px 11px #dde4ec;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1
}

._resetBtn_1rbkm_21.MuiButton-root {
  font-size: 1.4rem;
  font-weight: 500;
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid var(--clr-dark-400-20);
  padding-inline: 1.4rem;
  height: 3rem
}

._resetBtn_1rbkm_21.MuiButton-root span {
  color: var(--clr-primary-400)
}

._title_1rbkm_34 {
  flex-grow: 1;
  padding: 0 1.5rem;
  font-size: 18px;
  font-weight: 700
}

._productImage_1rbkm_41 {
  height: 200px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 1.5rem 0;
  background: #fff;
  box-shadow: 0 2px 11px #dde4ec
}

@media screen and (min-width: 1024px) {
  ._productImage_1rbkm_41 {
    order: 3;
    position: sticky;
    top: 7.9rem;
    min-height: 23rem;
    min-width: 33.3rem;
    max-width: 33.3rem;
    box-shadow: none;
    background: transparent;
    flex-direction: column;
    height: 100%;
    align-items: center;
    margin-inline-end: 4rem;
    overflow: visible;
    transform: translateY(-9.5rem)
  }

  ._productImage_1rbkm_41 ._productDetail_1rbkm_67 {
    background: #fff;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10rem 1.6rem 0;
    border-radius: 10px;
    z-index: 0
  }

  ._productImage_1rbkm_41 ._productDetail_1rbkm_67 ._heading_1rbkm_79 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem
  }

  ._productImage_1rbkm_41 ._productDetail_1rbkm_67 ._heading_1rbkm_79 h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--clr-dark-400)
  }

  ._productImage_1rbkm_41 ._productDetail_1rbkm_67 ._heading_1rbkm_79 ._horizontalWidget_1rbkm_90 {
    height: 2.74px;
    width: 2rem;
    background-color: var(--clr-primary-400);
    margin-top: .5rem
  }

  ._productImage_1rbkm_41 ._productDesc_1rbkm_96 {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    color: #6a6e7b;
    margin-bottom: 0;
    line-height: 1.8rem;
    position: relative
  }

  ._productImage_1rbkm_41 ._buttonDesktop_1rbkm_105 {
    width: 100%;
    position: relative
  }
}

._productImage_1rbkm_41 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._productImage_1rbkm_41 img {
    width: 23.5rem;
    transform: translateY(9.5rem);
    z-index: 1;
    width: clamp(18rem, 22vmin, 23.5rem)
  }
}

@media screen and (min-width: 1024px) {
  ._productImage_1rbkm_41 img._noImgFound_1rbkm_124 {
    width: 17rem
  }
}

._contentContainer_1rbkm_129 {
  background-color: #f1f3f6;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._contentContainer_1rbkm_129 {
    max-width: 55rem;
    padding: 1.5rem 2rem 0 4rem;
    margin-inline-end: 1.5rem;
    max-height: 74vh;
    overflow: auto
  }
}

._ctaBar_1rbkm_145 {
  box-shadow: 0 -2px 11px #dde4ec;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff
}

._productImageThumbnail_1rbkm_156 {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin-inline-end: 1.5rem
}

._productImageThumbnail_1rbkm_156 img {
  object-fit: contain
}

._priceContainer_1rbkm_168 {
  flex-grow: 1;
  width: 100%
}

._pricePrimary_1rbkm_173 {
  font-size: 1.5rem;
  color: #0c2136;
  font-weight: 700
}

._priceSecondary_1rbkm_179 {
  font-size: 11px;
  color: #8ea6be;
  font-weight: 500
}

._addToCart_1rbkm_185 {
  background: #e02020;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  flex-grow: 1;
  margin: 10px 4px;
  border-radius: 4px;
  align-items: center;
  color: #fff;
  height: 46px;
  justify-content: center;
  align-content: flex-end
}

._groupTitle_1rbkm_201 {
  display: flex;
  position: sticky;
  top: 5.6rem;
  background: #fff;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 10px #0000001a;
  justify-content: flex-start
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1rbkm_201 {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    max-width: 23rem;
    background-color: #fff;
    justify-content: flex-end;
    position: sticky;
    top: 7.9rem;
    min-width: 17rem;
    box-shadow: none;
    overflow: auto;
    overflow-x: hidden;
    justify-content: center
  }
}

._desktopWrapper_1rbkm_231 {
  min-width: 100%;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._desktopWrapper_1rbkm_231 {
    min-width: 90rem;
    max-height: 70vh
  }
}

@media screen and (min-width: 1024px) {
  ._groupTabs_1rbkm_243 {
    height: 100%;
    padding-top: 1.8rem
  }
}

._header_1rbkm_249 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 1
}

._header_1rbkm_249 ._mainHeading_1rbkm_265 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_1rbkm_249 ._subHeading_1rbkm_271 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_1rbkm_249 ._badge_1rbkm_276 {
  position: absolute;
  top: 0
}

._productDesc_1rbkm_96 ._resetBtn_1rbkm_21 {
  inset-block-end: 1.5rem;
  z-index: 10
}

._productDesc_1rbkm_96 ._onlyDescription_1rbkm_285 {
  font-size: 1.4rem;
  font-weight: 400
}

._groupTitle_1rbkm_201 .MuiTabs-indicator {
  width: 4px;
  height: .4rem !important;
  margin-top: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1rbkm_201 .MuiTabs-indicator {
    width: 100%;
    height: 2.5rem !important;
    background-color: transparent !important;
    border-inline-end: 3px solid var(--clr-primary-400);
    margin-inline-end: 5px
  }
}

._groupTitle_1rbkm_201 .MuiTab-root {
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--clr-dark-400-40);
  text-transform: none
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1rbkm_201 .MuiTab-root {
    justify-content: right;
    text-align: end;
    align-items: end;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-style: normal;
    margin-right: 1.5rem
  }

  ._groupTitle_1rbkm_201 .MuiTab-root:hover {
    font-weight: 500;
    color: var(--clr-dark-300)
  }
}

._groupTitle_1rbkm_201 .Mui-selected .MuiTab-root {
  color: var(--clr-dark-400)
}

._groupTitle_1rbkm_201 .MuiTab-root {
  padding: 0;
  min-width: auto;
  max-width: 100%
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1rbkm_201 .MuiTab-root {
    padding: 12px;
    min-width: 21.5rem;
    max-width: 100%;
    flex-basis: auto
  }

  [dir=rtl] ._groupTitle_1rbkm_201 .MuiTab-root {
    min-width: 19.5rem
  }
}

._groupTitle_1rbkm_201 .MuiTabs-flexContainer {
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1rbkm_201 .MuiTabs-flexContainer {
    gap: inherit
  }
}

._groupTitle_1rbkm_201 .MuiTabs-scroller.MuiTabs-scrollable {
  margin-inline-start: 1.6rem;
  margin-inline-end: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_1rbkm_201 .MuiTabs-scroller.MuiTabs-scrollable {
    margin: 0
  }
}

._groupTitle_1rbkm_201 .MuiTabs-scrollable::-webkit-scrollbar {
  display: block
}

._ltoTimerDesktop_1rbkm_372 {
  width: 100%;
  background-color: #fb8d451a;
  border-radius: .4rem;
  margin-bottom: -1rem;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: .5rem
}

._ltoTimerMobile_1rbkm_383 {
  z-index: 99;
  position: relative;
  width: 100%;
  background-color: #fb8d451a;
  border-radius: .4rem;
  height: 2.8rem;
  align-items: center;
  justify-content: center;
  display: flex
}

._ltoExpire_1rbkm_395 {
  background-color: var(--clr-primary-300)
}

._main_7t0fp_1 {
  background: #f0f9ff;
  height: auto;
  min-height: 100vh
}

._main_7t0fp_1 ._paymentModeButton_7t0fp_6 {
  position: fixed;
  width: 100%;
  background: #e8022a;
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  bottom: 0
}

iframe {
  width: 100%;
  height: 100vh
}

._cancel_7t0fp_22 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem
}

._root_15ga8_2 {
  background-color: var(--clr-background);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_15ga8_2 {
    min-height: auto
  }
}

._root_15ga8_2 ._textContainer_15ga8_12 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_15ga8_2 ._textContainer_15ga8_12 ._badge_15ga8_17 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_15ga8_2 ._textContainer_15ga8_12 {
    background: #fff;
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_15ga8_2 ._textContainer_15ga8_12 ._badge_15ga8_17 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_15ga8_2 ._textContainer_15ga8_12 ._title_15ga8_35 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_15ga8_2 ._textContainer_15ga8_12 ._headerText_15ga8_42 {
  font-size: 1.6rem;
  font-weight: 500;
  display: grid !important
}

[dir=rtl] ._root_15ga8_2 ._textContainer_15ga8_12 ._headerText_15ga8_42 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_15ga8_2 ._textContainer_15ga8_12 ._headerText_15ga8_42 {
    font-size: 1.4rem
  }
}

[dir=rtl] ._root_15ga8_2 ._textContainer_15ga8_12 ._headerText_15ga8_42 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: inline-block
}

._otpContainer_15ga8_63 {
  padding-block: 4rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_15ga8_63 {
    margin: 1.5rem 1.5rem 2.5rem
  }
}

._otpContainer_15ga8_63 ._timeLimit_15ga8_72 {
  font-size: 1.4rem;
  font-weight: 500
}

._otpContainer_15ga8_63 ._buttons_15ga8_76 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem
}

._otpContainer_15ga8_63 ._buttons_15ga8_76 ._requestDisable_15ga8_81 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_15ga8_63 ._buttons_15ga8_76 ._requestEnable_15ga8_88 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all
}

._otpContainer_15ga8_63 ._verifyBgClr1_15ga8_95 {
  background-color: var(--clr-primary-400)
}

._otpContainer_15ga8_63 ._verifyBgClr2_15ga8_98 {
  background-color: var(--theme-button-disable-bg)
}

._otpContainer_15ga8_63 ._verifyButton_15ga8_101,
._otpContainer_15ga8_63 ._verifyBgClr1_15ga8_95,
._otpContainer_15ga8_63 ._verifyBgClr2_15ga8_98 {
  margin-inline: 1.6rem;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_15ga8_63 ._verifyButton_15ga8_101 ._button_15ga8_76,
._otpContainer_15ga8_63 ._verifyBgClr1_15ga8_95 ._button_15ga8_76,
._otpContainer_15ga8_63 ._verifyBgClr2_15ga8_98 ._button_15ga8_76 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-light-100);
  width: 100%;
  padding-block: 1rem
}

._otpField_15ga8_116 {
  display: flex;
  justify-content: space-between;
  padding-inline: 1.6rem;
  direction: ltr
}

._otpField_15ga8_116 input {
  font-size: 3rem;
  border: none;
  border-bottom: solid .1rem rgba(61, 155, 204, .43);
  margin: 0 1rem;
  outline: none;
  transition: border .2s;
  width: 4rem !important
}

._otpField_15ga8_116 input:focus {
  border-bottom-color: #e0383d
}

._otpField_15ga8_116 input::-webkit-outer-spin-button,
._otpField_15ga8_116 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

._otpField_15ga8_116 input[type=number] {
  -moz-appearance: textfield
}

._warningText_15ga8_145 {
  color: var(--theme-user-icon-bg);
  text-align: center;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500
}

._warningText_15ga8_145 img {
  cursor: pointer
}

._timer_15ga8_156 {
  color: #6c7b8b;
  font-weight: 700
}

._verifyOtpBtn_15ga8_161 {
  text-align: right
}

._buttons_15ga8_76 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0% 10%
}

._buttons_15ga8_76 ._timer_15ga8_156 {
  color: red
}

._reqEmail_15ga8_175 {
  display: flex;
  justify-content: center;
  margin-block-end: 2.5rem
}

._reqEmail_15ga8_175 ._emailBtn_15ga8_180 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.4rem
}

._main_8dn5p_2 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  padding-top: 1.5rem;
  font-family: rubik !important
}

@media screen and (min-width: 1024px) {
  ._main_8dn5p_2 {
    min-height: 100%;
    min-width: 80rem;
    max-width: 80rem;
    padding: 1.5rem;
    padding-bottom: 0
  }
}

._noOrdermain_8dn5p_19 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  padding-top: 1.5rem;
  font-family: rubik !important
}

@media screen and (min-width: 1024px) {
  ._noOrdermain_8dn5p_19 {
    min-height: 100%;
    padding: 1.5rem
  }
}

._badge_8dn5p_33 {
  display: flex;
  position: absolute;
  top: 0;
  justify-content: center;
  width: 96%
}

._title_8dn5p_41 {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  position: relative;
  justify-content: center;
  margin-top: 1.2rem
}

._title_8dn5p_41:after {
  content: "";
  width: 5rem;
  height: .2rem;
  background: #de0000;
  position: absolute;
  bottom: -11px;
  left: 47%
}

._title_8dn5p_41 ._titleDesc_8dn5p_58 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._Paper_8dn5p_64 {
  box-shadow: var(--theme-paper-box-shadow) !important
}

._section_8dn5p_68 ._faqItem_8dn5p_71 {
  margin-bottom: 1rem
}

._section_8dn5p_68 ._faqTitle_8dn5p_74 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--theme-product-h-color)
}

main {
  background: var(--theme-backgroud-page);
  height: 100vh
}

._section_8dn5p_68 {
  padding: 2rem 2.4rem
}

._stars_8dn5p_95 {
  padding-top: 1.8rem;
  display: flex;
  gap: 1.5rem
}

._ratingBox_8dn5p_80 {
  padding-top: 2rem;
  padding-bottom: 2.7rem;
  flex-direction: column !important
}

._flexBox_8dn5p_80,
._desktop_8dn5p_80 ._DialogHeaderGrid_8dn5p_80,
._tnxImgProp_8dn5p_80,
._DrawerData_8dn5p_80 ._feedbackHeading_8dn5p_80,
._ratingBox_8dn5p_80 {
  display: flex;
  justify-content: center;
  align-items: center
}

._flexBox_8dn5p_80 ._result_8dn5p_112,
._desktop_8dn5p_80 ._DialogHeaderGrid_8dn5p_80 ._result_8dn5p_112,
._tnxImgProp_8dn5p_80 ._result_8dn5p_112,
._DrawerData_8dn5p_80 ._feedbackHeading_8dn5p_80 ._result_8dn5p_112,
._ratingBox_8dn5p_80 ._result_8dn5p_112 {
  padding-top: 1.5rem;
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._typoBlock_8dn5p_119,
._DrawerData_8dn5p_80 ._typography_8dn5p_119,
._header_8dn5p_119 ._changeTypography_8dn5p_119,
._header_8dn5p_119 ._typography_8dn5p_119 {
  font-family: var(--theme-font-family);
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--clr-dark-400)
}

._header_8dn5p_119 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 1.2rem 1.6rem
}

._header_8dn5p_119 ._changeTypography_8dn5p_119 {
  font-size: 1.4rem;
  color: var(--theme-product-blue-color) !important;
  cursor: pointer
}

._drawerBoundry_8dn5p_138 {
  border-radius: 2rem 2rem 0 0;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._drawerBoundry_8dn5p_138 {
    width: 400px
  }
}

._DrawerData_8dn5p_80 ._feedbackHeading_8dn5p_80 {
  font-size: 1.8rem;
  font-weight: 500
}

._DrawerData_8dn5p_80 ._typography_8dn5p_119 {
  text-align: center;
  opacity: .7;
  font-size: 1.6rem
}

._DrawerData_8dn5p_80 ._tnxButton_8dn5p_157 {
  padding-inline: 14.5rem;
  padding-block: 1.4rem;
  background-color: var(--theme-button-color);
  color: var(--clr-light-100);
  font-size: 1.6rem;
  box-shadow: var(--theme-button-shadow-color);
  width: 80%
}

._DrawerData_8dn5p_80 ._tnxButton_8dn5p_157:hover {
  padding-inline: 14.5rem;
  padding-block: 1.4rem;
  background-color: var(--theme-button-color);
  color: var(--clr-light-100);
  font-size: 1.6rem;
  box-shadow: var(--theme-button-shadow-color)
}

._redWidget_8dn5p_175 {
  height: 2rem;
  width: 1.2rem;
  background-color: var(--theme-button-color);
  margin-inline: .3rem
}

@media (min-width: 992px) {
  ._redWidget_8dn5p_175 {
    height: 1.7rem;
    width: 1.56rem
  }
}

._tnxImgProp_8dn5p_80 {
  padding-inline: 12.4rem;
  padding-block: 1.5rem
}

._tnxTypography_8dn5p_193 {
  padding-top: 1.5rem;
  padding-inline: 1.6rem;
  padding-bottom: 1.7rem
}

._buttonArea_8dn5p_199 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 1.5rem;
  padding-bottom: 4rem
}

._desktop_8dn5p_80 ._dialogWidget_8dn5p_207 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 1.8rem
}

._desktop_8dn5p_80 ._dialogTitle_8dn5p_212 {
  padding: 0
}

._desktop_8dn5p_80 ._dialogContent_8dn5p_215 {
  padding-inline: 1.8rem;
  padding-block: 0
}

@media screen and (min-width: 1024px) {
  ._desktop_8dn5p_80 ._dialogContent_8dn5p_215 {
    border: 0
  }
}

._desktop_8dn5p_80 ._dialogContent_8dn5p_215 ._dialogContentBody_8dn5p_224 {
  display: flex;
  padding-top: 2.5rem;
  padding-bottom: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._desktop_8dn5p_80 ._dialogContent_8dn5p_215 ._dialogContentBody_8dn5p_224 {
    padding-bottom: 0
  }
}

._desktop_8dn5p_80 ._DialogHeaderGrid_8dn5p_80 {
  flex-direction: column
}

._desktop_8dn5p_80 p {
  font-weight: 700;
  font-size: 1.6rem
}

._desktop_8dn5p_80 ._horizontalWidget_8dn5p_241 {
  height: .2rem;
  width: 2.3rem;
  background-color: #de0000;
  margin-top: .5rem
}

._desktop_8dn5p_80 ._paperOuterArea_8dn5p_247 {
  border-radius: 1rem
}

._desktop_8dn5p_80 ._column1_8dn5p_250 {
  flex: 1
}

._desktop_8dn5p_80 ._column2_8dn5p_253 {
  flex: 1;
  padding-inline-start: 1.4rem
}

._desktop_8dn5p_80 ._column2_8dn5p_253 ._header_8dn5p_119 {
  padding: 0
}

._desktop_8dn5p_80 ._column2_8dn5p_253 ._feedbackBody_8dn5p_260 {
  border-radius: 1rem;
  margin-block: 1.4rem;
  box-shadow: var(--theme-paper-box-shadow)
}

._closeButton_8dn5p_266 {
  margin-top: -4.5rem;
  position: fixed;
  left: 50%
}

._closeButton_8dn5p_266 div {
  width: 3.5rem;
  height: 3.5rem;
  background: var(--clr-light-100);
  border-radius: 1rem;
  color: var(--clr-dark-400);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem
}

._noOfferContainer_8dn5p_283 {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  padding-inline: 1.6rem;
  gap: 1.5rem
}

._noOfferContainer_8dn5p_283 ._exploreMenu_8dn5p_291 {
  background-color: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: .4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

._noOfferContainer_8dn5p_283 ._exploreMenu_8dn5p_291 ._button_8dn5p_199 {
  color: var(--clr-light-100);
  padding-block: 1.5rem
}

._noOfferContainer_8dn5p_283 ._text_8dn5p_304 p {
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center
}

._noOfferContainer_8dn5p_283 ._textDesc_8dn5p_309 p {
  font-size: 1.4rem;
  font-weight: 400
}

._skeltonRoot_8dn5p_314 {
  min-width: 40rem
}

._root_ts62l_1 {
  padding: 2.5rem 1.8rem;
  color: var(--clr-dark-400)
}

._root_ts62l_1 ._requestText_ts62l_5 {
  font-weight: 500;
  font-size: 1.4rem
}

._root_ts62l_1 ._formControl_ts62l_9 {
  width: 100%
}

._root_ts62l_1 ._formControl_ts62l_9 ._provideReason_ts62l_12 {
  font-weight: 500;
  color: var(--theme-warning-text-color);
  font-size: 1rem
}

._root_ts62l_1 ._formControl_ts62l_9 ._warningText_ts62l_17 {
  visibility: hidden
}

._root_ts62l_1 ._dropDown_ts62l_20 {
  padding-top: 1.1rem
}

._root_ts62l_1 ._reasonHeader_ts62l_23 {
  font-weight: 500;
  font-size: 1.2rem;
  opacity: .4
}

._root_ts62l_1 ._selectReason_ts62l_28 {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._root_ts62l_1 ._selectReason_ts62l_28 svg {
  font-size: 1.5rem;
  color: var(--clr-dark-400);
  margin-inline-end: .5rem
}

._root_ts62l_1 ._descriptionArea_ts62l_39 {
  padding-top: 3rem
}

._root_ts62l_1 ._description_ts62l_39 {
  font-weight: 500;
  font-size: 1.2rem
}

._root_ts62l_1 ._descInput_ts62l_46 {
  padding-top: .5rem
}

._root_ts62l_1 ._descInput_ts62l_46 ._feedbackTextArea_ts62l_49,
._root_ts62l_1 ._descInput_ts62l_46 ._disablefeedbackText_ts62l_49 {
  width: 100%;
  border: 1px solid var(--theme-product-h-color);
  border-radius: .4rem;
  opacity: .5;
  padding: 1.1rem 1rem .9rem 1.1rem;
  font-family: var(--theme-font-family)
}

._root_ts62l_1 ._descInput_ts62l_46 ._disablefeedbackText_ts62l_49 {
  pointer-events: none
}

._root_ts62l_1 ._feedbackSubmit_ts62l_60 {
  padding-top: .7rem
}

._root_ts62l_1 ._feedbackSubmit_ts62l_60 ._feedbackButton_ts62l_63,
._root_ts62l_1 ._feedbackSubmit_ts62l_60 ._fbdisableButton_ts62l_63 {
  padding-block: 1.4rem;
  width: 100%;
  background-color: var(--theme-button-color);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-light-100);
  box-shadow: var(--theme-button-shadow-color)
}

._root_ts62l_1 ._feedbackSubmit_ts62l_60 ._fbdisableButton_ts62l_63 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: var(--clr-light-100);
  pointer-events: none
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

._starsRadio_1em7s_7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px)
}

._star_1em7s_7,
._starLabels_1em7s_16,
._firstStarLabel_1em7s_16 {
  position: relative;
  cursor: pointer
}

._firstStarLabel_1em7s_16 {
  padding-inline-start: 0
}

._starClass_1em7s_25 {
  font-size: 3.2rem
}

._main_1xlvm_2 {
  background: var(--theme-backgroud-page);
  color: var(--clr-dark-400);
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._main_1xlvm_2 {
    min-width: 37.5rem;
    max-width: 37.5rem;
    padding-bottom: 1rem
  }
}

._orderInfo_1xlvm_19 {
  display: flex;
  flex-direction: column !important;
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  gap: 1.5rem;
  text-transform: uppercase
}

._orderInfo_1xlvm_19 ._redText_1xlvm_27 {
  color: #e4002b
}

._orderInfo_1xlvm_19 ._status_1xlvm_30 {
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center
}

._orderInfo_1xlvm_19 ._status_1xlvm_30 img {
  height: 3rem;
  width: 3rem
}

._orderInfo_1xlvm_19 ._status_1xlvm_30 ._statusText_1xlvm_41 {
  padding-inline: .9rem
}

._id_1xlvm_45 {
  font-size: 1.4rem;
  font-weight: 400;
  background-color: var(--theme-order-text-bg);
  display: inline-block;
  padding-block: .4rem;
  padding-inline: .6rem;
  display: inline-flex;
  gap: .4rem;
  width: 100%
}

._id_1xlvm_45 span {
  font-weight: 500
}

._maxContentWidth_1xlvm_60 {
  width: max-content
}

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

._amount_1xlvm_64 p {
  font-size: 1.2rem;
  font-weight: 400
}

._tax_1xlvm_74 {
  font-size: 1.2rem;
  font-weight: 400;
  color: #ff8900
}

._address_1xlvm_80 {
  display: flex;
  align-items: center;
  align-content: center;
  padding-block: 1.5rem;
  padding-inline: 1.6rem
}

._address_1xlvm_80 ._icon_1xlvm_87 {
  width: 40px
}

._address_1xlvm_80 svg {
  width: 100%
}

._DeliveryAddress_1xlvm_94 ._headerText_1xlvm_94 {
  font-size: 1.4rem;
  font-weight: 400
}

._DeliveryAddress_1xlvm_94 ._descText_1xlvm_98 {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .8
}

._noItemsHeader_1xlvm_104 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 1.6rem
}

._heading_1xlvm_110 {
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 0
}

._itemList_1xlvm_117 {
  padding-block: 1.5rem;
  padding-inline: 1.6rem;
  display: flex;
  flex-direction: column !important;
  gap: 1.5rem
}

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

._itemList_1xlvm_117 ._item_1xlvm_117 ._itemDetail_1xlvm_129 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._itemList_1xlvm_117 ._item_1xlvm_117 ._itemDetail_1xlvm_129 ._headerText_1xlvm_94 p {
  font-weight: 700;
  font-size: 1.5rem
}

._itemList_1xlvm_117 ._item_1xlvm_117 ._itemDetail_1xlvm_129 ._descText_1xlvm_98 p {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .5
}

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

._itemList_1xlvm_117 ._itemAmountArea_1xlvm_143 ._itemAmount_1xlvm_143 {
  font-size: 1.3rem;
  font-weight: 700
}

._itemList_1xlvm_117 ._itemAmountArea_1xlvm_143 ._qty_1xlvm_152 {
  font-weight: 500;
  font-size: 1.3rem;
  opacity: .7
}

._header_1xlvm_94 {
  background: #fff;
  flex-direction: column;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 2.4rem;
  padding-bottom: 2rem
}

._header_1xlvm_94 ._mainHeading_1xlvm_166 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_1xlvm_94 ._subHeading_1xlvm_172 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_1xlvm_94 ._badge_1xlvm_177 {
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

._header_1xlvm_94 ._iconSection_1xlvm_183 {
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  padding-right: 11rem;
  cursor: pointer
}

[dir=rtl] ._header_1xlvm_94 ._iconSection_1xlvm_183 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._header_1xlvm_94 ._headerBackArrow_1xlvm_194 {
  display: flex;
  padding-top: 1.7rem;
  align-items: baseline
}

._orderDate_1xlvm_200 {
  direction: ltr;
  display: inline-block
}

._noWhiteSpace_1xlvm_205 {
  white-space: nowrap
}

._secondary_1xlvm_209 {
  font-size: 1.2rem !important;
  font-weight: 600 !important
}

._nobold_1xlvm_214 {
  font-weight: 400 !important
}

._noPadding_1xlvm_218 {
  padding-inline: 0 !important
}

._root_50h0h_2 {
  background: var(--theme-backgroud-page);
  height: 100%;
  min-height: 100%;
  padding-bottom: 80px
}

._root_50h0h_2 ._cartItemsList_50h0h_8 {
  background: #fff
}

._emptyRoot_50h0h_12 {
  background: #fff;
  height: auto;
  min-height: 100vh;
  padding-bottom: 80px;
  margin-top: 10px
}

._noItem_50h0h_20 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 70vh;
  justify-content: center;
  margin-inline: 1.6rem
}

._noItem_50h0h_20 h4 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 10px 0
}

._noItem_50h0h_20 p {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--theme-primary-black);
  padding: 1rem 0
}

._noItem_50h0h_20 button {
  max-width: 34rem
}

._widgets_50h0h_44 {
  display: flex;
  flex-flow: row;
  gap: 1.5rem;
  padding-block: 1.5rem;
  flex-wrap: wrap
}

@media screen and (max-width: 768px) {
  ._widgets_50h0h_44 {
    gap: 0
  }
}

@media screen and (min-width: 1024px) {
  ._widgets_50h0h_44 {
    min-height: 100vh;
    flex-wrap: nowrap;
    gap: 4rem;
    padding-block: 4rem;
    padding-inline: clamp(3rem, 9.62vw + -6.85rem, 7rem)
  }

  ._widgets_50h0h_44 ._firstWidget_50h0h_64 {
    flex-basis: 100%;
    background: #fff;
    padding: 1.5rem 2rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 1rem;
    overflow: hidden
  }

  ._widgets_50h0h_44 ._firstWidget_50h0h_64 ._cartHeading_50h0h_72 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-block-start: -1.5rem;
    margin-inline: -2rem;
    padding: 0 2rem;
    line-height: 5rem;
    border-bottom: 1px solid rgba(57, 63, 82, .1)
  }

  ._widgets_50h0h_44 ._firstWidget_50h0h_64 ._cartItemsList_50h0h_8 {
    margin: 2rem 0 2.5rem;
    padding: 2rem;
    box-shadow: none;
    background: rgba(169, 189, 208, .2);
    border-radius: 6px;
    display: flex;
    flex-flow: column;
    gap: 2rem
  }

  ._widgets_50h0h_44 ._secondWidget_50h0h_91 {
    width: clamp(37rem, 12.02vw + 24.69rem, 42rem);
    position: sticky;
    top: 8rem;
    height: 100%;
    flex-shrink: 0
  }
}

._secondWidget_50h0h_91,
._firstWidget_50h0h_64 {
  width: 100%
}

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

  ._secondWidget_50h0h_91,
  ._firstWidget_50h0h_64 {
    width: 70%
  }
}

._widget_50h0h_44 {
  box-shadow: 0 .22rem .76rem #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._widget_50h0h_44 {
    background: rgba(169, 189, 208, .2);
    border-radius: 6px;
    padding-bottom: 2rem
  }
}

._section_50h0h_122 {
  padding: 1.6rem;
  background: #fff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem
}

._warningTypo_50h0h_129 {
  color: var(--theme-warning-text-color);
  font-style: italic
}

._alertError_50h0h_134 {
  background: var(--clr-dark-400);
  padding: 0;
  position: fixed;
  bottom: 6.5rem;
  width: 100%;
  text-align: center
}

._alertError_50h0h_134 p {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  margin: 0;
  padding: .8rem
}

._alertError_50h0h_134 p span {
  padding: 0 .5rem;
  color: var(--clr-orange-500)
}

@media screen and (min-width: 1024px) {
  ._alertError_50h0h_134 {
    position: sticky;
    bottom: 9.5rem;
    width: 100%
  }
}

._amount_50h0h_161 {
  display: flex;
  flex-flow: column;
  gap: 1.2rem;
  padding: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._amount_50h0h_161 {
    gap: 1.5rem
  }
}

._amount_50h0h_161 ._amountItem_50h0h_172 {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

._amountTitle_50h0h_178 {
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #393f52
}

._amountItem_50h0h_172 {
  align-items: center
}

._amountItem_50h0h_172:last-child ._amountTitle_50h0h_178 {
  color: #393f52
}

._amountPrice_50h0h_193 {
  font-size: 1.4rem;
  font-weight: 400;
  color: #393f52
}

._discountItem_50h0h_199 ._amountTitle_50h0h_178,
._discountItem_50h0h_199 ._amountPrice_50h0h_193 {
  color: #00a402
}

._sideHeading_50h0h_204 {
  background: var(--clr-light-375);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative;
  border-radius: 1rem 1rem 0 0
}

._badgeIcon_50h0h_213 {
  position: absolute;
  inset-inline: auto 2rem;
  inset-block: 0 auto
}

._desktopWrapper_50h0h_219 {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._desktopWrapper_50h0h_219 {
    padding: 2rem;
    background: #fff;
    border-radius: 0 0 1rem 1rem;
    gap: 2rem
  }
}

._editBtn_50h0h_234.MuiButton-root {
  font-size: 1.4rem;
  font-weight: 500;
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid var(--clr-dark-400-20);
  padding-inline: 1.4rem;
  height: 3rem
}

._editBtn_50h0h_234.MuiButton-root span {
  color: var(--clr-primary-400)
}

._reviewCart_50h0h_247 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 25rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._reviewCart_50h0h_247 {
    max-width: 40rem;
    background: #fff
  }
}

._reviewCart_50h0h_247 ._badge_50h0h_213 {
  top: -1px;
  position: absolute
}

._reviewCart_50h0h_247 p {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: var(--clr-dark-400);
  text-align: center;
  width: 90%
}

._reviewCart_50h0h_247 button {
  border-radius: 4px;
  color: #fff;
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._reviewCart_50h0h_247 button._close_50h0h_281 {
  background: #fff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._amountTitle_50h0h_178 ._buttonTolltip_50h0h_290 {
  min-width: 0;
  font-size: 2rem;
  color: var(--clr-dark-900)
}

._tolltip_50h0h_296 {
  background: #fff;
  border-radius: .4rem;
  border: .1rem solid rgba(57, 63, 82, .15);
  box-shadow: 0 -.2rem 2rem #00000040;
  padding: 1.2rem;
  display: flex;
  flex-flow: column;
  min-width: 32rem;
  max-width: 32rem
}

._tolltip_50h0h_296 ._closeIcon_50h0h_307 {
  display: flex;
  flex-direction: row;
  position: absolute;
  inset-inline-end: 1rem;
  top: .8rem;
  z-index: 1;
  cursor: pointer;
  background-color: #000;
  border-radius: 50%
}

._tolltip_50h0h_296 ._closeIcon_50h0h_307 svg {
  width: 1.8rem;
  height: 1.8rem
}

._tolltip_50h0h_296 h4 {
  font-weight: 800;
  font-size: 1.4rem;
  padding-bottom: 1.2rem;
  position: relative;
  width: 90%
}

._tolltip_50h0h_296 h4:after {
  content: "";
  width: 5rem;
  height: .2rem;
  background: #e4002B;
  position: absolute;
  bottom: 1px;
  display: block
}

._tolltip_50h0h_296 h5 {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding-bottom: 1.2rem;
  position: relative;
  width: 90%
}

._tolltip_50h0h_296 ._dpodValues_50h0h_346 {
  margin-top: 1.5rem;
  display: flex;
  gap: 1.5rem;
  flex-flow: column
}

._tolltip_50h0h_296 ._dpodValues_50h0h_346 ._valItm_50h0h_352 {
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center
}

._tolltip_50h0h_296 ._dpodValues_50h0h_346 ._valItm_50h0h_352 ._valLabel_50h0h_360 {
  opacity: .5
}

._tolltip_50h0h_296 ._dpodValues_50h0h_346 ._discountVal_50h0h_363 ._valueAmount_50h0h_363 {
  color: #00a402
}

#transitions-popper {
  z-index: 1500
}

._amountPrice_50h0h_193 {
  direction: ltr
}

._amountPrice_50h0h_193 span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--clr-dark-900);
  direction: ltr
}

._rewardDiscountItem_50h0h_385 ._amountPrice_50h0h_193 {
  color: #00a402
}

._dropcart_50h0h_389 {
  padding: 2rem 1rem;
  background: #fff;
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_50h0h_389 {
    max-width: 30rem
  }
}

._dropcart_50h0h_389 ._content_50h0h_407 {
  text-align: center;
  line-height: 1.4rem
}

._dropcart_50h0h_389 ._action_50h0h_411 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._dropcart_50h0h_389 ._action_50h0h_411 button {
  padding: 1rem
}

._smallCartFee_50h0h_420 {
  color: #58637c
}

._smallCartFee_50h0h_420 ._redText_50h0h_423 {
  color: #e02020;
  margin-inline-end: .5rem
}

._root_1em9h_2 ._resetBtn_1em9h_2 {
  width: 6.9rem;
  height: 3rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: .6rem
}

._root_1em9h_2 ._wrapContent_1em9h_9 ._storeArea_1em9h_9 ._noShadow_1em9h_9 {
  box-shadow: none !important
}

._main_1em9h_13 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  position: relative
}

._main_1em9h_13 ._disableGrid_1em9h_19 {
  opacity: .1;
  pointer-events: none
}

._main_1em9h_13 ._orderStatusGrid_1em9h_23 {
  z-index: 10000
}

._map_1em9h_27 {
  height: 23.9rem;
  background-color: var(--clr-background);
  position: relative
}

._icon_1em9h_33 {
  flex-grow: 0;
  padding-inline-end: 1rem
}

._status_1em9h_38 {
  padding-top: 2rem;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between
}

._status_1em9h_38 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-primary-400);
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._status_1em9h_38 p {
    font-size: 1.6rem
  }
}

._statusCenter_1em9h_56 {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  padding-top: 2rem
}

._statusCenter_1em9h_56 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-primary-400);
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._statusCenter_1em9h_56 p {
    font-size: 1.6rem;
    text-align: center
  }
}

._orderIdContainer_1em9h_75 {
  padding-inline: 1.6rem;
  padding-top: 1.9rem
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_1em9h_75 {
    padding-inline: 2rem
  }
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 {
  display: flex;
  justify-content: space-between;
  background: rgba(223, 239, 255, .4);
  padding: 2rem;
  border-radius: .4rem
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 img {
  width: 3.6rem;
  height: 3.6rem
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 img {
    width: 4.2rem;
    height: 4.2rem
  }
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._orderNoContainer_1em9h_101 {
  padding-inline-start: 1.2rem
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._orderNoText_1em9h_104 {
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: uppercase
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._orderNoText_1em9h_104 p {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._orderNoText_1em9h_104 p {
    font-size: 1.9rem;
    color: var(--clr-dark-400)
  }
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._orderNoText_1em9h_104 ._redText_1em9h_120 {
  color: #e4002b
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._amountText_1em9h_123 p {
  font-size: 1.2rem;
  font-weight: 400
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._amountText_1em9h_123 p {
    font-size: 1.6rem
  }
}

._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._amountText_1em9h_123 span {
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._orderIdContainer_1em9h_75 ._orderIdDetails_1em9h_84 ._amountText_1em9h_123 span {
    font-weight: 500;
    font-size: 1.6rem
  }
}

._orderIdContainer_1em9h_75 ._detailsButton_1em9h_141 {
  border-radius: .4rem;
  border: 1px solid var(--clr-primary-400);
  background: var(--theme-lang-button-color);
  padding-inline: .8rem;
  padding-bottom: .4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._orderConfirmRoot_1em9h_152 {
  padding-inline-start: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._orderConfirmRoot_1em9h_152 {
    margin-top: 1.6rem
  }
}

._orderStatusContainer_1em9h_161 {
  padding-inline: 1.6rem;
  padding-bottom: 1.5rem;
  border-radius: 0rem
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1em9h_161 {
    padding-inline: 2rem;
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusContainer_1em9h_161 ._orderConfirmed_1em9h_172 {
  display: flex;
  align-items: center;
  padding-top: 1.2rem
}

._orderStatusContainer_1em9h_161 ._orderConfirmed_1em9h_172 ._headerText_1em9h_177 {
  font-size: 1.4rem;
  font-weight: 500
}

._orderStatusContainer_1em9h_161 ._orderConfirmed_1em9h_172 ._descText_1em9h_181 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._orderStatusContainer_1em9h_161 ._orderConfirmed_1em9h_172 ._centerText_1em9h_187 {
  padding-inline: 1.2rem
}

._orderStatusContainer_1em9h_161 ._icon_1em9h_33 {
  height: 4.3rem;
  width: 2.9rem;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1em9h_161 ._icon_1em9h_33 {
    width: 3.8rem;
    height: 3.8rem
  }
}

._orderStatusContainer_1em9h_161 ._orderDesc_1em9h_203 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  opacity: .5
}

._orderStatusContainer_1em9h_161 ._content_1em9h_208 {
  padding-inline: 1.3rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  color: var(--clr-dark-400)
}

._orderStatusContainer_1em9h_161 ._content_1em9h_208 p {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1em9h_161 ._content_1em9h_208 p {
    font-size: 1.6rem;
    font-weight: 500
  }
}

._orderStatusContainer_1em9h_161 ._content_1em9h_208 ._doneButton_1em9h_226 {
  position: static;
  padding: .2rem .6rem;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  background: var(--clr-primary-400);
  color: #fff;
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1em9h_161 ._content_1em9h_208 ._doneButton_1em9h_226 {
    min-width: 4.5rem;
    height: 1.8rem
  }
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1em9h_161 ._content_1em9h_208 ._doneButton_1em9h_226 p {
    padding: .2rem .6rem;
    font-size: 1.2rem;
    font-weight: 500
  }
}

._orderStatusContainer_1em9h_161 ._laterButton_1em9h_262 {
  position: static;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  padding: .2rem .6rem;
  text-transform: uppercase;
  background: var(--theme-button-disable-bg);
  color: var(--clr-light-100);
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  pointer-events: none;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1em9h_161 ._laterButton_1em9h_262 {
    width: 5.6rem;
    height: 2.1rem;
    color: #fff;
    padding: .2rem .6rem;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    font-size: 1.4rem;
    background: var(--theme-button-disable-bg)
  }
}

._orderStatusContainer_1em9h_161 ._divider_1em9h_301,
._orderStatusContainer_1em9h_161 ._divider3_1em9h_301 {
  margin-inline-start: 5.1rem;
  margin-top: 1.2rem
}

._orderStatusContainer_1em9h_161 ._divider3_1em9h_301 {
  margin-bottom: 2.5rem
}

._feedbackArea_1em9h_309 {
  margin-top: 1.5rem
}

._feedbackArea_1em9h_309 ._ratingHeader_1em9h_312 {
  padding-inline: 1.6rem;
  padding-top: 2rem;
  display: flex
}

._feedbackArea_1em9h_309 ._ratingHeader_1em9h_312 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: .8rem
}

._feedbackContainer_1em9h_323 {
  padding-block: 1.5rem
}

._feedbackContainer_1em9h_323 ._feedbackClick_1em9h_326 {
  padding-inline: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_1em9h_323 ._feedbackClick_1em9h_326 ._arrow_1em9h_332 {
  font-size: 3rem;
  color: var(--clr-dark-400)
}

._feedbackContainer_1em9h_323 p {
  font-size: 1.6rem;
  font-weight: 500
}

._feedbackContainer_1em9h_323 ._icon_1em9h_33 {
  height: 2.6rem;
  width: 4rem
}

._feedbackContainer_1em9h_323 ._icon_1em9h_33 ._text_1em9h_344 {
  padding-inline-start: .9rem
}

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

._feedbackContainer_1em9h_323 ._feedbackDesc_1em9h_352 {
  font-size: 1.4rem;
  font-weight: 400;
  opacity: .7;
  padding-inline-start: 5.6rem
}

._feedbackContainer_1em9h_323 ._formDivider_1em9h_358 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._storeArea_1em9h_9 {
  background-color: var(--clr-light-100);
  height: 100%;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._storeArea_1em9h_9 {
    position: relative;
    height: auto;
    z-index: 0;
    border-radius: 1rem 1rem 0 0
  }
}

._storeContainer_1em9h_377 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._storeContainer_1em9h_377 ._headerText_1em9h_177 {
  font-size: 1.4rem;
  font-weight: 500
}

._storeContainer_1em9h_377 ._descText_1em9h_181 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._storeContainer_1em9h_377 ._centerText_1em9h_187 {
  padding-inline: 1.2rem
}

._flexbox_1em9h_398,
._circleArea2_1em9h_398 {
  display: flex;
  justify-content: center;
  align-items: center
}

._circleArea2_1em9h_398 {
  height: 3rem;
  width: 3rem;
  background-color: var(--clr-grass-green-700);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._futureOrderContainer_1em9h_414 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem
}

._futureOrderContainer_1em9h_414 ._headerText_1em9h_177 {
  font-size: 1.6rem;
  font-weight: 500
}

._futureOrderContainer_1em9h_414 ._descText_1em9h_181 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 4rem;
  padding-block: .6rem
}

._futureOrderContainer_1em9h_414 ._descContainer_1em9h_432 {
  background-color: var(--clr-background);
  border-radius: .4rem
}

._futureDivider_1em9h_437 {
  padding-inline: 5.4rem;
  padding-block: 1.2rem
}

._futureOrderWarn_1em9h_442 {
  justify-content: space-between;
  display: flex;
  padding-inline: 6.6rem;
  margin: 0 25px;
  align-items: center;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._futureOrderWarn_1em9h_442 {
    margin: 0 25%
  }
}

._futureOrderWarn_1em9h_442 ._descText_1em9h_181 {
  font-size: 1.2rem;
  font-weight: 500;
  padding-inline-start: 1.1rem
}

._desktopContainer_1em9h_461 {
  display: flex;
  justify-content: center;
  padding-inline: 13rem;
  padding-top: 2rem
}

._desktopGrid2_1em9h_468 {
  padding-inline-start: 3rem;
  width: 49rem
}

._disabled_1em9h_473 {
  opacity: .5
}

._disabled_1em9h_473 ._content_1em9h_208 {
  color: var(--theme-button-disable-bg)
}

._storeNameHeader_1em9h_480 p {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: .8rem
}

._descContainer_1em9h_432 {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

._descContainer_1em9h_432 ._restaudesc_1em9h_491 {
  font-weight: 400;
  font-size: 1.2rem;
  opacity: .7;
  padding-inline: .8rem
}

._StoreContainer_1em9h_498 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._StoreContainer_1em9h_498 {
    display: none
  }
}

._StoreContainer_1em9h_498 ._storeAddress_1em9h_510 {
  display: flex
}

._StoreContainer_1em9h_498 ._iconContainer_1em9h_513 {
  float: right;
  display: flex;
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100)
}

._StoreContainer_1em9h_498 ._iconContainer_1em9h_513 a {
  color: var(--clr-light-100)
}

._StoreContainer_1em9h_498 ._iconContainer_1em9h_513 ._iconSize_1em9h_525 {
  height: 2rem;
  width: 2rem
}

._flexBox_1em9h_530,
._StoreContainer_1em9h_498 ._iconContainer_1em9h_513 {
  display: flex;
  justify-content: center;
  align-items: center
}

._getDirection_1em9h_536 {
  position: absolute;
  background: #007aff;
  min-width: 5.6rem;
  display: flex;
  height: 3.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: #fff;
  bottom: 10px;
  padding: 0 1rem;
  inset-inline-end: 1.6rem
}

._getDirection_1em9h_536 span {
  display: none;
  text-transform: uppercase;
  padding: 0 1rem
}

._getDirection_1em9h_536 span a {
  color: #fff
}

._getDirection_1em9h_536:hover span {
  display: block
}

._desktopHeader_1em9h_562 {
  padding-inline: 13rem;
  padding-top: 2rem;
  position: relative
}

._desktopHeader_1em9h_562 h1 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--clr-dark-400);
  margin-bottom: 1.6rem;
  position: relative
}

._desktopHeader_1em9h_562 h1:before {
  content: "";
  display: block;
  border: .15rem solid #e4002b;
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  bottom: -1.8rem;
  inset-inline-start: 0;
  width: 6rem
}

._desktopHeader_1em9h_562:after {
  content: "";
  display: block;
  border: 1px solid var(--clr-dark-400);
  opacity: .2;
  width: 100%
}

._desktopOrderLine_1em9h_595 {
  position: relative
}

._desktopOrderLine_1em9h_595:before {
  content: "";
  display: block;
  border: .15rem solid var(--clr-primary-400);
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  inset-inline-start: 2rem;
  width: 3rem
}

._trackHeader_1em9h_610 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 2.1rem
}

._trackHeader_1em9h_610 ._back_1em9h_616 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.1rem;
  display: flex;
  align-items: center;
  gap: 1.6rem
}

[dir=rtl] ._trackHeader_1em9h_610 ._back_1em9h_616 svg {
  transform: rotate(180deg)
}

._trackHeader_1em9h_610 button._resetBtn_1em9h_2 {
  border-radius: 4px;
  width: 9rem
}

._subMode_1em9h_632 {
  font-size: 1rem;
  font-weight: 500;
  padding-inline: .6rem;
  padding-block: .4rem;
  background-color: #00a402;
  border-radius: .4rem;
  color: var(--clr-light-100);
  margin-inline-start: .5rem
}

._wrapContent_1em9h_9 {
  flex-grow: 1;
  border-radius: 1rem
}

._orderStatusGrid_1em9h_23 {
  flex-grow: 1
}

._orderStatusGrid_1em9h_23 ._orderStatusContainer_1em9h_161 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_1em9h_23 ._orderStatusContainer_1em9h_161 {
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusGrid_1em9h_23 ._feedbackArea_1em9h_309 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_1em9h_23 ._feedbackArea_1em9h_309 {
    border-radius: 1rem
  }
}

._orderStatusGrid_1em9h_23 ._feedbackContainer_1em9h_323 {
  border-radius: 0;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_1em9h_23 ._feedbackContainer_1em9h_323 {
    border-radius: 1rem
  }
}

@media screen and (min-width: 1024px) {
  ._shadowArea_1em9h_678 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 1rem
  }
}

._earnWrapper_1em9h_684 {
  margin-top: 2rem
}

._orderIdInfo_1em9h_688 {
  align-self: center;
  background: rgba(223, 239, 255, .4);
  padding: .3rem .8rem;
  font-size: 1.2rem;
  font-weight: 400
}

._root_aefkr_2 {
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 {
    min-width: 30rem
  }
}

._root_aefkr_2 ._container_aefkr_10 {
  padding-inline: 1.6rem
}

._root_aefkr_2 ._container_aefkr_10 ._paymentMode_aefkr_13 {
  padding-block: 1.2rem
}

._root_aefkr_2 ._container_aefkr_10 ._paymentMode_aefkr_13 p {
  font-size: 1.2rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._container_aefkr_10 ._paymentMode_aefkr_13 p {
    font-size: 1.4rem
  }
}

._root_aefkr_2 ._container_aefkr_10 ._paymentMode_aefkr_13 ._opacity_aefkr_25 {
  opacity: .6
}

._root_aefkr_2 ._container_aefkr_10 ._accordion_aefkr_28 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1.5rem
}

._root_aefkr_2 ._container_aefkr_10 ._accordion_aefkr_28 p {
  font-size: 1.2rem;
  font-weight: 500;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._container_aefkr_10 ._accordion_aefkr_28 p {
    font-size: 1.4rem
  }
}

._root_aefkr_2 ._container_aefkr_10 ._accordion_aefkr_28 ._circle_aefkr_44 {
  height: 2rem;
  width: 2rem;
  background: #e0e9f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: .8rem
}

._root_aefkr_2 ._container_aefkr_10 ._accordion_aefkr_28 ._circle_aefkr_44 svg {
  font-size: 1.8rem;
  color: var(--clr-primary-500)
}

._root_aefkr_2 ._container_aefkr_10 ._accordionData_aefkr_58 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out
}

._root_aefkr_2 ._container_aefkr_10 ._accordionData_aefkr_58 ._accordionDataProps_aefkr_66 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._root_aefkr_2 ._container_aefkr_10 ._accordionData_aefkr_58 ._accordionDataProps_aefkr_66 p {
  font-size: 1.2rem;
  font-weight: 400
}

._root_aefkr_2 ._container_aefkr_10 ._accordionData_aefkr_58 ._accordionDataProps_aefkr_66 ._warningTypo_aefkr_75 {
  color: var(--theme-warning-text-color);
  padding-bottom: 1.5rem
}

._root_aefkr_2 ._title_aefkr_79 {
  background: var(--clr-light-350);
  padding-block: 1.3rem;
  padding-inline: 1.6rem;
  position: relative
}

._root_aefkr_2 ._title_aefkr_79 p {
  color: var(--clr-dark-400);
  font-size: 1.6rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._title_aefkr_79 p {
    font-size: 1.8rem
  }
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 {
  padding-top: 1.2rem
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressTitle_aefkr_98,
._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressTitle_aefkr_98 ._storeAddressText_aefkr_98 {
  font-size: 1.6rem;
  font-weight: 500
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressDesc_aefkr_102 {
  font-size: 1.4rem;
  opacity: .8;
  padding-bottom: 1rem
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._carhopTitle_aefkr_107 {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .7
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._carNo_aefkr_112 {
  font-weight: 500;
  font-size: 1.2rem
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 {
    padding-bottom: 1.4rem;
    border-bottom: 1px solid var(--clr-dark-300-10)
  }
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._houseIcon_aefkr_127 {
  flex-grow: 0;
  width: 14%;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  margin-inline-end: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._houseIcon_aefkr_127 {
    width: 3.2rem;
    margin-top: 1rem
  }
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressLable_aefkr_142 {
    display: flex;
    gap: 1rem;
    align-items: center
  }

  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressLable_aefkr_142 h3 {
    font-size: 1.4rem;
    color: var(--clr-dark-400);
    font-weight: 500
  }
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressLable_aefkr_142 button {
  background-color: var(--theme-button-color);
  color: #fff;
  font-size: .9rem;
  min-width: 20px;
  text-align: center;
  padding: .6rem 1.6rem;
  border-radius: 2px;
  margin-bottom: .8rem;
  text-transform: uppercase;
  font-weight: 500;
  cursor: default
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressTitle_aefkr_98,
._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressTitle_aefkr_98 ._storeAddressText_aefkr_98 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 22px;
  color: #393f52
}

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

  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressTitle_aefkr_98,
  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressTitle_aefkr_98 ._storeAddressText_aefkr_98 {
    font-size: 1.4rem
  }
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressTitle_aefkr_98 ._storeAddressText_aefkr_98 {
  opacity: .7
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressTitle_aefkr_98 ._storeAddressText_aefkr_98 {
    font-size: 1.4rem
  }
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressDescription_aefkr_185 {
  font-size: 1.2rem;
  font-weight: 400;
  color: #393f52
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._addressListItem_aefkr_98 ._addressDescription_aefkr_185 {
    opacity: .8;
    font-size: 1.4rem
  }
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._iconContainer_aefkr_196 {
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100);
  display: flex;
  justify-content: center;
  align-items: center
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._iconContainer_aefkr_196 a,
._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._iconContainer_aefkr_196 a:visited {
  color: #fff
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._iconContainer_aefkr_196 ._iconSize_aefkr_212 {
  height: 2rem;
  width: 2rem
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._addressList_aefkr_98 ._storeAddressArea_aefkr_216 {
  display: flex
}

._root_aefkr_2 ._DeliveryArea_aefkr_95 ._vehicleNoContainer_aefkr_219 {
  display: flex;
  padding-block: 1.2rem
}

._root_aefkr_2 ._orderItemContainer_aefkr_223 {
  padding-block: 1.2rem
}

._root_aefkr_2 ._orderItemContainer_aefkr_223 :first-child {
  font-size: 1.2rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._orderItemContainer_aefkr_223 :first-child {
    font-size: 1.6rem
  }
}

._root_aefkr_2 ._orderItemContainer_aefkr_223 ._orderItems_aefkr_235 {
  display: flex;
  padding-block: .6rem;
  justify-content: space-between;
  align-items: center
}

._root_aefkr_2 ._orderItemContainer_aefkr_223 ._orderItems_aefkr_235 ._nameArea_aefkr_241 {
  width: 12rem;
  color: var(--clr-primary-600)
}

._root_aefkr_2 ._orderItemContainer_aefkr_223 ._orderItems_aefkr_235 p {
  font-size: 1.2rem;
  font-weight: 400;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._root_aefkr_2 ._orderItemContainer_aefkr_223 ._orderItems_aefkr_235 p {
    font-size: 1.4rem
  }
}

._root_aefkr_2 ._orderItemContainer_aefkr_223 ._orderItems_aefkr_235 ._qtyArea_aefkr_255 {
  text-align: right
}

._root_aefkr_2 ._orderItemContainer_aefkr_223 ._orderItems_aefkr_235 ._price_aefkr_258 {
  text-align: right;
  width: 8rem
}

._flexBox_aefkr_263 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

._badge_aefkr_270 {
  position: absolute;
  inset-inline-end: 1rem;
  top: 0
}

._paymentmode_aefkr_276 span {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: .6rem;
  padding-block: .4rem;
  background-color: #00a402;
  border-radius: .4rem;
  color: var(--clr-light-100);
  margin-inline-start: .5rem
}

._root_i83ft_2 {
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._root_i83ft_2 {
    min-width: 30rem
  }
}

._root_i83ft_2 ._container_i83ft_10 ._paymentMode_i83ft_10 {
  padding-block: 1.2rem
}

._root_i83ft_2 ._container_i83ft_10 ._paymentMode_i83ft_10 p {
  font-size: 1.2rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._root_i83ft_2 ._container_i83ft_10 ._paymentMode_i83ft_10 p {
    font-size: 1.4rem
  }
}

._root_i83ft_2 ._container_i83ft_10 ._paymentMode_i83ft_10 ._opacity_i83ft_22 {
  opacity: .6
}

._root_i83ft_2 ._container_i83ft_10 ._accordion_i83ft_25 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 1.5rem
}

._root_i83ft_2 ._container_i83ft_10 ._accordion_i83ft_25 p {
  font-size: 1.2rem;
  font-weight: 500;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._root_i83ft_2 ._container_i83ft_10 ._accordion_i83ft_25 p {
    font-size: 1.4rem
  }
}

._root_i83ft_2 ._container_i83ft_10 ._accordion_i83ft_25 ._circle_i83ft_41 {
  height: 2rem;
  width: 2rem;
  background: #e0e9f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: .8rem
}

._root_i83ft_2 ._container_i83ft_10 ._accordion_i83ft_25 ._circle_i83ft_41 svg {
  font-size: 1.8rem;
  color: var(--clr-primary-500)
}

._root_i83ft_2 ._container_i83ft_10 ._accordionData_i83ft_55 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out
}

._root_i83ft_2 ._container_i83ft_10 ._accordionData_i83ft_55 ._accordionDataProps_i83ft_63 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._root_i83ft_2 ._container_i83ft_10 ._accordionData_i83ft_55 ._accordionDataProps_i83ft_63 p {
  font-size: 1.2rem;
  font-weight: 400
}

._root_i83ft_2 ._container_i83ft_10 ._accordionData_i83ft_55 ._accordionDataProps_i83ft_63 ._warningTypo_i83ft_72 {
  font-style: italic;
  font-weight: 400;
  font-size: 1rem;
  color: var(--theme-warning-text-color);
  padding-bottom: 1.5rem
}

._feedbackArea_1bc0y_2 {
  margin-top: 1.5rem;
  margin-bottom: 8rem;
  border-radius: 1rem
}

._feedbackArea_1bc0y_2 ._ratingHeader_1bc0y_7 {
  padding-inline: 1.8rem;
  padding-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center
}

._feedbackArea_1bc0y_2 ._ratingHeader_1bc0y_7 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: .8rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._feedbackArea_1bc0y_2 ._ratingHeader_1bc0y_7 p {
    font-size: 1.8rem
  }
}

._feedbackContainer_1bc0y_26 {
  padding-block: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem
}

._feedbackContainer_1bc0y_26 ._feedbackClick_1bc0y_33 {
  padding-inline: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_1bc0y_26 p {
  font-size: 1.6rem;
  font-weight: 500
}

._feedbackContainer_1bc0y_26 ._icon_1bc0y_43 {
  height: 2.6rem;
  width: 2.6rem
}

._feedbackContainer_1bc0y_26 ._icon_1bc0y_43 ._text_1bc0y_47 {
  padding-inline-start: .9rem
}

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

._feedbackContainer_1bc0y_26 ._feedbackDesc_1bc0y_55 {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .7;
  padding-inline-start: 2.5rem
}

._feedbackContainer_1bc0y_26 ._formDivider_1bc0y_61 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._root_1a694_2 {
  color: var(--clr-dark-400);
  min-width: 37.5rem;
  height: auto
}

@media screen and (min-width: 1024px) {
  ._root_1a694_2 {
    max-width: 37.5rem
  }
}

._headerContainer_1a694_13 {
  padding-inline: 1.6rem;
  padding-top: 2rem;
  padding-bottom: 1.5rem
}

._headerContainer_1a694_13 ._headerText_1a694_18 {
  font-size: 1.6rem;
  font-weight: 500
}

._check_1a694_23 {
  position: relative
}

._check_1a694_23 svg {
  position: absolute;
  font-size: 2rem;
  inset-inline-end: 0;
  top: -3rem
}

._profileCardArea_1a694_33 {
  padding: 2rem
}

._profileCardArea_1a694_33 ._mobileInput_1a694_36 {
  display: flex;
  align-items: baseline
}

._profileCardArea_1a694_33 ._mobileInput_1a694_36 label {
  opacity: .4;
  font-size: 1.2rem;
  font-weight: 700;
  font-family: rubik
}

._profileCardArea_1a694_33 ._buttonArea_1a694_46 {
  width: 100%;
  padding-block: 2.2rem
}

._profileCardArea_1a694_33 ._buttonArea_1a694_46 ._button_1a694_46 {
  padding-block: 1.4rem;
  font-size: 1.6rem;
  background-color: var(--clr-primary-400)
}

._profileCardArea_1a694_33 ._buttonArea_1a694_46 ._button_1a694_46:disabled {
  background-color: var(--theme-category-tab-color)
}

._inputArea_1a694_59 {
  margin-block-start: 1.5em;
  padding-bottom: 1rem
}

._inputArea_1a694_59 label {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: rubik;
  opacity: .4
}

._inputArea_1a694_59 input {
  font-size: 1.4rem;
  font-weight: 500
}

._dividerContent_1a694_74 {
  margin-block: 3.5rem;
  margin-inline: 1.2rem;
  width: 40rem
}

._countryDropdown_1a694_80 .dial-code,
._actionRow_1a694_84 button {
  margin-left: auto
}

._errorMessage_1a694_88 {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #ff8925;
  display: flex
}

._errorMessage_1a694_88 ._errorIcon_1a694_95 {
  vertical-align: middle;
  margin-right: 1rem
}

._root_1u69q_2 {
  text-align: center;
  background: var(--clr-light-100);
  height: 100vh;
  padding-top: 10rem
}

@media screen and (min-width: 1024px) {
  ._root_1u69q_2 {
    width: 33rem;
    height: 45rem;
    padding-top: 0rem
  }
}

._root_1u69q_2 ._kfcLogo_1u69q_15 {
  margin-top: 3rem;
  margin-bottom: 2.5rem
}

._root_1u69q_2 ._processingText_1u69q_19 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  color: var(--clr-primary-400)
}

._root_1u69q_2 ._descriptionText_1u69q_26 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  margin-top: 1.2rem
}

._root_1u69q_2 ._warningContainer_1u69q_33 {
  border: 1px dashed #E0E0E0;
  position: relative;
  border-radius: 1rem;
  padding: 2.8rem 1.9rem;
  text-align: center;
  margin-inline: auto;
  width: 22rem;
  margin-top: 5rem
}

._root_1u69q_2 ._warningContainer_1u69q_33 ._warningIcon_1u69q_43 {
  position: absolute;
  color: #007aff;
  top: -1.2rem;
  left: 0;
  width: 100%;
  text-align: center
}

._root_1u69q_2 ._warningContainer_1u69q_33 ._warningText_1u69q_51 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-align: center;
  color: var(--clr-dark-300)
}

._loader_1u69q_60 {
  width: 13rem;
  height: 13rem
}

._root_1yi7m_2 {
  background: var(--theme-backgroud-page);
  color: var(--clr-dark-400);
  overflow-y: hidden
}

@media screen and (min-width: 1024px) {
  ._root_1yi7m_2 {
    height: 50rem
  }
}

._flexBox_1yi7m_13 {
  display: flex;
  justify-content: center;
  align-items: center
}

._flexBox_1yi7m_13 ._desktopButton_1yi7m_18 {
  margin-bottom: 1.5rem
}

._container_1yi7m_22 {
  padding-block: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._container_1yi7m_22 {
    min-width: 40rem;
    max-width: 40rem
  }
}

._container_1yi7m_22 ._headerText_1yi7m_31 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-bottom: 1rem;
  padding-inline: 1.7rem
}

.MuiDialogContent-dividers {
  padding: 0rem !important
}

._noOfferContainer_1yi7m_42 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-inline: 1.6rem;
  gap: 1.5rem
}

._noOfferContainer_1yi7m_42 ._exploreMenu_1yi7m_50 {
  background-color: var(--clr-primary-400);
  box-shadow: 0 6px 10px #de000033;
  border-radius: .4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

._noOfferContainer_1yi7m_42 ._exploreMenu_1yi7m_50 ._button_1yi7m_59 {
  color: var(--clr-light-100);
  padding-block: 1.5rem
}

._noOfferContainer_1yi7m_42 ._text_1yi7m_63 p {
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center
}

._noOfferContainer_1yi7m_42 ._textDesc_1yi7m_68 p {
  font-size: 1.4rem;
  font-weight: 400
}

._Skeleton_1yi7m_73 {
  height: 15.6rem;
  width: 100%;
  border-radius: 1rem;
  margin-bottom: 1rem
}

._header_1yi7m_31 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._header_1yi7m_31 {
    position: sticky;
    top: 0;
    z-index: 1
  }
}

._header_1yi7m_31 ._mainHeading_1yi7m_99 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_1yi7m_31 ._subHeading_1yi7m_105 {
  font-weight: 500;
  font-size: 1.4rem
}

._header_1yi7m_31 ._badge_1yi7m_109 {
  position: absolute;
  top: 0
}

._subHeading_1yi7m_105 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 3rem
}

@media screen and (min-width: 1024px) {
  ._subHeading_1yi7m_105 {
    margin-bottom: 0rem
  }
}

._content_1yi7m_128 {
  text-align: center;
  width: 100%
}

._content_1yi7m_128 div:first-child {
  margin-inline: auto
}

._content_1yi7m_128 iframe {
  height: 100% !important
}

._bottomLine_1yi7m_139 {
  background-color: #de0000;
  width: 2.5rem;
  height: .3rem;
  border-radius: 7rem
}

._footer_1yi7m_146 {
  max-width: 40rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #de0000;
  text-align: center;
  word-break: break-all;
  padding-inline: 2rem
}

._root_cm8r5_2 {
  background-color: var(--clr-background);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_cm8r5_2 {
    min-height: auto
  }
}

._root_cm8r5_2 ._textContainer_cm8r5_12 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_cm8r5_2 ._textContainer_cm8r5_12 ._badge_cm8r5_17 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_cm8r5_2 ._textContainer_cm8r5_12 {
    background: #fff;
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_cm8r5_2 ._textContainer_cm8r5_12 ._badge_cm8r5_17 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_cm8r5_2 ._textContainer_cm8r5_12 ._title_cm8r5_35 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_cm8r5_2 ._textContainer_cm8r5_12 ._headerText_cm8r5_42 {
  font-size: 1.6rem;
  font-weight: 500;
  display: grid !important
}

[dir=rtl] ._root_cm8r5_2 ._textContainer_cm8r5_12 ._headerText_cm8r5_42 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_cm8r5_2 ._textContainer_cm8r5_12 ._headerText_cm8r5_42 {
    font-size: 1.4rem
  }
}

[dir=rtl] ._root_cm8r5_2 ._textContainer_cm8r5_12 ._headerText_cm8r5_42 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: block
}

._root_cm8r5_2 ._otpContainer_cm8r5_63 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._root_cm8r5_2 ._otpContainer_cm8r5_63 {
    border-radius: .4rem
  }
}

._reqEmail_cm8r5_72 {
  display: flex;
  justify-content: center;
  margin-block-end: 2.5rem
}

._reqEmail_cm8r5_72 ._emailBtn_cm8r5_77 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.4rem
}

._otpContainer_cm8r5_63 {
  padding-block: 4rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_cm8r5_63 {
    margin: 1.5rem 1.5rem 2.5rem
  }
}

._otpContainer_cm8r5_63 ._timeLimit_cm8r5_92 {
  font-size: 1.4rem;
  font-weight: 500
}

._otpContainer_cm8r5_63 ._buttons_cm8r5_96 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem
}

._otpContainer_cm8r5_63 ._buttons_cm8r5_96 ._requestDisable_cm8r5_101 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_cm8r5_63 ._buttons_cm8r5_96 ._requestEnable_cm8r5_108 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all;
  cursor: pointer
}

._otpContainer_cm8r5_63 ._verifyBgClr1_cm8r5_116 {
  background-color: var(--clr-primary-400)
}

._otpContainer_cm8r5_63 ._verifyBgClr2_cm8r5_119 {
  background-color: var(--theme-button-disable-bg)
}

._otpContainer_cm8r5_63 ._verifyButton_cm8r5_122,
._otpContainer_cm8r5_63 ._verifyBgClr1_cm8r5_116,
._otpContainer_cm8r5_63 ._verifyBgClr2_cm8r5_119 {
  margin-inline: 1.6rem;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_cm8r5_63 ._verifyButton_cm8r5_122 ._button_cm8r5_96,
._otpContainer_cm8r5_63 ._verifyBgClr1_cm8r5_116 ._button_cm8r5_96,
._otpContainer_cm8r5_63 ._verifyBgClr2_cm8r5_119 ._button_cm8r5_96 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-light-100);
  width: 100%;
  padding-block: 1rem
}

._otpField_cm8r5_137 {
  display: flex;
  justify-content: space-between;
  padding-inline: 1.6rem;
  direction: ltr
}

._otpField_cm8r5_137 input {
  font-size: 3rem;
  border: none;
  border-bottom: solid .1rem rgba(61, 155, 204, .43);
  margin: 0 1rem;
  outline: none;
  transition: border .2s;
  width: 4rem !important
}

._otpField_cm8r5_137 input:focus {
  border-bottom-color: #e0383d
}

._otpField_cm8r5_137 input::-webkit-outer-spin-button,
._otpField_cm8r5_137 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

._otpField_cm8r5_137 input[type=number] {
  -moz-appearance: textfield
}

._captchaBox_cm8r5_166 {
  padding: .5rem 1.7rem
}

._captchaBox_cm8r5_166 iframe {
  height: 7.8rem
}

._warningText_cm8r5_173 {
  color: var(--theme-warning-color);
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 14px;
  align-items: center;
  justify-content: center;
  display: flex
}

._warningText_cm8r5_173 span {
  display: flex;
  align-items: center
}

._warningText_cm8r5_173 span img {
  margin-right: 5px;
  cursor: pointer
}

._phoneNumberText_cm8r5_192 {
  color: var(--clr-primary-400);
  text-align: center;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  display: flex
}

._phoneNumberText_cm8r5_192 img {
  margin-left: 5px;
  cursor: pointer
}

._timer_cm8r5_207 {
  color: #6c7b8b;
  font-weight: 700
}

._verifyOtpBtn_cm8r5_212 {
  text-align: right
}

._buttons_cm8r5_96 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0% 10%
}

._buttons_cm8r5_96 ._timer_cm8r5_207 {
  color: red
}

._root_gf95e_2 {
  background: var(--clr-light-300);
  min-width: 37.5rem
}

@media screen and (min-width: 1024px) {
  ._root_gf95e_2 {
    min-width: 40rem;
    max-width: 40rem;
    padding-bottom: 2rem
  }
}

._root_gf95e_2 h4 {
  margin-top: 1rem
}

._root_gf95e_2 .MuiGrid-spacing-xs-3 {
  width: auto;
  margin: auto
}

._root_gf95e_2 ._container_gf95e_20 {
  background-color: var(--clr-light-100)
}

._root_gf95e_2 ._inputContainer_gf95e_23 {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 1.6rem;
  gap: 1rem;
  background: var(--clr-light-100);
  box-shadow: 0 .217631rem .761708rem var(--theme-paper-box-shadow)
}

@media screen and (min-width: 1024px) {
  ._root_gf95e_2 ._inputContainer_gf95e_23 {
    margin: 2rem
  }
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._errorMessage_gf95e_38 {
  margin: 2rem 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ff8925;
  display: flex;
  align-items: center
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._errorMessage_gf95e_38 ._errorIcon_gf95e_46 {
  vertical-align: middle;
  margin-inline-end: 1rem
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._box_gf95e_50 {
  display: flex;
  justify-content: center;
  align-items: baseline;
  direction: ltr
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._box_gf95e_50 ._mobileInputText_gf95e_56 {
  color: var(--clr-dark-400);
  width: 3.2rem;
  height: 2.2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem;
  padding-bottom: .6rem
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._box_gf95e_50 ._mobileInput_gf95e_56 {
  border-bottom: 1px solid var(--clr-dark-400)
}

[dir=rtl] ._root_gf95e_2 ._inputContainer_gf95e_23 ._box_gf95e_50 ._mobileInput_gf95e_56 {
  direction: rtl;
  margin-inline-end: 1.6rem
}

[dir=ltr] ._root_gf95e_2 ._inputContainer_gf95e_23 ._box_gf95e_50 ._mobileInput_gf95e_56 {
  margin-inline-start: 1.6rem
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._GridSubmit_gf95e_77 {
  padding-top: .7rem
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._GridSubmit_gf95e_77 ._Button_gf95e_80,
._root_gf95e_2 ._inputContainer_gf95e_23 ._GridSubmit_gf95e_77 ._disableButton_gf95e_80 {
  margin: 1.5rem 0rem;
  padding: 1.4rem 1.5rem;
  padding-block: 1.4rem;
  width: 100%;
  background-color: var(--theme-button-color);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-light-100);
  box-shadow: var(--theme-button-shadow-color)
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._GridSubmit_gf95e_77 ._disableButton_gf95e_80 {
  background-color: var(--theme-button-disable-bg);
  box-shadow: var(--clr-light-100)
}

._root_gf95e_2 ._inputContainer_gf95e_23 ._submit_gf95e_95 {
  background-color: var(--clr-primary-400);
  position: static;
  width: 95%;
  border-radius: .4rem;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 1.5rem 2.5%;
  padding: 1rem;
  color: var(--clr-light-100);
  box-shadow: 0 .6rem 1rem var(--theme-button-shadow-color);
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase
}

._paper_gf95e_116 {
  overflow-x: hidden;
  margin-top: 0rem
}

.MuiFormLabel-root {
  top: -.5rem !important
}

._main_d81xi_2 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media (min-width: 992px) {
  ._main_d81xi_2 {
    width: 40rem;
    padding: 1.5rem
  }
}

._profileBox_d81xi_13 {
  margin-top: 1.5rem;
  position: relative;
  padding: 2rem 1.6rem;
  background: #fff
}

._profileBox_d81xi_13 h3 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem;
  position: relative;
  padding-bottom: 1rem
}

._profileBox_d81xi_13 h3:after {
  content: "";
  display: block;
  width: 60px;
  height: 0px;
  border: 1px solid #e4002b;
  position: absolute;
  bottom: 0
}

._button_d81xi_36 {
  padding-top: 2rem
}

._header_d81xi_40 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

._header_d81xi_40 ._mainHeading_d81xi_52 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem
}

._header_d81xi_40 ._mainHeading_d81xi_52:after {
  content: "";
  display: block;
  position: absolute;
  width: 3rem;
  height: .4rem;
  bottom: -1rem;
  background: #de0000;
  border-radius: 73.1034px
}

._header_d81xi_40 ._subHeading_d81xi_73 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_d81xi_40 ._badge_d81xi_78 {
  position: absolute;
  top: 0
}

._cardNumber_d81xi_83 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

[dir=rtl] ._cardNumber_d81xi_83 {
  direction: ltr
}

._error_d81xi_92 {
  padding: 1rem 0;
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: #fb8d45;
  font-weight: 500
}

._root_zq6b9_2 {
  background-color: var(--clr-background);
  height: 100%;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._root_zq6b9_2 {
    min-height: auto
  }
}

._root_zq6b9_2 ._textContainer_zq6b9_12 {
  padding-inline: 1.6rem;
  padding-block: 2rem;
  display: flex
}

._root_zq6b9_2 ._textContainer_zq6b9_12 ._badge_zq6b9_17 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._root_zq6b9_2 ._textContainer_zq6b9_12 {
    background: #fff;
    margin-bottom: 2rem;
    padding-block: 0 0;
    flex-direction: column;
    align-items: center;
    min-width: 40rem;
    gap: 10px
  }

  ._root_zq6b9_2 ._textContainer_zq6b9_12 ._badge_zq6b9_17 {
    display: block;
    position: absolute;
    left: 42%
  }

  ._root_zq6b9_2 ._textContainer_zq6b9_12 ._title_zq6b9_35 {
    padding-top: 2.9rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--clr-dark-400)
  }
}

._root_zq6b9_2 ._textContainer_zq6b9_12 ._headerText_zq6b9_42 {
  font-size: 1.6rem;
  font-weight: 500;
  display: grid !important
}

[dir=rtl] ._root_zq6b9_2 ._textContainer_zq6b9_12 ._headerText_zq6b9_42 {
  direction: rtl;
  padding-inline-start: 1rem;
  display: block !important
}

@media screen and (min-width: 1024px) {
  ._root_zq6b9_2 ._textContainer_zq6b9_12 ._headerText_zq6b9_42 {
    font-size: 1.4rem
  }
}

[dir=rtl] ._root_zq6b9_2 ._textContainer_zq6b9_12 ._headerText_zq6b9_42 span {
  direction: ltr;
  padding-inline-start: .3rem;
  display: inline-block
}

._otpContainer_zq6b9_63 {
  padding-block: 4rem
}

@media screen and (min-width: 1024px) {
  ._otpContainer_zq6b9_63 {
    margin: 1.5rem 1.5rem 2.5rem
  }
}

._otpContainer_zq6b9_63 ._timeLimit_zq6b9_72 {
  font-size: 1.4rem;
  font-weight: 500
}

._otpContainer_zq6b9_63 ._buttons_zq6b9_76 {
  display: flex;
  justify-content: center;
  padding-block: 2.5rem
}

._otpContainer_zq6b9_63 ._buttons_zq6b9_76 ._requestDisable_zq6b9_81 {
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .3;
  padding-inline: .8rem;
  pointer-events: none
}

._otpContainer_zq6b9_63 ._buttons_zq6b9_76 ._requestEnable_zq6b9_88 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-secondary-400);
  padding-inline: .8rem;
  pointer-events: all
}

._otpContainer_zq6b9_63 ._verifyBgClr1_zq6b9_95 {
  background-color: var(--clr-primary-400)
}

._otpContainer_zq6b9_63 ._verifyBgClr2_zq6b9_98 {
  background-color: var(--theme-button-disable-bg)
}

._otpContainer_zq6b9_63 ._verifyButton_zq6b9_101,
._otpContainer_zq6b9_63 ._verifyBgClr1_zq6b9_95,
._otpContainer_zq6b9_63 ._verifyBgClr2_zq6b9_98 {
  margin-inline: 1.6rem;
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center
}

._otpContainer_zq6b9_63 ._verifyButton_zq6b9_101 ._button_zq6b9_76,
._otpContainer_zq6b9_63 ._verifyBgClr1_zq6b9_95 ._button_zq6b9_76,
._otpContainer_zq6b9_63 ._verifyBgClr2_zq6b9_98 ._button_zq6b9_76 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-light-100);
  width: 100%;
  padding-block: 1rem
}

._otpField_zq6b9_116 {
  display: flex;
  justify-content: space-between;
  padding-inline: 1.6rem;
  direction: ltr
}

._otpField_zq6b9_116 input {
  font-size: 3rem;
  border: none;
  border-bottom: solid .1rem rgba(61, 155, 204, .43);
  margin: 0 1rem;
  outline: none;
  transition: border .2s;
  width: 4rem !important
}

._otpField_zq6b9_116 input:focus {
  border-bottom-color: #e0383d
}

._otpField_zq6b9_116 input::-webkit-outer-spin-button,
._otpField_zq6b9_116 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

._otpField_zq6b9_116 input[type=number] {
  -moz-appearance: textfield
}

._warningText_zq6b9_145 {
  color: var(--theme-user-icon-bg);
  text-align: center;
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500
}

._warningText_zq6b9_145 img {
  cursor: pointer
}

._timer_zq6b9_156 {
  color: #6c7b8b;
  font-weight: 700
}

._verifyOtpBtn_zq6b9_161 {
  text-align: right
}

._buttons_zq6b9_76 {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0% 10%
}

._buttons_zq6b9_76 ._timer_zq6b9_156 {
  color: red
}

._root_urfea_2 {
  width: 100%;
  height: 100%;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._root_urfea_2 {
    max-width: 38rem
  }
}

._header_urfea_13 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem
}

._header_urfea_13 ._mainHeading_urfea_25 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_urfea_13 ._subHeading_urfea_31 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_urfea_13 ._badge_urfea_36 {
  position: absolute;
  top: 0
}

._headerText_urfea_41 {
  width: 100%;
  color: var(--clr-primary-400);
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  padding-block: 1.5rem
}

._errorDrawer_urfea_51 {
  background: white;
  border-radius: 1rem 1rem 0 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-block: 5rem;
  justify-content: center;
  gap: 1.5rem
}

._errorDrawer_urfea_51 ._proceedB_urfea_61 {
  background: #e4002b;
  color: #fff;
  font-size: 1rem
}

._errorDrawer_urfea_51 ._error_urfea_51 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 3rem;
  text-align: center
}

._errorDrawer_urfea_51 ._buttonContainer_urfea_72 {
  display: flex;
  align-items: center;
  gap: 1rem
}

._topPos_urfea_78 {
  display: flex;
  justify-content: center;
  align-items: center
}

._topPos_urfea_78 ._strip_urfea_83 {
  background: #e8022a;
  width: 20px;
  height: 50px;
  margin-right: 10px
}

@media screen and (min-width: 1024px) {
  ._dialogInner_urfea_91 {
    max-width: 38rem
  }
}

._root_wuux2_1 {
  background: #f1f3f6;
  min-width: 37.5rem;
  padding-block-start: 1rem;
  padding-inline: 0
}

._root_wuux2_1 ._headerText_wuux2_8 {
  width: 100%;
  font-size: 1.6rem;
  opacity: .7;
  font-weight: 500;
  padding-block-start: 2rem;
  padding-inline: 4rem;
  padding-block-end: 1.5rem
}

._root_wuux2_1 .MuiGrid-spacing-xs-3 {
  width: auto;
  margin: auto
}

._root_wuux2_1 ._actionRow_wuux2_21 {
  padding-inline-start: 3rem;
  padding-block-start: 0;
  padding-block-end: 2rem;
  justify-content: center
}

._root_wuux2_1 ._actionRow_wuux2_21 button {
  max-width: 34rem
}

._root_wuux2_1 ._emailField_wuux2_30 input,
._root_wuux2_1 ._nameField_wuux2_31 input {
  font-size: 1.4rem;
  font-weight: 500
}

._root_wuux2_1 ._emailField_wuux2_30 label,
._root_wuux2_1 ._nameField_wuux2_31 label {
  font-size: 1.2rem;
  font-weight: 500
}

._marg_wuux2_41 {
  margin: 10px
}

.MuiGrid-container {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  flex-direction: column
}

.MuiGrid-container .MuiGrid-root.MuiGrid-item {
  padding-left: 0
}

._countryDropdown_wuux2_56 .dial-code {
  margin-left: auto
}

._loginContainer_wuux2_60 {
  display: flex;
  background: #f0f3f6;
  padding: 10px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  width: 100%
}

._loginContainer_wuux2_60 ._checkOut_wuux2_70 {
  font-size: 1.4rem;
  font-weight: 500
}

._loginContainer_wuux2_60 ._buttonLogin_wuux2_74 {
  flex-grow: 1;
  text-align: end
}

._loginContainer_wuux2_60 ._buttonLogin_wuux2_74 button {
  background: var(--clr-primary-400);
  color: var(--clr-light-100);
  font-size: 1.2rem;
  font-weight: 500
}

._loginContainer_wuux2_60 .MuiButton-label {
  color: #fff !important
}

._center_wuux2_88 {
  width: 100%;
  text-align: center;
  padding-block-start: 1.5rem;
  color: gray;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .6
}

._gridLayout_wuux2_98 {
  display: flex;
  align-items: center
}

._logMeInText_wuux2_103 {
  font-weight: 500;
  font-size: 12px;
  color: #a9bdd0;
  margin-left: 1rem
}

._profileCard_wuux2_110 ._logMeInSection_wuux2_110 {
  display: flex;
  justify-content: space-between;
  padding-inline: 2rem;
  padding-block-start: 3rem
}

._profileCard_wuux2_110 ._logMeInSection_wuux2_110 .MuiCheckbox-root {
  color: #a9bdd0
}

._profileCard_wuux2_110 .MuiCardContent-root {
  padding-inline-start: 4rem
}

._termsConditionText_wuux2_123 {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  color: #007aff;
  cursor: pointer
}

._log_1paa8_2 {
  background: var(--theme-backgroud-page)
}

._main_1paa8_6 {
  background: var(--theme-backgroud-page);
  height: auto
}

@media screen and (min-width: 1024px) {
  ._main_1paa8_6 {
    max-width: 40rem;
    padding-bottom: 2rem;
    min-height: 30vh
  }
}

._main_1paa8_6 ._addButton_1paa8_17 {
  position: fixed;
  bottom: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 99
}

._main_1paa8_6 ._addButton_1paa8_17 button {
  background: #e02020;
  color: #fff;
  width: 90%;
  padding: 1rem;
  font-size: 1.5rem;
  border-radius: 2px;
  box-shadow: 0 0 4px gray
}

._main_1paa8_6 h1 {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 10px
}

._noaddButton_1paa8_40 {
  bottom: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 99
}

._noaddButton_1paa8_40 button {
  background: #e02020;
  color: #fff;
  width: 50%;
  padding: 1rem;
  font-size: 1.5rem;
  border-radius: 2px;
  box-shadow: 0 0 4px gray
}

._noShadow_1paa8_57 {
  border: 0
}

._header_1paa8_61 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;
  z-index: 9
}

._header_1paa8_61 ._mainHeading_1paa8_76 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_1paa8_61 ._subHeading_1paa8_82 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_1paa8_61 ._badge_1paa8_87 {
  position: absolute;
  top: 0
}

._root_14b4f_2 {
  display: flex;
  background: rgba(0, 0, 0, .3);
  border-radius: 5.25424px;
  height: 3rem;
  max-width: 15rem;
  padding-inline: .3rem
}

._root_14b4f_2 ._icon_14b4f_10 {
  margin-top: .2rem
}

._root_14b4f_2 ._text_14b4f_13 {
  min-width: fit-content;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-light-100);
  margin-inline-start: .4rem;
  margin-inline-end: .6rem;
  display: flex;
  align-items: center
}

._root_14b4f_2 ._toggle_14b4f_24 {
  zoom: 1.2;
  margin-top: -.1rem;
  margin-inline-end: -3rem
}

._root_14b4f_2 ._warningIcon_14b4f_29 {
  color: #007aff;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.2rem
}

._root_pznme_2 {
  width: 30rem;
  height: 52rem;
  text-align: center;
  position: relative;
  background-color: var(--clr-light-100)
}

._root_pznme_2 ._titleSection_pznme_9 {
  cursor: pointer;
  background: var(--clr-primary-400);
  box-shadow: 0 .2rem 2rem var(--clr-dark-400-20);
  padding: 1rem;
  margin-top: 1rem;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 2.5rem;
  text-align: center;
  color: var(--clr-light-100);
  text-shadow: 0px .4rem .8rem rgba(0, 0, 0, .25);
  text-transform: uppercase
}

._root_pznme_2 ._descriptionSection_pznme_24 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 150%;
  text-align: center;
  padding-inline: 1rem;
  margin-top: 2rem;
  color: var(--clr-dark-400)
}

._root_pznme_2 ._descriptionSection_pznme_24 ._heightLight_pznme_34 {
  color: var(--clr-orange-500)
}

._root_pznme_2 ._enableLightingPay_pznme_37 {
  width: 25rem;
  background: var(--theme-cartbar-button-bg);
  border-radius: 5px;
  margin-inline: auto;
  margin-top: 1rem;
  text-align: center;
  padding: 1rem
}

._root_pznme_2 ._enableLightingPay_pznme_37 ._title_pznme_9 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
  color: var(--clr-light-100)
}

._root_pznme_2 ._enableLightingPay_pznme_37 ._description_pznme_24 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-light-100);
  margin-top: .3rem
}

._root_pznme_2 ._maybeLaterSection_pznme_60 {
  width: 100%;
  padding: 1rem;
  background: var(--clr-light-250);
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: center;
  text-transform: capitalize;
  color: var(--clr-dark-400);
  margin-top: 1.5rem
}

._root_pznme_2 ._doNotRemindSection_pznme_72 {
  font-style: italic;
  font-weight: 500;
  font-size: 1.2rem;
  text-align: center;
  text-decoration-line: underline;
  color: #666;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin-top: 1.4rem
}

._root_pznme_2 ._warningIcon_pznme_84 {
  color: #007aff
}

._root_15kg2_2 {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid rgba(106, 110, 123, .1);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem;
  padding: 1.5rem;
  gap: 1.5rem;
  flex-grow: 0;
  flex-basis: 0
}

._desc_15kg2_16 {
  display: flex;
  flex-direction: column;
  gap: .6rem
}

._desc_15kg2_16 h3 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._desc_15kg2_16 p {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 400
}

._desc_15kg2_16 h5 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._inner_15kg2_37 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem
}

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

._actionButton_15kg2_44 ._viewStore_15kg2_49 {
  border: 0;
  color: var(--clr-secondary-400);
  text-transform: none
}

._actionButton_15kg2_44 ._viewStore_15kg2_49 .MuiButton-endIcon {
  margin-left: 2px
}

._actionButton_15kg2_44 ._viewStore_15kg2_49 svg {
  font-size: 1.4rem
}

[dir=rtl] ._actionButton_15kg2_44 ._viewStore_15kg2_49 svg {
  margin-inline-start: .5rem;
  transform: rotate(180deg)
}

._actionButton_15kg2_44 ._viewStore_15kg2_49:hover {
  color: var(--clr-secondary-400);
  box-shadow: 0 .4rem .4rem #0000001a;
  border-color: #393f5229
}

._root_1fnj6_2 {
  width: 100%;
  background: #fff;
  display: flex;
  flex-flow: column;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._root_1fnj6_2 {
    min-width: 40rem;
    max-width: 46rem;
    min-height: 33rem
  }
}

._root_1fnj6_2 ._head_1fnj6_16 {
  display: flex;
  flex-flow: column;
  align-items: center
}

._root_1fnj6_2 ._head_1fnj6_16 h3 {
  margin-top: 3rem;
  font-weight: 500;
  font-size: 18px
}

._root_1fnj6_2 ._modesWrapper_1fnj6_26 {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin: 3rem;
  align-items: center;
  gap: 2rem;
  justify-content: center;
  min-width: 100%
}

._root_1fnj6_2 ._modesWrapper_1fnj6_26 ._itm_1fnj6_36 {
  width: 50%;
  max-width: 15rem;
  display: flex;
  flex-flow: row;
  flex-grow: 1;
  align-items: center;
  gap: .4rem;
  border: 2px solid rgba(106, 110, 123, .1);
  border-radius: 1rem;
  overflow: hidden;
  cursor: pointer;
  padding: .4rem
}

@media screen and (min-width: 1024px) {
  ._root_1fnj6_2 ._modesWrapper_1fnj6_26 ._itm_1fnj6_36 {
    padding: 1rem;
    max-width: 19rem;
    min-width: 17rem
  }
}

._root_1fnj6_2 ._modesWrapper_1fnj6_26 ._itm_1fnj6_36:hover,
._root_1fnj6_2 ._modesWrapper_1fnj6_26 ._itm_1fnj6_36._active_1fnj6_57 {
  border: 2px solid #e4002b
}

._root_1fnj6_2 ._typeTitle_1fnj6_60 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  white-space: nowrap
}

@media screen and (min-width: 1024px) {
  ._root_1fnj6_2 ._typeTitle_1fnj6_60 {
    font-size: 1.4rem
  }
}

._root_1fnj6_2 ._typeIcon_1fnj6_71 img {
  width: 5rem
}

@media screen and (min-width: 1024px) {
  ._root_1fnj6_2 ._typeIcon_1fnj6_71 img {
    width: 5rem
  }
}

._root_1fnj6_2 ._selectTick_1fnj6_79 {
  color: #e4002b;
  font-size: 1.4rem
}

._root_1fnj6_2 ._action_1fnj6_83 {
  padding: 3rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

._root_1fnj6_2 ._action_1fnj6_83 button {
  padding: 1.5rem;
  width: 100%;
  font-weight: 700;
  font-size: 1.6rem
}

._deliveryIns_1fnj6_97 {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
  padding: 0 2rem
}

._deliveryIns_1fnj6_97 ._heading_1fnj6_104 {
  font-weight: 500;
  font-size: 16px;
  color: var(--clr-dark-400);
  margin-bottom: 1rem
}

._deliveryIns_1fnj6_97 ._input_1fnj6_110 {
  gap: 1rem;
  display: flex;
  flex-flow: column
}

._deliveryIns_1fnj6_97 ._input_1fnj6_110 input {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  width: 100%;
  padding: 1rem 0;
  border: 0;
  background: transparent;
  border-bottom: 1px solid rgba(56, 62, 81, .48)
}

._deliveryIns_1fnj6_97 ._input_1fnj6_110 input:focus {
  outline: none
}

._deliveryIns_1fnj6_97 ._example_1fnj6_128 {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400-50);
  margin-top: .5rem
}

._warningText_1fnj6_138 {
  color: var(--theme-warning-color);
  padding-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 1.4rem;
  align-items: center;
  justify-content: center;
  display: flex
}

._warningText_1fnj6_138 span {
  display: flex;
  align-items: center
}

._warningText_1fnj6_138 span img {
  margin-right: .5rem;
  cursor: pointer
}

._root_10yao_2 {
  height: 100%;
  display: flex;
  flex-direction: column !important;
  min-height: 100vh;
  background: #fff
}

@media screen and (min-width: 1024px) {
  ._root_10yao_2 {
    gap: 1.5rem;
    background: none
  }
}

._root_10yao_2 .active span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

._pageHeading_10yao_20 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_10yao_20:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

._wrapper_10yao_40 {
  overflow-x: hidden
}

@media screen and (min-width: 1024px) {
  ._wrapper_10yao_40 {
    margin-block-start: 0rem;
    padding: 2rem 13rem
  }
}

._storeWrapper_10yao_50 {
  display: flex;
  background: #fff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 10px;
  min-height: 77vh;
  flex-direction: column;
  flex-wrap: nowrap
}

@media screen and (min-width: 1024px) {
  ._storeWrapper_10yao_50 {
    flex-direction: row
  }
}

._storeList_10yao_65 {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  flex-basis: 100%
}

@media screen and (min-width: 1024px) {
  ._storeList_10yao_65 {
    max-width: 55rem;
    width: 50%
  }
}

._storeList_10yao_65 ._listHeader_10yao_77 {
  display: flex;
  flex-direction: row;
  padding: 2rem;
  height: 10.2rem;
  gap: 3.2rem;
  align-items: center
}

._storeList_10yao_65 ._inputSearch_10yao_85 {
  border: 1px solid rgba(57, 63, 82, .2);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: .6rem;
  height: 5.5rem;
  flex-grow: 1;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 25rem
}

@media screen and (min-width: 1024px) {
  ._storeList_10yao_65 ._inputSearch_10yao_85 {
    max-width: inherit;
    min-width: clamp(15rem, 36.06vw + -21.92rem, 30rem)
  }
}

._storeList_10yao_65 ._inputSearch_10yao_85 input {
  font-size: 1.6rem
}

._storeList_10yao_65 ._inputSearch_10yao_85 ._iconButton_10yao_106 {
  font-size: 2rem
}

._storeMap_10yao_110 {
  background: #fff;
  width: 55rem;
  height: 85vh;
  padding: 2rem;
  border-radius: 1rem;
  overflow: hidden;
  display: none
}

@media screen and (min-width: 1024px) {
  ._storeMap_10yao_110 {
    display: block;
    width: clamp(60rem, 48.08vw + 10.77rem, 80rem)
  }
}

._storeMap_10yao_110._activeMap_10yao_125 {
  display: block;
  width: 100%;
  height: 56vh;
  padding: 0 2rem
}

@media screen and (min-width: 1024px) {
  ._citySearch_10yao_133 {
    width: 100%
  }
}

._citySearch_10yao_133 .MuiInput-root {
  min-width: 13rem
}

@media screen and (min-width: 1024px) {
  ._citySearch_10yao_133 .MuiInput-root {
    min-width: clamp(15rem, 12.02vw + 2.69rem, 20rem)
  }
}

._citySearch_10yao_133 ._citySelect_10yao_145 {
  font-size: 1.4rem;
  height: 4rem
}

._citySearch_10yao_133 ._citySelect_10yao_145 .MuiSelect-icon {
  font-size: 2rem
}

._storeListing_10yao_153 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 1rem;
  min-height: 100vh
}

@media screen and (min-width: 1024px) {
  ._storeListing_10yao_153 {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 66vh;
    min-height: 66vh
  }
}

._tabsContainer_10yao_170 {
  display: flex;
  flex: 0 0 auto;
  background-color: #fff;
  border-bottom: 1px solid rgba(57, 63, 82, .1)
}

._tabsBar_10yao_177 {
  flex-grow: 1;
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  will-change: transform;
  padding-inline-start: 1rem;
  align-content: center;
  overflow-x: auto;
  margin-inline-start: 5px;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch
}

._tabsBar_10yao_177 ._tab_10yao_170 {
  display: block;
  line-height: 40px;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  color: #6a6e7b66;
  padding: 0 .5rem;
  text-transform: capitalize;
  opacity: 1;
  min-width: auto
}

._selectBoxItem_10yao_207 {
  font-size: 1.4rem !important;
  padding: .8rem !important
}

._mobileMapViewAction_10yao_212 {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 2rem 2rem 0;
  justify-content: space-between
}

@media screen and (min-width: 1024px) {
  ._mobileMapViewAction_10yao_212 {
    display: none
  }
}

._mobileMapViewAction_10yao_212 ._resultList_10yao_224 {
  font-weight: 500;
  font-size: 1.4rem
}

._mobileMapViewAction_10yao_212 ._showMapButton_10yao_228 {
  background: rgba(228, 0, 43, .03);
  border: .1rem solid #e4002b;
  border-radius: .2rem;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  padding: .2rem .8rem;
  box-shadow: none
}

._mobileMapViewAction_10yao_212 ._showMapButton_10yao_228 .MuiButton-startIcon {
  margin-left: 1px;
  width: 17px
}

._hideList_10yao_243 {
  display: none
}

._stickyMobileView_10yao_247 {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  z-index: 10;
  padding: 1rem;
  box-shadow: 0 -10px 20px #0000001a;
  border-radius: 20px 20px 0 0
}

@media screen and (min-width: 1024px) {
  ._stickyMobileView_10yao_247 {
    display: none
  }
}

html,
body {
  overscroll-behavior-x: none;
  overscroll-behavior-y: contain;
  margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0
}

*,
*:before,
*:after {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
  text-decoration: none
}

@-ms-viewport {
  width: device-width
}

.largeControls .MuiRadio-root .MuiSvgIcon-root {
  width: 1.4em;
  height: 1.4em
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-play-button {
  display: none
}

.BANNER_LARGE_305x158 video::-webkit-media-controls {
  display: none !important
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-volume-slider {
  display: none
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-enclosure {
  display: none !important
}

.BANNER_LARGE_305x158 .media-controls-container {
  display: none !important
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-timeline {
  display: none
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-current-time-display {
  display: none
}

.BANNER_LARGE_305x158 video {
  pointer-events: none;
  height: 100%;
  width: 100%
}

.BANNER_LARGE_305x158 video::-webkit-media-controls-start-playback-button {
  display: none !important
}

#root {
  max-width: 144rem;
  margin: auto
}

.grecaptcha-badge {
  visibility: hidden
}

._root_kqgd5_2 {
  background: #fff
}

._root_kqgd5_2 ._banner_kqgd5_5 {
  width: 100%
}

._root_kqgd5_2 ._banner_kqgd5_5 img {
  width: 100%;
  height: auto
}

._storeInfo_kqgd5_13 {
  display: flex;
  width: 90%;
  margin: 0 auto;
  gap: 2rem;
  border: 1px solid rgba(57, 63, 82, .1);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px;
  padding: .5rem;
  align-items: center
}

._storeDetail_kqgd5_25 {
  padding: 1.6rem;
  border-top: .1rem dashed rgba(57, 63, 82, .2);
  margin-top: 1rem
}

._storeDetail_kqgd5_25 button {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700
}

._instItem_kqgd5_36 {
  display: flex;
  align-items: center;
  gap: 1rem
}

._instItem_kqgd5_36 ._text_kqgd5_41 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._detailInfo_kqgd5_47 {
  background: #fff;
  padding: 2rem 1.2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(57, 63, 82, .1);
  border-radius: 1rem;
  margin-bottom: 1.6rem
}

._lableInput_kqgd5_59 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .8
}

._field_kqgd5_66 {
  border: 1px solid rgba(57, 63, 82, .3);
  border-radius: 4px;
  width: 100%;
  padding: .5rem .8rem;
  margin: 1rem 0
}

._field_kqgd5_66 ._input_kqgd5_73 {
  width: 100%
}

._field_kqgd5_66 ._input_kqgd5_73:before {
  display: none
}

._field_kqgd5_66 ._input_kqgd5_73 input {
  padding: 1rem;
  font-size: 1.2rem
}

._error_kqgd5_84 {
  font-size: 1.2rem;
  color: #fb8d45
}

._SkeletonLoad_kqgd5_89 {
  margin-bottom: .5rem
}

._skeltonRoot_kqgd5_93 {
  background-color: #fff
}

._carDetail_kqgd5_97 {
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  color: var(--clr-dark-400-40);
  width: 100%;
  justify-content: space-between
}

._dropcart_kqgd5_106 {
  padding: 2rem 1rem;
  background: #fff;
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_kqgd5_106 {
    max-width: 30rem
  }
}

._content_kqgd5_125 {
  text-align: center;
  line-height: 1.4rem
}

._action_kqgd5_130 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._action_kqgd5_130 button {
  padding: 1rem
}

._root_u6bx8_2 {
  background: #fff;
  display: flex;
  flex-direction: column;
  flex-basis: 47.8%;
  max-height: 37rem;
  box-shadow: 0 34.5333px 103.6px -8.63333px #0000000f;
  border-radius: 1rem;
  align-items: center;
  padding-bottom: 3rem;
  padding-top: 1rem;
  aspect-ratio: 566/350;
  overflow: hidden;
  height: fit-content
}

._root_u6bx8_2 a {
  min-width: 20rem;
  line-height: 3rem;
  font-size: 1.4rem
}

._img_u6bx8_23 {
  width: 100%;
  padding-inline: 11rem
}

._img_u6bx8_23 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

._content_u6bx8_33 {
  font-size: clamp(1.6rem, .96vw + .62rem, 2rem);
  line-height: clamp(1.8rem, 2.88vw + -1.15rem, 3rem);
  color: var(--clr-dark-400);
  font-weight: 700;
  padding: 1.5rem 5rem;
  text-align: center
}

._root_1x2b9_2 {
  color: #333;
  max-width: 100%;
  margin: 0 auto
}

@media screen and (min-width: 1024px) {
  ._root_1x2b9_2 {
    max-width: 100%
  }
}

._main_1x2b9_13 {
  background-color: var(--theme-backgroud-page);
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  ._main_1x2b9_13 {
    flex-wrap: wrap;
    padding-bottom: 12rem
  }
}

._blt_1x2b9_27 {
  position: absolute;
  top: 50%
}

._desktopBanners_1x2b9_32 {
  order: 4;
  display: none;
  padding: clamp(5rem, 5rem + .5vw + .1vh, 4rem) clamp(12.5rem, 12.5rem + .5vw + .1vh, 2rem) 0;
  grid-column-gap: 5.2rem;
  column-gap: 3.2rem;
  grid-row-gap: 4rem;
  row-gap: 7rem;
  flex-wrap: wrap;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._desktopBanners_1x2b9_32 {
    display: flex;
    justify-content: space-between
  }
}

._root_xriv2_2 {
  position: relative;
  display: flex;
  color: #fff;
  background: var(--theme-button-color);
  width: 65px;
  height: 50px;
  flex-direction: column;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  justify-content: center;
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._root_xriv2_2 {
    display: none
  }
}

._root_xriv2_2 ._menuIcon_xriv2_21 {
  width: 50px;
  height: 22px
}

._menuList_xriv2_26 {
  background: white;
  height: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden
}

._menuList_xriv2_26 h3 {
  color: var(--theme-drawer-menu-heading-color);
  font-size: 1.6rem;
  font-weight: 400;
  font-weight: 500;
  background: var(--theme-drawer-menu-heading-bg);
  padding: 18px
}

._menuList_xriv2_26 ul li {
  padding: 18px;
  font-size: 1.5rem;
  color: var(--theme-drawer-menu-heading-color);
  font-weight: 500;
  border-bottom: 1px solid rgba(57, 63, 82, .2)
}

._menuList_xriv2_26 ul li a {
  text-decoration: none
}

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

._menuList_xriv2_26 ._tab_xriv2_50 ._icon_xriv2_54 {
  justify-content: flex-end
}

[dir=rtl] ._menuList_xriv2_26 ._tab_xriv2_50 ._icon_xriv2_54 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  justify-content: start
}

._cartInfo_xriv2_63 {
  display: flex
}

._root_6bi5i_2 {
  color: #333;
  max-width: 100%;
  display: flex;
  flex-flow: column;
  height: auto;
  flex-grow: 1;
  background: var(--theme-backgroud-page)
}

@media screen and (min-width: 1024px) {
  ._root_6bi5i_2 {
    padding: 0 7rem;
    padding: 0 clamp(3rem, 3rem + (100vw - 100rem) * .1, 7rem)
  }
}

._main_6bi5i_18 {
  background: var(--theme-backgroud-page);
  flex-grow: 1;
  min-height: auto;
  height: 100%
}

._searchInput_6bi5i_25 {
  display: flex;
  background: var(--clr-light-375);
  padding: .5rem
}

@media screen and (min-width: 1024px) {
  ._searchInput_6bi5i_25 {
    padding: 0;
    border-radius: .4rem;
    height: 3.6rem;
    overflow: hidden;
    flex-basis: 14rem;
    min-width: 14.3rem;
    margin-inline-start: auto;
    z-index: 99
  }

  ._searchInput_6bi5i_25 .MuiInputBase-input {
    color: var(--clr-dark-400);
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 1rem
  }

  ._searchInput_6bi5i_25 .MuiInputBase-input::placeholder {
    color: var(--theme-search-fg)
  }

  ._searchInput_6bi5i_25 .MuiIconButton-root {
    padding: 0 .8rem;
    margin: .2rem;
    color: var(--theme-search-fg)
  }

  ._searchInput_6bi5i_25 .MuiIconButton-root svg {
    stroke-width: .1rem
  }
}

._tabsContainer_6bi5i_60 {
  display: flex;
  flex: 0 0 auto;
  background-color: #fff
}

@media screen and (min-width: 1024px) {
  ._tabsContainer_6bi5i_60 {
    min-width: 68rem;
    max-width: 96rem;
    margin: 0 auto;
    margin-top: 3rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 10px;
    padding: .5rem 2rem;
    align-items: center;
    position: relative;
    z-index: 1
  }
}

._menuBtn_6bi5i_80 {
  display: flex;
  flex-flow: column;
  align-items: center;
  flex: 0 0 auto;
  font-size: 7px;
  width: 55px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  background-color: #e4002b;
  padding: 5px 0
}

._menuBtnIcon_6bi5i_94 {
  flex-grow: 1
}

._tabsBar_6bi5i_98,
._tab_6bi5i_60 {
  margin: 0;
  padding: 0;
  list-style-type: none
}

._tabsBar_6bi5i_98 {
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  will-change: transform;
  align-content: center;
  overflow-x: auto;
  margin-inline-start: 5px;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  direction: ltr
}

@media screen and (min-width: 1024px) {
  ._tabsBar_6bi5i_98 {
    direction: ltr;
    margin-inline-start: 0;
    max-width: 80.5rem;
    padding-inline-end: 4rem
  }

  ._tabsBar_6bi5i_98 .MuiTabs-scrollable {
    overflow-x: scroll
  }

  ._tabsBar_6bi5i_98 .MuiTabScrollButton-root {
    opacity: 1;
    display: block;
    height: 4.8rem;
    width: 5.3rem;
    z-index: 2;
    background: linear-gradient(270deg, #ffffff 23.93%, rgba(255, 255, 255, 0) 92.86%);
    position: absolute;
    inset-inline-start: 92.5%
  }

  ._tabsBar_6bi5i_98 .MuiTabScrollButton-root svg {
    display: inline;
    position: absolute;
    top: 1rem;
    color: var(--clr-secondary-400);
    border: 1px solid;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    z-index: 3;
    inset-inline-start: 2rem
  }

  ._tabsBar_6bi5i_98 .MuiTabs-flexContainer {
    gap: 0;
    cursor: pointer
  }

  ._tabsBar_6bi5i_98 .MuiTabs-indicator {
    display: none
  }
}

._tabsBar_6bi5i_98 ._tab_6bi5i_60 {
  display: block;
  line-height: 40px;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--theme-category-tab-color);
  padding: 0 .5rem;
  text-transform: capitalize;
  opacity: 1;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._tabsBar_6bi5i_98 ._tab_6bi5i_60 {
    padding: 1.5rem 1.2rem;
    line-height: unset;
    color: var(--clr-dark-300-60);
    margin-block: 0;
    border: 0 none;
    min-width: auto;
    height: 4.8rem;
    transition: .5s ease
  }
}

._tabsBar_6bi5i_98 ._tab_6bi5i_60.active span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  ._tabsBar_6bi5i_98 ._tab_6bi5i_60.active {
    background: rgba(228, 0, 43, .05);
    border-radius: 1rem
  }

  ._tabsBar_6bi5i_98 ._tab_6bi5i_60.active span {
    color: var(--clr-primary-400);
    font-weight: 500
  }
}

@media screen and (min-width: 1024px) {
  ._tabsBar_6bi5i_98 ._tab_6bi5i_60:focus-within {
    border-radius: 1rem
  }
}

._tabsBar_6bi5i_98 ._tab_6bi5i_60:hover span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  ._tabsBar_6bi5i_98 ._tab_6bi5i_60:hover span {
    color: var(--clr-primary-400);
    font-weight: 500
  }
}

._tabContentContainer_6bi5i_230,
._tabContentContainerwithCart_6bi5i_235 {
  display: block;
  min-height: 74vh
}

._tabContentContainerwithCart_6bi5i_235>div {
  height: 74vh
}

._productList_6bi5i_244 {
  display: flex;
  flex-flow: column
}

._noItem_6bi5i_249 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 75vh;
  justify-content: center
}

._noItem_6bi5i_249 h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000
}

._noItem_6bi5i_249 p {
  color: gray
}

._noItem_6bi5i_249 button {
  background: red;
  color: #fff;
  text-transform: uppercase
}

._desktopWrapper_6bi5i_270 {
  display: flex;
  margin-top: 2.8rem;
  gap: 4rem
}

._desktopWrapper_6bi5i_270 ._tabContentContainer_6bi5i_230,
._desktopWrapper_6bi5i_270 ._tabContentContainerwithCart_6bi5i_235 {
  width: 70%
}

._desktopWrapper_6bi5i_270 ._Skeleton_6bi5i_281 {
  margin-bottom: 1rem;
  width: 31.2rem;
  height: 41.2rem
}

._active_6bi5i_186 {
  width: 90%;
  flex-grow: 1;
  position: absolute;
  background: #dfefff;
  left: 4%;
  opacity: 1
}

._active_6bi5i_186 ._searchOpened_6bi5i_295 {
  width: 90%
}

._active_6bi5i_186 ._searchOpened_6bi5i_295 input {
  opacity: 1;
  width: 100%
}

._content_6bi5i_307 {
  display: none
}

._contentActive_6bi5i_311 {
  display: block
}

@media screen and (min-width: 1024px) {
  ._reverse_6bi5i_316 .MuiTabScrollButton-root {
    inset-inline-start: 0% !important
  }

  ._reverse_6bi5i_316 .MuiTabs-scrollable {
    margin-inline-start: 6rem
  }
}

._hiddenTab_6bi5i_324 {
  display: none !important
}

._ltoTermsContainer_6bi5i_328 {
  width: 100%;
  height: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #007bff2a;
  font-size: 1rem;
  font-weight: 400;
  padding-inline: 1rem
}

._ltoTermsContainer_6bi5i_328 span {
  font-weight: 500;
  font-size: 1.1rem;
  color: var(--clr-secondary-400);
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._ltoTermsContainer_6bi5i_328 {
    position: relative;
    width: 30rem;
    left: 60%;
    top: -2.8rem;
    border-radius: 0px 0px .6rem .6rem
  }
}

._root_11j8y_1 {
  padding: 1.6rem 2.6rem 2.6rem 1.6rem;
  overflow-x: auto
}

._root_11j8y_1 h4 {
  text-transform: capitalize;
  font-size: 1.6rem;
  color: #393f52;
  font-weight: 500;
  margin-bottom: 1rem
}

._upsellList_11j8y_13 {
  display: flex;
  gap: 12px;
  max-width: 90rem
}

._upsellItem_11j8y_19 {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 4px;
  padding: 8px
}

._buttons_11j8y_28 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px
}

._buttons_11j8y_28 button {
  color: #e4002b;
  font-weight: 500;
  font-size: 12px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(73, 97, 171, .2);
  min-width: 40px;
  min-height: 22px;
  padding: 4px;
  border-radius: 4px
}

._img_11j8y_46 {
  width: 120px
}

._title_11j8y_50 {
  font-size: 1.2rem;
  color: var(--theme-primary-black);
  font-weight: 400
}

._price_11j8y_56 {
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--theme-primary-black)
}

._topHeading_1pchb_1 {
  color: #000 !important;
  background-color: #fff !important;
  box-shadow: none !important
}

._topHeading_1pchb_1 ._pageHeading_1pchb_6 {
  background: white;
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center
}

._topHeading_1pchb_1 ._pageHeading_1pchb_6 ._button_1pchb_13 {
  background: white;
  color: #000;
  border: 1px solid grey;
  position: absolute;
  right: 10px
}

._topHeading_1pchb_1 ._pageHeading_1pchb_6 h1 {
  font-size: 15px;
  font-weight: 700;
  padding-left: 13px;
  margin-top: 6px
}

._topHeading_1pchb_1 ._pageHeading_1pchb_6 h1 span {
  font-size: 1.2rem;
  font-weight: 700;
  padding-left: 1rem
}

._topHeading_1pchb_1 ._pageHeading_1pchb_6 ._back_1pchb_31 {
  position: absolute;
  left: 4px;
  width: 1.3em;
  height: 1.3em
}

._flexPosition_1pchb_38 {
  flex-direction: row
}

._flexPosition_1pchb_38 ._refreshButton_1pchb_41 {
  border-radius: 2px;
  border: 1px solid var(--clr-primary-400);
  background: var(--theme-lang-button-color);
  padding-inline: .8rem;
  padding-bottom: .4rem
}

._subHeading_1pchb_49 {
  width: 100%
}

._subHeading_1pchb_49 h2 {
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 10px
}

._subHeading_1pchb_49 h2:before {
  content: "";
  position: absolute;
  width: 100px;
  padding: .8px;
  bottom: 0;
  left: 0;
  background: red
}

._tabs_1pchb_67 {
  display: flex
}

._tabs_1pchb_67 ._tabItem_1pchb_70 {
  color: #555;
  font-size: 2rem
}

._modeTabs_1pchb_75 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: -2px;
  padding: 0 10px;
  justify-content: flex-start
}

._modeTabs_1pchb_75 ._tabicon_1pchb_84 {
  border: 1px solid #afc4d0;
  margin: 0 auto;
  border-radius: 5px;
  padding: 3px 0;
  box-shadow: 0 0 5px #dedede
}

._modeTabs_1pchb_75 img {
  width: 70%;
  border-radius: 12px;
  object-fit: CONTAIN;
  height: 100%;
  max-height: 46px
}

._mainone_1pchb_99 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: white
}

._mainone_1pchb_99 ._tabtitle_1pchb_105 {
  font-size: .9rem;
  font-weight: 400;
  color: #696666;
  padding-top: 5px
}

._mainone_1pchb_99 ._active_1pchb_111 {
  position: relative
}

._mainone_1pchb_99 ._active_1pchb_111 ._tabicon_1pchb_84 {
  border: 2px solid #e5012b;
  box-shadow: 0 0 #dedede
}

._mainone_1pchb_99 ._active_1pchb_111 ._tabtitle_1pchb_105 {
  color: #000
}

._mainone_1pchb_99 ._active_1pchb_111 ._tabtitle_1pchb_105:after {
  content: "";
  position: absolute;
  background: #ff0000;
  bottom: -3.5px;
  padding: 1px;
  width: 100%;
  left: 0
}

._mainone_1pchb_99 ._tabItem_1pchb_70 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  align-content: flex-end;
  flex-wrap: wrap;
  text-align: center;
  padding-bottom: 3px;
  margin: 0 3px
}

button._editButton_1pchb_141 {
  color: #e4002b;
  font-size: 1.4rem;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(73, 97, 171, .2)
}

._root_1ugsy_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.6rem;
  background: var(--clr-light-100);
  margin: 1.5rem 0;
  cursor: pointer
}

._root_1ugsy_1 h3 {
  font-weight: 500
}

._root_1ugsy_1 p {
  padding-top: 4px;
  font-size: 1.2rem;
  color: var(--clr-dark-200)
}

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

._menuHeading_1ugsy_19 h3 {
  font-size: 1.6rem;
  font-weight: 500
}

._menuHeading_1ugsy_19 p {
  font-size: 1.2rem;
  font-weight: 400
}

._actionBar_1ugsy_32 {
  font-size: 1.5rem
}

[dir=rtl] ._actionBar_1ugsy_32 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._root_8bw6e_2 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1.5rem;
  background: var(--clr-light-100);
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._root_8bw6e_2 {
    border-radius: .6rem;
    overflow: hidden
  }
}

._root_8bw6e_2._noCoupon_8bw6e_17 {
  cursor: pointer;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._root_8bw6e_2._noCoupon_8bw6e_17 {
    border-inline-start: solid .5rem var(--clr-primary-400)
  }
}

._root_8bw6e_2._errorCoupon_8bw6e_26:before,
._root_8bw6e_2._appliedCoupon_8bw6e_26:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px
}

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

  ._root_8bw6e_2._errorCoupon_8bw6e_26:before,
  ._root_8bw6e_2._appliedCoupon_8bw6e_26:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: .6rem
  }
}

._root_8bw6e_2._errorCoupon_8bw6e_26:before {
  border: 1px dashed var(--theme-warning-text-color)
}

._root_8bw6e_2._errorCoupon_8bw6e_26 ._subHeading_8bw6e_40 {
  color: var(--theme-warning-text-color)
}

._root_8bw6e_2._appliedCoupon_8bw6e_26:before {
  border: 1px dashed var(--theme-order-success-color)
}

._root_8bw6e_2._appliedCoupon_8bw6e_26 ._subHeading_8bw6e_40 {
  color: var(--theme-order-success-color)
}

._root_8bw6e_2._loading_8bw6e_49>* {
  flex: 1 1 100%
}

._couponHeading_8bw6e_53 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-inline-end: .6rem;
  row-gap: .8rem
}

._couponHeading_8bw6e_53 ._heading_8bw6e_60 {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  font-weight: 500;
  padding-inline: 1rem
}

._couponHeading_8bw6e_53 p {
  color: #6a6e7b;
  margin-inline-start: 3rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._couponHeading_8bw6e_53 p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7rem
  }
}

._couponHeading_8bw6e_53 ._subHeading_8bw6e_40 {
  display: block;
  flex-basis: 100%;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-200)
}

._iconRight_8bw6e_89 {
  display: flex;
  flex-direction: column;
  gap: .8rem
}

._iconRight_8bw6e_89 button {
  padding-block: 0;
  align-items: flex-end;
  white-space: nowrap;
  align-items: center
}

._iconRight_8bw6e_89 button._buttonViewTC_8bw6e_100 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.2rem;
  font-style: italic;
  text-decoration: underline
}

._iconRight_8bw6e_89 button._buttonViewTC_8bw6e_100 ._infoIcon_8bw6e_107 {
  margin-inline-end: .2rem
}

._iconRight_8bw6e_89 button._remove_8bw6e_110 {
  color: var(--theme-button-color);
  font-weight: 500;
  font-size: 1.4rem
}

[dir=rtl] ._iconRight_8bw6e_89 ._rightIcon_8bw6e_115 {
  transform: scaleX(-1)
}

._iconRight_8bw6e_89 svg {
  font-size: 1.5rem
}

._termsContainer_8bw6e_122 {
  padding: 0rem 2rem
}

._termsContainer_8bw6e_122 ul {
  padding-inline-start: .2rem !important;
  padding-inline-end: .5rem !important
}

._termsContainer_8bw6e_122 p {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--clr-dark-400);
  padding-left: 0 !important;
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
  line-height: 2.2rem
}

._termsContainer_8bw6e_122 ul li {
  margin-left: 2rem !important
}

._inner_8bw6e_143 {
  background: white;
  height: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._inner_8bw6e_143 {
    max-width: 39rem;
    padding-bottom: 2rem;
    min-width: 33rem
  }
}

._inner_8bw6e_143 ._badge_8bw6e_159 {
  background: #ebf5fe;
  padding: 1.8rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400);
  margin-bottom: 2rem
}

._inner_8bw6e_143 h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black)
}

._inner_8bw6e_143 button {
  border-radius: 4px;
  color: #fff;
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._inner_8bw6e_143 button._close_8bw6e_181 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._couponCode_8bw6e_190 {
  border: 1px dashed var(--clr-primary-400);
  border-radius: .6rem;
  background: #ffffff;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .7;
  padding-inline: 1.2rem;
  margin-bottom: 1.2rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  width: fit-content
}

._container_s23wt_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 25rem;
  position: relative
}

@media screen and (min-width: 1024px) {
  ._container_s23wt_2 {
    max-width: 40rem;
    background: #fff
  }
}

._container_s23wt_2 ._buttons_s23wt_16 {
  display: flex
}

._container_s23wt_2 ._badge_s23wt_19 {
  top: -1px;
  position: absolute
}

._container_s23wt_2 p {
  margin-block-end: 2.5rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: var(--clr-dark-400);
  text-align: center;
  width: 80%
}

@media screen and (min-width: 1024px) {
  ._container_s23wt_2 p span {
    color: var(--clr-primary-400)
  }
}

._container_s23wt_2 button {
  border-radius: 4px;
  color: #fff;
  padding: 1.5rem 2rem;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  height: 4.8rem;
  width: 17rem
}

._container_s23wt_2 button._close_s23wt_47 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._container_s23wt_2 ._smallHeading_s23wt_55 {
  margin-block-start: 1.5rem;
  margin-block-end: 3.5rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.3rem;
  color: var(--clr-dark-400);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem
}

._container_s23wt_2 ._smallHeading_s23wt_55:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  background: #e4002b;
  border-radius: 73.1034px;
  height: .2rem;
  width: 2.8rem
}

._root_6otu9_2 {
  background: var(--clr-background);
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column !important;
  padding-top: 1.5rem;
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._root_6otu9_2 {
    background: var(--clr-light-100)
  }
}

._root_6otu9_2 .MuiPaper-root {
  color: #000000de;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e !important;
  transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms;
  background-color: #fff
}

._toolBar_6otu9_23 {
  display: flex;
  justify-content: space-around;
  align-items: center
}

._toolBar_6otu9_23 ._tabItem_6otu9_28,
._toolBar_6otu9_23 ._notActive_6otu9_28 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  display: flex;
  flex-direction: column !important;
  gap: .8rem
}

._toolBar_6otu9_23 ._tabItem_6otu9_28 ._active_6otu9_36,
._toolBar_6otu9_23 ._notActive_6otu9_28 ._active_6otu9_36 {
  height: .4rem;
  background-color: var(--clr-primary-400);
  border-radius: .2rem .2rem 0 0
}

._toolBar_6otu9_23 ._notActive_6otu9_28 {
  color: var(--clr-light-600)
}

._desktopContainer_6otu9_45 {
  padding-inline: 13rem;
  padding-block: 2.5rem;
  background-color: #e5e5e5
}

._desktopContainer_6otu9_45 ._desktopView_6otu9_50 {
  background-color: #fff;
  padding-inline: 2rem;
  border-radius: 8px
}

._desktopContainer_6otu9_45 ._paper_6otu9_55 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._desktopContainer_6otu9_45 ._header_6otu9_59 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

._desktopContainer_6otu9_45 ._header_6otu9_59 ._headerText_6otu9_64 {
  font-size: 1.6rem;
  font-weight: 500;
  max-width: 85%
}

._desktopContainer_6otu9_45 ._header_6otu9_59 ._icon_6otu9_69 {
  height: 2.5rem;
  width: 2.5rem
}

._pageHeading_6otu9_74 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_6otu9_74:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

._Skeleton_6otu9_94 {
  margin-bottom: 1rem
}

._root_3q1zq_2 {
  background: var(--clr-background);
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column !important;
  gap: 1.5rem
}

._pageHeading_3q1zq_11 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_3q1zq_11:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

@media screen and (min-width: 1024px) {
  ._wrapper_3q1zq_32 {
    padding: 2rem 13rem
  }
}

._fork_1hzzs_2 {
  text-align: center;
  color: #c41230;
  margin-top: 3rem !important;
  font-size: 2.6rem;
  font-weight: 700;
  color: var(--clr-primary-400);
  margin-top: 3rem
}

@media screen and (min-width: 1024px) {
  ._fork_1hzzs_2 {
    font-size: 4.6rem
  }
}

._fork1_1hzzs_18 {
  text-align: center;
  color: #c41230;
  margin-bottom: 3rem !important;
  font-size: 2.6rem;
  font-weight: 700;
  color: var(--clr-primary-400);
  margin-bottom: 3rem
}

@media screen and (min-width: 1024px) {
  ._fork1_1hzzs_18 {
    font-size: 4.6rem
  }
}

._tasteMuchBetter_1hzzs_34 {
  text-align: center;
  font-size: 2rem;
  font-weight: 700
}

._section1_1hzzs_40 {
  margin-top: 7rem
}

._img_1hzzs_44 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 60rem;
  aspect-ratio: 600/338
}

._img_1hzzs_44 source,
._img_1hzzs_44 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

._number_1hzzs_59 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -3.5rem;
  width: 5.4rem;
  height: 5.4rem;
  background: #dcbf93;
  color: var(--ion-color-dark);
  font-weight: 700;
  font-size: 2.7rem;
  border-radius: 50%;
  border: .4rem solid #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translate(-50%)
}

@media screen and (min-width: 1024px) {
  ._number_1hzzs_59 {
    width: 7.4rem;
    height: 7.4rem
  }
}

._text_1hzzs_84 {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
  line-height: 2.2rem
}

._engText_1hzzs_92 {
  direction: ltr
}

._footer_1hzzs_96 {
  margin-top: 2rem
}

._main_x3x9k_2 {
  background: var(--theme-backgroud-page);
  height: auto;
  padding-bottom: 9rem;
  padding-top: 1px;
  display: flex;
  flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
  ._main_x3x9k_2 {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2rem clamp(3rem, 9.62vw + -6.85rem, 7rem);
    border-radius: 1rem
  }
}

._firstWidget_x3x9k_20 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._firstWidget_x3x9k_20 {
    width: auto;
    background: #fff;
    border-radius: 1rem;
    flex-grow: 1
  }

  ._firstWidget_x3x9k_20 h2 {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--clr-dark-400-10)
  }
}

._wrapperCartValues_x3x9k_38 {
  margin: 1.5rem 0
}

@media screen and (min-width: 1024px) {
  ._wrapperCartValues_x3x9k_38 {
    margin: 0
  }
}

@media screen and (min-width: 1024px) {
  ._wrapper_x3x9k_38 {
    background: var(--theme-backgroud-page);
    padding: 2rem;
    border-radius: .6rem;
    margin: 2rem;
    flex-flow: column;
    display: flex;
    gap: 2rem
  }
}

._secondWidget_x3x9k_59 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._secondWidget_x3x9k_59 {
    width: auto;
    margin-inline-start: 2.1rem;
    padding: 0 1rem;
    position: sticky;
    top: 8rem;
    height: 100%
  }
}

@media screen and (min-width: 1024px) {
  ._orderSummery_x3x9k_74 {
    width: clamp(37rem, 28.85vw + 7.46rem, 49rem);
    border-radius: 1rem;
    background: white;
    box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20);
    min-height: 35rem;
    position: relative;
    padding-bottom: 11rem
  }
}

._sideHeading_x3x9k_85 {
  background: var(--clr-light-350);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative
}

._badgeIcon_x3x9k_93 {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 3rem
}

._section_x3x9k_99 {
  margin: 15px 0;
  box-shadow: 0 2.17631px 7.61708px var(--clr-dark-200-20);
  background: #fff
}

@media screen and (min-width: 1024px) {
  ._section_x3x9k_99 {
    border-radius: .6rem;
    overflow: hidden;
    margin: 0
  }
}

._section_x3x9k_99 button._buttonAddress_x3x9k_112 {
  color: var(--clr-secondary-400);
  text-transform: uppercase;
  border: 0px solid rgba(73, 97, 171, .2);
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 500;
  min-width: 80px;
  padding: 6px 12px
}

._editProfile_x3x9k_123 {
  background: #fff;
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._editProfile_x3x9k_123 ._profileName_x3x9k_130 {
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: capitalize;
  color: #393f52;
  display: flex;
  flex-direction: column;
  gap: .8rem
}

@media screen and (min-width: 1024px) {
  ._editProfile_x3x9k_123 ._profileName_x3x9k_130 {
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    margin-inline-end: 1.5rem;
    flex-direction: row
  }
}

._editProfile_x3x9k_123 ._profileName_x3x9k_130 ._mobileArea_x3x9k_148 {
  display: flex;
  align-items: center;
  opacity: .6
}

[dir=rtl] ._editProfile_x3x9k_123 ._profileName_x3x9k_130 ._mobileArea_x3x9k_148 {
  direction: ltr
}

._editProfile_x3x9k_123 ._profileName_x3x9k_130 ._mobileArea_x3x9k_148 ._mobileIcon_x3x9k_156 {
  margin-inline: .5rem
}

._editProfile_x3x9k_123 ._profilePhone_x3x9k_159 {
  font-size: 1.2rem
}

._editProfile_x3x9k_123 button {
  border: 1px solid rgba(73, 97, 171, .2);
  box-shadow: none;
  padding: .6rem 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: .4rem
}

._editProfile_x3x9k_123 button:hover,
._editProfile_x3x9k_123 button:active,
._editProfile_x3x9k_123 button:focus {
  border-width: .1rem
}

._deliveryMod_x3x9k_174 {
  background: var(--clr-light-100);
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  display: flex;
  align-items: flex-start
}

@media screen and (min-width: 1024px) {
  ._deliveryMod_x3x9k_174 {
    padding: 0
  }
}

._deliveryMod_x3x9k_174 ._iconCol_x3x9k_186 {
  width: 8rem;
  flex-shrink: 0;
  border-radius: 50%;
  padding: 1rem;
  overflow: hidden;
  aspect-ratio: 1/1;
  background-color: var(--clr-light-150)
}

@media screen and (min-width: 1024px) {
  ._deliveryMod_x3x9k_174 ._iconCol_x3x9k_186 {
    width: 14rem;
    margin-block-start: -2rem;
    margin-inline-start: -3rem;
    padding-block: 3rem;
    padding-inline: 4rem 2rem
  }
}

._deliveryMod_x3x9k_174 ._iconCol_x3x9k_186 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply
}

._modCol_x3x9k_211 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._modCol_x3x9k_211 h3 {
    font-size: 1.6rem;
    color: var(--clr-dark-400);
    font-weight: 500;
    border-bottom: 1px solid var(--clr-dark-400-10);
    padding: 1.3rem 1rem
  }
}

._orderModes_x3x9k_226 {
  display: flex;
  flex-flow: column;
  gap: 0;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._orderModes_x3x9k_226 {
    flex-flow: row;
    gap: 2rem;
    padding-inline-end: 2rem
  }
}

._orderModes_x3x9k_226 hr {
  width: 100%;
  height: 2px;
  background-color: var(--clr-dark-400-10);
  border: 0 none;
  margin: 0
}

@media screen and (min-width: 1024px) {
  ._orderModes_x3x9k_226 hr {
    width: 1px;
    height: auto
  }
}

._deliveryOption_x3x9k_253 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  padding-inline-start: 1rem
}

@media screen and (min-width: 1024px) {
  ._deliveryOption_x3x9k_253 {
    align-items: flex-start;
    padding-block-start: 1.3rem
  }

  ._deliveryOption_x3x9k_253:first-child {
    min-width: 40%
  }

  ._deliveryOption_x3x9k_253:last-child {
    padding-inline-start: 0
  }
}

._deliveryOption_x3x9k_253 ._modTitle_x3x9k_272 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.2rem;
  color: var(--clr-dark-400);
  flex-grow: 1;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-block-start: 1rem
}

@media screen and (min-width: 1024px) {
  ._deliveryOption_x3x9k_253 ._modTitle_x3x9k_272 {
    margin-block-start: 0
  }
}

._deliveryOption_x3x9k_253 ._radioButton_x3x9k_288 {
  float: right
}

@media screen and (min-width: 1024px) {
  ._deliveryOption_x3x9k_253 ._radioButton_x3x9k_288 {
    padding: 0
  }
}

._deliveryOption_x3x9k_253:nth-child(2) {
  border-bottom: 0
}

._contactLess_x3x9k_301 label {
  margin-inline: 0
}

@media screen and (min-width: 1024px) {
  ._contactLess_x3x9k_301 {
    padding: 1rem 0 0
  }

  ._contactLess_x3x9k_301 span {
    font-size: 1.4rem;
    font-weight: 600
  }
}

._checkoutCooking_x3x9k_314 {
  margin: 0
}

._addressList_x3x9k_318 {
  display: flex
}

@media screen and (min-width: 1024px) {
  ._addressList_x3x9k_318 {
    padding-bottom: 1.4rem;
    border-bottom: 1px solid var(--clr-dark-400-10)
  }
}

._addressList_x3x9k_318 ._houseIcon_x3x9k_327 {
  flex-grow: 0;
  width: 14%;
  display: flex;
  align-content: flex-start;
  flex-direction: column;
  margin-inline-end: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._addressList_x3x9k_318 ._houseIcon_x3x9k_327 {
    width: 3.2rem
  }
}

@media screen and (min-width: 1024px) {
  ._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressLable_x3x9k_341 {
    display: flex;
    gap: 1rem;
    align-items: center
  }

  ._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressLable_x3x9k_341 h3 {
    font-size: 1.4rem;
    color: var(--clr-dark-400);
    font-weight: 500
  }
}

._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressLable_x3x9k_341 button {
  background-color: var(--theme-button-color);
  color: #fff;
  font-size: .9rem;
  min-width: 20px;
  text-align: center;
  padding: .6rem 1.6rem;
  border-radius: 2px;
  margin-bottom: .8rem;
  text-transform: uppercase;
  font-weight: 500;
  cursor: default
}

._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressTitle_x3x9k_365 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: .5rem;
  color: #393f52;
  gap: .5rem;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  ._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressTitle_x3x9k_365 {
    align-items: center;
    flex-direction: row
  }
}

._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressDescription_x3x9k_380 {
  font-size: 1.2rem;
  line-height: 2.2rem;
  font-weight: 400;
  color: #393f52
}

@media screen and (min-width: 1024px) {
  ._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressDescription_x3x9k_380 {
    font-size: 1.4rem
  }
}

._addressList_x3x9k_318 ._addressListItem_x3x9k_341 ._addressDescription_x3x9k_380 span {
  display: block;
  font-weight: 600;
  word-break: break-all
}

._orderDetail_x3x9k_397 {
  background: white;
  padding: 16px;
  box-shadow: 0 0 4px #dedcdc;
  gap: 10px
}

@media screen and (min-width: 1024px) {
  ._orderDetail_x3x9k_397 {
    background: #ffffff;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px 6px 0 0;
    margin: 2rem;
    padding: 0
  }
}

._orderDetail_x3x9k_397 ._orderTotal_x3x9k_412 {
  background: #dfefff;
  border: 1px dashed #8fbff0;
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: none
}

@media screen and (min-width: 1024px) {
  ._orderDetail_x3x9k_397 ._orderTotal_x3x9k_412 {
    border-radius: 0 0 6px 6px !important
  }
}

._orderDetail_x3x9k_397 ._orderItem_x3x9k_424 {
  flex-grow: 0;
  gap: 10px;
  display: flex;
  padding-block-end: 2rem
}

@media screen and (min-width: 1024px) {
  ._orderDetail_x3x9k_397 ._orderItem_x3x9k_424 {
    padding-inline: 2rem;
    padding-block: 2rem 1.5rem
  }
}

._orderDetail_x3x9k_397 ._orderItem_x3x9k_424 ._vericalBar_x3x9k_437 {
  border-left: .1rem solid var(--clr-dark-400-40)
}

._orderDetail_x3x9k_397 ._itemCount_x3x9k_440 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
  white-space: nowrap
}

._orderDetail_x3x9k_397 ._itemDetail_x3x9k_446 {
  font-weight: 400;
  font-size: 1.6rem;
  color: var(--clr-dark-400-80);
  line-height: 2rem
}

._orderDetail_x3x9k_397 ._orderInfo_x3x9k_452 {
  display: flex;
  background-color: #dfefff;
  padding: 16 15px;
  flex-direction: column;
  align-items: stretch
}

._orderDetail_x3x9k_397 ._orderInfo_x3x9k_452 ._vatInfo_x3x9k_459 {
  color: #ff8900;
  font-size: .9rem;
  font-style: italic
}

._amountText_x3x9k_465 {
  font-size: 1.6rem;
  font-weight: 500;
  flex-grow: 1;
  color: var(--clr-dark-400)
}

._amountValue_x3x9k_472 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  direction: ltr
}

._orderTotal_x3x9k_412 ._orderSummary_x3x9k_479 {
  background-color: #dfefff
}

._orderTotal_x3x9k_412 ._orderSummary_x3x9k_479.MuiAccordionSummary-root.Mui-expanded {
  min-height: 48px
}

._orderTotal_x3x9k_412 ._orderSummary_x3x9k_479 .MuiAccordionSummary-content.Mui-expanded {
  margin: 12px 0
}

._orderTotal_x3x9k_412 ._listItem_x3x9k_488 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

._orderTotal_x3x9k_412 ._listItem_x3x9k_488:last-child {
  border-top: 1px solid rgba(57, 63, 82, .1215686275);
  padding-top: 10px
}

._orderTotal_x3x9k_412 ._listItem_x3x9k_488:last-child ._textDetail_x3x9k_497 {
  opacity: 1
}

._orderTotal_x3x9k_412 ._textDetail_x3x9k_497 {
  font-size: 1.4rem;
  font-weight: 400;
  color: #393f52;
  opacity: .5
}

._orderTotal_x3x9k_412 ._amountDetail_x3x9k_506 {
  font-size: 1.1rem;
  text-align: right;
  color: #393f52;
  font-size: 1.4rem
}

._orderTotal_x3x9k_412.MuiAccordion-root.Mui-expanded {
  margin-block: 0
}

._nobg_x3x9k_516 {
  padding-inline: 1.6rem;
  padding-block: 2rem
}

._nobg_x3x9k_516 div {
  background-color: transparent;
  border: 0
}

._nobg_x3x9k_516 ._errorDrawer_x3x9k_524 {
  min-height: 40vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid #fff;
  display: flex;
  background-color: #f3f2f2;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px
}

._nobg_x3x9k_516 ._errorDrawer_x3x9k_524 ._ErrorB_x3x9k_538 {
  background: #e8022a;
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: .4rem;
  width: 16.35rem;
  height: 4.8rem;
  margin: 1rem 1.45rem 0
}

._nobg_x3x9k_516 ._errorDrawer_x3x9k_524 ._error_x3x9k_524 {
  margin-top: 3rem;
  height: 10rem;
  width: 34.1rem;
  left: 1.7rem;
  top: 5rem;
  font-family: Rubik;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: 0rem;
  text-align: center
}

._nobg_x3x9k_516 ._errorDrawer_x3x9k_524 ._notNow_x3x9k_563 {
  background-color: var(--clr-light-100);
  color: var(--clr-secondary-400)
}

._nobg_x3x9k_516 ._paymentDrawer_x3x9k_567 {
  min-height: 60vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid #fff;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px
}

._nobg_x3x9k_516 ._paymentDrawer_x3x9k_567 ._madePayment_x3x9k_581 {
  background: #e8022a;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 0;
  padding: 10px
}

._nobg_x3x9k_516 ._paymentDrawer_x3x9k_567 ._cancelB_x3x9k_592 {
  background: #fff;
  color: #000;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 1px solid grey;
  margin-right: 15px;
  padding: 10px
}

._nobg_x3x9k_516 ._paymentDrawer_x3x9k_567 ._image_x3x9k_604 {
  margin-left: -40px
}

._nobg_x3x9k_516 ._paymentDrawer_x3x9k_567 ._image_x3x9k_604 img {
  width: 26px;
  height: 25px
}

._nobg_x3x9k_516 ._paymentDrawer_x3x9k_567 ._paymentItem_x3x9k_611 {
  padding-top: 4px;
  padding-bottom: 2px
}

._nobg_x3x9k_516 ._topPos_x3x9k_615 {
  display: flex;
  position: absolute;
  top: 50px
}

._nobg_x3x9k_516 ._strip_x3x9k_620 {
  background: #e8022a;
  width: 20px;
  height: 50px;
  margin-right: 10px
}

._futureDateBadge_x3x9k_627 {
  display: flex;
  justify-content: center;
  align-items: center
}

._methodTitle_x3x9k_633 span {
  font-size: 1.3rem;
  font-weight: 700
}

._methods_x3x9k_638 {
  display: flex;
  flex-direction: column;
  align-items: center
}

._futureList_x3x9k_644 {
  display: flex;
  height: 32rem;
  overflow-y: scroll;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 80%;
  margin-block-start: 1rem
}

._date_x3x9k_655,
._slots_x3x9k_656 {
  font-size: 1.6rem;
  font-weight: 400;
  margin-inline-start: 1rem;
  padding-block-end: 2rem;
  gap: 1.8rem
}

._date_x3x9k_655 .MuiFormControlLabel-label,
._slots_x3x9k_656 .MuiFormControlLabel-label {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8rem
}

._timeSlots_x3x9k_670 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-grow: 1;
  overflow: hidden
}

._dateList_x3x9k_678 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  flex-grow: 0;
  position: sticky;
  top: 0;
  width: 50%
}

._mainFuture_x3x9k_689 {
  width: 100%;
  border-radius: 20px 20px 0 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center
}

._mainFuture_x3x9k_689 h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  padding-block: 1.5rem;
  padding-inline: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

._mainFuture_x3x9k_689 h3:after {
  content: "";
  width: 3rem;
  display: block;
  height: .3rem;
  background: #de0000;
  border-radius: 7rem;
  position: absolute;
  bottom: .5rem
}

._placeFuture_x3x9k_719 {
  padding-block: 2rem;
  padding-inline: 1rem;
  box-shadow: 0 0 3rem 1.5rem var(--clr-light-100);
  z-index: 1
}

@media screen and (min-width: 1024px) {
  ._placeFuture_x3x9k_719 {
    padding-block: 2rem 3rem;
    white-space: nowrap
  }
}

._placeFuture_x3x9k_719 .MuiButton-root {
  padding-inline: 1rem .5rem
}

@media screen and (min-width: 1024px) {
  ._placeFuture_x3x9k_719 .MuiButton-root {
    padding-inline: 1.5rem .5rem
  }
}

@media screen and (min-width: 1024px) {
  ._placeFuture_x3x9k_719 button {
    height: 5rem
  }
}

._placeFuture_x3x9k_719 ._dateTime_x3x9k_744,
._placeFuture_x3x9k_719 ._place_x3x9k_719 {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: none;
  letter-spacing: normal
}

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

  ._placeFuture_x3x9k_719 ._dateTime_x3x9k_744,
  ._placeFuture_x3x9k_719 ._place_x3x9k_719 {
    font-size: 1.6rem;
    letter-spacing: .02857em
  }
}

._placeFuture_x3x9k_719 ._dateTime_x3x9k_744 {
  display: flex;
  flex-grow: 1;
  width: 72%;
  border-inline-end: 1px solid rgba(255, 255, 255, .35);
  padding-inline-end: 1rem
}

._placeFuture_x3x9k_719 ._dateTime_x3x9k_744 svg {
  margin-inline-end: .6rem;
  margin-top: .5rem
}

@media screen and (min-width: 1024px) {
  ._placeFuture_x3x9k_719 ._dateTime_x3x9k_744 span {
    margin-top: .5rem
  }
}

@media screen and (min-width: 1024px) {
  ._placeFuture_x3x9k_719 ._dateTime_x3x9k_744 {
    padding-block: 2rem 3rem;
    padding-inline-end: 1.5rem;
    align-items: center
  }
}

._placeFuture_x3x9k_719 ._place_x3x9k_719 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._placeFuture_x3x9k_719 ._place_x3x9k_719 {
    padding-inline: 1.5rem 0
  }
}

._placeFuture_x3x9k_719 ._place_x3x9k_719 svg {
  font-size: 2.1rem;
  margin-inline-start: .5rem
}

._futureValueDisktop_x3x9k_797 {
  font-size: 1.2rem;
  background: var(--theme-product-bg-blue-color);
  border-radius: 4px;
  font-weight: 400;
  color: var(--theme-product-blue-color);
  line-height: 1.4rem;
  width: 100%;
  margin: 1rem 0
}

._futureValueDisktop_x3x9k_797 ._title_x3x9k_807 {
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-secondary-400-70);
  display: inline-block;
  width: auto;
  background: rgba(0, 122, 255, .04);
  border-radius: .4rem;
  padding: 1rem .6rem
}

._futureValueDisktop_x3x9k_797 ._subTitle_x3x9k_818 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clr-dark-400);
  background: rgba(169, 189, 208, .2);
  padding: .3rem 1rem;
  gap: 1rem;
  white-space: nowrap
}

._futureValueDisktop_x3x9k_797 ._subTitle_x3x9k_818 ._icon_x3x9k_186 {
  width: 2rem;
  height: 2rem;
  background: var(--clr-light-600);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem
}

._addressBox_x3x9k_840 {
  display: flex;
  padding-inline: 2rem;
  padding-block: 1.5rem;
  flex-direction: column
}

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

._addressTitleMain_x3x9k_847 h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #393f52
}

._addressTitleMain_x3x9k_847 ._storeAddressText_x3x9k_857 {
  color: var(--clr-dark-400);
  opacity: .7;
  font-weight: 500;
  font-size: 1.2rem
}

._addressTitle_x3x9k_365 {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem
}

._addressTitle_x3x9k_365 h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #393f52
}

._addressTitle_x3x9k_365 ._storeAddressText_x3x9k_857 {
  color: var(--clr-dark-400);
  opacity: .7;
  font-weight: 500;
  font-size: 1.2rem
}

._addressTitle_x3x9k_365 ._adDlvryLabel_x3x9k_880 {
  background: var(--clr-primary-400);
  padding-inline: 1rem;
  border-radius: .4rem;
  color: var(--clr-light-100);
  font-size: 1rem;
  font-weight: 700;
  line-height: 3rem;
  text-transform: uppercase
}

._addressDrawer_x3x9k_891 {
  background: #fff;
  border-radius: 20px 20px 0 0;
  min-height: 220px
}

._bottomNav_x3x9k_897 {
  position: fixed;
  width: 100%;
  padding: 1rem 1.6rem;
  bottom: 0;
  background: white;
  box-shadow: 0 -6px 20px #0000001a
}

._bottomNav_x3x9k_897 button {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.5rem;
  box-shadow: 0 6px 10px #de000033;
  border-radius: 4px
}

._placeButton_x3x9k_914 {
  width: 100%;
  bottom: 0;
  position: absolute
}

._spacing_x3x9k_920 {
  margin-bottom: 1.4rem
}

._desktopContainer_x3x9k_924 {
  padding-inline: clamp(3rem, 9.62vw + -6.85rem, 7rem);
  padding-top: 3rem
}

._pageHeading_x3x9k_929 {
  font-size: 2.4rem;
  font-weight: 700;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_x3x9k_929:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

._Skeleton_x3x9k_947 {
  margin-bottom: 1rem
}

._disableGrid_x3x9k_951 {
  opacity: .6;
  pointer-events: none
}

._savedMethod_x3x9k_956 {
  display: flex;
  width: 100%;
  justify-content: space-between
}

._savedMethod_x3x9k_956 ._payMethod_x3x9k_961 {
  flex-basis: 30%;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: center
}

._savedMethod_x3x9k_956 ._payButton_x3x9k_968 {
  flex-basis: 72%
}

._payHeading_x3x9k_972 {
  display: flex;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
  gap: 2rem;
  text-transform: uppercase
}

._cardInfo_x3x9k_981 {
  display: flex;
  align-items: center;
  gap: 1rem
}

._cardInfo_x3x9k_981 ._title_x3x9k_807 span {
  background: #00a402;
  color: #fff;
  font-size: 1rem;
  padding: .3rem;
  border-radius: .4rem
}

._latestPayment_x3x9k_994 {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: column;
  height: 100%;
  border-top: none
}

@media screen and (min-width: 1024px) {
  ._latestPayment_x3x9k_994 {
    border-top: solid 1px var(--clr-dark-400-10)
  }
}

._latestPayment_x3x9k_994 h3 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400);
  padding: 0 2rem 1rem
}

@media screen and (min-width: 1024px) {
  ._latestPayment_x3x9k_994 h3 {
    padding: 2rem 2rem 0
  }
}

._latestPayment_x3x9k_994 ._method_x3x9k_633 {
  background: #fff;
  padding: 1.5rem 2rem 0;
  box-shadow: 0 0 4px #dedcdc
}

@media screen and (min-width: 1024px) {
  ._latestPayment_x3x9k_994 ._method_x3x9k_633 {
    box-shadow: none
  }
}

._latestPayment_x3x9k_994 ._payImage_x3x9k_1029 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: var(--clr-dark-400);
  background: #f5f5f5;
  border: 1px solid rgba(57, 63, 82, .1);
  border-radius: 6px;
  padding: 1rem 1.8rem
}

._latestPayment_x3x9k_994 ._payImage_x3x9k_1029 img,
._latestPayment_x3x9k_994 ._payImage_x3x9k_1029 span {
  flex-grow: 0
}

._latestPayment_x3x9k_994 ._payImage_x3x9k_1029 ._title_x3x9k_807 {
  flex-grow: 1
}

._latestPayment_x3x9k_994 ._change_x3x9k_1048 {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--clr-secondary-400);
  padding-top: 1.5rem;
  display: flex;
  align-items: center;
  cursor: pointer
}

._latestPayment_x3x9k_994 ._change_x3x9k_1048 span {
  padding-inline: 1rem 0;
  font-size: 3rem
}

[dir=rtl] ._latestPayment_x3x9k_994 ._change_x3x9k_1048 span {
  padding-inline: 0 1rem;
  transform: scaleX(-1)
}

._errorDrawer_x3x9k_524 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%
}

@media screen and (min-width: 1024px) {
  ._errorDrawer_x3x9k_524 {
    max-width: 45rem
  }
}

._errorDrawer_x3x9k_524 ._heading_x3x9k_1079 {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: var(--clr-primary-400);
  padding: 1.5rem
}

._errorDrawer_x3x9k_524 ._error_x3x9k_524 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.5rem;
  padding: 0 1.8rem;
  color: var(--clr-dark-400)
}

._errorDrawer_x3x9k_524 ._buttons_x3x9k_1097 {
  display: flex;
  gap: 1.5rem;
  padding: 2.5rem
}

._errorDrawer_x3x9k_524 ._buttons_x3x9k_1097 button {
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap
}

._futureDrawerMain_x3x9k_1108 {
  min-width: 100%;
  background: #fff
}

@media screen and (min-width: 1024px) {
  ._futureDrawerMain_x3x9k_1108 {
    min-width: 41.5rem
  }
}

._clockIcon_x3x9k_1118 {
  display: inline-flex;
  margin-inline-start: 1rem
}

._errorNote_x3x9k_1123 {
  margin-top: 1rem;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 2.5rem;
  padding: 0 1.8rem;
  color: var(--clr-dark-400)
}

._getPoints_x3x9k_1132 {
  margin-top: 1.2rem;
  display: flex;
  align-items: center;
  margin: 2rem;
  font-weight: 500;
  font-size: 1.4rem
}

._getPoints_x3x9k_1132 ._txt_x3x9k_1140 {
  margin: 0 5px
}

._getPoints_x3x9k_1132 ._nonEnrollText_x3x9k_1143 {
  color: #fb8d45
}

._dropcart_x3x9k_1147 {
  padding: 2rem 1rem;
  background: #fff;
  color: var(--clr-dark-400);
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1024px) {
  ._dropcart_x3x9k_1147 {
    max-width: 30rem
  }
}

._dropcart_x3x9k_1147 ._content_x3x9k_1165 {
  text-align: center;
  line-height: 1.4rem
}

._dropcart_x3x9k_1147 ._action_x3x9k_1169 {
  margin-top: 2rem;
  display: flex;
  gap: 1rem
}

._dropcart_x3x9k_1147 ._action_x3x9k_1169 button {
  padding: 1rem
}

._lightningPayToggle_x3x9k_1178 {
  margin-top: 1.5rem;
  margin-bottom: .6rem
}

._lightningPayWarningConainer_x3x9k_1183 {
  display: flex;
  align-items: center;
  margin-top: .8rem
}

._lightningPayWarningConainer_x3x9k_1183 ._lightningPayWarningText_x3x9k_1188 {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fb8d45;
  flex: none;
  order: 0;
  flex-grow: 0
}

._lightningPayWarningConainer_x3x9k_1183 ._warningIcon_x3x9k_1198 {
  color: #007aff;
  font-size: 1.2rem;
  cursor: pointer
}

._nobg_zck14_2 div {
  background-color: transparent;
  border: 0
}

._nobg_zck14_2 ._errorDrawer_zck14_6 {
  min-height: 40vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid #fff;
  display: flex;
  background-color: #f3f2f2;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px;
  background: #fff
}

._nobg_zck14_2 ._errorDrawer_zck14_6 ._ErrorB_zck14_21 {
  background: #e8022a;
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px
}

._nobg_zck14_2 ._errorDrawer_zck14_6 ._error_zck14_6 {
  margin-top: 30px;
  text-align: center
}

._nobg_zck14_2 ._paymentDrawer_zck14_33,
._nobg_zck14_2 ._paymentDrawerNocard_zck14_33 {
  background: #fff;
  min-height: 60vh;
  max-height: 90vh;
  border-radius: 100px 100px 0 0;
  border: 1px solid #fff;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: 0 0 20px gray;
  margin-top: 50px
}

._nobg_zck14_2 ._paymentDrawer_zck14_33 ._madePayment_zck14_49,
._nobg_zck14_2 ._paymentDrawerNocard_zck14_33 ._madePayment_zck14_49 {
  background: #e8022a;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 0;
  padding: 10px
}

._nobg_zck14_2 ._paymentDrawer_zck14_33 ._cancelB_zck14_60,
._nobg_zck14_2 ._paymentDrawerNocard_zck14_33 ._cancelB_zck14_60 {
  background: #fff;
  color: #000;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  margin-top: 10px;
  border: 1px solid grey;
  margin-right: 15px;
  padding: 10px
}

._nobg_zck14_2 ._paymentDrawer_zck14_33 ._image_zck14_72,
._nobg_zck14_2 ._paymentDrawerNocard_zck14_33 ._image_zck14_72 {
  margin-left: -40px
}

._nobg_zck14_2 ._paymentDrawer_zck14_33 ._image_zck14_72 img,
._nobg_zck14_2 ._paymentDrawerNocard_zck14_33 ._image_zck14_72 img {
  width: 26px;
  height: 25px;
  object-fit: contain
}

._nobg_zck14_2 ._paymentDrawer_zck14_33 ._paymentItem_zck14_80,
._nobg_zck14_2 ._paymentDrawerNocard_zck14_33 ._paymentItem_zck14_80 {
  padding-top: 4px;
  padding-bottom: 2px
}

._nobg_zck14_2 ._topPos_zck14_84 {
  display: flex;
  position: absolute;
  top: 50px
}

._nobg_zck14_2 ._strip_zck14_89 {
  background: #e8022a;
  width: 20px;
  height: 50px;
  margin-right: 10px
}

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

._methods_zck14_96 ._badge_zck14_100 {
  position: absolute;
  inset: 0 auto auto 50%;
  transform: translate(-50%)
}

._paymentDrawer_zck14_33,
._paymentDrawerNocard_zck14_33 {
  background: #fff;
  padding-top: 3.5rem
}

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

  ._paymentDrawer_zck14_33,
  ._paymentDrawerNocard_zck14_33 {
    width: 72rem;
    background-color: var(--clr-light-100)
  }
}

._paymentDrawer_zck14_33 ._paymentContainer_zck14_116,
._paymentDrawerNocard_zck14_33 ._paymentContainer_zck14_116 {
  display: flex;
  flex-direction: column
}

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

  ._paymentDrawer_zck14_33 ._paymentContainer_zck14_116,
  ._paymentDrawerNocard_zck14_33 ._paymentContainer_zck14_116 {
    flex-direction: row-reverse
  }
}

._paymentDrawer_zck14_33 ._paymentContainer_zck14_116 ._savedCardsText_zck14_125,
._paymentDrawerNocard_zck14_33 ._paymentContainer_zck14_116 ._savedCardsText_zck14_125 {
  padding-top: 2rem;
  padding-bottom: .8rem;
  padding-inline: 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: .6;
  color: var(--clr-dark-400)
}

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

  ._paymentDrawer_zck14_33 ._paymentContainer_zck14_116 ._savedCardsText_zck14_125,
  ._paymentDrawerNocard_zck14_33 ._paymentContainer_zck14_116 ._savedCardsText_zck14_125 {
    padding-block: 0 1.5rem
  }
}

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

  ._paymentDrawer_zck14_33 .MuiDivider-root,
  ._paymentDrawerNocard_zck14_33 .MuiDivider-root {
    margin-block: 1.5rem 2rem
  }
}

._paymentDrawer_zck14_33 h3,
._paymentDrawerNocard_zck14_33 h3 {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  font-weight: 500
}

._paymentDrawer_zck14_33 ._paymentList_zck14_149,
._paymentDrawerNocard_zck14_33 ._paymentList_zck14_149 {
  width: 100%
}

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

  ._paymentDrawer_zck14_33 ._paymentList_zck14_149,
  ._paymentDrawerNocard_zck14_33 ._paymentList_zck14_149 {
    height: auto
  }
}

._paymentDrawer_zck14_33 ._paymentList_zck14_149 h2,
._paymentDrawerNocard_zck14_33 ._paymentList_zck14_149 h2 {
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0 2rem;
  text-transform: uppercase;
  color: var(--clr-dark-300-60)
}

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

  ._paymentDrawer_zck14_33 ._savedCards_zck14_125,
  ._paymentDrawerNocard_zck14_33 ._savedCards_zck14_125 {
    width: 100%
  }

  ._paymentDrawer_zck14_33 ._savedCards_zck14_125 h2,
  ._paymentDrawerNocard_zck14_33 ._savedCards_zck14_125 h2 {
    font-size: 1.4rem;
    padding: 0 2rem;
    color: var(--clr-dark-300-60)
  }
}

._paymentDrawer_zck14_33 ._payment_zck14_33,
._paymentDrawerNocard_zck14_33 ._payment_zck14_33 {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

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

  ._paymentDrawer_zck14_33 ._payment_zck14_33,
  ._paymentDrawerNocard_zck14_33 ._payment_zck14_33 {
    flex-wrap: nowrap;
    min-width: 36rem
  }
}

._paymentDrawer_zck14_33 ul,
._paymentDrawerNocard_zck14_33 ul {
  padding: 1.5rem 1.5rem 0
}

._paymentDrawer_zck14_33 li,
._paymentDrawerNocard_zck14_33 li {
  background: #fff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px;
  border: 1px solid rgba(57, 63, 82, .1);
  margin-bottom: 1.6rem
}

._paymentDrawer_zck14_33 ._methodTitle_zck14_195 span,
._paymentDrawerNocard_zck14_33 ._methodTitle_zck14_195 span {
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  padding-left: 1.4rem;
  font-weight: 500
}

._paymentDrawer_zck14_33 ._paymentButton_zck14_201,
._paymentDrawerNocard_zck14_33 ._paymentButton_zck14_201 {
  padding: 2rem;
  margin-block-start: 2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  border-block-start: 1px solid var(--clr-dark-400-10);
  position: sticky;
  bottom: 0;
  background-color: var(--clr-light-100);
  box-shadow: 0 -6px 20px #0000001a
}

._paymentDrawer_zck14_33 ._paymentButton_zck14_201 ._contactLess_zck14_216 label,
._paymentDrawerNocard_zck14_33 ._paymentButton_zck14_201 ._contactLess_zck14_216 label {
  padding-inline: 0;
  margin-inline-start: 0
}

._paymentDrawer_zck14_33 ._paymentButton_zck14_201 ._contactLess_zck14_216 label .MuiCheckbox-root,
._paymentDrawerNocard_zck14_33 ._paymentButton_zck14_201 ._contactLess_zck14_216 label .MuiCheckbox-root {
  padding-block: 0;
  padding-inline-start: 0
}

._paymentDrawer_zck14_33 ._paymentButton_zck14_201 ._contactLess_zck14_216 label .MuiFormControlLabel-label,
._paymentDrawerNocard_zck14_33 ._paymentButton_zck14_201 ._contactLess_zck14_216 label .MuiFormControlLabel-label {
  font-size: 1.4rem
}

._paymentDrawer_zck14_33 ._paymentButton_zck14_201 button,
._paymentDrawerNocard_zck14_33 ._paymentButton_zck14_201 button {
  flex: 1 1 40%
}

._paymentDrawer_zck14_33 ._paymentButton_zck14_201 button:last-child,
._paymentDrawerNocard_zck14_33 ._paymentButton_zck14_201 button:last-child {
  flex: 1 1 60%
}

._paymentDrawer_zck14_33 ._Skeleton_zck14_233,
._paymentDrawerNocard_zck14_33 ._Skeleton_zck14_233 {
  margin-bottom: 1.5rem
}

._paymentDrawerNocard_zck14_33 {
  background: #fff
}

@media screen and (min-width: 1024px) {
  ._paymentDrawerNocard_zck14_33 {
    width: 39rem
  }
}

._paymentDrawerNocard_zck14_33 button {
  flex: 1 1 40%
}

._paymentDrawerNocard_zck14_33 button:last-child {
  flex: 1 1 60%
}

._paymentDrawerNocard_zck14_33 ul {
  padding: 2rem 2rem 0
}

@media screen and (min-width: 1024px) {
  ._paymentDrawerNocard_zck14_33 ._paymentContainer_zck14_116 {
    display: flex;
    flex-direction: initial
  }
}

._submitButton_zck14_261 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._submitButton_zck14_261 {
    display: flex;
    justify-content: flex-start
  }
}

html[dir=rtl] ._radio_zck14_275 {
  left: .4rem;
  right: auto
}

html[dir=rtl] ._paymentItem_zck14_80 {
  padding-left: 48px;
  padding-right: 16px
}

html[dir=rtl] ._methodTitle_zck14_195 {
  text-align: start;
  padding-right: 16px
}

._cardsRoot_zck14_290 {
  overflow-x: auto;
  display: flex;
  flex-direction: column !important;
  gap: 1.6rem;
  padding-inline: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._cardsRoot_zck14_290 {
    width: 36rem;
    flex-direction: column;
    overflow-x: hidden
  }
}

._cardsRoot_zck14_290 ._cardContainerArea_zck14_304 {
  flex: none;
  cursor: pointer;
  max-width: 90%
}

._cardProps_zck14_310 {
  border-radius: 11.24px;
  position: relative;
  height: 11rem;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  ._cardProps_zck14_310 {
    width: 100%;
    height: 12rem
  }
}

._cardProps_zck14_310 ._cardName_zck14_322 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-light-100)
}

._cardProps_zck14_310 ._cardNumber_zck14_327 {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--clr-light-100);
  padding-bottom: .7rem;
  padding-inline: 1.1rem;
  padding-top: .5rem
}

[dir=rtl] ._cardProps_zck14_310 ._cardNumber_zck14_327 {
  direction: ltr
}

._cardProps_zck14_310 ._cardSelector_zck14_338 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1.1rem
}

._cardProps_zck14_310 ._cardRadio_zck14_344 input {
  height: 2rem;
  width: 2rem
}

._cardProps_zck14_310 ._bgImage_zck14_348 {
  aspect-ratio: 723/321;
  width: 100%;
  height: 100%;
  object-fit: cover
}

._cardProps_zck14_310 ._fgImage_zck14_354 {
  height: 2rem
}

._cardProps_zck14_310 ._cardProperties_zck14_357 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

._cardProps_zck14_310 ._fgContainer_zck14_361 {
  padding: 1.1rem;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-inline-end: 3rem
}

._rootpod_zck14_372,
._rootpod1_zck14_372 {
  display: flex;
  flex-direction: column !important;
  gap: 1.5rem;
  border-radius: .6rem;
  border: 1px solid #e4002b;
  background-color: var(--clr-light-100);
  padding-block: 1rem;
  padding-inline-start: 2.4rem;
  padding-inline-end: .4rem;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

._rootpod_zck14_372 ._headerArea_zck14_384,
._rootpod1_zck14_372 ._headerArea_zck14_384 {
  display: flex;
  align-items: center;
  cursor: pointer
}

._rootpod_zck14_372 ._headerArea_zck14_384 ._heading_zck14_389,
._rootpod1_zck14_372 ._headerArea_zck14_384 ._heading_zck14_389 {
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--clr-dark-400);
  padding-inline-start: 1.6rem
}

._rootpod_zck14_372 ._headerArea_zck14_384 ._selectedRadio_zck14_395,
._rootpod1_zck14_372 ._headerArea_zck14_384 ._selectedRadio_zck14_395 {
  flex-grow: 1;
  padding-inline: .6rem
}

._rootpod_zck14_372 ._headerArea_zck14_384 ._selectedRadio_zck14_395 ._radioTag_zck14_399,
._rootpod1_zck14_372 ._headerArea_zck14_384 ._selectedRadio_zck14_395 ._radioTag_zck14_399 {
  font-size: 1rem;
  font-weight: 500;
  padding-inline: .6rem;
  padding-block: .4rem;
  background-color: #00a402;
  border-radius: .4rem;
  color: var(--clr-light-100)
}

._rootpod_zck14_372 ._headerArea_zck14_384 img,
._rootpod1_zck14_372 ._headerArea_zck14_384 img {
  width: 4rem
}

._rootpod_zck14_372 ._radioContainer_zck14_411,
._rootpod1_zck14_372 ._radioContainer_zck14_411 {
  display: flex;
  justify-content: space-between
}

._rootpod_zck14_372 ._radioContainer_zck14_411 ._buttonArea_zck14_415,
._rootpod1_zck14_372 ._radioContainer_zck14_411 ._buttonArea_zck14_415,
._rootpod_zck14_372 ._radioContainer_zck14_411 ._buttonAreaDisable_zck14_415,
._rootpod1_zck14_372 ._radioContainer_zck14_411 ._buttonAreaDisable_zck14_415 {
  background: #dfefff;
  display: flex;
  align-items: center;
  border-radius: .4rem;
  width: 14rem
}

._rootpod_zck14_372 ._radioContainer_zck14_411 ._buttonAreaDisable_zck14_415,
._rootpod1_zck14_372 ._radioContainer_zck14_411 ._buttonAreaDisable_zck14_415 {
  opacity: .6;
  pointer-events: none
}

._rootpod_zck14_372 ._radioContainer_zck14_411 ._radioText_zck14_426,
._rootpod1_zck14_372 ._radioContainer_zck14_411 ._radioText_zck14_426 {
  flex-grow: 1;
  font-size: 1.2rem;
  font-weight: 500
}

._rootpod_zck14_372 ._codWarningContainer_zck14_431,
._rootpod1_zck14_372 ._codWarningContainer_zck14_431 {
  padding-block-start: 1rem
}

._rootpod_zck14_372 ._codWarningText_zck14_434,
._rootpod1_zck14_372 ._codWarningText_zck14_434 {
  font-size: .9rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._rootpod_zck14_372 ._verifyButton_zck14_439,
._rootpod1_zck14_372 ._verifyButton_zck14_439 {
  color: var(--clr-secondary-400);
  margin: .5rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600
}

._rootpod_zck14_372 ._disabledText_zck14_446,
._rootpod1_zck14_372 ._disabledText_zck14_446 {
  color: var(--clr-dark-200) !important
}

._rootpod_zck14_372 ._warningText_zck14_449,
._rootpod1_zck14_372 ._warningText_zck14_449 {
  color: var(--clr-orange-500);
  margin-inline-start: 1.6rem;
  margin-top: .5rem;
  font-size: 1rem;
  font-weight: 500
}

._rootpod_zck14_372 ._warningContainer_zck14_456,
._rootpod1_zck14_372 ._warningContainer_zck14_456 {
  display: flex;
  align-items: center
}

._rootpod_zck14_372 ._warningContainer_zck14_456 ._warningText_zck14_449,
._rootpod1_zck14_372 ._warningContainer_zck14_456 ._warningText_zck14_449 {
  color: var(--clr-orange-500);
  font-size: 1.2rem;
  font-weight: 400;
  padding-inline: .5rem
}

._rootpod_zck14_372 ._warningContainer_zck14_456 ._warningText_zck14_449 svg,
._rootpod1_zck14_372 ._warningContainer_zck14_456 ._warningText_zck14_449 svg {
  cursor: pointer
}

._rootpod1_zck14_372 {
  border: 1px solid transparent
}

._hideContent_zck14_474 {
  display: none
}

._invsbleContent_zck14_478 {
  visibility: hidden
}

._paymentItem_zck14_80 ._image_zck14_72 img {
  object-fit: contain
}

._lightningPayWarningConainer_zck14_486 {
  display: flex;
  align-items: center;
  margin-top: .8rem;
  margin-bottom: .8rem
}

._lightningPayWarningConainer_zck14_486 ._lightningPayWarningText_zck14_492 {
  font-style: normal;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fb8d45;
  flex: none;
  order: 0;
  flex-grow: 0
}

._lightningPayWarningConainer_zck14_486 ._warningIcon_zck14_502 {
  color: #007aff;
  font-size: 1.2rem;
  cursor: pointer
}

._paymentMethodTagLine_zck14_508 {
  font-size: .9rem !important;
  color: var(--theme-warning-color) !important
}

._root_1yffy_2 {
  background: #fff;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap
}

@media screen and (min-width: 1024px) {
  ._root_1yffy_2 {
    height: 100%;
    width: 31rem
  }
}

._root_1yffy_2 ._img_1yffy_17,
._root_1yffy_2 ._img_1yffy_17 img {
  width: 100%
}

._root_1yffy_2 ._couponText_1yffy_23 {
  width: 100%;
  padding: 2rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  text-align: center
}

._root_1yffy_2 ._couponText_1yffy_23 span {
  color: var(--clr-primary-400)
}

._root_1yffy_2 ._cta_1yffy_35 {
  width: 100%;
  padding: 0 2rem
}

._root_1yffy_2 ._cta_1yffy_35 button {
  width: 100%
}

._root_1yffy_2 ._cta_1yffy_35 button span {
  display: flex;
  flex-direction: column
}

._root_1yffy_2 ._ctaSecondry_1yffy_46 {
  width: 100%;
  margin: 2rem 0 1rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  text-align: center;
  color: var(--clr-dark-400);
  background: var(--clr-light-250)
}

@media screen and (min-width: 1024px) {
  ._root_1yffy_2 ._ctaSecondry_1yffy_46 {
    margin-bottom: 2rem
  }
}

._addressDrawer_9amnw_2 {
  background: #fff;
  min-height: 25rem
}

._root_1s0xg_2 {
  height: 30rem;
  width: 100%;
  border-radius: 1rem;
  text-align: center;
  position: relative;
  background-color: var(--clr-light-100)
}

@media screen and (min-width: 1024px) {
  ._root_1s0xg_2 {
    width: 38rem
  }
}

._root_1s0xg_2 ._modalTitle_1s0xg_15 {
  display: flex;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: var(--clr-dark-400);
  justify-content: center;
  margin-top: 1.5rem
}

._root_1s0xg_2 ._titleDivider_1s0xg_26 {
  width: 2.2rem;
  height: .3rem;
  background: var(--clr-primary-400);
  margin-inline: auto;
  border-radius: 1rem;
  margin-top: .8rem;
  margin-bottom: 3rem
}

._root_1s0xg_2 ._timerSection_1s0xg_35 {
  padding: 1.3rem;
  display: flex;
  vertical-align: middle;
  justify-content: space-between;
  background: #EAF3FD;
  border-radius: 1.5rem;
  width: 34rem;
  margin-inline: auto;
  text-align: start
}

._root_1s0xg_2 ._timerSection_1s0xg_35 ._text_1s0xg_46 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  color: var(--clr-dark-400)
}

._root_1s0xg_2 ._timerSection_1s0xg_35 ._icon_1s0xg_54 {
  margin-top: 1rem;
  margin-inline-end: 1.3rem
}

._root_1s0xg_2 ._footerSection_1s0xg_58 {
  display: flex;
  width: 34rem;
  margin-inline: auto;
  justify-content: space-between;
  margin-top: 2rem
}

._root_1s0xg_2 ._footerSection_1s0xg_58 ._priceSection_1s0xg_65 {
  text-align: start;
  margin-top: 1rem
}

._root_1s0xg_2 ._footerSection_1s0xg_58 ._priceSection_1s0xg_65 ._price_1s0xg_65 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  text-transform: uppercase
}

._root_1s0xg_2 ._footerSection_1s0xg_58 ._priceSection_1s0xg_65 ._text_1s0xg_46 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  text-transform: uppercase
}

._root_1s0xg_2 ._footerSection_1s0xg_58 ._cancelButton_1s0xg_81 {
  width: 20rem;
  height: 5rem;
  font-style: normal;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase
}

._timerContent_5wj2t_2 {
  text-align: center
}

._timerContent_5wj2t_2 ._time_5wj2t_2 {
  font-style: normal;
  font-weight: 600;
  font-size: 2.4rem;
  text-transform: uppercase;
  color: var(--clr-dark-900)
}

._timerContent_5wj2t_2 ._text_5wj2t_12 {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  color: var(--clr-dark-900)
}

._root_rl0td_2 {
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px;
  margin-block-end: 3rem
}

@media screen and (min-width: 1024px) {
  ._root_rl0td_2 {
    margin-block-end: 0
  }
}

._addressBox_rl0td_13 {
  display: flex;
  padding: 15px 16px;
  flex-direction: column
}

._addressTitle_rl0td_19 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between
}

._addressTitle_rl0td_19 h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #393f52
}

._addressTitle_rl0td_19 button {
  color: var(--clr-secondary-400)
}

._addressList_rl0td_34 {
  display: flex
}

._addressList_rl0td_34 ._houseIcon_rl0td_37 {
  flex-grow: 0;
  width: 14%;
  display: flex;
  align-content: flex-start;
  padding: 0 6px;
  flex-direction: column
}

._addressList_rl0td_34 ._addressListItem_rl0td_45 {
  overflow: hidden
}

._addressList_rl0td_34 ._addressListItem_rl0td_45 ._addressLable_rl0td_48 {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  margin-bottom: .8rem
}

._addressList_rl0td_34 ._addressListItem_rl0td_45 ._addressLable_rl0td_48 ._button_rl0td_54 {
  background-color: #e4002b;
  color: #fff;
  min-width: 20px;
  text-align: center;
  text-transform: uppercase;
  padding-inline: 1rem;
  padding-block: 0;
  margin-block: 0;
  line-height: 3rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 4px;
  flex-shrink: 0
}

._addressList_rl0td_34 ._addressListItem_rl0td_45 ._addressText_rl0td_69 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #393f52;
  overflow: hidden;
  text-overflow: ellipsis
}

._addressList_rl0td_34 ._addressListItem_rl0td_45 ._addressDescription_rl0td_77 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: var(--clr-dark-400-80)
}

._noAddress_rl0td_84 {
  display: flex;
  flex: 1 70rem 1;
  background: #fff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 6px;
  padding: 1.5rem;
  align-items: center;
  margin-bottom: 3rem;
  cursor: pointer
}

._noAddress_rl0td_84 ._icon_rl0td_95 {
  padding: .5rem
}

._noAddress_rl0td_84 ._title_rl0td_98 {
  flex-grow: 1;
  font-size: 1.6rem;
  cursor: pointer;
  color: var(--clr-secondary-400);
  font-weight: 500;
  padding-left: 2rem
}

._noAddress_rl0td_84 ._arrow_rl0td_106 {
  font-size: 1.5rem
}

[dir=rtl] ._noAddress_rl0td_84 ._arrow_rl0td_106 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

._removeSpace_rl0td_114 {
  margin-bottom: 0
}

._root_ue86y_2 {
  display: flex;
  flex-flow: column;
  padding-block: 2rem;
  padding-inline: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._root_ue86y_2 {
    background: white;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 6px
  }
}

h4._title_ue86y_16 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #393f52;
  display: flex
}

h4._title_ue86y_16 ._titleSpan_ue86y_22 {
  direction: ltr
}

._inputWrapper_ue86y_26 {
  display: flex;
  margin-block-start: .8rem;
  align-items: center;
  justify-content: center;
  gap: .4rem
}

._icon_ue86y_34 {
  height: 2.2rem;
  align-self: flex-start
}

._icon_ue86y_34 img {
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: contain
}

._input_ue86y_26 {
  flex-grow: 1;
  height: 100%
}

._input_ue86y_26 .MuiInput-underline:before,
._input_ue86y_26 .MuiInput-underline:after {
  content: none
}

._input_ue86y_26 input.MuiInput-input {
  font-size: 1.2rem;
  font-weight: 500;
  caret-color: var(--clr-primary-400);
  padding: .3rem
}

@media screen and (min-width: 1024px) {
  ._input_ue86y_26 input.MuiInput-input {
    font-size: 1.4rem
  }
}

._input_ue86y_26 input.MuiInput-input::placeholder {
  font-weight: 400;
  opacity: .4
}

._characterCount_ue86y_69 {
  display: flex;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: end;
  padding-block: .5rem;
  border-bottom: 1px dashed rgba(57, 63, 82, .3)
}

._note_ue86y_78 {
  font-size: 1.2rem;
  font-weight: 400;
  color: #fb8d45;
  display: flex;
  align-items: center
}

._note_ue86y_78 span {
  direction: ltr
}

._actionBar_ue86y_89 {
  margin-block-start: .5rem
}

@media screen and (min-width: 1024px) {
  ._actionBar_ue86y_89 {
    display: flex;
    justify-content: space-between;
    align-items: center
  }
}

._actionBar_ue86y_89 ._done_ue86y_99 {
  width: 10rem;
  height: 3.3rem;
  float: right
}

._actionBar_ue86y_89 .MuiFormControlLabel-label {
  font-size: 1.2rem;
  font-weight: 500
}

._countText_ue86y_109 {
  margin-top: .7rem;
  opacity: .5
}

@media screen and (min-width: 1024px) {
  ._noteAndButtonBox_ue86y_115 {
    display: flex;
    justify-content: space-between;
    align-items: baseline
  }
}

._root_13af8_2 {
  border-inline-start: solid .4rem var(--clr-grass-green-500);
  padding: 1.5rem;
  background-color: var(--clr-light-100)
}

@media screen and (max-width: 768px) {
  ._root_13af8_2 {
    margin: 1.5rem 0 0
  }
}

._root_13af8_2 ._title_13af8_12 {
  font-size: 1.6rem;
  font-weight: 500;
  margin-block-end: .8rem;
  color: var(--clr-dark-400)
}

._root_13af8_2 ._description_13af8_18 {
  margin-block-end: 1.5rem;
  font-size: 1.4rem;
  font-weight: 400
}

._root_13af8_2 ._options_13af8_23 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem
}

._root_13af8_2 ._options_13af8_23 .MuiFormControlLabel-label {
  font-size: 1.4rem;
  font-weight: 500
}

._root_13af8_2 ._options_13af8_23 ._checkboxContainer_13af8_33 {
  border: 1px solid var(--clr-primary-400);
  border-radius: .4rem;
  padding-inline-end: 1.2rem;
  min-width: 13rem;
  box-sizing: border-box;
  box-shadow: 0 .4rem .4rem #0000000a
}

._root_13af8_2 ._options_13af8_23 ._checkboxContainer_13af8_33 label {
  margin-inline: 0
}

._root_13af8_2 ._headerText_13af8_44 {
  display: flex;
  align-items: flex-start
}

._deActive_13af8_49 {
  opacity: .3;
  pointer-events: none
}

._root_mktfb_2 {
  background: var(--clr-light-100);
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400)
}

._root_mktfb_2 ._imgProps_mktfb_8 {
  height: 6rem;
  width: 8rem;
  max-height: 7em
}

._root_mktfb_2 ._imgProps_mktfb_8 img {
  width: 100%
}

._root_mktfb_2 ._descProps_mktfb_16 {
  padding-left: 1.8rem;
  flex: grid;
  flex-grow: 1
}

._root_mktfb_2 ._descProps_mktfb_16 ._title_mktfb_21 {
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  gap: .5rem !important
}

@media screen and (min-width: 1024px) {
  ._root_mktfb_2 ._descProps_mktfb_16 ._title_mktfb_21 {
    font-size: 1.8rem;
    font-weight: 400
  }
}

._root_mktfb_2 ._descProps_mktfb_16 ._desc_mktfb_16 {
  font-size: 1.2rem;
  opacity: .5
}

._root_mktfb_2 ._descProps_mktfb_16 ._orbDivider_mktfb_38 {
  margin-block: 1.5rem
}

._root_mktfb_2 ._descProps_mktfb_16 ._orbDesc_mktfb_41 {
  display: flex;
  flex-direction: row;
  gap: .5rem !important;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase
}

._root_mktfb_2 ._descProps_mktfb_16 ._orbDesc_mktfb_41 ._redText_mktfb_49 {
  color: #e4002b
}

._root_mktfb_2 ._descProps_mktfb_16 ._succdesc_mktfb_52 {
  font-size: 1.2rem;
  font-weight: 500
}

._root_mktfb_2 ._descProps_mktfb_16 ._orderNoContainer_mktfb_56 {
  display: flex;
  align-items: center
}

._root_mktfb_2 ._descProps_mktfb_16 ._pendingDescText_mktfb_60 {
  font-size: 1.3rem;
  opacity: .5;
  font-weight: 400;
  color: var(--clr-dark-400);
  margin-block-end: .5rem
}

._root_mktfb_2 ._descProps_mktfb_16 ._pendingConfirmContainer_mktfb_67 {
  display: flex;
  align-items: center;
  position: relative
}

._root_mktfb_2 ._descProps_mktfb_16 ._spinnerImg_mktfb_72 {
  height: 4rem;
  width: 4rem
}

._root_mktfb_2 ._deviderProps_mktfb_76 {
  padding-block: 1.5rem
}

._root_mktfb_2 ._timeProps_mktfb_79 {
  background-color: var(--theme-time-area-bg);
  border-radius: .4rem;
  display: inline-block
}

._root_mktfb_2 ._timeProps_mktfb_79 p {
  padding-block: .3rem;
  padding-inline: .8rem;
  font-size: 1.2rem;
  font-weight: 500
}

._root_mktfb_2 ._orderStatusFooter_mktfb_90 {
  display: flex;
  align-items: center;
  gap: .5rem
}

._root_mktfb_2 ._smsText_mktfb_95 {
  color: var(--clr-secondary-400);
  font-weight: 500;
  font-size: 1.2rem
}

._flexBox_mktfb_101 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: .8rem;
  font-size: 1.4rem
}

._pendingLoader_mktfb_109 {
  height: 4rem
}

._pendingConfirmContainer_mktfb_67 button {
  position: absolute;
  inset-inline-end: 0
}

._halfRemMargin_mktfb_118 {
  margin-block: .5rem !important
}

._fullMargin_mktfb_122 {
  margin-block-start: 2rem !important
}

._root_19jde_1 {
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding-block: 2rem;
  color: var(--clr-dark-400);
  padding-inline: 1.6rem
}

._root_19jde_1 ._headerText_19jde_9 p {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center
}

._root_19jde_1 ._descText_19jde_14 p {
  font-size: 1.4rem;
  font-weight: 400;
  opacity: .8;
  text-align: center
}

._refundArea_19jde_21 {
  background: #dfefff;
  border: 1px dashed #8fbff0;
  border-radius: .2rem;
  padding-block: 1.5rem;
  padding-inline: 1.6rem;
  box-shadow: none
}

._refundArea_19jde_21 ._headerText_19jde_9 p {
  text-align: start;
  font-size: 1.4rem;
  font-weight: 500
}

._refundArea_19jde_21 ._descText_19jde_14 p {
  text-align: start;
  font-size: 1.2rem
}

._root_l9o31_2 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  color: var(--clr-dark-400)
}

._root_l9o31_2 ._container_l9o31_8 {
  display: flex;
  flex-direction: column
}

._root_l9o31_2 ._container_l9o31_8 :first-child {
  gap: 1.5rem
}

._root_l9o31_2 ._homeIcon_l9o31_15 {
  border: 0;
  min-width: 0;
  padding: 0;
  width: 3rem;
  font-size: 2rem;
  background-color: transparent
}

._root_l9o31_2 ._feedbackContainer_l9o31_23 {
  padding-block: 1.5rem
}

._root_l9o31_2 ._feedbackContainer_l9o31_23 ._feedbackClick_l9o31_26 {
  padding-inline: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._root_l9o31_2 ._feedbackContainer_l9o31_23 p {
  font-size: 1.6rem;
  font-weight: 500;
  margin-inline: .9rem
}

._root_l9o31_2 ._feedbackContainer_l9o31_23 ._icon_l9o31_37 {
  height: 1.6rem;
  width: 1.6rem
}

._root_l9o31_2 ._feedbackContainer_l9o31_23 ._iconText_l9o31_41 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

._root_l9o31_2 ._feedbackContainer_l9o31_23 ._feedbackDesc_l9o31_46 {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .7;
  padding-inline: 2.5rem
}

._root_l9o31_2 ._feedbackContainer_l9o31_23 ._formDivider_l9o31_52 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._root_l9o31_2 ._disableGrid_l9o31_56 {
  opacity: .1;
  pointer-events: none
}

._root_l9o31_2 ._enableGrid_l9o31_60 {
  opacity: 1;
  pointer-events: all;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._trackOrder_l9o31_68 {
  padding-inline: 1.6rem;
  display: inline;
  justify-content: space-between;
  align-items: center;
  padding-block: 1.6rem
}

._trackOrder_l9o31_68 :first-child {
  display: flex;
  align-items: center;
  font-size: 1.6rem
}

._trackOrder_l9o31_68 :first-child p {
  font-size: 1.6rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._trackOrder_l9o31_68 :first-child p {
    padding-inline-start: 1rem
  }
}

[dir=rtl] ._trackOrder_l9o31_68 ._forwardArrow_l9o31_89 {
  transform: rotate(180deg)
}

._restraContainer_l9o31_93 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._restraContainer_l9o31_93 ._header_l9o31_97 {
  font-size: 1.6rem;
  font-weight: 500
}

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

._restraContainer_l9o31_93 ._descContainer_l9o31_101 ._restaudesc_l9o31_106 {
  font-weight: 400;
  font-size: 1.2rem;
  opacity: .7
}

._restraContainer_l9o31_93 ._iconContainer_l9o31_111 {
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100)
}

._restraContainer_l9o31_93 ._iconContainer_l9o31_111 a,
._restraContainer_l9o31_93 ._iconContainer_l9o31_111 a:visited {
  color: #fff
}

._restraContainer_l9o31_93 ._iconContainer_l9o31_111 ._iconSize_l9o31_124 {
  height: 2rem;
  width: 2rem
}

._flexBox_l9o31_129,
._restraContainer_l9o31_93 ._iconContainer_l9o31_111 {
  display: flex;
  justify-content: center;
  align-items: center
}

._desktopContainer_l9o31_135 {
  display: flex;
  gap: 3rem;
  justify-content: center;
  align-items: flex-start
}

@media screen and (min-width: 1024px) {
  ._desktopContainer_l9o31_135 {
    padding-top: 2rem
  }
}

._firstContainer_l9o31_147 {
  gap: 1.5rem;
  display: flex;
  flex-direction: column !important
}

@media screen and (min-width: 1024px) {
  ._firstContainer_l9o31_147 {
    width: 44%
  }
}

._sideHeading_l9o31_158 {
  background: var(--clr-light-350);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem;
  position: relative;
  border-radius: 1rem 1rem 0 0
}

._badgeIcon_l9o31_167 {
  position: absolute;
  top: 0;
  right: 3rem
}

[dir=rtl] ._badgeIcon_l9o31_167 {
  right: auto;
  left: 3rem
}

._writeusContainer_l9o31_177 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

._writeusContainer_l9o31_177 ._headerText_l9o31_184 p {
  font-size: 1.6rem;
  font-weight: 500
}

._writeusContainer_l9o31_177 ._descText_l9o31_188 p {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: .7
}

._writeusContainer_l9o31_177 ._supportButton_l9o31_193 {
  border: 1px solid #007aff;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 500;
  width: 100%;
  text-transform: lowercase
}

._marginClass_l9o31_203,
._skelton6_l9o31_203,
._skelton5_l9o31_203,
._skelton4_l9o31_203,
._skelton3_l9o31_203,
._skelton2_l9o31_203,
._skelton1_l9o31_203 {
  margin-bottom: 1.5rem
}

._skelton1_l9o31_203 {
  height: 13.8rem
}

._skelton2_l9o31_203 {
  height: 5.6rem
}

._skelton3_l9o31_203 {
  height: 32rem
}

._skelton4_l9o31_203 {
  height: 10rem
}

._skelton5_l9o31_203 {
  height: 7rem
}

._skelton6_l9o31_203 {
  height: 12.3rem
}

._earnWrapper_l9o31_231 {
  margin-top: 2rem
}

._root_quzhw_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25rem
}

._badge_quzhw_9 {
  display: flex;
  justify-content: flex-end;
  padding-inline: 3rem;
  border-radius: 1rem
}

._warningHeadText_quzhw_16 p {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--clr-primary-400)
}

._description_quzhw_22 {
  text-align: center;
  padding-inline: 2rem
}

._description_quzhw_22 p {
  font-size: 1.2rem;
  font-weight: 500
}

._subDescription_quzhw_31 {
  text-align: center;
  padding-inline: 2rem
}

._subDescription_quzhw_31 p {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  color: #6a6e7b
}

._confettiBody_quzhw_43 {
  padding-top: 2.5rem;
  gap: 1.3rem;
  display: flex;
  flex-direction: column !important;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._confettiBody_quzhw_43 {
    max-width: 25.5rem
  }
}

._circle_quzhw_56 {
  height: 7.6rem;
  width: 7.6rem;
  border-radius: 50%;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._circle_quzhw_56 ._icon_quzhw_65 {
  height: 3.6rem;
  width: 4.8rem;
  color: var(--clr-light-100)
}

._circleFail_quzhw_71 {
  background-color: var(--theme-warning-color)
}

._buttonContainer_quzhw_75 {
  width: 100%;
  height: 4rem;
  background-color: var(--clr-primary-400);
  display: flex;
  justify-content: center;
  align-items: center
}

._buttonContainer_quzhw_75 ._button_quzhw_75 {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-light-100);
  text-align: center
}

._tryAnotherMethod_quzhw_90 {
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: underline
}

._root_7j0vy_2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(34rem, 1fr));
  gap: 1.5rem;
  padding: 1.5rem 0 6rem;
  height: auto
}

@media screen and (min-width: 1024px) {
  ._root_7j0vy_2 {
    padding: 0;
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
    gap: 4rem 3rem;
    overflow: hidden;
    height: auto;
    padding-bottom: 6rem
  }
}

._noItem_7j0vy_21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 75vh;
  justify-content: center
}

._noItem_7j0vy_21 h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--clr-dark-400)
}

._noItem_7j0vy_21 p {
  color: gray
}

._noItem_7j0vy_21 button {
  padding: 1rem 4rem
}

._favtCat_7j0vy_40 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  padding: 0 1.6rem
}

._favtCat_7j0vy_40 h2 {
  font-size: 1.8rem;
  color: #000
}

._favtCat_7j0vy_40 p {
  font-size: 1.4rem;
  color: #000
}

._favtCat_7j0vy_40 button {
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  max-width: 34rem
}

._root_7nq8c_1 {
  position: sticky;
  top: 10rem;
  width: 33%;
  min-width: 37rem;
  max-width: 40rem;
  padding: 0;
  border-radius: 1rem 1rem 0 0;
  margin-block-start: 6.5rem;
  height: calc(100vh - 10rem);
  display: flex;
  flex-direction: column
}

._root_7nq8c_1 :where([class*=CartBar_miniViewCart]) {
  border-radius: 0
}

._wrapper_7nq8c_18 {
  background: var(--clr-light-100);
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
  flex-grow: 1;
  max-height: 100%;
  border-radius: 1rem 1rem 0 0
}

._cartHeading_7nq8c_28 {
  background: var(--clr-light-350);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 1.4rem 2rem
}

._miniCartList_7nq8c_35 {
  max-height: 100%;
  padding: 2rem 2rem 11rem;
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1
}

._badgeIcon_7nq8c_43 {
  position: absolute;
  top: 0;
  right: 3rem
}

[dir=rtl] ._badgeIcon_7nq8c_43 {
  right: auto;
  left: 3rem
}

._noItem_7nq8c_53 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  margin-block-start: -5rem
}

._noItem_7nq8c_53 h4 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 1rem 0
}

._noItem_7nq8c_53 p {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--theme-primary-black);
  padding: 1rem 0;
  margin-inline: 1rem;
  text-align: center
}

._applyCoupon_7nq8c_76 {
  width: 100%;
  display: flex;
  justify-content: space-around;
  background: white;
  margin: 2rem 2rem 2rem 0;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  border-radius: 10px;
  padding: 1.4rem 2rem;
  align-items: center
}

._applyCoupon_7nq8c_76 h3 {
  font-size: 1.4rem;
  font-weight: 700
}

._applyCoupon_7nq8c_76 p {
  color: var(--clr-grass-green-700);
  font-size: 1rem;
  font-weight: 500
}

._applyCoupon_7nq8c_76 ._icon_7nq8c_96 {
  flex-grow: 0;
  width: 50px
}

._applyCoupon_7nq8c_76 ._title_7nq8c_100 {
  flex-grow: 1
}

._Skeleton_7nq8c_104 {
  margin-bottom: 1rem;
  width: 31.2rem;
  height: 41.2rem
}

._applySkeleton_7nq8c_110 {
  height: 7.7rem;
  width: 27.8rem
}

._root_qrymm_2 {
  color: #333;
  max-width: 100%;
  margin: auto;
  display: flex;
  flex-flow: column;
  height: auto;
  flex-grow: 1;
  background: var(--theme-backgroud-page)
}

@media screen and (min-width: 1024px) {
  ._root_qrymm_2 {
    padding: 0 7rem;
    padding: 0 clamp(3rem, 3rem + (100vw - 100rem) * .1, 7rem)
  }
}

._main_qrymm_19 {
  background: var(--theme-backgroud-page);
  flex-grow: 1;
  min-height: auto;
  height: 100%
}

._searchInput_qrymm_26 {
  display: flex;
  background: var(--clr-light-400);
  padding: .5rem
}

@media screen and (min-width: 1024px) {
  ._searchInput_qrymm_26 {
    padding: 0;
    border-radius: .4rem;
    height: 3.6rem;
    overflow: hidden;
    flex-basis: 14rem
  }

  ._searchInput_qrymm_26 .MuiInputBase-input {
    color: var(--theme-procuct-price-color);
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 1rem;
    border: 0
  }

  ._searchInput_qrymm_26 .MuiInputBase-input::placeholder {
    color: #a9bdd0
  }

  ._searchInput_qrymm_26 .MuiIconButton-root {
    padding: 0 .4rem;
    margin: .2rem;
    color: var(--clr-dark-300);
    font-size: 2.5rem
  }
}

._tabsContainer_qrymm_57 {
  display: flex;
  flex: 0 0 auto;
  background-color: #fff
}

@media screen and (min-width: 1024px) {
  ._tabsContainer_qrymm_57 {
    min-width: 88rem;
    width: 70%;
    margin: 0 auto;
    margin-top: 3rem;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e;
    border-radius: 10px;
    padding: .5rem 2rem;
    height: 5.8rem;
    align-items: center
  }
}

._menuBtn_qrymm_76 {
  display: flex;
  flex-flow: column;
  align-items: center;
  flex: 0 0 auto;
  font-size: 7px;
  width: 55px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  background-color: #e4002b;
  padding: 5px 0
}

._menuBtnIcon_qrymm_90 {
  flex-grow: 1
}

._tabsBar_qrymm_94,
._tab_qrymm_57 {
  margin: 0;
  padding: 0;
  list-style-type: none
}

._tabsBar_qrymm_94 {
  flex-grow: 1;
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  will-change: transform;
  align-content: center;
  overflow-x: auto;
  margin-inline-start: 5px;
  scroll-snap-coordinate: 0 0;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch
}

@media screen and (min-width: 1024px) {
  ._tabsBar_qrymm_94 {
    margin-inline-start: 0
  }

  ._tabsBar_qrymm_94 .MuiTabs-flexContainer {
    gap: 1.4rem
  }

  ._tabsBar_qrymm_94 .MuiTabs-indicator {
    display: none
  }
}

._tabsBar_qrymm_94 ._tab_qrymm_57 {
  display: block;
  line-height: 40px;
  border-top: solid 3px transparent;
  border-bottom: solid 3px transparent;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--theme-category-tab-color);
  padding: 0 5px;
  text-transform: capitalize;
  opacity: 1;
  min-width: auto
}

._tabsBar_qrymm_94 ._tab_qrymm_57.active span {
  color: var(--theme-category-tab-active-color);
  font-weight: 700
}

@media screen and (min-width: 1024px) {
  ._tabsBar_qrymm_94 ._tab_qrymm_57.active {
    background: rgba(228, 0, 43, .05);
    border-radius: 1rem;
    padding: 0 1rem;
    line-height: 4.8rem;
    margin-block: 0;
    border: 0 none
  }

  ._tabsBar_qrymm_94 ._tab_qrymm_57.active span {
    color: var(--clr-primary-400);
    font-weight: 700
  }
}

.PrivateTabIndicator-colorSecondary-3 {
  display: none
}

.MuiTabs-flexContainer {
  gap: 10px
}

.MuiTabs-indicator {
  background-color: var(--theme-button-color) !important;
  height: 4px !important;
  border-radius: 2px 2px 0 0
}

._tabContentContainer_qrymm_173,
._tabContentContainerwithCart_qrymm_178 {
  display: block;
  min-height: 74vh
}

._tabContentContainerwithCart_qrymm_178>div {
  height: 74vh
}

._productList_qrymm_187 {
  display: flex;
  flex-flow: column
}

._noItem_qrymm_192 {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 75vh;
  justify-content: center
}

._noItem_qrymm_192 h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #000
}

._noItem_qrymm_192 p {
  color: gray
}

._noItem_qrymm_192 button {
  background: red;
  color: #fff;
  text-transform: uppercase
}

._desktopWrapper_qrymm_213 {
  display: flex;
  margin-top: 2.8rem;
  grid-gap: 4rem;
  gap: 4rem
}

._desktopWrapper_qrymm_213 ._tabContentContainer_qrymm_173,
._desktopWrapper_qrymm_213 ._tabContentContainerwithCart_qrymm_178 {
  width: 70%
}

._desktopWrapper_qrymm_213 ._Skeleton_qrymm_225 {
  margin-bottom: 1rem;
  width: 31.2rem;
  height: 41.2rem
}

._active_qrymm_140 {
  width: 90%;
  flex-grow: 1;
  position: absolute;
  background: #dfefff;
  left: 4%;
  opacity: 1
}

._active_qrymm_140 ._searchOpened_qrymm_239 {
  width: 90%
}

._active_qrymm_140 ._searchOpened_qrymm_239 input {
  opacity: 1;
  width: 100%
}

.react-swipeable-view-container>div {
  transform: translateZ(0)
}

.MuiInputBase-root {
  flex-grow: 1
}

._searchI_qrymm_26 input {
  width: 100%;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 1rem 1.4rem;
  border: 1px solid #dbe1f4;
  border-radius: 4px
}

._searchI_qrymm_26 input:focus {
  outline: none
}

._SearchBar_qrymm_268 {
  display: flex
}

._SearchBar_qrymm_268 ._actionButtonSection_qrymm_271 {
  flex-grow: 1
}

._searchInput_qrymm_26 {
  position: relative
}

@media screen and (min-width: 1024px) {
  ._searchInput_qrymm_26 {
    width: 100%;
    flex-grow: 1
  }
}

@media screen and (min-width: 1024px) {
  ._searchList_qrymm_286 {
    width: 70%
  }
}

._SearchBar_qrymm_268 ._iconButton_qrymm_291 {
  position: absolute;
  inset-inline-end: 15px
}

._root_cgs0n_2 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: min-content 1fr min-content;
  grid-template-areas: "title thumbnail" "price thumbnail" "details addtocart";
  padding: 2rem 1.6rem;
  background-color: var(--clr-light-100);
  width: 100%;
  column-gap: 3%;
  row-gap: .5rem
}

@media screen and (min-width: 1024px) {
  ._root_cgs0n_2 {
    position: relative;
    display: grid;
    grid-template-columns: 1fr min-content min-content;
    grid-template-rows: min-content 1fr;
    grid-template-areas: "title price thumbnail" "details addtocart thumbnail";
    padding: 2rem;
    background-color: var(--clr-light-100);
    width: 100%;
    column-gap: 4%;
    row-gap: 1.5rem;
    justify-items: flex-start;
    border-radius: 6px
  }

  ._root_cgs0n_2._handleMiniCart_cgs0n_29 {
    grid-template-columns: 1fr min-content;
    grid-template-rows: min-content 1fr;
    grid-template-areas: "title price" "details addtocart"
  }

  ._root_cgs0n_2._handleMiniCart_cgs0n_29 ._thumbnail_cgs0n_34 {
    display: none
  }
}

@media screen and (min-width: 1280px) {
  ._root_cgs0n_2 {
    grid-template-columns: 1fr min-content min-content min-content;
    grid-template-rows: min-content 1fr;
    grid-template-areas: "title price addtocart thumbnail" "details price addtocart thumbnail"
  }
}

._thumbnail_cgs0n_34 {
  grid-area: thumbnail;
  width: 9rem;
  aspect-ratio: 1/1;
  justify-self: flex-end;
  margin-block-start: -1.5rem
}

@media screen and (min-width: 1024px) {
  ._thumbnail_cgs0n_34 {
    margin-block: -2rem;
    align-self: center
  }
}

@media screen and (min-width: 1280px) {
  ._thumbnail_cgs0n_34 {
    margin-inline-start: 2rem
  }
}

._thumbnail_cgs0n_34 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-top: 1rem
}

._title_cgs0n_71 {
  grid-area: title;
  color: var(--theme-product-h-color)
}

._title_cgs0n_71 h3 {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 700;
  text-align: start
}

@media screen and (min-width: 1024px) {
  ._title_cgs0n_71 {
    position: relative
  }

  ._title_cgs0n_71._titleSpan_cgs0n_85 {
    grid-row-start: 1;
    grid-row-end: 3
  }
}

._sizeButtons_cgs0n_91 {
  align-self: flex-start;
  text-align: start
}

@media screen and (min-width: 1024px) {
  ._sizeButtons_cgs0n_91 {
    margin: 0
  }
}

._sizeButtons_cgs0n_91 ._sizes_cgs0n_100,
._sizeButtons_cgs0n_91 ._sizesActive_cgs0n_101 {
  height: 3rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: .6rem
}

._sizeButtons_cgs0n_91 ._sizesActive_cgs0n_101 {
  color: var(--clr-primary-400);
  background-color: var(--theme-lang-button-color);
  border-color: var(--clr-primary-400)
}

._price_cgs0n_113 {
  grid-area: price;
  display: flex;
  align-items: baseline;
  font-weight: 500;
  gap: .6rem;
  align-self: flex-start;
  margin-top: 1rem;
  white-space: nowrap
}

@media screen and (min-width: 1024px) {
  ._price_cgs0n_113 {
    width: 100%;
    align-self: flex-start;
    justify-content: flex-end;
    margin-top: 0
  }
}

@media screen and (min-width: 1024px) {
  ._price_cgs0n_113 {
    width: 100%;
    align-self: flex-start;
    justify-content: flex-end
  }
}

@media screen and (min-width: 1280px) {
  ._price_cgs0n_113 {
    white-space: nowrap;
    align-self: center
  }
}

._price_cgs0n_113 ._cost_cgs0n_150 {
  font-size: 1.4rem;
  color: var(--theme-procuct-price-color)
}

@media screen and (min-width: 1024px) {
  ._price_cgs0n_113 ._cost_cgs0n_150 {
    font-size: 1.6rem;
    font-weight: 600
  }
}

._price_cgs0n_113 ._strikeOut_cgs0n_160 {
  font-size: 1.2rem;
  color: var(--clr-dark-300-70);
  text-decoration: line-through
}

@media screen and (min-width: 1024px) {
  ._price_cgs0n_113 ._strikeOut_cgs0n_160 {
    font-size: 1.4rem;
    font-weight: 500
  }
}

._price_cgs0n_113 ._percentage_cgs0n_171 {
  border-inline-start: .1rem solid var(--clr-dark-300);
  font-size: 1.3rem;
  font-weight: 700;
  padding-inline-start: .5rem;
  color: var(--theme-button-color)
}

._detailsWrapper_cgs0n_179 {
  grid-area: details;
  align-self: flex-end;
  display: flex;
  gap: 1.5rem
}

._detailsButton_cgs0n_186.MuiButton-root {
  padding: .8rem .4rem .8rem 1rem;
  background-color: var(--clr-orange-500-10);
  color: var(--clr-orange-500);
  margin-inline-end: auto;
  font-size: 1.4rem;
  box-shadow: none;
  max-height: 3.5rem;
  font-weight: 500
}

._detailsButton_cgs0n_186.MuiButton-root:hover {
  background-color: var(--clr-orange-500-10);
  box-shadow: 0 4px 5px #0000000d
}

._detailsButton_cgs0n_186.MuiButton-root:active,
._detailsButton_cgs0n_186.MuiButton-root:focus {
  box-shadow: none
}

._detailsButton_cgs0n_186.MuiButton-root svg {
  font-size: 2.4rem;
  transform: rotate(0);
  transition: transform .2s ease-in
}

._detailsButton_cgs0n_186.MuiButton-root svg.opened {
  transform: rotate(-180deg)
}

._detailsButton_cgs0n_186 .MuiButton-endIcon {
  margin: 0
}

._notCustomizeContainer_cgs0n_215.MuiButton-root {
  margin-inline-end: initial
}

._customizeContainer_cgs0n_219 {
  grid-area: details;
  align-self: flex-end;
  display: flex;
  gap: 1.5rem;
  color: #007aff;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-inline-end: auto
}

._customizeContainer_cgs0n_219 button {
  color: #007aff;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 500
}

._customizeContainer_cgs0n_219 button ._customisesArrow_cgs0n_235 {
  background: #007aff;
  width: 1.7rem;
  height: 1.7rem;
  text-align: center;
  border-radius: .5rem;
  margin-inline-start: .5rem;
  justify-content: center;
  align-items: center;
  display: flex
}

._customizeContainer_cgs0n_219 button ._customisesArrow_cgs0n_235 svg {
  color: #fff;
  font-size: 1.7rem
}

._customizeContainer_cgs0n_219 button:hover {
  background: transparent
}

._addToCart_cgs0n_254 {
  grid-area: addtocart;
  width: 11.5rem;
  height: 3.5rem;
  justify-self: flex-end
}

@media screen and (min-width: 1024px) {
  ._addToCart_cgs0n_254 {
    width: 10rem;
    height: 3.6rem;
    justify-self: flex-end;
    align-self: flex-end
  }

  ._addToCart_cgs0n_254 .MuiButton-root {
    border-radius: .4rem
  }
}

@media screen and (min-width: 1280px) {
  ._addToCart_cgs0n_254 {
    align-self: center
  }
}

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

@media screen and (min-width: 1024px) {
  ._addToCart_cgs0n_254._added_cgs0n_276 {
    background: var(--clr-light-100);
    box-shadow: none
  }
}

._addToCart_cgs0n_254._added_cgs0n_276 span {
  font-weight: 700;
  font-size: 1.6rem
}

._addToCart_cgs0n_254._added_cgs0n_276 .MuiButton-root {
  font-size: 1.6rem;
  min-width: auto;
  aspect-ratio: 1/1;
  height: 100%;
  padding: 0
}

._customizedBox_cgs0n_299 {
  grid-area: customize;
  margin-block-end: -.5rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-in
}

._customizedBox_cgs0n_299.opened {
  max-height: 10rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_cgs0n_299 {
    width: 100%;
    background: var(--clr-light-200);
    align-self: flex-start;
    position: relative;
    margin-bottom: 0;
    margin-left: 0;
    display: flex;
    align-items: center
  }
}

._customizedBox_cgs0n_299 button {
  display: none
}

@media screen and (min-width: 1024px) {
  ._customizedBox_cgs0n_299 button {
    display: block;
    background: var(--clr-light-200);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7rem;
    display: flex;
    align-items: center;
    border: 1px solid rgba(73, 97, 171, .2);
    box-shadow: none;
    margin-inline-end: 2rem
  }
}

._customizedBox_cgs0n_299 p {
  font-size: 1.1rem;
  line-height: 1.4rem;
  padding: 1rem 1.6rem;
  color: var(--clr-dark-300);
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._customizedBox_cgs0n_299 p {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 1.6rem;
    flex-grow: 1
  }
}

._customizedBox_cgs0n_299 p em {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-style: normal;
  margin-inline-end: .4rem
}

@media screen and (min-width: 1024px) {
  ._customizedBox_cgs0n_299 p em {
    font-weight: 700
  }
}

._customizedBox_cgs0n_299 p span {
  text-transform: uppercase;
  color: var(--clr-secondary-400);
  font-weight: 700;
  font-size: 1.2rem;
  margin-inline-start: .4rem;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  ._customizedBox_cgs0n_299 p span {
    font-size: 1.4rem
  }
}

._hideDesktop_cgs0n_378 {
  display: none
}

@media screen and (min-width: 1024px) {
  ._hideDesktop_cgs0n_378 {
    display: inline-block
  }
}

._miniCartCustomize_cgs0n_387 button {
  display: none
}

._freePrice_cgs0n_391 {
  color: #1da81b
}

._offerAppliedContainer_cgs0n_395 {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: end
}

._rotateBadge_cgs0n_402,
._rotateBadge_cgs0n_402 ._textContent_cgs0n_406 {
  transform: scaleX(-1)
}

._offerCouponAppliedContainer_cgs0n_410 {
  position: absolute;
  bottom: 10rem;
  right: 0;
  width: 100%;
  text-align: end
}

@media screen and (min-width: 1024px) {
  ._offerCouponAppliedContainer_cgs0n_410 {
    bottom: 4.9rem
  }
}

._offerCouponAppliedContainer_cgs0n_410 ._mainBackground_cgs0n_422 {
  justify-content: center;
  z-index: 1;
  --f: 0rem;
  --r: 0px;
  --t: .4rem;
  position: absolute;
  inset: var(--t) calc(var(--f) * -1) auto auto;
  padding: 0 1rem var(--f) calc(1rem + var(--r));
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f) / 2));
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)), var(--r) calc(50% - var(--f) / 2));
  background: mediumseagreen;
  box-shadow: 0 calc(var(--f) * -1) 0 inset #0005
}

@media screen and (min-width: 1024px) {
  ._offerCouponAppliedContainer_cgs0n_410 ._mainBackground_cgs0n_422 {
    --f: .8rem
  }
}

._offerCouponAppliedContainer_cgs0n_410 ._textContent_cgs0n_406 {
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 2.5rem;
  color: #fff
}

._offerAppliedBox_cgs0n_449 {
  color: var(--clr-light-400);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  top: .3rem;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .2rem
}

._offerTag_cgs0n_463 {
  position: relative;
  align-items: center
}

._rewardFreeTag_cgs0n_468 {
  display: inline-block;
  margin-inline-end: -6px
}

._deleteFreeItem_cgs0n_473 {
  margin-top: 1rem
}

._deleteFreeItem_cgs0n_473 ._buttonContainer_cgs0n_476 {
  padding: 1rem
}

._prceComboBox_cgs0n_480 {
  display: flex;
  align-items: center;
  gap: 1rem
}

._ltoOfferExpireLayer_cgs0n_486 {
  background: rgba(57, 63, 82, .8);
  color: #fff;
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  align-items: center;
  text-align: center
}

._ltoOfferExpireLayer_cgs0n_486 h4 {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.9rem;
  margin-bottom: 1.5rem
}

._ltoOfferExpireLayer_cgs0n_486 button {
  border-color: #fff
}

._root_1jydc_2 {
  display: flex;
  flex-flow: column
}

@media screen and (min-width: 1024px) {
  ._root_1jydc_2 {
    gap: 2rem
  }
}

._root_1jydc_2 ._cartItem_1jydc_11 {
  grid-template-columns: 70% auto;
  grid-template-rows: auto auto auto;
  grid-template-areas: "title thumbnail" "description  thumbnail" "customize thumbnail" "actionContainer  actionContainer";
  padding: 0 10px 0 16px;
  box-shadow: none;
  gap: 3px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(57, 63, 82, .1019607843);
  flex-grow: 0;
  flex-basis: auto;
  min-width: auto
}

._root_1jydc_2 ._cartItem_1jydc_11 ._thumbnail_1jydc_24 img {
  width: 60%
}

._root_1jydc_2 ._cartItem_1jydc_11 ._thumbnail_1jydc_24 {
  min-height: 46px;
  min-width: 46px
}

._editCart_1jydc_32 {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background: #f1f6f9;
  padding: 10px
}

._editCart_1jydc_32 button {
  min-width: 28px;
  background: white;
  border-radius: 4px
}

._inner_1jydc_47 {
  background: white;
  height: 100%;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}

@media screen and (min-width: 1024px) {
  ._inner_1jydc_47 {
    max-width: 39rem;
    padding-bottom: 2rem
  }
}

._inner_1jydc_47 ._badge_1jydc_63 {
  position: absolute
}

._inner_1jydc_47 h3 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--theme-primary-black)
}

._inner_1jydc_47 button {
  border-radius: 4px;
  color: #fff;
  padding: 8px 25px;
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

._inner_1jydc_47 button._close_1jydc_79 {
  background: #ffffff;
  border: 1px solid rgba(57, 63, 82, .3);
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: none;
  color: var(--theme-primary-black)
}

._cartItemData_1jydc_88 {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._cartItemData_1jydc_88 {
    border-radius: 6px;
    box-shadow: 0 2.17631px 7.61708px #9bccf43e
  }
}

._cartItemWrapper_1jydc_100 {
  display: flex;
  flex-direction: row;
  position: relative
}

._cartItemWrapper_1jydc_100:after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border: solid 2rem white;
  border-width: 0 2rem;
  position: absolute;
  inset-block-end: 0;
  background-color: #393f52;
  opacity: .1;
  z-index: 1
}

@media screen and (min-width: 1024px) {
  ._cartItemWrapper_1jydc_100:after {
    display: none
  }
}

._smallHeading_1jydc_124 {
  margin-top: 4rem;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: var(--clr-dark-400);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem
}

._smallHeading_1jydc_124:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  background: #e4002b;
  border-radius: 73.1034px;
  height: .2rem;
  width: 2.8rem
}

._notAvail_1jydc_148 {
  background: rgba(57, 63, 82, .58);
  position: absolute;
  display: flex;
  width: 100%;
  color: #fff;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

._notAvail_1jydc_148 h4 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1.5rem
}

._notAvail_1jydc_148 button {
  color: #e4002b;
  border-color: #fff
}

._root_1qirm_2 {
  box-shadow: 0 -.6rem 2rem var(--clr-dark-900-10);
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.6rem;
  background-color: var(--clr-light-100);
  gap: .8rem;
  position: sticky;
  width: 100%;
  z-index: 1
}

._itemsCount_1qirm_16 {
  display: flex;
  align-items: center;
  gap: .8rem;
  flex: 0 0 30%
}

._countIcon_1qirm_23 {
  width: 4.8rem;
  aspect-ratio: 48/44;
  background-color: var(--clr-light-200);
  border-radius: .4rem;
  overflow: hidden
}

._countIcon_1qirm_23 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex
}

._counter_1qirm_37 {
  flex-grow: 1
}

._counter_1qirm_37 h5 {
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap
}

._counter_1qirm_37 h5 span:first-child {
  margin-inline-end: .8rem
}

._checkoutSection_1qirm_51 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: .8rem;
  flex-grow: 1;
  cursor: pointer;
  background: var(--theme-cartbar-button-bg);
  border-radius: .4rem;
  box-shadow: 0 .2rem 2rem var(--clr-dark-400-20);
  max-width: 30rem;
  padding: .8rem
}

@media screen and (min-width: 1024px) {
  ._checkoutSection_1qirm_51:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    inset: auto auto -1rem 0;
    border-right: 10px solid #960824;
    border-bottom: 10px solid transparent
  }

  ._checkoutSection_1qirm_51:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    inset: auto 0 -1rem auto;
    border-left: 10px solid #960824;
    border-bottom: 10px solid transparent
  }
}

._cartAmount_1qirm_87 {
  display: flex;
  flex-flow: column;
  gap: .6rem;
  align-items: flex-start;
  justify-content: center
}

._cartAmount_1qirm_87 h5 {
  color: var(--clr-light-100);
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  gap: 4px;
  direction: ltr
}

._cartAmount_1qirm_87 p {
  font-size: .8rem;
  color: var(--clr-light-100);
  margin: 0;
  padding: 0;
  font-weight: 400
}

._checkoutButton_1qirm_110 {
  color: var(--clr-light-100);
  font-weight: 700;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap
}

._label_1qirm_120 {
  font-size: 1.6rem;
  text-align: end
}

._chevron_1qirm_125 {
  font-size: 2rem;
  stroke-width: .1rem
}

[dir=rtl] ._chevron_1qirm_125 {
  transform: scaleX(-1)
}

._miniViewCart_1qirm_133 {
  padding: 0 0 3rem;
  background-color: var(--clr-light-100);
  border-radius: 0 0 1rem 1rem
}

._miniViewCart_1qirm_133 ._checkoutSection_1qirm_51 {
  padding: 1.3rem 2rem;
  border-radius: 1rem 1rem 0 0;
  margin-inline: -1rem;
  max-width: none;
  position: relative;
  cursor: pointer
}

._miniViewCart_1qirm_133 ._cartAmount_1qirm_87 h5 {
  font-size: 2rem
}

._miniViewCart_1qirm_133 ._cartAmount_1qirm_87 p {
  font-size: 1.3rem;
  color: var(--clr-primary-100);
  font-weight: 700
}

._miniViewCart_1qirm_133 ._checkoutButton_1qirm_110 {
  gap: 1.5rem
}

._miniViewCart_1qirm_133 ._label_1qirm_120 {
  font-size: 1.8rem;
  font-weight: 700
}

._miniViewCart_1qirm_133 ._chevron_1qirm_125 {
  display: grid;
  height: 3.3rem;
  aspect-ratio: 1/1;
  place-items: center;
  background: var(--clr-light-100);
  color: var(--clr-dark-900);
  border-radius: 50%
}

._root_1nz7q_2 ._resetBtn_1nz7q_2 {
  width: 6.9rem;
  height: 3rem;
  font-size: 1.2rem;
  font-weight: 500;
  border-radius: .6rem
}

._root_1nz7q_2 ._wrapContent_1nz7q_9 ._storeArea_1nz7q_9 ._noShadow_1nz7q_9 {
  box-shadow: none !important
}

._main_1nz7q_13 {
  background: var(--theme-backgroud-page);
  height: auto;
  min-height: 100vh;
  position: relative
}

._main_1nz7q_13 ._disableGrid_1nz7q_19 {
  opacity: .1;
  pointer-events: none
}

._main_1nz7q_13 ._orderStatusGrid_1nz7q_23 {
  z-index: 10000
}

._map_1nz7q_27 {
  height: 23.9rem;
  background-color: var(--clr-background);
  position: relative
}

._icon_1nz7q_33 {
  flex-grow: 0;
  padding-inline-end: 1rem
}

._status_1nz7q_38 {
  padding-top: 2rem
}

._status_1nz7q_38 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-primary-400);
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._status_1nz7q_38 p {
    font-size: 1.6rem
  }
}

._statusCenter_1nz7q_53 {
  padding-top: 2rem
}

._statusCenter_1nz7q_53 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-primary-400);
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  ._statusCenter_1nz7q_53 p {
    font-size: 1.6rem;
    text-align: center
  }
}

._orderIdContainer_1nz7q_69 {
  padding: 1.6rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 {
  padding: 1.6rem;
  background-color: #f2f9ff
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 1.6rem
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._sectionOne_1nz7q_82,
._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._sectionTwo_1nz7q_88 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._orderTypeText_1nz7q_94 {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: left
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._orderDateText_1nz7q_99 {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: left;
  direction: ltr
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._paymentTypeContainer_1nz7q_105 {
  display: flex;
  align-items: center;
  margin-bottom: .6rem
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._paymentTypeContainer_1nz7q_105 ._cashImg_1nz7q_110 {
  width: 3.1rem;
  height: 2.2rem
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._paymentTypeContainer_1nz7q_105 ._cardImg_1nz7q_114 {
  width: 3.1rem;
  height: 1.7rem;
  margin-inline-end: .2rem
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenDetail_1nz7q_77 ._orderPrice_1nz7q_119 {
  font-size: 1.2rem;
  font-weight: 500
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenIdContainer_1nz7q_123 {
  width: 100%;
  height: 7.2rem;
  padding: 1.8rem 2.6rem;
  border-radius: 1.2rem;
  border: .2rem dashed rgb(196, 197, 203);
  background: linear-gradient(0deg, #FFEBEF, #FFEBEF);
  display: flex;
  justify-content: space-between;
  align-items: center
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenIdContainer_1nz7q_123 ._tokenIdLabel_1nz7q_134 {
  font-size: 2.6rem;
  font-weight: 700
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenIdContainer_1nz7q_123 ._generatingTokenText_1nz7q_138 {
  font-size: 2rem;
  font-weight: 600;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenIdContainer_1nz7q_123 ._cancelledOrderText_1nz7q_147 {
  font-size: 3rem;
  font-weight: 700;
  width: 100%;
  text-align: center
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._tokenIdContainer_1nz7q_123 ._tokenIdValue_1nz7q_153 {
  font-size: 2.6rem;
  font-weight: 700;
  color: var(--clr-primary-400)
}

._orderIdContainer_1nz7q_69 ._tokenContainer_1nz7q_73 ._orderCanceled_1nz7q_158 {
  background: var(--clr-light-100)
}

._orderIdContainer_1nz7q_69 ._detailsButton_1nz7q_161 {
  border-radius: .4rem;
  border: 1px solid var(--clr-primary-400);
  background: var(--theme-lang-button-color);
  padding-inline: .8rem;
  padding-bottom: .4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._orderConfirmRoot_1nz7q_172 {
  padding-inline-start: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._orderConfirmRoot_1nz7q_172 {
    margin-top: 1.6rem
  }
}

._orderStatusContainer_1nz7q_181 {
  padding-inline: 1.6rem;
  padding-bottom: 1.5rem;
  border-radius: 0rem;
  padding-top: 1.6rem;
  margin-top: 1.8rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1nz7q_181 {
    padding-inline: 2rem;
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusContainer_1nz7q_181 ._orderConfirmed_1nz7q_195 {
  display: flex;
  align-items: center;
  padding-top: 1.2rem
}

._orderStatusContainer_1nz7q_181 ._orderConfirmed_1nz7q_195 ._headerText_1nz7q_200 {
  font-size: 1.4rem;
  font-weight: 500
}

._orderStatusContainer_1nz7q_181 ._orderConfirmed_1nz7q_195 ._descText_1nz7q_204 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._orderStatusContainer_1nz7q_181 ._orderConfirmed_1nz7q_195 ._centerText_1nz7q_210 {
  padding-inline: 1.2rem
}

._orderStatusContainer_1nz7q_181 ._icon_1nz7q_33 {
  height: 4.3rem;
  width: 2.9rem;
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1nz7q_181 ._icon_1nz7q_33 {
    width: 3.8rem;
    height: 3.8rem
  }
}

._orderStatusContainer_1nz7q_181 ._orderDesc_1nz7q_226 {
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  opacity: .5
}

._orderStatusContainer_1nz7q_181 ._content_1nz7q_231 {
  padding-inline: 1.3rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  color: var(--clr-dark-400)
}

._orderStatusContainer_1nz7q_181 ._content_1nz7q_231 p {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1nz7q_181 ._content_1nz7q_231 p {
    font-size: 1.6rem;
    font-weight: 500
  }
}

._orderStatusContainer_1nz7q_181 ._content_1nz7q_231 ._doneButton_1nz7q_249 {
  position: static;
  padding: .2rem .6rem;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  background: var(--clr-primary-400);
  color: #fff;
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1nz7q_181 ._content_1nz7q_231 ._doneButton_1nz7q_249 {
    min-width: 4.5rem;
    height: 1.8rem
  }
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1nz7q_181 ._content_1nz7q_231 ._doneButton_1nz7q_249 p {
    padding: .2rem .6rem;
    font-size: 1.2rem;
    font-weight: 500
  }
}

._orderStatusContainer_1nz7q_181 ._laterButton_1nz7q_285 {
  position: static;
  height: 1.6rem;
  left: 0rem;
  top: .2rem;
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  padding: .2rem .6rem;
  text-transform: uppercase;
  background: var(--theme-button-disable-bg);
  color: var(--clr-light-100);
  border-radius: .2rem;
  flex: none;
  order: 0;
  flex-grow: 0;
  pointer-events: none;
  min-width: auto
}

@media screen and (min-width: 1024px) {
  ._orderStatusContainer_1nz7q_181 ._laterButton_1nz7q_285 {
    width: 5.6rem;
    height: 2.1rem;
    color: #fff;
    padding: .2rem .6rem;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    font-size: 1.4rem;
    background: var(--theme-button-disable-bg)
  }
}

._orderStatusContainer_1nz7q_181 ._divider_1nz7q_324,
._orderStatusContainer_1nz7q_181 ._divider3_1nz7q_324 {
  margin-inline-start: 5.1rem;
  margin-top: 1.2rem
}

._orderStatusContainer_1nz7q_181 ._divider3_1nz7q_324 {
  margin-bottom: 2.5rem
}

._feedbackArea_1nz7q_332 {
  margin-top: 1.5rem
}

._feedbackArea_1nz7q_332 ._ratingHeader_1nz7q_335 {
  padding-inline: 1.6rem;
  padding-top: 2rem;
  display: flex
}

._feedbackArea_1nz7q_332 ._ratingHeader_1nz7q_335 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: .8rem
}

._feedbackContainer_1nz7q_346 {
  padding-block: 1.5rem
}

._feedbackContainer_1nz7q_346 ._feedbackClick_1nz7q_349 {
  padding-inline: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}

._feedbackContainer_1nz7q_346 ._feedbackClick_1nz7q_349 ._arrow_1nz7q_355 {
  font-size: 3rem;
  color: var(--clr-dark-400)
}

._feedbackContainer_1nz7q_346 p {
  font-size: 1.6rem;
  font-weight: 500
}

._feedbackContainer_1nz7q_346 ._icon_1nz7q_33 {
  height: 2.6rem;
  width: 4rem
}

._feedbackContainer_1nz7q_346 ._icon_1nz7q_33 ._text_1nz7q_367 {
  padding-inline-start: .9rem
}

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

._feedbackContainer_1nz7q_346 ._feedbackDesc_1nz7q_375 {
  font-size: 1.4rem;
  font-weight: 400;
  opacity: .7;
  padding-inline-start: 5.6rem
}

._feedbackContainer_1nz7q_346 ._formDivider_1nz7q_381 {
  margin-inline: 1.6rem;
  margin-top: 1.5rem
}

._storeArea_1nz7q_9 {
  background-color: var(--clr-light-100);
  height: 100%;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._storeArea_1nz7q_9 {
    position: relative;
    height: auto;
    z-index: 0;
    border-radius: 1rem 1rem 0 0
  }
}

._storeContainer_1nz7q_400 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

._storeContainer_1nz7q_400 ._headerText_1nz7q_200 {
  font-size: 1.4rem;
  font-weight: 500
}

._storeContainer_1nz7q_400 ._descText_1nz7q_204 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400);
  opacity: .4
}

._storeContainer_1nz7q_400 ._centerText_1nz7q_210 {
  padding-inline: 1.2rem
}

._flexbox_1nz7q_421,
._circleArea2_1nz7q_421 {
  display: flex;
  justify-content: center;
  align-items: center
}

._circleArea2_1nz7q_421 {
  height: 3rem;
  width: 3rem;
  background-color: var(--clr-grass-green-700);
  color: var(--clr-light-100);
  border-radius: 50%;
  font-weight: 500;
  font-size: 1.8rem
}

._futureOrderContainer_1nz7q_437 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 1.5rem
}

._futureOrderContainer_1nz7q_437 ._headerText_1nz7q_200 {
  font-size: 1.6rem;
  font-weight: 500
}

._futureOrderContainer_1nz7q_437 ._descText_1nz7q_204 {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: 4rem;
  padding-block: .6rem
}

._futureOrderContainer_1nz7q_437 ._descContainer_1nz7q_455 {
  background-color: var(--clr-background);
  border-radius: .4rem
}

._futureDivider_1nz7q_460 {
  padding-inline: 5.4rem;
  padding-block: 1.2rem
}

._futureOrderWarn_1nz7q_465 {
  justify-content: space-between;
  display: flex;
  padding-inline: 6.6rem;
  margin: 0 25px;
  align-items: center;
  padding-bottom: 2rem
}

@media screen and (min-width: 1024px) {
  ._futureOrderWarn_1nz7q_465 {
    margin: 0 25%
  }
}

._futureOrderWarn_1nz7q_465 ._descText_1nz7q_204 {
  font-size: 1.2rem;
  font-weight: 500;
  padding-inline-start: 1.1rem
}

._desktopContainer_1nz7q_484 {
  display: flex;
  justify-content: center;
  padding-inline: 13rem;
  padding-top: 2rem
}

._desktopGrid2_1nz7q_491 {
  padding-inline-start: 3rem;
  width: 49rem
}

._disabled_1nz7q_496 {
  opacity: .5
}

._disabled_1nz7q_496 ._content_1nz7q_231 {
  color: var(--theme-button-disable-bg)
}

._storeNameHeader_1nz7q_503 p {
  font-size: 1.4rem;
  font-weight: 500;
  padding-inline: .8rem
}

._descContainer_1nz7q_455 {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

._descContainer_1nz7q_455 ._restaudesc_1nz7q_514 {
  font-weight: 400;
  font-size: 1.2rem;
  opacity: .7;
  padding-inline: .8rem
}

._StoreContainer_1nz7q_521 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-inline: 1.6rem;
  padding-block: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._StoreContainer_1nz7q_521 {
    display: none
  }
}

._StoreContainer_1nz7q_521 ._storeAddress_1nz7q_533 {
  display: flex
}

._StoreContainer_1nz7q_521 ._iconContainer_1nz7q_536 {
  float: right;
  display: flex;
  height: 4.2rem;
  width: 4.2rem;
  border-radius: 50%;
  background-color: var(--theme-order-success-color);
  color: var(--clr-light-100)
}

._StoreContainer_1nz7q_521 ._iconContainer_1nz7q_536 a {
  color: var(--clr-light-100)
}

._StoreContainer_1nz7q_521 ._iconContainer_1nz7q_536 ._iconSize_1nz7q_548 {
  height: 2rem;
  width: 2rem
}

._flexBox_1nz7q_553,
._StoreContainer_1nz7q_521 ._iconContainer_1nz7q_536 {
  display: flex;
  justify-content: center;
  align-items: center
}

._getDirection_1nz7q_559 {
  position: absolute;
  background: #007aff;
  min-width: 5.6rem;
  display: flex;
  height: 3.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: #fff;
  bottom: 10px;
  padding: 0 1rem;
  inset-inline-end: 1.6rem
}

._getDirection_1nz7q_559 span {
  display: none;
  text-transform: uppercase;
  padding: 0 1rem
}

._getDirection_1nz7q_559 span a {
  color: #fff
}

._getDirection_1nz7q_559:hover span {
  display: block
}

._desktopHeader_1nz7q_585 {
  padding-inline: 13rem;
  padding-top: 2rem;
  position: relative
}

._desktopHeader_1nz7q_585 h1 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: var(--clr-dark-400);
  margin-bottom: 1.6rem;
  position: relative
}

._desktopHeader_1nz7q_585 h1:before {
  content: "";
  display: block;
  border: .15rem solid #e4002b;
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  bottom: -1.8rem;
  inset-inline-start: 0;
  width: 6rem
}

._desktopHeader_1nz7q_585:after {
  content: "";
  display: block;
  border: 1px solid var(--clr-dark-400);
  opacity: .2;
  width: 100%
}

._desktopOrderLine_1nz7q_618 {
  position: relative
}

._desktopOrderLine_1nz7q_618:before {
  content: "";
  display: block;
  border: .15rem solid var(--clr-primary-400);
  background: var(--clr-primary-400);
  border-radius: 2rem;
  height: .3rem;
  position: absolute;
  inset-inline-start: 2rem;
  width: 3rem
}

._trackHeader_1nz7q_633 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 2.1rem
}

._trackHeader_1nz7q_633 ._back_1nz7q_639 {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.1rem;
  display: flex;
  align-items: center;
  gap: 1.6rem
}

[dir=rtl] ._trackHeader_1nz7q_633 ._back_1nz7q_639 svg {
  transform: rotate(180deg)
}

._trackHeader_1nz7q_633 button._resetBtn_1nz7q_2 {
  border-radius: 4px;
  width: 9rem
}

._subMode_1nz7q_655 {
  font-size: 1.2rem;
  font-weight: 400;
  text-align: right;
  text-transform: uppercase
}

._wrapContent_1nz7q_9 {
  flex-grow: 1;
  border-radius: 1rem
}

._orderStatusGrid_1nz7q_23 {
  flex-grow: 1
}

._orderStatusGrid_1nz7q_23 ._orderStatusContainer_1nz7q_181 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_1nz7q_23 ._orderStatusContainer_1nz7q_181 {
    border-radius: 0 0 1rem 1rem
  }
}

._orderStatusGrid_1nz7q_23 ._feedbackArea_1nz7q_332 {
  border-radius: 0
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_1nz7q_23 ._feedbackArea_1nz7q_332 {
    border-radius: 1rem
  }
}

._orderStatusGrid_1nz7q_23 ._feedbackContainer_1nz7q_346 {
  border-radius: 0;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._orderStatusGrid_1nz7q_23 ._feedbackContainer_1nz7q_346 {
    border-radius: 1rem
  }
}

@media screen and (min-width: 1024px) {
  ._shadowArea_1nz7q_697 {
    box-shadow: 0 2.17631px 7.61708px #9bccf43d;
    border-radius: 1rem
  }
}

._earnWrapper_1nz7q_703 {
  margin-top: 2rem
}

._orderIdDetails_1nz7q_707 {
  display: flex;
  justify-content: space-between;
  background: rgba(223, 239, 255, .4);
  padding: 1.2rem;
  border-radius: .4rem
}

._orderIdDetails_1nz7q_707 ._loadingSkeleton_1nz7q_715 {
  margin-top: 1rem
}

._orderIdDetails_1nz7q_707 img {
  width: 3.6rem;
  height: 3.6rem
}

@media screen and (min-width: 1024px) {
  ._orderIdDetails_1nz7q_707 img {
    width: 4.2rem;
    height: 4.2rem
  }
}

._orderIdDetails_1nz7q_707 ._orderNoContainer_1nz7q_728 {
  padding-inline-start: 1.2rem
}

._orderIdDetails_1nz7q_707 ._orderNoText_1nz7q_731 p {
  font-size: 1.2rem;
  font-weight: 300;
  color: #7d7d7d
}

._orderIdDetails_1nz7q_707 ._amountText_1nz7q_736 p {
  font-size: 1.2rem;
  font-weight: 400
}

@media screen and (min-width: 1024px) {
  ._orderIdDetails_1nz7q_707 ._amountText_1nz7q_736 p {
    font-size: 1.6rem
  }
}

._orderIdDetails_1nz7q_707 ._amountText_1nz7q_736 span {
  font-weight: 500;
  margin-inline-start: .5rem
}

@media screen and (min-width: 1024px) {
  ._orderIdDetails_1nz7q_707 ._amountText_1nz7q_736 span {
    font-weight: 500;
    font-size: 1.6rem
  }
}

._detailsButton_1nz7q_161 {
  border-radius: .4rem;
  border: 1px solid var(--clr-primary-400) !important;
  background: var(--theme-lang-button-color) !important;
  padding-inline: .8rem;
  padding-bottom: .4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._orderSteps_1nz7q_767 ._stepsTitle_1nz7q_767 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 2rem;
  text-transform: uppercase
}

._orderSteps_1nz7q_767 ._stepsContainer_1nz7q_773 ._step_1nz7q_767 {
  display: flex;
  align-items: center;
  margin-block: 1.2rem
}

._orderSteps_1nz7q_767 ._stepsContainer_1nz7q_773 ._step_1nz7q_767 img {
  width: 2rem;
  height: 2rem;
  margin-inline-end: .8rem
}

._orderSteps_1nz7q_767 ._stepsContainer_1nz7q_773 ._step_1nz7q_767 p {
  font-size: 1.2rem;
  font-weight: 400
}

._contactInfoGrid_1nz7q_788 {
  margin-top: 1.8rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e;
  margin-bottom: 2.8rem
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 {
  padding: 1.8rem
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._contactInfoTitle_1nz7q_796 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: .8rem
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._contactInfoSubTitle_1nz7q_801 {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #393f52;
  opacity: .7
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._contactInfoButton_1nz7q_808 {
  margin-top: 2.8rem
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._inputContainer_1nz7q_811 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._inputContainer_1nz7q_811 ._optionalText_1nz7q_817 {
  font-size: 1.2rem;
  font-weight: 400;
  justify-content: flex-end;
  position: absolute;
  top: 2.5rem;
  margin-inline-end: 1rem;
  opacity: .4;
  color: #393f52
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._inputContainer_1nz7q_811 ._rtlText_1nz7q_827 {
  left: 0
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._inputContainer_1nz7q_811 ._ltrText_1nz7q_830 {
  right: 0
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._inputContainer_1nz7q_811 ._rtlTextMobileInput_1nz7q_833 {
  left: 9rem;
  top: 2rem
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._nameField_1nz7q_837 input {
  font-size: 1.4rem;
  font-weight: 500;
  padding-block: .9rem
}

._contactInfoGrid_1nz7q_788 ._contactInfoContainer_1nz7q_793 ._labelText_1nz7q_842 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #393f52;
  opacity: .4
}

._contactInfoSubmittedGrid_1nz7q_849 {
  margin-top: 1.8rem;
  margin-bottom: 2.8rem;
  box-shadow: 0 2.1800000668px 7.6199998856px #9bccf43e
}

._contactInfoSubmittedGrid_1nz7q_849 ._contactInfoSubmittedContainer_1nz7q_854 {
  padding: 1.6rem
}

._contactInfoSubmittedGrid_1nz7q_849 ._contactInfoSubmittedContainer_1nz7q_854 ._titleContainer_1nz7q_857 {
  display: flex;
  align-items: center;
  margin-bottom: .7rem
}

._contactInfoSubmittedGrid_1nz7q_849 ._contactInfoSubmittedContainer_1nz7q_854 ._titleContainer_1nz7q_857 img {
  width: 1.6rem;
  height: 1.6rem
}

._contactInfoSubmittedGrid_1nz7q_849 ._contactInfoSubmittedContainer_1nz7q_854 ._titleContainer_1nz7q_857 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: #231f20;
  margin-inline-start: .8rem
}

._contactInfoSubmittedGrid_1nz7q_849 ._contactInfoSubmittedContainer_1nz7q_854 ._successMessage_1nz7q_872 {
  font-size: 12px;
  font-weight: 400;
  color: #393f52;
  opacity: .7;
  line-height: 1.8rem
}

._downloadReceipt_1nz7q_880 {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5rem;
  border: none;
  background: transparent
}

._downloadReceipt_1nz7q_880 span {
  margin-top: .3rem;
  text-transform: uppercase;
  color: var(--clr-primary-400);
  font-weight: 600;
  font-size: 1.3rem
}

._downloadReceipt_1nz7q_880 img {
  width: 1.7rem;
  height: 1.7rem;
  margin-inline-end: .6rem
}

._cancelOrderNoteWrapper_1nz7q_903 {
  padding-inline: 1.7rem;
  padding-block: 1.3rem;
  margin-top: 1.5rem
}

._cancelOrderNoteWrapper_1nz7q_903 ._cancelOrderNoteContainer_1nz7q_908 {
  border: 1px dashed #979797;
  padding-inline: 1.6rem;
  padding-top: 1.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
  background: #F1F9FF;
  border-radius: 1rem
}

._cancelOrderNoteWrapper_1nz7q_903 ._cancelOrderNoteContainer_1nz7q_908 p {
  color: #383f50;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2.1rem
}

._contactForm_1nz7q_924 {
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400);
  width: 100%
}

._contactForm_1nz7q_924 form {
  width: 100%
}

._contactForm_1nz7q_924 ._headerText_1nz7q_200 p {
  font-size: 1.6rem;
  font-weight: 500
}

._contactForm_1nz7q_924 ._mobileInput_1nz7q_937 {
  display: flex;
  align-items: baseline;
  direction: ltr
}

._contactForm_1nz7q_924 ._mobileInput_1nz7q_937 label {
  font-size: 1.2rem;
  font-weight: 500
}

._contactForm_1nz7q_924 ._exampleNo_1nz7q_946 {
  margin-left: 10rem;
  padding-block: .5rem
}

._contactForm_1nz7q_924 ._exampleNo_1nz7q_946 p {
  font-size: 1.2rem;
  font-weight: 500;
  opacity: .4
}

._contactForm_1nz7q_924 ._exampleNo_1nz7q_946 ._warningText_1nz7q_955 {
  color: var(--theme-user-icon-bg);
  opacity: 1
}

._contactForm_1nz7q_924 ._disableButton_1nz7q_959,
._contactForm_1nz7q_924 ._loginButton_1nz7q_959 {
  background-color: var(--theme-button-disable-bg);
  border-radius: .4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .8rem;
  pointer-events: none
}

._contactForm_1nz7q_924 ._disableButton_1nz7q_959 ._button_1nz7q_968,
._contactForm_1nz7q_924 ._loginButton_1nz7q_959 ._button_1nz7q_968 {
  font-size: 1.6rem;
  color: var(--clr-light-100)
}

._contactForm_1nz7q_924 ._loginButton_1nz7q_959 {
  background-color: var(--clr-primary-400);
  pointer-events: auto
}

._submit_1nz7q_977 {
  margin-top: 2rem
}

._submit_1nz7q_977 button {
  width: 100%;
  padding: 1.5rem 0;
  font-size: 1.6rem;
  font-weight: 500
}

._spinner_1nz7q_987 {
  border: .4rem solid var(--clr-primary-400);
  border-top: .4rem solid transparent;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: _spin_1nz7q_987 2s linear infinite;
  margin-inline-end: 1rem
}

@keyframes _spin_1nz7q_987 {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

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

._loadingTokenDetail_1nz7q_1005 ._loadingSkeleton_1nz7q_715 {
  margin-top: 1rem;
  margin-bottom: 2rem
}

._header_2e4ag_2 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 .4rem .4rem #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 2rem 2rem;
  padding-block: 2rem 2rem
}

@media screen and (min-width: 1024px) {
  ._header_2e4ag_2 {
    position: sticky;
    top: 0;
    z-index: 1
  }
}

._badge_2e4ag_21 {
  position: absolute;
  top: 0
}

._successIcon_2e4ag_26 {
  width: 10.3rem
}

._successHeading_2e4ag_30 {
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  color: var(--clr-dark-400);
  max-width: 29rem;
  line-height: 2.5rem;
  margin-block: .5rem 2.2rem
}

._btnSuccess_2e4ag_40 {
  background: var(--clr-primary-400);
  box-shadow: 0 .6rem 1rem #de000033;
  border-radius: .4rem;
  width: 17rem;
  height: 4.6rem;
  margin-block-start: 2rem
}

._formWrapper_848if_2 {
  position: relative;
  max-width: 57rem;
  background: var(--clr-light-100);
  box-shadow: var(--clr-dark-900-20);
  border-radius: 1rem;
  margin-inline: auto;
  padding-inline: 2rem 2rem;
  padding-block: 0 2rem;
  margin-block: -45rem 0
}

@media screen and (max-width: 374px) {
  ._formWrapper_848if_2 {
    margin-block: -38rem 0
  }
}

@media (min-width: 375px) and (max-width: 768px) {
  ._formWrapper_848if_2 {
    margin-block: -42rem 0
  }
}

@media screen and (min-width: 375px) {
  ._formWrapper_848if_2 {
    margin-block: -40rem 0
  }
}

@media screen and (min-width: 768px) {
  ._formWrapper_848if_2 {
    margin-block: -46rem 0
  }
}

._containerRow_848if_34 .MuiGrid-container {
  flex-direction: row
}

._formMainHeading_848if_38 {
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: 600;
  text-align: center;
  color: var(--clr-dark-400);
  margin-block: 1rem 0
}

@media screen and (min-width: 1024px) {
  ._formMainHeading_848if_38 {
    font-size: 1.8rem;
    margin-inline: 4rem 4rem
  }
}

._fullWidth_848if_53 {
  width: 100%
}

._inputCommonPadding_848if_57 {
  padding-block-start: 2rem;
  padding-inline-start: 1rem
}

._dateTimeInput_848if_62 {
  margin-block: 2rem 0;
  padding-inline-start: 1rem
}

._dateTimeInput_848if_62 .MuiStack-root {
  overflow-x: hidden;
  padding-block-start: 1.5rem
}

._formSubText_848if_71 {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--clr-dark-400)
}

._exampleWrapper_848if_78 {
  margin-inline: 4.5rem 0;
  padding-block-start: 1rem
}

._exampleWrapper_848if_78 ._phoneExmp_848if_82 {
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400);
  opacity: .4
}

._bulkText_848if_89 {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--clr-dark-400);
  padding-block: 2rem .5rem
}

._submitWrapper_848if_97 {
  padding-block: 2rem 0;
  text-align: center
}

._submitWrapper_848if_97 ._button_848if_101 {
  width: 17rem;
  height: 4.6rem
}

._headingUnderLine_848if_106 {
  height: .3rem;
  width: 2rem;
  margin-block: 1rem 2.5rem;
  margin-inline: auto;
  background: var(--clr-primary-400)
}

._textUnderLine_848if_114 {
  position: relative;
  margin-block: .5rem .5rem
}

._textUnderLine_848if_114:before {
  content: "";
  position: absolute;
  inset: 100% auto;
  height: .2rem;
  width: 2rem;
  margin-block-start: .5rem;
  background-color: var(--clr-primary-400)
}

._badge_848if_128 {
  display: flex;
  justify-content: center;
  padding-inline: 3rem;
  border-radius: 1rem
}

._rtlInput_848if_135 input[type=datetime-local] {
  direction: ltr
}

[lang=ar] ._rtlInput_848if_135 input[type=datetime-local] {
  text-align: end
}

._timePicker_848if_142 {
  overflow-x: hidden
}

._timePicker_848if_142 .MuiButtonBase-root {
  left: -2.5rem
}

._bulkWrapper_not4n_2 {
  background: url(/assets/bulkOrderBg-4329ef43.svg) no-repeat top center;
  padding-block-start: 3.5rem;
  overflow: hidden
}

._fullWidth_not4n_8 {
  width: 100%
}

._bodyWrapper_not4n_12 {
  text-align: center;
  margin-inline: auto
}

._bodyWrapper_not4n_12 img {
  max-width: 100%;
  height: auto
}

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

._gridBodyContainer_not4n_21 ._bgImgStyle1_not4n_25 {
  margin-inline-start: 3.5rem
}

._gridBodyContainer_not4n_21 ._bgImgStyle2_not4n_28 {
  margin-block-start: -12rem
}

@media screen and (max-width: 768px) {
  ._gridBodyContainer_not4n_21 {
    padding-inline: 1.5rem
  }
}

._gridBodyContainer_not4n_21 .MuiGrid-container {
  flex-direction: row;
  margin-block-start: 1.5rem
}

._containerRow_not4n_42 .MuiGrid-container {
  flex-direction: row
}

._subtext_not4n_46 {
  font-weight: 500;
  font-size: 1.2rem;
  text-align: center;
  color: var(--clr-light-100);
  margin-inline: 2rem;
  line-height: 1.7rem
}

@media screen and (min-width: 1024px) {
  ._subtext_not4n_46 {
    font-size: 1.8rem;
    line-height: normal
  }
}

._headerText_not4n_61 {
  font-style: italic;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--clr-light-100);
  margin-bottom: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._headerText_not4n_61 {
    font-size: 2.8rem
  }
}

._introducingSection_not4n_76 {
  margin-block-start: 4rem;
  padding-inline: 2rem;
  background: #f9f9fa
}

._introducingSection_not4n_76 .MuiGrid-container {
  flex-direction: row
}

._bulkOrderIntroTitle_not4n_85 {
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._bulkOrderIntroTitle_not4n_85 {
    font-size: 2rem
  }
}

._bulkOrderIntroHeading_not4n_96 {
  font-weight: 500;
  font-size: 1.4rem;
  margin-block: 1.5rem;
  color: var(--clr-dark-400);
  line-height: 2.1rem
}

@media screen and (min-width: 1024px) {
  ._bulkOrderIntroHeading_not4n_96 {
    line-height: normal;
    font-size: 1.8rem
  }
}

._listSectionWrapper_not4n_110 ul {
  list-style: none
}

._listSectionWrapper_not4n_110 li:last-child {
  margin-block-end: 2rem
}

._listSectionWrapper_not4n_110 ._listStyle_not4n_116 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  padding-block: 1rem 1rem;
  color: var(--clr-dark-400);
  font-size: 1.4rem;
  font-weight: 500
}

@media screen and (min-width: 1024px) {
  ._listSectionWrapper_not4n_110 ._listStyle_not4n_116 {
    font-size: 1.8rem
  }
}

._imgContainer_not4n_133 img {
  max-width: 100%;
  height: auto
}

._textSection_not4n_138 {
  padding-block-start: 2rem;
  margin-inline-start: -4rem
}

@media screen and (max-width: 768px) {
  ._textSection_not4n_138 {
    margin-inline-start: 2rem
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  ._textSection_not4n_138 {
    margin-inline-start: -1rem
  }
}

._peopleImgStyle_not4n_153 {
  width: 24rem;
  height: 17rem
}

._restrauImgStyle_not4n_158 {
  width: 18rem;
  height: 16rem
}

._imgStyle_not4n_163 {
  width: 2.8rem
}

._mobileFooter_not4n_167 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.5rem;
  width: auto;
  background-color: var(--clr-light-300)
}

._mobileFooter_not4n_167 p {
  color: var(--clr-dark-400);
  font-size: 1.4rem;
  text-align: center;
  font-weight: 400;
  mix-blend-mode: normal;
  opacity: .5
}

._root_1ol23_2 {
  background: var(--clr-background);
  height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column !important;
  gap: 1.5rem
}

._pageHeading_1ol23_11 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_1ol23_11:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

@media screen and (min-width: 1024px) {
  ._wrapper_1ol23_32 {
    padding: 2rem 13rem
  }
}

._effective_1ol23_37 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._effective_1ol23_37 {
    width: 50%;
    margin: 0 auto
  }
}

._effective_1ol23_37 p {
  background: #e4e5e5;
  position: absolute;
  z-index: 1;
  padding: 0 1.5rem
}

._effective_1ol23_37:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  display: block;
  border: 1px solid #e4002b
}

._root_b1w4r_1 {
  display: flex;
  flex-direction: column !important;
  padding-inline: 1.6rem;
  padding-block: 1.5rem;
  color: var(--clr-dark-400)
}

._header_b1w4r_9 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

._header_b1w4r_9 ._headerText_b1w4r_14 {
  font-size: 1.6rem;
  font-weight: 500;
  max-width: 85%
}

._header_b1w4r_9 ._icon_b1w4r_19 {
  height: 2.5rem;
  width: 2.5rem
}

._divider_b1w4r_24 {
  padding-top: 1.5rem;
  transition: transform .6s ease
}

._accordion__section_b1w4r_29 {
  display: flex;
  flex-direction: column;
  background-color: var(--clr-background)
}

._accordion_b1w4r_29 {
  cursor: pointer;
  padding: 18px;
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  transition: background-color .6s ease
}

._accordion__icon_b1w4r_45 {
  margin-left: auto;
  transition: transform .6s ease;
  height: 2rem;
  width: 2rem
}

._accordion__icon_rotate_b1w4r_52 {
  transform: rotate(90deg);
  transition: transform .6s ease;
  height: 2rem;
  width: 2rem
}

[dir=rtl] ._accordion__icon_b1w4r_45 {
  transform: scaleX(-1)
}

._accordion__content_b1w4r_63 {
  background-color: var(--clr-light-100);
  overflow: auto;overflow-y: hidden;
  transition: max-height .6s ease
}

._accordion__text_b1w4r_69 {
  padding-top: 1.5rem
}

._accordion__text_b1w4r_69 p {
  font-weight: 400;
  font-size: 1.2rem;
  transition: transform .6s ease;
  opacity: .8
}

._contactUsContainer_rkqny_2 {
  display: flex;
  flex-direction: column !important;
  gap: 1.5rem;
  align-items: center;
  background-color: var(--clr-light-100);
  margin-block: 1.5rem;
  padding-block: 1.5rem;
  margin-top: 4rem
}

@media screen and (min-width: 1024px) {
  ._contactUsContainer_rkqny_2 {
    margin-inline: 27rem
  }
}

._contactUsContainer_rkqny_2 ._headerText_rkqny_17 {
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--clr-primary-400)
}

._contactUsContainer_rkqny_2 ._descText_rkqny_22 {
  padding-inline: 1.6rem;
  text-align: center
}

._contactUsContainer_rkqny_2 ._descText_rkqny_22 p {
  font-size: 1.4rem;
  font-weight: 400
}

._contactUsContainer_rkqny_2 ._reachUsHeading_rkqny_30 {
  width: 100%;
  text-align: center;
  position: relative;
  padding: 0 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-block: 1.5rem
}

._contactUsContainer_rkqny_2 ._reachUsHeading_rkqny_30 p {
  font-weight: 600;
  font-size: 1.4rem;
  background: #fff;
  position: absolute;
  top: -8px;
  padding: 0 14px
}

._contactUsContainer_rkqny_2 ._reachUsHeading_rkqny_30:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  border: 1px solid #e4002b
}

._contactUsContainer_rkqny_2 ._callUsContainer_rkqny_55 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._contactUsContainer_rkqny_2 ._callUsContainer_rkqny_55 {
    width: 34.5rem
  }
}

._contactUsContainer_rkqny_2 ._callUsContainer_rkqny_55 ._callContainer_rkqny_63 {
  display: flex;
  align-items: center;
  padding-inline: 1.6rem;
  padding-block: .8rem;
  height: 4.8rem;
  width: 100%
}

._contactUsContainer_rkqny_2 ._callUsContainer_rkqny_55 ._callContainer_rkqny_63 ._callIcon_rkqny_71 svg {
  height: 2.1rem;
  width: 2.1rem;
  color: var(--clr-primary-400)
}

._contactUsContainer_rkqny_2 ._callUsContainer_rkqny_55 ._callContainer_rkqny_63 ._customerCare_rkqny_76 {
  flex-grow: 1
}

._contactUsContainer_rkqny_2 ._callUsContainer_rkqny_55 ._callContainer_rkqny_63 ._customerCare_rkqny_76 a {
  color: var(--clr-dark-400)
}

._contactUsContainer_rkqny_2 ._callUsContainer_rkqny_55 ._callContainer_rkqny_63 ._customerCare_rkqny_76 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: 1.5rem
}

._contactUsContainer_rkqny_2 ._emailusContainer_rkqny_87 {
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._contactUsContainer_rkqny_2 ._emailusContainer_rkqny_87 {
    width: 34.5rem
  }
}

._contactUsContainer_rkqny_2 ._emailusContainer_rkqny_87 ._emailContainer_rkqny_95 {
  display: flex;
  align-items: center;
  padding-inline: 1.6rem;
  padding-block: .8rem;
  height: 4.8rem;
  width: 100%
}

._contactUsContainer_rkqny_2 ._emailusContainer_rkqny_87 ._emailContainer_rkqny_95 ._customerCare_rkqny_76 {
  flex-grow: 1
}

._contactUsContainer_rkqny_2 ._emailusContainer_rkqny_87 ._emailContainer_rkqny_95 ._customerCare_rkqny_76 a {
  color: var(--clr-dark-400)
}

._contactUsContainer_rkqny_2 ._emailusContainer_rkqny_87 ._emailContainer_rkqny_95 ._customerCare_rkqny_76 p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-inline: 1.5rem
}

._contactUsContainer_rkqny_2 ._emailusContainer_rkqny_87 ._emailContainer_rkqny_95 ._callIcon_rkqny_71 svg {
  height: 2.1rem;
  width: 2.1rem;
  color: var(--clr-primary-400)
}

._flexBox_rkqny_120 {
  display: flex;
  justify-content: center;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._wrapper_rkqny_127 {
    max-width: 50rem;
    display: flex;
    flex-direction: column;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    align-items: center;
    background-color: var(--clr-light-100);
    margin-block: 1.5rem;
    padding-block: 1.5rem
  }
}

._root_6vlr7_2 {
  height: 100%;
  margin-bottom: 70px;
  min-height: 100vh;
  scroll-behavior: smooth
}

._pageNav_6vlr7_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  box-shadow: 0 2px 11px #dde4ec;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1
}

._resetBtn_6vlr7_21.MuiButton-root {
  font-size: 1.4rem;
  font-weight: 500;
  background: var(--clr-light-100);
  border-radius: .4rem;
  border: .1rem solid var(--clr-dark-400-20);
  padding-inline: 1.4rem;
  height: 3rem
}

._resetBtn_6vlr7_21.MuiButton-root span {
  color: var(--clr-primary-400)
}

._title_6vlr7_34 {
  flex-grow: 1;
  padding: 0 1.5rem;
  font-size: 18px;
  font-weight: 700
}

._productImage_6vlr7_41 {
  height: 200px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 1.5rem 0;
  background: #fff;
  box-shadow: 0 2px 11px #dde4ec
}

@media screen and (min-width: 1024px) {
  ._productImage_6vlr7_41 {
    order: 3;
    position: sticky;
    top: 7.9rem;
    min-height: 23rem;
    min-width: 33.3rem;
    max-width: 33.3rem;
    box-shadow: none;
    background: transparent;
    flex-direction: column;
    height: 100%;
    align-items: center;
    margin-inline-end: 4rem;
    overflow: visible;
    transform: translateY(-9.5rem)
  }

  ._productImage_6vlr7_41 ._productDetail_6vlr7_67 {
    background: #fff;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10rem 1.6rem 0;
    border-radius: 10px;
    z-index: 0
  }

  ._productImage_6vlr7_41 ._productDetail_6vlr7_67 ._heading_6vlr7_79 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem
  }

  ._productImage_6vlr7_41 ._productDetail_6vlr7_67 ._heading_6vlr7_79 h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--clr-dark-400)
  }

  ._productImage_6vlr7_41 ._productDetail_6vlr7_67 ._heading_6vlr7_79 ._horizontalWidget_6vlr7_90 {
    height: 2.74px;
    width: 2rem;
    background-color: var(--clr-primary-400);
    margin-top: .5rem
  }

  ._productImage_6vlr7_41 ._productDesc_6vlr7_96 {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    color: #6a6e7b;
    margin-bottom: 0;
    line-height: 1.8rem;
    position: relative
  }

  ._productImage_6vlr7_41 ._buttonDesktop_6vlr7_105 {
    width: 100%
  }
}

._productImage_6vlr7_41 img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

@media screen and (min-width: 1024px) {
  ._productImage_6vlr7_41 img {
    width: 23.5rem;
    transform: translateY(9.5rem);
    z-index: 1;
    width: clamp(18rem, 22vmin, 23.5rem)
  }
}

@media screen and (min-width: 1024px) {
  ._productImage_6vlr7_41 img._noImgFound_6vlr7_123 {
    width: 17rem
  }
}

._contentContainer_6vlr7_128 {
  background-color: #f1f3f6;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media screen and (min-width: 1024px) {
  ._contentContainer_6vlr7_128 {
    max-width: 55rem;
    padding: 1.5rem 2rem 0 4rem;
    min-width: 55rem;
    margin-inline-end: 1.5rem;
    max-height: 74vh;
    overflow: auto
  }
}

._ctaBar_6vlr7_145 {
  box-shadow: 0 -2px 11px #dde4ec;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff
}

._productImageThumbnail_6vlr7_156 {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin-inline-end: 1.5rem
}

._productImageThumbnail_6vlr7_156 img {
  object-fit: contain
}

._priceContainer_6vlr7_168 {
  flex-grow: 1
}

._pricePrimary_6vlr7_172 {
  font-size: 1.5rem;
  color: #0c2136;
  font-weight: 700
}

._priceSecondary_6vlr7_178 {
  font-size: 11px;
  color: #8ea6be;
  font-weight: 500
}

._addToCart_6vlr7_184 {
  background: #e02020;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  flex-grow: 1;
  margin: 10px 4px;
  border-radius: 4px;
  align-items: center;
  color: #fff;
  height: 46px;
  justify-content: center;
  align-content: flex-end
}

._groupTitle_6vlr7_200 {
  display: flex;
  position: sticky;
  top: 5.6rem;
  background: #fff;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  z-index: 10;
  box-shadow: 0 2px 10px #0000001a;
  justify-content: flex-start
}

@media screen and (min-width: 1024px) {
  ._groupTitle_6vlr7_200 {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    max-width: 23rem;
    background-color: #fff;
    justify-content: flex-end;
    position: sticky;
    top: 7.9rem;
    min-width: 17rem;
    box-shadow: none;
    overflow: auto;
    overflow-x: hidden;
    justify-content: center
  }
}

._desktopWrapper_6vlr7_230 {
  min-width: 100%;
  display: flex
}

@media screen and (min-width: 1024px) {
  ._desktopWrapper_6vlr7_230 {
    min-width: 90rem;
    max-height: 70vh
  }
}

@media screen and (min-width: 1024px) {
  ._groupTabs_6vlr7_242 {
    height: 100%;
    padding-top: 1.8rem
  }
}

._header_6vlr7_248 {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 4px #e7ecf3;
  color: var(--clr-dark-400);
  padding-inline: 4rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: sticky;
  top: 0;
  height: 100%;
  z-index: 1
}

._header_6vlr7_248 ._mainHeading_6vlr7_264 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.9rem;
  margin-bottom: 1rem
}

._header_6vlr7_248 ._subHeading_6vlr7_270 {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2.2rem
}

._header_6vlr7_248 ._badge_6vlr7_275 {
  position: absolute;
  top: 0
}

._productDesc_6vlr7_96 ._resetBtn_6vlr7_21 {
  inset-block-end: 1.5rem;
  z-index: 10
}

._productDesc_6vlr7_96 ._onlyDescription_6vlr7_284 {
  font-size: 1.4rem;
  font-weight: 400
}

._groupTitle_6vlr7_200 .MuiTabs-indicator {
  width: 4px;
  height: .4rem !important;
  margin-top: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_6vlr7_200 .MuiTabs-indicator {
    width: 100%;
    height: 2.5rem !important;
    background-color: transparent !important;
    border-inline-end: 3px solid var(--clr-primary-400);
    margin-inline-end: 5px
  }
}

._groupTitle_6vlr7_200 .MuiTab-root {
  font-weight: 500;
  font-size: 1.4rem;
  color: var(--clr-dark-400-40);
  text-transform: none
}

@media screen and (min-width: 1024px) {
  ._groupTitle_6vlr7_200 .MuiTab-root {
    justify-content: right;
    text-align: end;
    align-items: end;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-style: normal;
    margin-right: 1.5rem
  }

  ._groupTitle_6vlr7_200 .MuiTab-root:hover {
    font-weight: 500;
    color: var(--clr-dark-300)
  }
}

._groupTitle_6vlr7_200 .Mui-selected .MuiTab-root {
  color: var(--clr-primary-400)
}

._groupTitle_6vlr7_200 .MuiTab-root {
  padding: 0;
  min-width: auto;
  max-width: 100%
}

@media screen and (min-width: 1024px) {
  ._groupTitle_6vlr7_200 .MuiTab-root {
    padding: 12px;
    min-width: 21.5rem;
    max-width: 100%;
    flex-basis: auto
  }

  [dir=rtl] ._groupTitle_6vlr7_200 .MuiTab-root {
    min-width: 19.5rem
  }
}

._groupTitle_6vlr7_200 .MuiTabs-flexContainer {
  gap: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_6vlr7_200 .MuiTabs-flexContainer {
    gap: inherit
  }
}

._groupTitle_6vlr7_200 .MuiTabs-scroller.MuiTabs-scrollable {
  margin-inline-start: 1.6rem;
  margin-inline-end: 1.6rem
}

@media screen and (min-width: 1024px) {
  ._groupTitle_6vlr7_200 .MuiTabs-scroller.MuiTabs-scrollable {
    margin: 0
  }
}

._groupTitle_6vlr7_200 .MuiTabs-scrollable::-webkit-scrollbar {
  display: block
}

._root_nfv79_2 {
  height: 100%;
  display: flex;
  flex-direction: column !important;
  gap: 1.5rem
}

._pageHeading_nfv79_9 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-dark-400);
  margin-bottom: 2.5rem;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid var(--clr-dark-400-20);
  position: relative
}

._pageHeading_nfv79_9:after {
  display: block;
  content: "";
  width: 8rem;
  height: 3px;
  background: var(--clr-primary-400);
  position: absolute;
  bottom: 0;
  border-radius: 20px
}

._wrapper_nfv79_29 {
  overflow-x: hidden;
  width: 100vw
}

@media screen and (min-width: 1024px) {
  ._wrapper_nfv79_29 {
    width: inherit;
    margin-block-start: 0rem;
    padding: 2rem 13rem
  }
}

._map_nfv79_41 {
  background: #fff;
  width: 100%;
  height: 22rem;
  border-radius: 1rem;
  overflow: hidden
}

._mapContainer_nfv79_49 {
  background: #fff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  padding: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._mapContainer_nfv79_49 {
    border-radius: 1rem;
    padding: 2rem
  }
}

._storeWrapper_nfv79_61 {
  display: flex;
  flex-flow: row;
  grid-gap: 1.5rem;
  gap: 1.5rem;
  flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
  ._storeWrapper_nfv79_61 {
    min-height: 100vh;
    flex-wrap: nowrap;
    gap: 4rem
  }
}

._innerWrapper_nfv79_76 {
  display: flex;
  gap: 1rem;
  flex-flow: column;
  width: 100%
}

@media screen and (min-width: 1024px) {
  ._innerWrapper_nfv79_76 {
    gap: 2rem;
    width: 70%;
    flex-basis: 100%;
    border-radius: 1rem;
    overflow: hidden;
    min-width: 53rem
  }
}

._mapHeading_nfv79_93 {
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem
}

._mapHeading_nfv79_93 ._icon_nfv79_100 {
  display: flex;
  align-items: center;
  width: 6rem
}

._mapHeading_nfv79_93 ._icon_nfv79_100 svg {
  width: 100%
}

._mapHeading_nfv79_93 ._desc_nfv79_108 {
  display: flex;
  flex-direction: column;
  grid-gap: .6rem;
  gap: .6rem;
  margin-bottom: 2rem
}

._mapHeading_nfv79_93 ._storeTitle_nfv79_115 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

._mapHeading_nfv79_93 ._storeSubtitle_nfv79_120 {
  font-size: 1.2rem;
  font-weight: 400;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._mapHeading_nfv79_93 ._storeSubtitle_nfv79_120 {
    font-size: 1.4rem
  }
}

._mapHeading_nfv79_93 ._storeOpeningHours_nfv79_130 {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._mapHeading_nfv79_93 ._storeOpeningHours_nfv79_130 {
    font-size: 1.4rem
  }
}

._services_nfv79_141 {
  background: #fff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e
}

@media screen and (min-width: 1024px) {
  ._services_nfv79_141 {
    border-radius: 1rem
  }
}

._services_nfv79_141 ._storeSectionHeading_nfv79_150 {
  font-weight: 500;
  font-size: 1.2rem;
  padding: 1.5rem 2rem .5rem
}

@media screen and (min-width: 1024px) {
  ._services_nfv79_141 ._storeSectionHeading_nfv79_150 {
    padding: 1.5rem 2rem;
    font-size: 1.6rem
  }
}

._types_nfv79_162 {
  display: flex;
  flex-flow: row;
  gap: .5rem;
  padding: .3em 2rem .5rem;
  flex-wrap: wrap
}

@media screen and (min-width: 1024px) {
  ._types_nfv79_162 {
    gap: 2rem;
    padding: 2rem
  }
}

._types_nfv79_162 ._itm_nfv79_175 {
  display: flex;
  flex-flow: row;
  align-items: center
}

._types_nfv79_162 ._typeTitle_nfv79_180 {
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--clr-dark-400)
}

@media screen and (min-width: 1024px) {
  ._types_nfv79_162 ._typeTitle_nfv79_180 {
    font-size: 1.4rem
  }
}

._openingHours_nfv79_191 {
  background: #fff;
  box-shadow: 0 2.17631px 7.61708px #9bccf43e;
  padding: 1.5rem
}

@media screen and (min-width: 1024px) {
  ._openingHours_nfv79_191 {
    padding: 2rem;
    border-radius: 1rem
  }
}

._heading_nfv79_203 {
  font-weight: 500;
  font-size: 1.2rem;
  display: flex;
  flex-flow: row;
  gap: 1rem;
  align-items: center
}

@media screen and (min-width: 1024px) {
  ._heading_nfv79_203 {
    font-size: 1.6rem
  }
}

._heading_nfv79_203 ._storeSectionHeading_nfv79_150 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._heading_nfv79_203 ._storeSectionHeading_nfv79_150 {
    font-size: 1.6rem
  }
}

._hoursWrapper_nfv79_227 {
  padding-inline-start: 2.5rem;
  margin-top: .3rem
}

._hoursWrapper_nfv79_227 ._storeSectionHeading_nfv79_150 {
  font-weight: 500;
  font-size: 1.2rem
}

@media screen and (min-width: 1024px) {
  ._hoursWrapper_nfv79_227 ._storeSectionHeading_nfv79_150 {
    font-size: 1.6rem
  }
}

._hoursWrapper_nfv79_227 ._storeSectionHeading_nfv79_150 span {
  font-weight: 400;
  opacity: .8;
  margin-inline-start: .8rem
}

._hoursWrapper_nfv79_227 .MuiAccordionDetails-root {
  padding: 0 16px 16px
}

._hoursWrapper_nfv79_227 .MuiAccordionSummary-root {
  justify-content: flex-start;
  gap: 3rem;
  padding: 0
}

._hoursWrapper_nfv79_227 .MuiAccordionSummary-content {
  max-width: fit-content
}

._days_nfv79_257 {
  display: flex;
  flex-flow: column;
  margin-top: 1rem;
  gap: 1.5rem
}

._days_nfv79_257 ._row_nfv79_263 {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  font-size: 1.2rem;
  line-height: 17px
}

@media screen and (min-width: 1024px) {
  ._days_nfv79_257 ._row_nfv79_263 {
    font-size: 1.4rem
  }
}

._days_nfv79_257 ._row_nfv79_263:first-child {
  font-weight: 500
}

._days_nfv79_257 ._row_nfv79_263 ._day_nfv79_257 {
  text-align: left
}

@media screen and (min-width: 1024px) {
  ._days_nfv79_257 ._row_nfv79_263 ._day_nfv79_257 {
    min-width: 13rem
  }
}

._days_nfv79_257 ._row_nfv79_263 ._hour_nfv79_227 {
  text-align: left
}

@media screen and (min-width: 1024px) {
  ._days_nfv79_257 ._row_nfv79_263 ._hour_nfv79_227 {
    min-width: 13rem
  }
}

._innerOuter_nfv79_295 {
  padding: 1.5rem;
  background: #fff
}

@media screen and (min-width: 1024px) {
  ._innerOuter_nfv79_295 {
    padding: 2rem;
    border-radius: 1rem
  }
}

._contentSection_nfv79_306 {
  display: flex;
  flex-flow: column;
  gap: 1.5rem;
  padding-top: 2rem;
  border-top: 1px dashed rgba(57, 63, 82, .2);
  margin-top: 2rem
}

._instItem_nfv79_315 {
  display: flex;
  flex-flow: row;
  gap: 1rem;
  align-items: center
}

._instItem_nfv79_315 ._text_nfv79_321 {
  font-weight: 500;
  font-size: 1.4rem
}

@media screen and (min-width: 1024px) {
  ._instItem_nfv79_315 ._text_nfv79_321 {
    font-size: 1.6rem
  }
}

._outerWrapper_nfv79_331 {
  width: 100%;
  height: 100%;
  flex-shrink: 0
}

@media screen and (min-width: 1024px) {
  ._outerWrapper_nfv79_331 {
    width: clamp(37rem, 12.02vw + 24.69rem, 42rem);
    position: sticky;
    top: 8rem
  }
}

._icon_nfv79_100 img {
  width: 100%
}

._placeOrder_nfv79_348 {
  box-shadow: 0 -.6rem 2rem var(--clr-dark-900-10);
  display: flex;
  cursor: pointer;
  bottom: 0;
  padding: 1rem 1.6rem;
  gap: .8rem;
  position: sticky;
  width: 100%;
  background-color: var(--clr-light-100);
  border-radius: 0 0 1rem 1rem
}

@media screen and (min-width: 1024px) {
  ._placeOrder_nfv79_348 {
    padding: 0 0 3rem
  }
}

._disablePlaceOrder_nfv79_367 {
  pointer-events: none
}

._checkoutButton_nfv79_371 {
  padding: 1.3rem 2rem;
  border-radius: 1rem 1rem 0 0;
  margin-inline: -1rem;
  max-width: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  flex-grow: 1;
  cursor: pointer;
  min-height: 6rem;
  text-transform: uppercase;
  background: var(--theme-cartbar-button-bg);
  border-radius: .4rem;
  box-shadow: 0 .2rem 2rem var(--clr-dark-400-20)
}

._checkoutButton_nfv79_371:before {
  position: absolute;
  width: 0;
  height: 0;
  inset: auto 0 -1rem auto;
  border-left: 10px solid #960824;
  border-bottom: 10px solid transparent
}

@media screen and (min-width: 1024px) {
  ._checkoutButton_nfv79_371:before {
    content: ""
  }
}

._checkoutButton_nfv79_371:after {
  position: absolute;
  width: 0;
  height: 0;
  inset: auto auto -1rem 0;
  border-right: 10px solid #960824;
  border-bottom: 10px solid transparent
}

@media screen and (min-width: 1024px) {
  ._checkoutButton_nfv79_371:after {
    content: ""
  }
}

._disablePlaceOrderButton_nfv79_416 {
  background: #A9BDD0
}

._label_nfv79_420 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #fff
}

._chevron_nfv79_427 {
  height: 3.3rem;
  aspect-ratio: 1/1;
  place-items: center;
  background: var(--clr-light-100);
  color: var(--clr-dark-900);
  border-radius: 50%;
  font-size: 2rem;
  stroke-width: .1rem;
  position: absolute;
  inset-inline-end: 4rem;
  display: none
}

[dir=rtl] ._chevron_nfv79_427 {
  transform: rotate(180deg)
}

@media screen and (min-width: 1024px) {
  ._chevron_nfv79_427 {
    display: grid
  }
}

._greenText_nfv79_449 {
  color: var(--clr-grass-green-700);
  font-weight: 600 !important
}.MuiPaper-root {
  background-color: #FFF;
}