@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Playball&display=swap";
/* [project]/src/app/globals.scss.css [app-client] (css) */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: #fb4898;
  border-radius: 50px;
}

::-webkit-scrollbar-track {
  background-color: #ededed;
  border-radius: 50px;
}

* {
  margin: 0;
  box-sizing: border-box;
  outline: none !important;
  font-family: Inter, sans-serif !important;
  letter-spacing: 0 !important;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
}

body .content {
  overflow: clip;
  min-height: calc(100vh - 420px);
  padding-top: 233px;
}

@media only screen and (width <= 1199.98px) {
  body .content {
    padding-top: 123px;
  }
}

@media only screen and (width <= 991.98px) {
  body .content {
    padding-top: 113px;
  }
}

@media only screen and (width <= 767.98px) {
  body .content {
    padding-top: 100px;
  }
}

a {
  color: #000;
  transition: all .3s ease-in-out;
}

a:hover {
  color: #fb4898;
}

a, a:not(.btnn):hover {
  text-decoration: none;
}

b, strong {
  font-weight: 700;
}

:is(h1, h2, h3, h4, h5, h6) {
  color: #110312;
  font-weight: 700;
  margin-bottom: 0;
}

:is(h1, h2, h3, h4, h5, h6).fw_med {
  font-weight: 500;
}

:is(h1, h2, h3, h4, h5, h6).fw_semi_bold {
  font-weight: 600;
}

:is(h1, h2, h3, h4, h5, h6).fw_bold {
  font-weight: 700;
}

:is(h1, h2, h3, h4, h5, h6).f_Jost {
  font-family: Jost, sans-serif !important;
}

:is(h1, h2, h3, h4, h5, h6).f_Playball {
  font-family: Playball, cursive !important;
}

:where(h1, h2, h3, h4, h5, h6):not(:last-child) {
  margin-bottom: 15px;
}

h1, .hd_1 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 36px;
  line-height: 1;
}

@media only screen and (width <= 1599.98px) {
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 34px;
  }
}

@media only screen and (width <= 1399.98px) {
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 32px;
  }
}

@media only screen and (width <= 1199.98px) {
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 30px;
  }
}

@media only screen and (width <= 991.98px) {
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 28px;
  }
}

@media only screen and (width <= 767.98px) {
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 26px;
  }
}

@media only screen and (width <= 575.98px) {
  h1, .hd_1 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 24px;
  }
}

h2, .hd_2 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 28px;
  line-height: 1.2;
}

@media only screen and (width <= 1199.98px) {
  h2, .hd_2 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 26px;
  }
}

@media only screen and (width <= 991.98px) {
  h2, .hd_2 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 24px;
  }
}

@media only screen and (width <= 767.98px) {
  h2, .hd_2 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 22px;
  }
}

@media only screen and (width <= 575.98px) {
  h2, .hd_2 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 20px;
  }
}

h3, .hd_3 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 24px;
  line-height: 1.2;
}

@media only screen and (width <= 1199.98px) {
  h3, .hd_3 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 22px;
  }
}

@media only screen and (width <= 991.98px) {
  h3, .hd_3 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 20px;
  }
}

@media only screen and (width <= 767.98px) {
  h3, .hd_3 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 18px;
  }
}

h4, .hd_4 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 20px;
  line-height: 1.25;
}

@media only screen and (width <= 991.98px) {
  h4, .hd_4 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 18px;
  }
}

@media only screen and (width <= 767.98px) {
  h4, .hd_4 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 16px;
  }
}

h5, .hd_5 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 18px;
  line-height: 1.2;
}

@media only screen and (width <= 767.98px) {
  h5, .hd_5 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 16px;
  }
}

h6, .hd_6 :where(h1, h2, h3, h4, h5, h6) {
  font-size: 16px;
  line-height: 1.3;
}

@media only screen and (width <= 767.98px) {
  h6, .hd_6 :where(h1, h2, h3, h4, h5, h6) {
    font-size: 14px;
  }
}

:is(body, p, li) {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-family: Inter, sans-serif;
  word-break: break-word;
}

@media only screen and (width <= 767.98px) {
  :is(body, p, li) {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  :is(body, p, li) {
    font-size: 13px;
  }
}

:is(p, li) {
  margin: 0;
}

:where(p, ul, ol, li):not(:last-child) {
  margin-bottom: 15px;
}

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

img {
  max-width: 100%;
}

figure {
  margin: 0;
  line-height: 1;
}

.u_spc, .ut_spc {
  padding-top: 40px;
}

.u_spc, .ub_spc {
  padding-bottom: 40px;
}

.c_primary {
  color: #fb4898;
}

.c_white {
  color: #fff;
}

.c_black {
  color: #000;
}

.bg_primary {
  background-color: #fb4898;
}

.bg_white {
  background-color: #fff;
}

.bg_black {
  background-color: #000;
}

.bg_grey {
  background-color: #f3f4f6;
}

.text_center {
  text-align: center;
}

.d_block {
  display: block;
}

.text_btn {
  display: flex;
  align-items: center;
  text-underline-offset: 4px;
  color: #fb4898;
  width: fit-content;
  font-weight: 500;
  cursor: pointer;
  gap: 5px;
  text-decoration: underline !important;
}

.text_btn.centered {
  margin-inline: auto;
}

.text_btn svg {
  font-size: 20px;
}

@media only screen and (width <= 575.98px) {
  .text_btn svg {
    font-size: 16px;
    position: relative;
    top: 1px;
  }
}

section[id] {
  scroll-margin-top: 80px;
}

.text_white :not(button.MuiButton-root) {
  color: #fff;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_30 {
  margin-bottom: 30px;
}

.cursor_pointer, a, button {
  cursor: pointer;
}

:is(.gap_p, .gap_m) {
  --gap_x: 20px;
  --gap_y: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--gap_y) * -1);
  margin-left: calc(var(--gap_x) * -1);
}

@media only screen and (width <= 991.98px) {
  :is(.gap_p, .gap_m) {
    --gap_x: 15px;
    --gap_y: 15px;
  }
}

:is(.gap_p, .gap_m).aic {
  align-items: center;
}

:is(.gap_p, .gap_m).jcsb {
  justify-content: space-between;
}

:is(.gap_p, .gap_m).gap_reverse {
  flex-direction: row-reverse;
}

:is(.gap_p, .gap_m) > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: var(--gap_y);
}

.gap_p > * {
  padding-left: var(--gap_x);
}

.gap_p > .w_25 {
  width: 25%;
}

@media only screen and (width <= 575.98px) {
  .gap_p > .w_25 {
    width: 100%;
  }
}

.gap_p > .w_33 {
  width: 33.3333%;
}

@media only screen and (width <= 575.98px) {
  .gap_p > .w_33 {
    width: 100%;
  }
}

.gap_p > .w_50 {
  width: 50%;
}

@media only screen and (width <= 575.98px) {
  .gap_p > .w_50 {
    width: 100%;
  }
}

.gap_p > .w_100 {
  width: 100%;
}

.gap_m > * {
  margin-left: var(--gap_x);
  width: calc(100% - var(--gap_x));
}

.gap_m > .w_25 {
  width: calc(25% - var(--gap_x));
}

@media only screen and (width <= 575.98px) {
  .gap_m > .w_25 {
    width: calc(100% - var(--gap_x));
  }
}

.gap_m > .w_33 {
  width: calc(33.3333% - var(--gap_x));
}

@media only screen and (width <= 575.98px) {
  .gap_m > .w_33 {
    width: calc(100% - var(--gap_x));
  }
}

.gap_m > .w_50 {
  width: calc(50% - var(--gap_x));
}

@media only screen and (width <= 575.98px) {
  .gap_m > .w_50 {
    width: calc(100% - var(--gap_x));
  }
}

.gap_m > .w_100 {
  width: calc(100% - var(--gap_x));
}

button.MuiButton-root {
  gap: 10px;
  font-size: 20px;
  font-weight: 500;
  min-height: 50px;
  padding: 5px 25px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  transition: all .3s ease-in-out;
  border: 1px solid #0000;
  letter-spacing: 0;
  position: relative;
  text-indent: 0;
  overflow: hidden;
  cursor: pointer;
  line-height: 1;
  z-index: 1;
  box-shadow: none !important;
}

@media only screen and (width <= 991.98px) {
  button.MuiButton-root {
    font-size: 18px;
  }
}

@media only screen and (width <= 767.98px) {
  button.MuiButton-root {
    min-height: 44px;
    padding: 5px 15px;
    font-size: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  button.MuiButton-root {
    font-size: 14px;
  }
}

button.MuiButton-root.br_15 {
  border-radius: 15px;
}

@media only screen and (width <= 767.98px) {
  button.MuiButton-root.br_15 {
    border-radius: 10px;
  }
}

@media only screen and (width <= 575.98px) {
  button.MuiButton-root.br_15 {
    border-radius: 8px;
  }
}

button.MuiButton-root.w_100 {
  width: 100%;
}

button.MuiButton-root svg {
  font-size: 20px;
}

button.MuiButton-root img {
  transition: all .3s ease-in-out;
}

button.MuiButton-root.icon_btn {
  --btn_size: 50px;
  width: var(--btn_size);
  height: var(--btn_size);
  min-width: var(--btn_size);
  min-height: var(--btn_size);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  padding: 5px;
}

@media only screen and (width <= 767.98px) {
  button.MuiButton-root.icon_btn {
    --btn_size: 40px;
  }
}

button.MuiButton-root.icon_btn_wishlist {
  --wishlist_btn_size: 48px;
  width: var(--wishlist_btn_size);
  height: var(--wishlist_btn_size);
  min-width: var(--wishlist_btn_size);
  min-height: var(--wishlist_btn_size);
  border-radius: 50%;
  display: inline-flex;
}

button.MuiButton-root.MuiButton-sizeSmall {
  min-height: 34px;
  padding: 4px 12px;
}

button.MuiButton-root.MuiButton-textPrimary {
  color: #fff;
  background-color: #fb4898;
  border-color: #fb4898;
}

button.MuiButton-root.MuiButton-textPrimary:hover {
  color: #fb4898;
  background-color: #fff;
  border-color: #fb4898;
}

button.MuiButton-root.MuiButton-textPrimary:hover img {
  filter: brightness(0) invert(23%) sepia(64%) saturate(6507%) hue-rotate(332deg) brightness(94%) contrast(93%);
}

button.MuiButton-root.MuiButton-textPrimary.border_btn {
  border: 1px dashed #fb4898;
  border-radius: 12px;
  background-color: #fb48981a;
  font-size: 14px;
  font-weight: 500;
  color: #fb4898;
}

button.MuiButton-root.MuiButton-outlinedPrimary {
  color: #fb4898;
  background-color: #0000;
  border-color: #fb4898;
}

button.MuiButton-root.MuiButton-outlinedPrimary:hover {
  color: #fff;
  background-color: #fb4898;
  border-color: #fb4898;
}

button.MuiButton-root.MuiButton-textInherit {
  color: #fff;
  background-color: #007fff;
  border-color: #007fff;
}

button.MuiButton-root.MuiButton-textInherit:hover {
  color: #007fff;
  background-color: #fff;
  box-shadow: 0 0 0 2px #eef2fb;
  border-color: #fff;
}

button.MuiButton-root.MuiButton-outlinedInherit {
  color: #fb4898;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 0 2px #eef2fb !important;
}

button.MuiButton-root.MuiButton-outlinedInherit:hover {
  color: #fff;
  background-color: #007fff;
  border-color: #007fff;
}

button.MuiButton-root.MuiButton-textError {
  color: #fff;
  background-color: #de0000;
  border-color: #de0000;
}

button.MuiButton-root.MuiButton-textError:hover {
  color: #de0000;
  background-color: #fff;
  border-color: #de0000;
}

button.MuiButton-root.MuiButton-textSuccess {
  color: #fff;
  background-color: #3bb77e;
  border-color: #3bb77e;
}

button.MuiButton-root.MuiButton-textSuccess img {
  transition: all .3s ease-in-out;
}

button.MuiButton-root.MuiButton-textSuccess:hover {
  color: #3bb77e;
  background-color: #fff;
  border-color: #3bb77e;
}

.MuiIconButton-root.btn_rounded {
  --btn_size: 35px;
  width: var(--btn_size);
  height: var(--btn_size);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  padding: 5px;
}

.MuiIconButton-root.btn_rounded.primary {
  color: #fff;
  background-color: #fb4898;
}

.MuiIconButton-root.btn_rounded.primary img {
  filter: brightness(0) invert();
}

.MuiIconButton-root.btn_rounded.primary:hover {
  background-color: #fb4898;
}

.MuiDialogActions-root button.MuiButton-root {
  font-size: 14px;
  min-height: 30px;
  padding: 5px 15px 6px;
}

.form .gap_p, .form .gap_m {
  --gap_x: 15px;
  --gap_y: 15px;
}

.form .gap_p .control_group, .form .gap_m .control_group {
  margin-bottom: 0;
}

.control_group {
  position: relative;
}

.custom_label[class*="MuiTypography"], label {
  color: #110312;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: 0;
  line-height: 1.2;
  display: block;
}

@media only screen and (width <= 767.98px) {
  .custom_label[class*="MuiTypography"], label {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .custom_label[class*="MuiTypography"], label {
    font-size: 13px;
  }
}

.custom_label[class*="MuiTypography"].required, label.required {
  position: relative;
}

.custom_label[class*="MuiTypography"].required:after, label.required:after {
  content: "*";
  color: #f15050;
  display: inline-flex;
  margin-top: -3px;
}

.MuiFormControl-root, .MuiSelect-root {
  width: 100%;
}

.MuiFormControl-root > .MuiInputBase-root, .MuiFormControl-root.MuiInputBase-root, .MuiSelect-root > .MuiInputBase-root, .MuiSelect-root.MuiInputBase-root {
  position: relative;
  padding: 0;
}

.MuiFormControl-root > .MuiInputBase-root:before, .MuiFormControl-root > .MuiInputBase-root:after, .MuiFormControl-root.MuiInputBase-root:before, .MuiFormControl-root.MuiInputBase-root:after, .MuiSelect-root > .MuiInputBase-root:before, .MuiSelect-root > .MuiInputBase-root:after, .MuiSelect-root.MuiInputBase-root:before, .MuiSelect-root.MuiInputBase-root:after {
  display: none;
}

.MuiFormControl-root > .MuiInputBase-root .text_btn, .MuiFormControl-root.MuiInputBase-root .text_btn, .MuiSelect-root > .MuiInputBase-root .text_btn, .MuiSelect-root.MuiInputBase-root .text_btn {
  font-size: 14px;
  position: relative;
  top: -3px;
}

@media only screen and (width <= 575.98px) {
  .MuiFormControl-root > .MuiInputBase-root .text_btn, .MuiFormControl-root.MuiInputBase-root .text_btn, .MuiSelect-root > .MuiInputBase-root .text_btn, .MuiSelect-root.MuiInputBase-root .text_btn {
    font-size: 12px;
  }
}

.MuiFormControl-root > .MuiInputBase-root:has(.MuiInputAdornment-positionStart) .MuiInputBase-input, .MuiFormControl-root.MuiInputBase-root:has(.MuiInputAdornment-positionStart) .MuiInputBase-input, .MuiSelect-root > .MuiInputBase-root:has(.MuiInputAdornment-positionStart) .MuiInputBase-input, .MuiSelect-root.MuiInputBase-root:has(.MuiInputAdornment-positionStart) .MuiInputBase-input {
  padding-left: var(--field_height);
}

.MuiFormControl-root > .MuiInputBase-root:has(.MuiInputAdornment-positionEnd) .MuiInputBase-input, .MuiFormControl-root.MuiInputBase-root:has(.MuiInputAdornment-positionEnd) .MuiInputBase-input, .MuiSelect-root > .MuiInputBase-root:has(.MuiInputAdornment-positionEnd) .MuiInputBase-input, .MuiSelect-root.MuiInputBase-root:has(.MuiInputAdornment-positionEnd) .MuiInputBase-input {
  padding-right: var(--field_height);
}

.MuiFormControl-root > .MuiInputBase-root:has(.MuiInputAdornment-positionEnd):has(.text_btn) .MuiInputBase-input, .MuiFormControl-root.MuiInputBase-root:has(.MuiInputAdornment-positionEnd):has(.text_btn) .MuiInputBase-input, .MuiSelect-root > .MuiInputBase-root:has(.MuiInputAdornment-positionEnd):has(.text_btn) .MuiInputBase-input, .MuiSelect-root.MuiInputBase-root:has(.MuiInputAdornment-positionEnd):has(.text_btn) .MuiInputBase-input {
  padding-right: 140px;
}

.MuiFormControl-root > .MuiInputBase-root .MuiInputAdornment-positionStart, .MuiFormControl-root > .MuiInputBase-root .MuiInputAdornment-positionEnd, .MuiFormControl-root.MuiInputBase-root .MuiInputAdornment-positionStart, .MuiFormControl-root.MuiInputBase-root .MuiInputAdornment-positionEnd, .MuiSelect-root > .MuiInputBase-root .MuiInputAdornment-positionStart, .MuiSelect-root > .MuiInputBase-root .MuiInputAdornment-positionEnd, .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionStart, .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionEnd {
  top: 0;
  width: var(--field_height);
  height: var(--field_height);
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-height: initial;
  margin: 0;
}

.MuiFormControl-root > .MuiInputBase-root .MuiInputAdornment-positionStart, .MuiFormControl-root.MuiInputBase-root .MuiInputAdornment-positionStart, .MuiSelect-root > .MuiInputBase-root .MuiInputAdornment-positionStart, .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionStart {
  left: 0;
  padding-left: 6px;
}

.MuiFormControl-root > .MuiInputBase-root .MuiInputAdornment-positionEnd, .MuiFormControl-root.MuiInputBase-root .MuiInputAdornment-positionEnd, .MuiSelect-root > .MuiInputBase-root .MuiInputAdornment-positionEnd, .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionEnd {
  right: 0;
}

.MuiFormControl-root > .MuiInputBase-root .MuiInputAdornment-positionEnd .MuiIconButton-root, .MuiFormControl-root.MuiInputBase-root .MuiInputAdornment-positionEnd .MuiIconButton-root, .MuiSelect-root > .MuiInputBase-root .MuiInputAdornment-positionEnd .MuiIconButton-root, .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionEnd .MuiIconButton-root {
  padding: 0;
  margin: 0;
}

.MuiFormControl-root > .MuiInputBase-root .MuiInputAdornment-positionEnd:has(.text_btn), .MuiFormControl-root.MuiInputBase-root .MuiInputAdornment-positionEnd:has(.text_btn), .MuiSelect-root > .MuiInputBase-root .MuiInputAdornment-positionEnd:has(.text_btn), .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionEnd:has(.text_btn) {
  width: auto;
  right: 15px;
}

.MuiFormControl-root > .MuiInputBase-hiddenLabel > fieldset, .MuiFormControl-root.MuiInputBase-hiddenLabel > fieldset, .MuiSelect-root > .MuiInputBase-hiddenLabel > fieldset, .MuiSelect-root.MuiInputBase-hiddenLabel > fieldset {
  display: none;
}

.MuiFormControl-root.dateTime_picker .MuiInputAdornment-positionEnd, .MuiSelect-root.dateTime_picker .MuiInputAdornment-positionEnd {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

.MuiFormControl-root.dateTime_picker .MuiInputAdornment-positionEnd button, .MuiSelect-root.dateTime_picker .MuiInputAdornment-positionEnd button {
  width: 100%;
  height: 100%;
}

.form {
  --field_height: 52px;
}

@media only screen and (width <= 767.98px) {
  .form {
    --field_height: 44px;
  }
}

.form :is(input, select, textarea, input.form-control, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root) {
  color: #110312;
  font-size: 14px;
  font-weight: 400;
  border-radius: 12px;
  border: 1px solid #0000001a;
  background-color: #fff;
  transition: all .3s ease-in-out;
  box-sizing: border-box;
  box-shadow: none;
  outline: none !important;
}

@media only screen and (width <= 767.98px) {
  .form :is(input, select, textarea, input.form-control, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root) {
    font-size: 13px;
  }
}

.form :is(input, select, textarea, input.form-control, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root)[readonly] {
  color: #11031299;
}

.form :is(input, select, textarea, input.form-control, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root):focus {
  border-color: #fb4898;
}

.form :is(input, select, textarea, input.form-control, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root)::placeholder {
  color: #11031299;
  opacity: 1;
}

.form :is(input, input.form-control, select, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root) {
  height: var(--field_height);
  padding: 5px 20px;
}

.form :is(textarea) {
  padding: 12px 20px;
  border-radius: 12px;
  height: 135px !important;
}

@media only screen and (width <= 767.98px) {
  .form :is(textarea) {
    height: 90px !important;
  }
}

.form :is(select, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root) {
  line-height: calc(var(--field_height)  - 2px);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2307072299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
  appearance: none;
  padding-right: 40px !important;
  padding-block: 0 !important;
}

.form :is(select, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root)[aria-expanded="true"] {
  border-color: #fb4898;
}

.form :is(select, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root) ~ :is(fieldset, .MuiSvgIcon-root) {
  display: none;
}

.form :is(select, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root):focus {
  border-radius: 12px;
}

.form .MuiAutocomplete-root fieldset, .form .MuiAutocomplete-root .MuiAutocomplete-endAdornment {
  display: none;
}

.form .opt_fields {
  text-align: center;
}

.form .opt_fields > div {
  gap: 15px;
  justify-content: space-between;
}

.form .opt_fields input {
  aspect-ratio: 1;
  max-width: 83px;
  font-weight: 500;
  border: 1px solid #1d1d1d66;
  color: #1d1d1d;
  padding: 5px;
  height: 100% !important;
  width: 100% !important;
  font-size: 32px !important;
  outline: none !important;
  border-radius: 20px !important;
}

@media only screen and (width <= 767.98px) {
  .form .opt_fields input {
    font-size: 28px !important;
  }
}

@media only screen and (width <= 575.98px) {
  .form .opt_fields input {
    max-width: 65px;
    font-size: 24px !important;
  }
}

.form .opt_fields input:focus {
  border-color: #fb4898;
}

.form .opt_fields input:focus-visible {
  outline: none !important;
}

.form .react-tel-input .form-control {
  padding-left: 60px;
  width: 100% !important;
}

.form .react-tel-input .form-control:focus {
  border-color: #fb4898;
  box-shadow: none;
}

.form .react-tel-input .selected-flag {
  padding: 0 0 0 15px;
}

.form .react-tel-input .selected-flag .flag {
  transform: scale(.8);
}

.form .react-tel-input .selected-flag .flag .arrow {
  left: 32px;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
}

.form .react-tel-input .selected-flag .flag .arrow:not(.up) {
  border-top: 6px solid #fb4898;
}

.form .react-tel-input .selected-flag .flag .arrow.up {
  border-bottom: 6px solid #fb4898;
}

.form .react-tel-input .country-list {
  width: 300px;
  max-height: 250px;
  margin: 2px 0 0;
}

.form .react-tel-input .country-list .search {
  margin: 0;
  padding: 10px;
}

.form .react-tel-input .country-list .search .search-box {
  margin: 0;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  border-radius: 30px;
  padding: 5px 15px;
}

.form .react-tel-input .country-list .country {
  font-size: 14px;
  font-weight: 600;
  color: #fb4898;
  padding: 10px 10px 10px 46px;
  margin-bottom: 0;
}

@media only screen and (width <= 767.98px) {
  .form .react-tel-input .country-list .country {
    font-size: 13px;
  }
}

.form .react-tel-input .country-list .flag {
  top: 8px;
  left: 12px;
  margin-right: 0;
  margin-top: 0;
}

.form .react-tel-input .flag-dropdown .country-list .country {
  padding: 10px;
}

.form .react-tel-input .flag-dropdown .country-list .country .country-name {
  padding-left: 10px;
}

.MuiFormControlLabel-root {
  gap: 8px;
  margin: 0 !important;
}

.MuiFormControlLabel-root .MuiCheckbox-root {
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  width: 22px;
  height: 22px;
  min-width: 22px;
  overflow: hidden;
}

.MuiFormControlLabel-root .MuiCheckbox-root:after {
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("data:image/svg+xml,<svg width=\"9\" height=\"7\" viewBox=\"0 0 9 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0.889648 3.26948L3.26365 5.64248L8.00965 0.896484\" stroke=\"%23E71C57\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-flex;
  opacity: 0;
}

.MuiFormControlLabel-root .MuiCheckbox-root .MuiSvgIcon-root {
  display: none;
}

.MuiFormControlLabel-root .MuiCheckbox-root.Mui-checked {
  background-color: #ffb7cc3d;
  border-color: #fb4898;
}

.MuiFormControlLabel-root .MuiCheckbox-root.Mui-checked:after {
  opacity: 1;
}

.MuiFormControlLabel-root .MuiRadio-root {
  padding: 0;
  border: 1px solid #fb4898;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  min-width: 22px;
  overflow: hidden;
}

.MuiFormControlLabel-root .MuiRadio-root .MuiSvgIcon-root {
  display: none;
}

.MuiFormControlLabel-root .MuiRadio-root.Mui-checked {
  border-width: 3px;
  background-color: #fb4898;
  border-color: #fff;
  outline: 1px solid #fb4898 !important;
}

.MuiFormControlLabel-root.v2 .MuiCheckbox-root {
  border: 1px solid #cfcfcf;
  width: 22px;
  height: 22px;
  min-width: 22px;
}

.MuiFormControlLabel-root.v2 .MuiCheckbox-root .MuiTypography-root {
  justify-content: flex-start;
}

.MuiFormControlLabel-root.v2 .MuiCheckbox-root.Mui-checked {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}

.MuiFormControlLabel-root.v2 .MuiCheckbox-root.Mui-checked.MuiCheckbox-colorPrimary {
  background-color: #fb4898;
  border-color: #fb4898;
}

.MuiFormControlLabel-root.v2 .MuiCheckbox-root.Mui-checked:after {
  opacity: 1;
  filter: brightness(0) invert();
}

.MuiFormControlLabel-root.v2 .MuiRadio-root .MuiSvgIcon-root {
  display: none;
}

.MuiFormControlLabel-root.v2 .MuiRadio-root.Mui-checked {
  background-color: #fb4898;
  background-image: url("data:image/svg+xml,<svg width=\"15\" height=\"12\" viewBox=\"0 0 15 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M13.9125 0.89829C13.5224 0.48182 12.9372 0.48182 12.547 0.89829L5.23225 8.70711L2.2088 5.47947C1.81868 5.063 1.2335 5.063 0.843373 5.47947C0.453251 5.89594 0.453251 6.52064 0.843373 6.93711L4.54954 10.8936C4.7446 11.1018 4.93966 11.2059 5.23225 11.2059C5.52484 11.2059 5.7199 11.1018 5.91496 10.8936L13.9125 2.35594C14.3026 1.93947 14.3026 1.31476 13.9125 0.89829Z\" fill=\"white\"/></svg>");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  border-color: #fb4898;
}

.checkbox_list .MuiFormControlLabel-root {
  width: 100%;
  gap: 10px;
}

.checkbox_list .MuiFormControlLabel-root:has(.multi_line) .MuiCheckbox-root {
  align-self: flex-start;
  position: relative;
  top: 2px;
}

.checkbox_list .MuiFormControlLabel-root:has(.multi_line) .star_seller_bx h4 {
  display: inline-flex;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #fb4898;
  margin-bottom: 3px;
}

.checkbox_list .MuiFormControlLabel-root:has(.multi_line) .star_seller_bx p {
  font-size: 13px;
  font-weight: 300;
  color: #0d0d0d;
}

.checkbox_list .MuiFormControlLabel-root:not(:last-child) {
  margin-bottom: 15px !important;
}

.checkbox_list .MuiFormControlLabel-root .MuiCheckbox-root {
  width: 25px;
  height: 25px;
  min-width: 25px;
}

.checkbox_list .MuiFormControlLabel-root .MuiTypography-root {
  width: 100%;
  font-size: 13px;
  font-weight: 300;
  color: #0d0d0d;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.checkbox_list .MuiFormControlLabel-root .MuiTypography-root small {
  color: #9e9e9e;
  font-size: 10px;
}

.checkbox_list .MuiFormControlLabel-root .MuiTypography-root span {
  color: #828282;
}

.checkbox_type_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.checkbox_type_btn .MuiFormControlLabel-root {
  position: relative;
  border: 1px solid #ebebeb;
  border-radius: 30px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  padding: 2px 14px 4px;
}

.checkbox_type_btn .MuiFormControlLabel-root .MuiCheckbox-root {
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.checkbox_type_btn .MuiFormControlLabel-root .MuiTypography-root {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #4f4f4f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .3s ease-in-out;
  gap: 5px;
}

.checkbox_type_btn .MuiFormControlLabel-root .MuiTypography-root img {
  width: 18px;
  min-width: 18px;
  transition: all .3s ease-in-out;
  position: relative;
  top: 1px;
}

.checkbox_type_btn .MuiFormControlLabel-root:hover {
  border-color: #000;
}

.checkbox_type_btn .MuiFormControlLabel-root:has(.Mui-checked) {
  background-color: #fb4898;
  border-color: #fb4898;
}

.checkbox_type_btn .MuiFormControlLabel-root:has(.Mui-checked) .MuiTypography-root {
  color: #fff;
}

.checkbox_type_btn .MuiFormControlLabel-root:has(.Mui-checked) .MuiTypography-root img {
  filter: brightness(0) invert();
}

.MuiPickersLayout-root .MuiPickersDay-root.Mui-selected {
  background-color: #fb4898 !important;
}

.MuiPickersLayout-root .MuiPickersToolbar-root, .MuiPickersLayout-root .MuiDialogActions-root {
  display: none;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root {
  width: 100%;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root > div[style] {
  display: none !important;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDateRangeCalendar-monthContainer {
  width: 100%;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiPickersCalendarHeader-root {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiPickersCalendarHeader-root .MuiPickersArrowSwitcher-root {
  width: 100%;
  justify-content: space-between;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiPickersCalendarHeader-root .MuiPickersArrowSwitcher-root .MuiIconButton-root {
  padding: 0;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiPickersCalendarHeader-root .MuiPickersArrowSwitcher-root .MuiIconButton-root svg {
  color: #000;
  font-size: 30px;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDayCalendar-root {
  transform: scale(1.25);
  padding: 40px 0 0;
}

.MuiPickersLayout-root .MuiDateRangeCalendar-root .MuiDayCalendar-root .MuiDateRangePickerDay-root.MuiDateRangePickerDay-rangeIntervalDayHighlight {
  background-color: #ffeef3;
}

.MuiPopper-root > .MuiPaper-root, .MuiMenu-root > .MuiPaper-root {
  border-radius: 5px;
}

.MuiList-root li {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 1.3;
  min-height: 1px;
}

.MuiList-root li.Mui-selected, .MuiList-root li.Mui-selected:hover {
  color: #fff;
  background-color: #fb4898 !important;
}

.MuiList-root li:not(:last-child) {
  margin-bottom: 0;
}

.MuiAutocomplete-popper .MuiPaper-root ul {
  max-height: 250px;
}

.MuiAutocomplete-popper .MuiPaper-root ul li {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 1.3;
  min-height: 1px;
}

.MuiAutocomplete-popper .MuiPaper-root ul li[aria-selected="true"] {
  color: #fff;
  background-color: #fb4898 !important;
}

.MuiAutocomplete-popper .MuiPaper-root ul li:not(:last-child) {
  margin-bottom: 0;
}

.btn_flex {
  display: flex;
  align-items: center;
  gap: 15px;
}

.container {
  width: 90%;
  max-width: 1515px;
  margin-inline: auto;
}

.upload_image {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.upload_image.centered {
  margin-inline: auto;
}

.upload_image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.upload_image .edit_btn {
  right: 7px;
  bottom: 7px;
  width: 35px;
  height: 35px;
  position: absolute;
  border: 3px solid #fff;
  background-color: #fb4898;
  transition: all .3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  z-index: 2;
}

.upload_image .edit_btn input {
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  text-indent: -1000px;
  cursor: pointer;
  padding: 0;
  opacity: 0;
  z-index: 1;
}

.upload_image .edit_btn img {
  width: 15px;
  filter: brightness(0) invert();
  position: relative;
  left: -1px;
  top: -1px;
}

.upload_image .edit_btn:hover {
  background-color: #fb4898;
}

.upload_image.v2 {
  width: 100%;
  height: 254px;
  border-radius: 15px;
  background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='15' ry='15' stroke='%23E71C57' stroke-width='2.5' stroke-dasharray='4%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  background-color: #fff;
}

.upload_image.v2 > img {
  border-radius: 15px;
}

.upload_image.v2 figcaption {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}

.upload_image.v2 figcaption p {
  color: #606060;
  font-weight: 500;
}

.upload_image.v2 input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100% !important;
}

.s_head {
  margin-bottom: 20px;
}

.s_head.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 20px;
}

.s_head.flex .w_100 {
  width: 100%;
}

@media only screen and (width <= 767.98px) {
  .s_head.flex {
    gap: 20px;
  }
}

.s_head h2 {
  letter-spacing: -.4px;
  color: #030712;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.s_head h2 span.promotion {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}

.s_head h2 span.countdown {
  font-size: 18px;
  font-weight: 600;
  color: #de0000;
}

.s_head button.MuiButton-outlinedInherit {
  background: #ffffff01;
  font-size: 16px;
  font-weight: 500;
  color: #007fff;
  border-color: #ffffff01;
  gap: 0;
  box-shadow: 0 0 0 2px #eef2fb !important;
}

.s_head button.MuiButton-outlinedInherit:hover {
  border-color: #fb4898;
  background-color: #0000;
  color: #fb4898;
}

.s_head .text_btn {
  white-space: nowrap;
}

.site_tabs1 {
  margin-bottom: 20px;
  min-height: 1px !important;
}

.site_tabs1 .MuiTabs-flexContainer {
  display: inline-flex;
  border-bottom: 1px solid #0000001a;
  gap: 25px;
}

.site_tabs1 .MuiTabs-flexContainer + .MuiTabs-indicator {
  display: none;
}

.site_tabs1 .MuiTabs-flexContainer button {
  min-width: 1px;
  min-height: 40px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 400;
  color: #767676;
  max-width: initial;
  text-transform: capitalize;
  background-color: #0000;
  line-height: normal;
  letter-spacing: 0;
  border-radius: 0;
  transition: all .3s ease-in-out;
}

.site_tabs1 .MuiTabs-flexContainer button:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #303030;
  transition: all .3s ease-in-out;
}

.site_tabs1 .MuiTabs-flexContainer button:hover {
  color: #000;
}

.site_tabs1 .MuiTabs-flexContainer button.Mui-selected {
  font-size: 16px;
  color: #303030;
}

.site_tabs1 .MuiTabs-flexContainer button.Mui-selected:before {
  width: 100%;
}

.site_tabs1.v2 .MuiTabs-flexContainer {
  display: inline-flex;
  border-bottom: 1px solid #0000001a;
  gap: 25px;
}

.site_tabs1.v2 .MuiTabs-flexContainer + .MuiTabs-indicator {
  display: none;
}

.site_tabs1.v2 .MuiTabs-flexContainer button {
  font-size: 15px;
  color: #9e9e9e;
}

.site_tabs1.v2 .MuiTabs-flexContainer button.Mui-selected {
  color: #fb4898;
}

.site_tabs1.v2 .MuiTabs-flexContainer button:before {
  background: #fb4898;
}

.site_tabs2 {
  min-height: 1px !important;
}

.site_tabs2 .MuiTabs-flexContainer {
  display: inline-flex;
  background-color: #fff;
  gap: 12px;
}

.site_tabs2 .MuiTabs-flexContainer + .MuiTabs-indicator {
  display: none;
}

.site_tabs2 .MuiTabs-flexContainer button {
  min-height: 34px;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #212529;
  text-transform: capitalize;
  border-radius: 5px;
  line-height: normal;
  transition: all .3s ease-in-out;
  border: 1px solid #e5e7eb;
  border-radius: 25px;
  line-height: 1;
  letter-spacing: -.24px !important;
}

.site_tabs2 .MuiTabs-flexContainer button:hover {
  color: #000;
  background-color: #204e331a;
}

.site_tabs2 .MuiTabs-flexContainer button.Mui-selected {
  border-color: #fb4898;
}

.site_tabs3 {
  min-height: 1px !important;
}

.site_tabs3 .MuiTabs-scroller {
  text-align: center;
}

.site_tabs3 .MuiTabs-flexContainer {
  gap: 20px;
  display: inline-flex;
}

@media only screen and (width <= 1199.98px) {
  .site_tabs3 .MuiTabs-flexContainer {
    gap: 10px;
  }
}

@media only screen and (width <= 767.98px) {
  .site_tabs3 .MuiTabs-flexContainer {
    gap: 5px;
  }
}

.site_tabs3 .MuiTabs-flexContainer + .MuiTabs-indicator {
  display: none;
}

.site_tabs3 .MuiTabs-flexContainer button {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 20px 2px;
  font-size: 16px;
  font-weight: 500;
  color: #110312;
  text-transform: capitalize;
  border-radius: 50px;
  line-height: normal;
  transition: all .3s ease-in-out;
  background-color: #fff;
  letter-spacing: 0;
  gap: 10px;
}

@media only screen and (width <= 1399.98px) {
  .site_tabs3 .MuiTabs-flexContainer button {
    min-height: 45px;
    padding: 0 16px 2px;
    font-size: 15px;
  }
}

@media only screen and (width <= 1199.98px) {
  .site_tabs3 .MuiTabs-flexContainer button {
    min-height: 42px;
    font-size: 14px;
    padding: 0 14px 2px;
  }
}

@media only screen and (width <= 767.98px) {
  .site_tabs3 .MuiTabs-flexContainer button {
    min-height: 38px;
    font-size: 13px;
    padding: 0 12px 2px;
  }
}

.site_tabs3 .MuiTabs-flexContainer button span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

@media only screen and (width <= 1199.98px) {
  .site_tabs3 .MuiTabs-flexContainer button span {
    gap: 5px;
  }
}

.site_tabs3 .MuiTabs-flexContainer button img {
  transition: all .3s ease-in-out;
  filter: brightness(0);
}

@media only screen and (width <= 1199.98px) {
  .site_tabs3 .MuiTabs-flexContainer button img {
    width: 20px;
  }
}

.site_tabs3 .MuiTabs-flexContainer button:hover {
  color: #fb4898;
}

.site_tabs3 .MuiTabs-flexContainer button.Mui-selected {
  color: #fff;
  background-color: #fb4898;
}

.site_tabs3 .MuiTabs-flexContainer button.Mui-selected img {
  filter: brightness(0) invert();
}

.site_tabs3 .MuiButtonBase-root.Mui-disabled {
  opacity: .4;
}

.site_tabs4 {
  min-height: 1px !important;
}

.site_tabs4 .MuiTabs-flexContainer {
  display: inline-flex;
  background-color: #fff;
  gap: 12px;
}

.site_tabs4 .MuiTabs-flexContainer + .MuiTabs-indicator {
  display: none;
}

.site_tabs4 .MuiTabs-flexContainer button {
  min-height: 34px;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #242529;
  text-transform: capitalize;
  border-radius: 5px;
  line-height: normal;
  transition: all .3s ease-in-out;
  border: 1px solid #e5e7eb;
  border-radius: 25px;
  line-height: 1;
  background-color: #e8e9eb;
  letter-spacing: -.24px !important;
}

.site_tabs4 .MuiTabs-flexContainer button:hover {
  color: #fff;
  background-color: #242529;
}

.site_tabs4 .MuiTabs-flexContainer button.Mui-selected {
  color: #fff;
  background-color: #242529;
}

.slick-slider .slick-dots {
  --dots_color: #979da5;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  position: unset;
  bottom: 0;
  gap: 5px;
  display: flex !important;
}

.slick-slider .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}

.slick-slider .slick-dots li button {
  width: 6px;
  height: 6px;
  border-radius: 15px;
  border: 1px solid var(--dots_color);
  background-color: var(--dots_color);
  padding: 0;
}

.slick-slider .slick-dots li button:before {
  display: none;
}

.slick-slider .slick-dots li.slick-active button {
  width: 18px;
  height: 6px;
}

.slick-slider .slick-arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  display: inline-flex;
  transition: all .3s ease-in-out;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  opacity: 1;
  padding: 0;
  z-index: 2;
  background-color: #fff9 !important;
  box-shadow: 0 2.3px 7.66px #0000000d !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23070722' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

@media only screen and (width <= 575.98px) {
  .slick-slider .slick-arrow {
    width: 28px;
    height: 28px;
  }
}

.slick-slider .slick-arrow:hover {
  background-color: #fb4898 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.slick-slider .slick-arrow:before {
  display: none;
}

.slick-slider .slick-arrow.slick-prev {
  left: 0;
  transform: translate(-50%, -50%)rotate(90deg);
}

.slick-slider .slick-arrow.slick-next {
  right: 0;
  transform: translate(50%, -50%)rotate(-90deg);
}

.slick-slider.slick_dots2 .slick-dots {
  bottom: 6px;
  position: absolute;
  gap: 4px;
}

.slick-slider.slick_dots2 .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}

.slick-slider.slick_dots2 .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0003;
  border: 0;
  padding: 0;
}

.slick-slider.slick_dots2 .slick-dots li button:before {
  display: none;
}

.slick-slider.slick_dots2 .slick-dots li.slick-active button {
  background: #fb4898;
}

.slick-slider .slick-track {
  margin-inline: 0;
}

.slick-slider .slick-track:before, .slick-slider .slick-track:after {
  display: none !important;
}

.slick_arrows {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.slick_arrows .MuiIconButton-root {
  --btn_size: 36px;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.slick_arrows .MuiIconButton-root svg {
  color: #000;
  font-size: 14px;
  transition: all .3s ease-in-out;
}

.slick_arrows .MuiIconButton-root:hover {
  border-color: #fb4898;
}

.slick_arrows .MuiIconButton-root:hover svg {
  color: #fb4898;
}

.page_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  gap: 20px;
}

.page_head.text_center {
  justify-content: center;
}

.page_head .lt {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.page_head .lt button.MuiButton-root.icon_btn {
  --btn_size: 30px;
  padding: 0;
}

.page_head .lt button.MuiButton-root.icon_btn .MuiTouchRipple-root {
  display: none;
}

.page_head .lt button.MuiButton-root.icon_btn img {
  filter: none;
}

.page_head .lt h1:not(:last-child) {
  margin-bottom: 5px;
}

.page_head .lt h1:has( + .form) {
  margin-bottom: 0;
}

.page_head .lt h1:has(.site_breadcrum) {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  gap: 5px;
}

.page_head .rt {
  display: inline-flex;
  gap: 12px;
}

.page_head .rt :is(select, .MuiSelect-select) {
  border-color: #07072299;
  background-color: #0000;
  min-width: 175px;
}

.page_head .rt :is(select, .MuiSelect-select)[aria-expanded="true"] {
  border-color: #fb4898;
}

.page_head .rt .form :is(select, .MuiSelect-select) {
  min-width: 100px;
}

.page_head .rt .tab_like {
  padding: 5px;
  display: flex;
  background-color: #e5e7ee;
  border-radius: 50px;
}

.page_head .rt .tab_like button.MuiButton-root {
  padding: 5px 16px;
  min-height: 40px;
  font-size: 14px;
  white-space: nowrap;
}

.page_head .rt .tab_like button.MuiButton-root.active {
  pointer-events: none;
}

.page_head .rt .tab_like button.MuiButton-root:not(.active) {
  color: #110312;
  background-color: #0000;
  border-color: #0000;
}

.page_head .rt .tab_like button.MuiButton-root:not(.active):hover {
  color: #fb4898;
}

.page_head .rt button.MuiButton-root {
  padding: 5px 20px 7px;
  gap: 5px;
}

.page_head .rt button.MuiButton-root svg {
  position: relative;
  top: 1px;
}

.page_head .rt button.MuiButton-root .draft_icon {
  position: relative;
  margin-right: 2px;
  top: 1px;
}

.page_head .rt button.MuiButton-root:has(.circle_icon) {
  padding-left: 10px;
  gap: 10px;
}

.page_head .rt button.MuiButton-root.MuiButton-outlinedInfo:not(:hover) {
  color: #110312cc;
  border-color: #11031266;
}

.page_head .rt button.MuiButton-root:has(.btn_icon) {
  padding: 0;
  min-height: 1px;
  min-width: 1px;
  background: none;
  border: 0;
  color: #000;
  font-size: 26px;
  font-weight: 500;
  gap: 10px;
}

.page_head .rt button.MuiButton-root:has(.btn_icon) .btn_icon {
  background: linear-gradient(321.67deg, #e71c57 .3%, #ff608e 95.59%);
  width: 38px;
  height: 38px;
  border-radius: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.page_head .rt button.MuiButton-root:has(.btn_icon) .btn_icon svg {
  top: 0;
  font-size: 25px;
}

.page_head .form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page_head .form .MuiInputBase-root {
  width: max-content;
}

.page_head .form .search_field {
  min-width: 320px;
}

.page_head .form .search_field .MuiInputBase-root {
  width: 100%;
}

.page_head .form .search_field .MuiInputBase-root .MuiInputAdornment-positionStart {
  padding-left: 10px;
}

.page_head .form .search_field .MuiInputBase-root .MuiInputAdornment-positionStart img {
  opacity: .6;
  position: relative;
  top: -1px;
}

.page_head .form :is(input, input.form-control):not(:focus) {
  border-color: #11031233;
  background-color: #0000;
}

.page_head .form :is(input, input.form-control)::placeholder {
  color: #000;
}

.page_head .form :is(select, .MuiSelect-select) {
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 38px;
  border-color: #07072299;
  background-position: right 10px center;
  background-color: #0000;
  background-size: 11px 11px;
  max-width: 140px;
  padding-right: 40px !important;
  padding-block: 0 !important;
  padding-right: 28px !important;
  letter-spacing: -.2px !important;
}

.page_head .form :is(select, .MuiSelect-select):focus {
  border-color: #07072299;
}

.page_head .form :is(select, .MuiSelect-select)[aria-expanded="true"] {
  border-color: #fb4898;
}

.page_head .form button.MuiButton-root {
  min-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  border-color: #07072299;
  gap: 5px;
}

.page_head .form button.MuiButton-root:hover img {
  filter: brightness(0) invert();
}

.custom_legends {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
}

.custom_legends li {
  font-size: 16px;
  font-weight: 500;
  color: #272727;
  display: inline-flex;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 0;
  gap: 5px;
}

.custom_legends li span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-flex;
}

.custom_legends li span.pending {
  background-color: #d5a10f;
}

.custom_legends li span.accepted {
  background-color: #247d13;
}

.custom_legends li span.cancelled {
  background-color: #e71c1c;
}

.custom_legends li span.current {
  background-color: #e71c57;
}

.custom_legends li span.past {
  background-color: #d5a10f;
}

.custom_legends li span.review {
  background-color: #d69fff;
}

.custom_legends li span.booked {
  background-color: #e71c57;
}

.custom_legends li span.partially {
  background-color: #d5a00f;
}

.custom_legends li span.unavailable {
  background-color: #0b67d0;
}

.custom_legends.v2 {
  gap: 12px 30px;
}

.custom_legends.v2 li {
  font-size: 13px;
  font-weight: 400;
  color: #00000080;
  text-transform: capitalize;
  gap: 6px;
}

.custom_legends.v2 li span {
  width: 12px;
  height: 12px;
}

.custom_legends.v3 {
  gap: 12px 30px;
}

.custom_legends.v3 li {
  text-transform: capitalize;
}

.custom_legends.v3 li span {
  width: 16px;
  height: 16px;
}

.MuiDrawer-root .MuiPaper-root {
  width: 100%;
  max-width: 460px;
}

@media only screen and (width <= 1399.98px) {
  .MuiDrawer-root .MuiPaper-root {
    max-width: 420px;
  }
}

@media only screen and (width <= 575.98px) {
  .MuiDrawer-root .MuiPaper-root {
    max-width: 100%;
  }
}

.MuiDrawer-root .MuiPaper-root .drawer_close {
  top: 50%;
  right: 460px;
  position: fixed;
  transform: translate(50%, -50%);
  background-color: #f4f5f7;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  color: #110312;
  padding: 0;
}

.MuiDrawer-root .MuiPaper-root .drawer_close svg {
  font-size: 16px;
  transition: all .3s ease-in-out;
}

.MuiDrawer-root .MuiPaper-root .drawer_close:hover {
  background-color: #fb4898;
}

.MuiDrawer-root .MuiPaper-root .drawer_close:hover svg {
  color: #fff;
}

.MuiDrawer-root .MuiPaper-root .drawer_head {
  top: 0;
  left: 0;
  width: 100%;
  position: sticky;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 30px 25px;
  z-index: 9;
  gap: 15px;
}

@media only screen and (width <= 1399.98px) {
  .MuiDrawer-root .MuiPaper-root .drawer_head {
    padding: 20px 25px;
  }
}

@media only screen and (width <= 767.98px) {
  .MuiDrawer-root .MuiPaper-root .drawer_head {
    padding: 20px;
  }
}

.MuiDrawer-root .MuiPaper-root .drawer_head h2 {
  margin-bottom: 0;
}

@media only screen and (width <= 575.98px) {
  .MuiDrawer-root .MuiPaper-root .drawer_head h2 {
    font-size: 20px;
  }
}

.MuiDrawer-root .MuiPaper-root .drawer_head .MuiIconButton-root {
  padding: 0;
  transition: all .3s ease-in-out;
}

.MuiDrawer-root .MuiPaper-root .drawer_head .MuiIconButton-root:hover {
  background-color: #0000;
  color: #de0000;
}

.MuiDrawer-root .MuiPaper-root .drawer_body {
  padding: 25px;
}

.modal {
  padding: 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal .MuiBackdrop-root {
  background-color: #000;
  opacity: .8 !important;
}

.modal .modal-dialog {
  width: auto;
  display: flex;
  align-items: center;
  min-height: 100%;
  position: relative;
  padding: 50px 0;
  margin: auto;
  max-width: 585px;
  outline: none;
}

.modal .modal-body {
  width: 100%;
  padding: 30px 30px 35px;
  background: #fff;
  max-height: calc(100% - 40px);
  border-radius: 30px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  border: none;
  z-index: 3;
}

@media only screen and (width <= 1199.98px) {
  .modal .modal-body {
    border-radius: 24px;
    padding: 24px;
  }
}

@media only screen and (width <= 991.98px) {
  .modal .modal-body {
    border-radius: 20px;
    padding: 20px;
  }
}

@media only screen and (width <= 767.98px) {
  .modal .modal-body {
    border-radius: 16px;
  }
}

.modal .modal_footer {
  padding: 25px 30px 35px;
  border-top: 1px solid #d9d9d9;
  margin-inline: -30px;
  margin-bottom: -35px;
  margin-top: 25px;
}

.modal .modal_footer .btn_flex {
  margin-top: 0;
}

.modal .modal_title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 26px;
  gap: 20px;
}

.modal .modal_title.d_block {
  display: block;
}

.modal .modal_title.has_underline {
  padding-bottom: 15px;
  position: relative;
  gap: 15px;
}

.modal .modal_title.has_underline:before {
  content: "";
  height: 6px;
  width: 120px;
  background-color: #fb4898;
  position: absolute;
  bottom: 0;
  left: 0;
}

.modal .modal_title h2 {
  text-transform: capitalize;
  margin-bottom: 0;
  letter-spacing: -.3px !important;
}

.modal .modal_title.title_wrap {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}

.modal .modal_title .btn-close {
  position: unset;
}

.modal.confirm_modal .modal_title h2 {
  text-transform: none;
}

.modal .btn-close {
  top: 8px;
  right: 16px;
  width: 44px;
  height: 44px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0000;
  border-radius: 50%;
  cursor: pointer;
  padding: 4px;
  opacity: 1;
  z-index: 1;
}

.modal .btn-close svg {
  font-size: 22px;
  color: #070722cc;
  transition: all .3s ease-in-out;
}

.modal .btn-close:hover svg {
  color: #de0000;
}

.modal .btn_flex {
  display: flex;
  align-items: center;
  margin-top: 26px;
  gap: 10px;
}

.modal .btn_flex button.MuiButton-root {
  min-width: 145px;
  gap: 5px;
}

.modal .btn_flex button.MuiButton-root.MuiButton-outlinedInfo svg {
  top: 1px;
  position: relative;
}

.modal .btn_flex button.MuiButton-root.MuiButton-outlinedInfo:not(:hover) svg {
  color: #11031299;
}

.modal .info_ul li {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #000;
  gap: 3px;
}

.modal .info_ul li strong {
  font-size: 16px;
  font-weight: 600;
  color: #110312;
}

.modal .info_ul li a {
  color: #fb4898;
  text-decoration: underline !important;
}

.modal .info_ul li a:hover {
  color: #fb4898;
}

.MuiTableContainer-root {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.MuiTableContainer-root .MuiTable-root thead tr th {
  font-size: 14px;
  color: #000;
  background-color: #fafafa;
  white-space: nowrap;
  padding: 10px 15px;
  font-weight: 700;
  border: none;
}

.MuiTableContainer-root .MuiTable-root tbody tr:nth-child(2n) {
  background-color: #f9f9f9;
}

.MuiTableContainer-root .MuiTable-root tbody tr td {
  font-size: 14px;
  color: #828282;
  white-space: nowrap;
  padding: 12px 15px;
  font-weight: 500;
  border: none;
}

.MuiTableContainer-root .MuiTable-root tbody tr td.c_success {
  color: #219653;
}

.MuiTableContainer-root .MuiTable-root tbody tr td.c_danger {
  color: #eb5757;
}

.MuiTableContainer-root .MuiTable-root tbody tr td strong {
  color: #000;
  font-weight: 500;
}

.MuiTableContainer-root .MuiTable-root tbody tr td span {
  font-size: 12px;
}

.MuiTableContainer-root .MuiTable-root .action_btns {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.MuiTableContainer-root .MuiTable-root .action_btns .MuiIconButton-root {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #11031233;
  transition: all .3s ease-in-out;
  border-radius: 12px;
  padding: 0;
}

.MuiTableContainer-root .MuiTable-root .action_btns .MuiIconButton-root svg {
  font-size: 18px;
  color: #000;
  transition: all .3s ease-in-out;
}

.MuiTableContainer-root .MuiTable-root .action_btns .MuiIconButton-root img {
  filter: brightness(0);
  transition: all .3s ease-in-out;
  opacity: .6;
}

.MuiTableContainer-root .MuiTable-root .action_btns .MuiIconButton-root:hover {
  border-color: #fb4898;
}

.MuiTableContainer-root .MuiTable-root .action_btns .MuiIconButton-root:hover svg {
  color: #fb4898;
}

.MuiTableContainer-root .MuiTable-root .action_btns .MuiIconButton-root:hover img {
  filter: brightness(0) invert(10%) sepia(72%) saturate(5529%) hue-rotate(293deg) brightness(93%) contrast(116%);
  opacity: 1;
}

.MuiTableContainer-root .MuiTable-root .time_box {
  display: inline-flex;
  align-items: center;
  background-color: #f8eeffc9;
  border-radius: 12px;
  min-height: 40px;
  padding: 5px 15px;
  gap: 8px;
}

.MuiTableContainer-root .MuiTable-root .time_box img {
  width: 19px;
  min-width: 19px;
  filter: brightness(0) invert(10%) sepia(72%) saturate(5529%) hue-rotate(293deg) brightness(93%) contrast(116%);
}

.MuiTableContainer-root .MuiTable-root .time_box p {
  font-size: 14px;
  margin-bottom: 0;
  display: inline-flex;
  color: #fb4898;
}

.MuiTableContainer-root .MuiTable-root .time_box p span {
  display: inline-flex;
}

.MuiTableContainer-root .MuiTable-root .time_box p span:not(:last-child):after {
  content: "";
  width: 1px;
  height: 19px;
  background-color: #fb489833;
  margin: 0 12px;
  display: inline-flex;
}

.MuiTableContainer-root .MuiTable-root .flip_box {
  max-width: 98px;
  border: 1px solid #fb48984d;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  width: 100%;
}

.MuiTableContainer-root .MuiTable-root .flip_box span {
  font-size: 13px;
  font-weight: 600;
  min-height: 33px;
  padding: 5px 10px;
  align-items: center;
  justify-content: center;
  color: #fb4898;
  display: inline-flex !important;
}

.MuiTableContainer-root .MuiTable-root .flip_box span.f_big {
  font-size: 16px;
}

.table_pagination {
  display: grid;
  align-items: center;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #f4f4f4;
  padding: 20px 30px;
  gap: 20px;
}

.table_pagination > p {
  text-align: center;
}

.table_pagination p {
  font-size: 14px;
  color: #000;
  white-space: nowrap;
  margin-bottom: 0;
}

.table_pagination .showing_field {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  gap: 20px;
}

.table_pagination .showing_field .MuiSelect-root {
  width: auto;
  min-width: 76px;
}

.table_pagination .showing_field .MuiSelect-root .MuiSelect-select {
  height: 42px;
  line-height: 42px;
  background-position: right 10px center;
  background-size: 12px 12px;
  border-color: #fb4898;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #110312;
  align-items: center;
  display: flex;
  padding: 5px 30px 5px 14px !important;
}

.table_pagination .showing_field .MuiSelect-root .MuiSelect-select:focus {
  border-radius: 12px;
}

.table_pagination .action_field {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.table_pagination .action_field .MuiIconButton-root {
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0000;
  color: #110312;
  padding: 0;
}

.table_pagination .action_field .MuiIconButton-root svg {
  font-size: 20px;
}

.table_pagination .action_field .MuiIconButton-root.numb_btn {
  width: 36px;
  height: 36px;
  background-color: #f4f4f4;
  border: 1px solid #0000;
  padding-bottom: 2px;
}

.table_pagination .action_field .MuiIconButton-root.numb_btn.active {
  border-color: #fb4898;
  color: #fb4898;
}

.site_header {
  top: 0;
  width: 100%;
  position: fixed;
  background: linear-gradient(360deg, #fff 5%, #ffd0e5 100%);
  z-index: 99;
}

.site_header.scrolled {
  box-shadow: 0 1px 5px #00000040;
}

.site_header.scrolled .top_header {
  margin-top: -100px;
}

.site_header.scrolled .mid_header {
  min-height: 80px;
}

.site_header .form {
  --field_height: 50px;
}

.site_header .form .pick_location {
  width: 100%;
  --field_height: 48px;
  min-width: 180px;
  max-width: 180px;
}

.site_header .form .pick_location .MuiSelect-select {
  border: 0;
  border-radius: 0;
  color: #434142;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233D3D3D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 5px center;
  background-color: #0000;
  background-size: 12px;
  line-height: 24px;
  padding-top: 24px !important;
  padding-inline: 32px 22px !important;
}

.site_header .form .pick_location label {
  top: 0;
  left: 32px;
  position: absolute;
  font-size: 14px;
  color: #3d3d3d;
  pointer-events: none;
  line-height: 24px;
  margin-bottom: 0;
  z-index: 1;
  letter-spacing: .035px !important;
}

.site_header .form .pick_location .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionStart {
  width: 25px;
  padding-left: 0;
  pointer-events: none;
}

.site_header .form .pick_location .MuiSelect-root.MuiInputBase-root .MuiInputAdornment-positionStart img {
  width: 100%;
}

.site_header .form .pick_location:hover .MuiSelect-select {
  color: #fb4898;
}

.site_header .form .search_group {
  width: 100%;
  display: flex;
}

.site_header .form .search_group input {
  border-radius: 40px;
  box-shadow: inset 1px 1px 1px #00000040;
  border: 1px solid #00000014;
}

.site_header .form .search_group .MuiInputAdornment-positionEnd {
  width: auto;
  display: flex;
  align-items: center;
  padding-right: 15px;
  gap: 15px;
}

.site_header .form .search_group .MuiInputAdornment-positionEnd img {
  cursor: pointer;
}

.top_header {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  min-height: 100px;
  padding: 15px 0;
}

.top_header nav {
  display: flex;
  align-items: center;
  gap: 30px;
}

.top_header nav .site_hamburgur {
  display: none;
}

.top_header nav .action_menu {
  width: auto;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-bottom: 0;
  gap: 30px;
}

.top_header nav .action_menu li {
  margin-bottom: 0;
  display: inline-flex;
  white-space: nowrap;
}

.top_header nav .action_menu li .icon_textBtn {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}

.top_header nav .action_menu li .icon_textBtn svg {
  font-size: 20px;
  color: #000;
}

.top_header nav .action_menu li .icon_textBtn p {
  font-size: 16px;
  font-weight: 600;
  color: #434142;
  transition: all .3s ease-in-out;
  line-height: 1.5;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: .024px !important;
}

@media only screen and (width <= 767.98px) {
  .top_header nav .action_menu li .icon_textBtn p {
    font-size: 13px;
  }
}

.top_header nav .action_menu li .icon_textBtn p span {
  font-size: 14px;
  line-height: 1.4;
  color: #434142;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

@media only screen and (width <= 767.98px) {
  .top_header nav .action_menu li .icon_textBtn p span {
    font-size: 12px;
  }
}

.top_header nav .action_menu li .icon_textBtn:hover p {
  color: #fb4898;
}

.top_header nav .action_menu li .cart_iconBtn {
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.top_header nav .action_menu li .cart_iconBtn > img {
  width: 19px;
}

.top_header nav .action_menu li .cart_iconBtn p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  transition: all .3s ease-in-out;
  color: #000;
  margin-bottom: 0;
}

.top_header nav .action_menu li .cart_iconBtn .MuiBadge-badge {
  top: -6px;
  left: 50%;
  right: auto;
  transform: none;
  height: 16px;
  min-width: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #3bb77e;
  border-radius: 20px;
  border: 2px solid #fff;
  padding: 2px 3px;
  color: #fff;
  font-size: 8px;
  font-weight: 500;
  line-height: 1;
}

.top_header nav .action_menu li .cart_iconBtn:hover p {
  color: #fb4898;
}

.mid_header {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #fb489833;
  transition: all .3s ease-in-out;
  min-height: 100px;
  padding: 10px 0;
}

.mid_header .form {
  flex: 1;
  display: flex;
  align-items: center;
  max-width: 665px;
  gap: 30px;
}

.mid_header nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}

.mid_header nav ul {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  gap: 30px;
}

.mid_header nav ul li {
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  margin-bottom: 0;
}

.mid_header nav ul li a {
  color: #434142;
}

.mid_header nav ul li a:hover {
  color: #fb4898;
}

.mid_header .MuiToggleButtonGroup-root {
  border-radius: 0;
  gap: 8px;
}

.mid_header .MuiToggleButtonGroup-root .MuiButtonBase-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #110312;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #00000026;
  text-transform: capitalize;
  background-color: #fff;
  border-radius: 30px;
  transition: all .3s ease-in-out;
  min-height: 175px;
  padding: 5px 20px;
  min-height: 50px;
  gap: 8px;
}

.mid_header .MuiToggleButtonGroup-root .MuiButtonBase-root img {
  transition: all .3s ease-in-out;
}

.mid_header .MuiToggleButtonGroup-root .MuiButtonBase-root:hover {
  border-color: #000;
}

.mid_header .MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-selected {
  color: #fff;
  background-color: #fb4898;
  border-color: #fb4898;
  pointer-events: none;
}

.mid_header .MuiToggleButtonGroup-root .MuiButtonBase-root.Mui-selected img {
  filter: brightness(0) invert();
}

.nav_header {
  padding: 5px 0;
  position: relative;
  border-top: 1px solid #fb489880;
  border-bottom: 1px solid #fb489880;
}

.nav_header nav {
  display: flex;
  gap: 45px;
}

.nav_header .nav_categories {
  flex: 1;
  display: flex;
  margin-bottom: 0;
  min-height: 1px;
  gap: 8px;
}

@media only screen and (width <= 991.98px) {
  .nav_header .nav_categories {
    display: none;
  }
}

.nav_header .nav_categories .MuiTabScrollButton-root {
  opacity: 1;
  width: auto;
}

.nav_header .nav_categories .MuiTabScrollButton-root svg {
  color: #3d3d3d;
  font-size: 16px;
}

.nav_header .nav_categories .MuiTabScrollButton-root.Mui-disabled {
  display: none;
}

.nav_header .nav_categories .MuiTabs-indicator {
  display: none;
}

.nav_header .nav_categories .MuiTabs-list {
  display: flex;
  gap: 45px;
}

@media only screen and (width <= 1399.98px) {
  .nav_header .nav_categories .MuiTabs-list {
    gap: 25px;
  }
}

.nav_header .nav_categories .MuiTabs-list button {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  text-transform: none;
  max-width: initial;
  cursor: pointer;
  color: #434142;
  min-height: 1px;
  min-width: 1px;
}

@media only screen and (width <= 1399.98px) {
  .nav_header .nav_categories .MuiTabs-list button {
    font-size: 13px;
  }
}

.nav_header .nav_categories .MuiTabs-list button:hover {
  text-decoration: underline;
}

.nav_header .nav_categories li {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  margin-bottom: 0;
  line-height: 1.5;
}

.nav_header .nav_categories li a {
  white-space: nowrap;
  display: inline-flex;
  cursor: pointer;
  color: #434142;
}

.nav_header .nav_categories li a:hover {
  text-decoration: underline;
}

.nav_header .text_btn {
  color: #ef4444;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  margin-left: auto;
  text-decoration: none !important;
}

.nav_header .text_btn:hover {
  text-decoration: underline !important;
}

.nav_header .subMenu_drop {
  left: 0;
  top: 100%;
  width: 100%;
  position: absolute;
  min-height: calc(100vh - 137px);
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all .3s ease-in-out;
  z-index: 1;
}

.nav_header .subMenu_drop > .container {
  display: flex;
}

.nav_header .subMenu_drop > .container .lt_s {
  width: 271px;
  min-width: 271px;
  max-width: 271px;
  padding: 20px 16px 20px 0;
  border-right: 1px solid #efefef;
  height: calc(100vh - 137px);
  scrollbar-width: none;
  overflow: auto;
}

.nav_header .subMenu_drop > .container .rt_s {
  width: calc(100% - 271px);
  padding-left: 20px;
}

.nav_header .subMenu_drop > .container .rt_s [role="tabpanel"]:not([hidden]) {
  height: 100%;
  display: flex;
}

@media only screen and (width <= 1199.98px) {
  .nav_header .subMenu_drop > .container .rt_s [role="tabpanel"]:not([hidden]) {
    flex-wrap: wrap;
  }
}

.nav_header .subMenu_drop .MuiTabs-root {
  min-height: 1px;
  position: sticky;
  top: 0;
  left: 0;
}

.nav_header .subMenu_drop .MuiTabs-root .MuiTabs-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.nav_header .subMenu_drop .MuiTabs-root .MuiTabs-list button {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: capitalize;
  padding: 5px 8px 5px 24px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  max-width: initial;
  cursor: pointer;
  color: #434142;
  min-height: 36px;
  min-width: 1px;
}

.nav_header .subMenu_drop .MuiTabs-root .MuiTabs-list button:after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23CACACA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-90deg);
  background-size: 12px;
}

.nav_header .subMenu_drop .MuiTabs-root .MuiTabs-list button:hover {
  color: #000;
}

.nav_header .subMenu_drop .MuiTabs-root .MuiTabs-list button.Mui-selected {
  background-color: #f6f6f6;
}

.nav_header .subMenu_drop .MuiTabs-root .MuiTabs-indicator {
  display: none;
}

.nav_header .subMenu_drop .sub_box {
  padding: 20px 0 20px 20px;
  height: calc(100vh - 137px);
  width: calc(100% - 358px);
  scrollbar-width: none;
  overflow: auto;
}

.nav_header .subMenu_drop .sub_box.sm {
  width: 358px;
  min-width: 358px;
  max-width: 358px;
  border-right: 1px solid #efefef;
  padding: 20px 20px 20px 0;
}

@media only screen and (width <= 1199.98px) {
  .nav_header .subMenu_drop .sub_box.sm {
    width: 100%;
    min-width: 1px;
    max-width: 100%;
    border: 0;
    padding-right: 0;
  }
}

.nav_header .subMenu_drop .sub_box.sm .single_sub > h6 {
  text-transform: capitalize;
}

.nav_header .subMenu_drop .single_sub:not(:last-child) {
  margin-bottom: 25px;
}

.nav_header .subMenu_drop .single_sub > h6 {
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 15px;
  cursor: pointer;
}

.nav_header .subMenu_drop .single_sub > h6 a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #434142;
  font-weight: 600;
  color: #434142;
  font-weight: 600;
  gap: 4px;
}

.nav_header .subMenu_drop .single_sub > h6 a:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231C1B1F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-90deg);
  background-size: 14px;
}

.nav_header .subMenu_drop .single_sub > h6 a:hover {
  color: #fb4898;
}

.nav_header .subMenu_drop .category_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 39px;
}

.nav_header .subMenu_drop .category_list li {
  width: 86px;
  max-width: 86px;
  min-width: 86px;
  text-align: center;
  margin-bottom: 0;
}

.nav_header .subMenu_drop .category_list li:last-child {
  margin-right: auto;
}

.nav_header .subMenu_drop .category_list li a {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  cursor: pointer;
}

.nav_header .subMenu_drop .category_list li figure {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  margin-bottom: 8px;
  overflow: hidden;
}

.nav_header .subMenu_drop .category_list li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.nav_header .subMenu_drop .category_list li span {
  font-size: 13px;
  font-weight: 500;
  color: #434142;
  line-height: 1.25;
  transition: all .3s ease-in-out;
}

.nav_header .subMenu_drop .category_list li:hover span {
  color: #fb4898;
}

.accountOrders_page .site_tabs2 .MuiTabs-root {
  min-height: 1px;
}

.accountOrders_page .site_tabs2 .MuiTabs-list {
  gap: 10px;
}

.accountOrders_page .site_tabs2 .MuiTabs-list .MuiTab-root {
  min-height: 27px;
  border-radius: 6px;
  border-color: #d7d7d7;
  max-width: initial;
  padding: 2px 7px;
  font-size: 14px;
  font-weight: 500;
  color: #1d1d1d;
  flex-direction: row;
  min-width: 1px;
  gap: 4px;
}

.accountOrders_page .site_tabs2 .MuiTabs-list .MuiTab-root img {
  min-width: 17px;
  filter: brightness(0) saturate() invert(44%) sepia(69%) saturate(2309%) hue-rotate(306deg) brightness(98%) contrast(101%);
}

.accountOrders_page .site_tabs2 .MuiTabs-list .MuiTab-root.Mui-selected {
  border-color: #fb4898;
}

.orderCard_grid.gap_m {
  --gap_x: 25px;
  --gap_y: 25px;
}

@media only screen and (width <= 1199.98px) {
  .orderCard_grid.gap_m {
    --gap_x: 14px;
    --gap_y: 14px;
  }
}

.orderCard_item {
  display: flex;
  align-items: center;
  width: calc(50% - var(--gap_x));
  padding: 14px 25px 14px 14px;
  background-color: #f5f5f5;
  border-radius: 12px;
}

@media only screen and (width <= 991.98px) {
  .orderCard_item {
    width: calc(100% - var(--gap_x));
  }
}

@media only screen and (width <= 575.98px) {
  .orderCard_item {
    padding: 8px 12px 8px 8px;
  }
}

.orderCard_item > figure {
  width: 105px;
  min-width: 105px;
  aspect-ratio: 1;
  border-radius: 10px;
  align-self: flex-start;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

@media only screen and (width <= 575.98px) {
  .orderCard_item > figure {
    width: 80px;
    min-width: 80px;
  }
}

.orderCard_item > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.orderCard_item > figure .order_tag {
  left: 10px;
  bottom: 10px;
  position: absolute;
  color: #fb4898;
  background-color: #fff;
  border: 1px solid #fb48980d;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  padding: 2px 10px;
}

.orderCard_item .orderCard_info {
  height: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  width: calc(100% - 105px);
  padding: 5px 0 5px 12px;
}

@media only screen and (width <= 575.98px) {
  .orderCard_item .orderCard_info {
    width: calc(100% - 75px);
    padding-left: 8px;
  }
}

.orderCard_item .orderCard_info p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  line-height: 1.2;
}

.orderCard_item .orderCard_info p span {
  font-size: 12px;
  font-weight: 400;
  color: #888;
}

.orderCard_item .orderCard_info p ins {
  font-size: 14px;
  font-weight: 700;
  color: #fb4898;
  text-decoration: none;
}

@media only screen and (width <= 575.98px) {
  .orderCard_item .orderCard_info p ins {
    font-size: 13px;
  }
}

.orderCard_item .orderCard_info h3 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

@media only screen and (width <= 575.98px) {
  .orderCard_item .orderCard_info h3 {
    font-size: 12px;
  }
}

.orderCard_item .orderCard_info h3:hover {
  color: #fb4898;
}

.orderCard_item .orderCard_info .btn_flex {
  margin-top: auto;
  gap: 6px;
}

.orderCard_item .orderCard_info .btn_flex .MuiButton-root {
  min-height: 34px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 8px;
  padding: 5px 12px;
}

.orderCard_item .orderCard_info .btn_flex .MuiButton-root.icon_btn {
  --btn_size: 34px;
  background-color: #fff;
  border: 1px solid #efefef;
  padding: 5px;
}

.orderCard_item .orderCard_info .btn_flex .MuiButton-root.icon_btn img {
  filter: brightness(0);
}

.orderCard_item .orderCard_info .btn_flex .MuiButton-root.icon_btn:hover {
  border-color: #fb4898;
}

.orderCard_item .orderCard_info .btn_flex .order_rating {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
  gap: 4px;
}

.orderCard_item .orderCard_info .btn_flex .order_rating img {
  width: 15px;
  min-width: 15px;
}

.accountOrdersDetail_page .s_head h2 svg {
  font-size: 18px;
  cursor: pointer;
}

.accountOrdersDetail_page .s_head .btn_flex {
  gap: 12px;
}

.accountOrdersDetail_page .s_head .btn_flex .MuiButton-root {
  background-color: #eee;
  border-color: #eee;
  color: #fb4898;
  min-height: 33px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 30px !important;
  text-transform: capitalize !important;
  padding: 4px 16px !important;
  min-width: 1px !important;
}

.accountOrdersDetail_page .s_head .btn_flex .MuiButton-root img {
  filter: brightness(0) saturate() invert(44%) sepia(69%) saturate(2309%) hue-rotate(306deg) brightness(98%) contrast(101%);
}

.accountOrdersDetail_page .s_head .btn_flex .MuiButton-root.icon_btn {
  --btn_size: 33px;
  border-radius: 30px;
  padding: 4px !important;
}

.accountOrdersDetail_page .s_head .btn_flex .MuiButton-root.icon_btn:hover img {
  filter: brightness(0) invert();
}

.accountOrdersDetail_page .s_head .btn_flex .MuiButton-root:hover {
  color: #fff;
  border-color: #fb4898;
  background-color: #fb4898;
}

.accountOrdersDetail_page .payment_btn .MuiButton-root {
  font-size: 16px;
  min-width: 190px;
  border-radius: 10px;
}

@media only screen and (width <= 575.98px) {
  .accountOrdersDetail_page .payment_btn .MuiButton-root {
    flex: 1;
    font-size: 14px;
    min-width: 1px;
  }
}

.rating_stars {
  display: flex;
  align-items: center;
  gap: 6px;
}

.rating_stars .stars {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.rating_stars .stars svg {
  font-size: 24px;
  color: #cecece;
}

.rating_stars .stars svg:not([data-testid="StarBorderRoundedIcon"]) {
  color: #ffc620;
}

.rating_stars strong {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.rating_stars strong span {
  color: #888;
  font-size: 12px;
  font-weight: 400;
}

.grey_box {
  padding: 16px;
  background-color: #f5f5f5;
  border-radius: 15px;
}

.grey_box:not(:last-child) {
  margin-bottom: 20px;
}

.grey_box h3 {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.grey_box h3:not(:last-child) {
  margin-bottom: 12px;
}

.grey_box h3 span {
  font-size: 14px;
  font-weight: 400;
}

.grey_box.orderDetail_box .orderBox_single {
  display: flex;
  align-items: center;
  gap: 8px;
}

.grey_box.orderDetail_box .orderBox_single:not(:last-child) {
  margin-bottom: 12px;
}

.grey_box.orderDetail_box .orderBox_single figure {
  width: 75px;
  min-width: 75px;
  aspect-ratio: 1;
  border-radius: 12px;
  overflow: hidden;
}

.grey_box.orderDetail_box .orderBox_single figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grey_box.orderDetail_box .orderBox_single .info_rt h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}

.grey_box.orderDetail_box .orderBox_single .info_rt p {
  color: #0009;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 1.2;
}

.grey_box.orderDetail_box .orderBox_single .info_rt ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.grey_box.orderDetail_box .orderBox_single .info_rt ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 4px;
  min-height: 25px;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 0;
  padding: 2px 6px;
  color: #000;
  gap: 3px;
  font-family: Jost, sans-serif !important;
}

.grey_box.orderDetail_box .orderBox_single .info_rt ul li strong {
  font-weight: 500;
  font-family: Jost, sans-serif !important;
}

.grey_box.orderDetail_box .MuiRadioGroup-root {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}

.grey_box.orderDetail_box .MuiRadioGroup-root .MuiFormControlLabel-root {
  border-radius: 15px;
  background-color: #fff;
  flex-direction: row-reverse;
  justify-content: space-between;
  border: 1px solid #0000;
  max-width: 400px;
  padding: 24px;
  width: 100%;
}

.grey_box.orderDetail_box .MuiRadioGroup-root .MuiFormControlLabel-root .MuiRadio-root {
  width: 19px;
  height: 19px;
  min-width: 19px;
}

.grey_box.orderDetail_box .MuiRadioGroup-root .MuiFormControlLabel-root:has(.Mui-checked) {
  border-color: #fb4898;
}

.grey_box.addressDetail_box > h3 {
  text-transform: uppercase;
  border-bottom: 1px solid #1d1d1d0d;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.grey_box.addressDetail_box .addressBox_single:not(:last-child) {
  margin-bottom: 12px;
}

.grey_box.addressDetail_box .addressBox_single p {
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 5px;
}

.grey_box.addressDetail_box .addressBox_single p strong {
  font-weight: 700;
}

.grey_box.addressDetail_box .addressBox_single ul li {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
  gap: 8px;
}

.grey_box.addressDetail_box .addressBox_single ul li:not(:last-child) {
  margin-bottom: 6px;
}

.grey_box.receiptDetail_box {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.grey_box.receiptDetail_box figure {
  width: 46px;
  min-width: 46px;
}

.grey_box.receiptDetail_box figure img {
  width: 100%;
}

.grey_box.receiptDetail_box h3 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}

.grey_box.receiptDetail_box h3 span {
  color: #6b6b6b;
}

.grey_box.paymentDetail_box > h3 {
  text-transform: uppercase;
  border-bottom: 1px solid #1d1d1d0d;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.grey_box.paymentDetail_box > h3 span {
  font-weight: 600;
}

.grey_box.paymentDetail_box ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1d1d1db2;
  line-height: 1.25;
  font-size: 14px;
  gap: 20px;
}

.grey_box.paymentDetail_box ul li:not(:last-child) {
  margin-bottom: 10px;
}

.grey_box.paymentDetail_box ul li hr {
  width: 100%;
  height: 1px;
  display: block;
  background-color: #1d1d1d0d;
  border: none;
  margin: 0;
}

.grey_box.paymentDetail_box ul li strong {
  color: #1d1d1d;
  font-weight: 400;
}

.grey_box.paymentDetail_box ul li:last-child {
  font-size: 16px;
}

.grey_box.paymentDetail_box ul li:last-child strong {
  font-weight: 600;
}

.grey_box.ratingDetail_box > h3 {
  text-transform: uppercase;
  border-bottom: 1px solid #1d1d1d0d;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.grey_box.ratingDetail_box p {
  font-size: 14px;
  color: #1d1d1db3;
}

.grey_box.ratingDetail_box .rating_stars {
  margin-bottom: 10px;
}

.grey_box.driverDetail_box {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
}

.grey_box.driverDetail_box .driver_info {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 50%;
}

.grey_box.driverDetail_box .driver_info figure {
  width: 70px;
  min-width: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.grey_box.driverDetail_box .driver_info figure img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 3px solid #fff;
}

.grey_box.driverDetail_box .driver_info figure figcaption {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  min-height: 30px;
  min-width: 65px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fb4898;
  border-radius: 40px;
  margin-top: -15px;
}

.grey_box.driverDetail_box .driver_info figure figcaption svg {
  font-size: 20px;
}

.grey_box.driverDetail_box .driver_info .info h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #fb4898;
  gap: 6px;
}

.grey_box.driverDetail_box .driver_info .info p {
  font-size: 14px;
  line-height: 1.2;
}

.grey_box.driverDetail_box .driver_info .info p:not(:last-child) {
  margin-bottom: 5px;
}

.grey_box.driverDetail_box .driver_info .info p.big {
  font-size: 16px;
}

.grey_box.driverDetail_box .btn_flex {
  gap: 10px;
  flex-direction: row-reverse;
  width: 40%;
}

.grey_box.driverDetail_box .btn_flex .MuiButtonBase-root {
  font-size: 14px;
  font-weight: 400;
  min-height: 44px;
  background-color: #9d9d9d14;
  border: 1px solid #eee;
  color: #000;
}

.grey_box.driverDetail_box .btn_flex .MuiButtonBase-root:not(.icon_btn) {
  width: 100%;
  justify-content: flex-start;
}

.grey_box.driverDetail_box .btn_flex .MuiButtonBase-root:not(.icon_btn):hover {
  color: #fb4898;
}

.grey_box.driverDetail_box .btn_flex .MuiButtonBase-root.icon_btn {
  --btn_size: 44px;
  background-color: #eee;
  border-color: #eee;
}

.grey_box.driverDetail_box .btn_flex .MuiButtonBase-root.icon_btn img {
  filter: brightness(0) saturate() invert(44%) sepia(69%) saturate(2309%) hue-rotate(306deg) brightness(98%) contrast(101%);
  transition: all .3s ease-in-out;
}

.grey_box.driverDetail_box .btn_flex .MuiButtonBase-root.icon_btn:hover {
  background-color: #fb4898;
  border-color: #fb4898;
}

.grey_box.driverDetail_box .btn_flex .MuiButtonBase-root.icon_btn:hover img {
  filter: brightness(0) invert();
}

.grey_box .tracking_list {
  padding-top: 16px;
  border-top: 1px solid #1d1d1d0f;
  margin-top: 16px;
}

.grey_box .tracking_list .tracking_lt h3 {
  margin-bottom: 25px;
}

.grey_box .tracking_list .track_ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 35px;
  position: relative;
  margin-bottom: 0;
  gap: 20px;
}

.grey_box .tracking_list .track_ul li:not(:first-child) {
  padding-top: 35px;
}

.grey_box .tracking_list .track_ul li:not(:first-child):after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #0006;
  position: absolute;
  left: 11px;
  top: -20px;
}

.grey_box .tracking_list .track_ul li:before {
  content: "";
  border: 1px solid #0006;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  position: absolute;
  outline: 5px solid #f5f5f5;
  background-color: #f5f5f5;
  z-index: 1;
  left: 0;
  top: 35px;
}

.grey_box .tracking_list .track_ul li:first-child:before {
  top: 0;
}

.grey_box .tracking_list .track_ul li p {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: stretch;
  min-height: 21px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #1d1d1d;
  margin-bottom: 0;
  gap: 4px;
}

@media only screen and (width <= 575.98px) {
  .grey_box .tracking_list .track_ul li p {
    font-size: 13px;
  }
}

.grey_box .tracking_list .track_ul li p span {
  font-size: 13px;
  color: #1d1d1d99;
  font-weight: 400;
}

@media only screen and (width <= 575.98px) {
  .grey_box .tracking_list .track_ul li p span {
    font-size: 12px;
  }
}

.grey_box .tracking_list .track_ul li .status {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fb4898;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  padding: 5px 20px;
  border-radius: 8px;
}

@media only screen and (width <= 575.98px) {
  .grey_box .tracking_list .track_ul li .status {
    font-size: 12px;
    padding: 5px 10px;
  }
}

.grey_box .tracking_list .track_ul li.disabled p {
  opacity: .6;
}

.grey_box .tracking_list .track_ul li.active:before, .grey_box .tracking_list .track_ul li.inactive:before {
  content: "";
  left: 1px;
  background-size: 21px;
  background-repeat: no-repeat;
  background-position: center;
  border: #0000;
  transform: scale(1.1);
  transform-origin: center;
  outline-width: 3px;
}

.grey_box .tracking_list .track_ul li.active:after, .grey_box .tracking_list .track_ul li.inactive:after {
  background-color: #fb4898;
}

.grey_box .tracking_list .track_ul li.active:before {
  background-image: url("/images/circle_tick_icon.svg");
}

.grey_box .tracking_list .track_ul li.inactive:before {
  background-image: url("/images/circle_tick_red_icon.svg");
}

.modal.orderCancel_modal .modal-dialog {
  max-width: 315px;
}

.modal.orderCancel_modal .modal-body {
  padding: 60px 20px 30px;
  background: linear-gradient(175.89deg, #ffd0e5 -27.5%, #fff 92.07%);
}

.modal.orderCancel_modal .btn-close {
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  top: 15px;
  right: 15px;
}

.modal.orderCancel_modal .btn-close svg {
  color: #000;
  font-size: 20px;
}

.modal.orderCancel_modal .modal_title {
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 25px;
  gap: 0;
}

.modal.orderCancel_modal .modal_title h2 {
  font-weight: 700;
  color: #1d1d1d;
  margin-bottom: 6px;
  letter-spacing: 0;
}

.modal.orderCancel_modal .modal_title p {
  color: #1d1d1d99;
  font-size: 12px;
  max-width: 220px;
  margin: 0 auto;
}

.modal.orderCancel_modal .form .control_group label {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

.modal.orderCancel_modal .btn_flex button.MuiButton-root {
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 12px;
  font-weight: 600;
}

.modal.orderReturn_modal .modal-dialog {
  max-width: 390px;
}

.modal.orderReturn_modal .modal-body {
  padding: 45px 25px 30px;
  background: linear-gradient(175.89deg, #ffd0e5 -27.5%, #fff 92.07%);
}

.modal.orderReturn_modal .btn-close {
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  top: 15px;
  right: 15px;
}

.modal.orderReturn_modal .btn-close svg {
  color: #000;
  font-size: 20px;
}

.modal.orderReturn_modal .form h2 {
  font-size: 18px;
  font-weight: 600;
  color: #110312;
  margin-bottom: 15px;
  font-family: Jost, sans-serif !important;
}

.modal.orderReturn_modal .form h2:not(:first-child) {
  margin-top: 25px;
}

.modal.orderReturn_modal .form .MuiRadioGroup-root {
  gap: 14px;
}

.modal.orderReturn_modal .form .MuiRadioGroup-root .MuiFormControlLabel-root {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.modal.orderReturn_modal .form .MuiRadioGroup-root .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 14px;
  font-weight: 400;
  color: #110312;
  font-family: Jost, sans-serif !important;
}

.modal.orderReturn_modal .form .MuiRadioGroup-root .MuiFormControlLabel-root .MuiRadio-root {
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.tracking_list_mn {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tracking_list_mn .tracking_lt {
  width: 50%;
}

.tracking_list_mn .mapouter {
  width: 40%;
}

.tracking_list_mn .mapouter .gmap_canvas {
  height: 230px;
  max-width: 362px;
  margin-left: auto;
  position: relative;
}

.tracking_list_mn .mapouter .gmap_canvas iframe {
  display: flex;
  border: 1px solid #dedede;
  filter: grayscale();
  border-radius: 8px;
  width: 100% !important;
  height: 100% !important;
}

.tracking_list_mn .mapouter .gmap_canvas .tag {
  color: #fff;
  background-color: #fb4898;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 400;
  border-radius: 50px;
  padding: 2px 8px;
  position: absolute;
  right: 18px;
  bottom: 10px;
}

p.price {
  display: flex;
  align-items: center;
  line-height: 1.2;
  flex-wrap: wrap;
  gap: 8px;
}

p.price ins {
  font-size: 21px;
  font-weight: 500;
  color: #110312;
  text-decoration: none;
}

p.price del {
  font-size: 15px;
  font-weight: 500;
  color: #7d7d7d;
}

p.price span {
  font-size: 12px;
  font-weight: 600;
  color: #fb4898;
  background-color: #fb489814;
  border-radius: 4px;
  padding: 3px 4px;
}

p.v2 {
  gap: 6px;
}

p.v2 ins {
  font-size: 18px;
}

p.v2 del {
  font-size: 18px;
}

p.v2 span {
  font-size: 18px;
  font-weight: 400;
  background-color: #0000;
  color: #fb4898;
  padding: 0;
}

@media (width <= 1600px) {
  .top_header {
    min-height: 70px;
    padding: 10px 0;
  }

  .top_header nav .action_menu li .icon_textBtn p {
    font-size: 14px;
  }

  .site_header .form .pick_location {
    --field_height: 42px;
  }

  .site_header .form .pick_location .MuiSelect-select {
    line-height: 21px;
    padding-top: 21px !important;
  }

  .mid_header {
    min-height: 75px;
  }

  .mid_header .form {
    --field_height: 45px;
  }

  .mid_header nav ul {
    gap: 25px;
  }

  .mid_header nav ul li {
    font-size: 14px;
  }

  .mid_header .MuiToggleButtonGroup-root .MuiButtonBase-root {
    font-size: 14px;
    min-height: 45px;
  }

  body .content {
    padding-top: 178px;
  }

  .site_header.scrolled .top_header {
    margin-top: -70px;
  }
}

@media (width <= 576px) {
  p.price ins {
    font-size: 16px;
  }

  p.price del {
    font-size: 14px;
  }

  p.price span {
    font-size: 10px;
  }

  .orderCard_item > figure .order_tag {
    padding: 2px 4px;
  }

  .tracking_list_mn .tracking_lt {
    width: 100%;
  }

  .tracking_list_mn .mapouter {
    width: 100%;
    margin-top: 20px;
  }

  .grey_box.driverDetail_box .driver_info figure figcaption svg {
    font-size: 14px;
  }

  .grey_box.driverDetail_box .driver_info figure figcaption {
    font-size: 12px;
    min-height: 25px;
    min-width: 50px;
  }

  .grey_box.driverDetail_box .btn_flex {
    width: 100%;
    margin-top: 10px;
  }

  .grey_box.driverDetail_box .driver_info .info p.big {
    font-size: 13px;
  }

  .grey_box.driverDetail_box .driver_info .info h3 {
    font-size: 14px;
  }

  .grey_box.driverDetail_box .driver_info .info p {
    font-size: 12px;
  }

  .grey_box.orderDetail_box .MuiRadioGroup-root {
    gap: 15px;
  }

  .tracking_list_mn .mapouter .gmap_canvas, .grey_box.orderDetail_box .MuiRadioGroup-root .MuiFormControlLabel-root {
    max-width: 100%;
  }

  .grey_box .tracking_list .track_ul li:not(:first-child) {
    padding-top: 25px;
  }
}


/* [project]/src/app/styles.scss.css [app-client] (css) */
.site_logo {
  display: inline-flex;
  cursor: pointer;
}

.site_logo figure {
  height: 36px;
  display: inline-flex;
}

.site_logo figure img {
  max-width: 100%;
  max-height: 100%;
  transition: all .3s ease-in-out;
}

.site_footer {
  background-color: #fb489814;
}

@media only screen and (width <= 1199.98px) {
  .site_footer {
    padding-bottom: 65px;
  }
}

.site_footer .inner {
  padding: 40px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
}

@media only screen and (width <= 1399.98px) {
  .site_footer .inner {
    gap: 30px;
  }
}

@media only screen and (width <= 1199.98px) {
  .site_footer .inner {
    flex-wrap: wrap;
  }
}

@media only screen and (width <= 575.98px) {
  .site_footer .inner {
    gap: 30px 16px;
  }
}

.site_footer .we_accept {
  margin-block: 60px 40px;
  display: flex;
  align-items: center;
  gap: 20px;
}

@media only screen and (width <= 575.98px) {
  .site_footer .we_accept {
    margin-block: 30px 20px;
    gap: 12px;
    flex-wrap: wrap;
  }
}

.site_footer .we_accept figure {
  display: inline-flex;
}

.site_footer .we_accept h5 {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #222;
  margin: 0;
}

.site_footer .col_single {
  max-width: 220px;
}

.site_footer .col_single:first-child {
  max-width: 400px;
  margin-right: auto;
  width: 100%;
}

@media only screen and (width <= 1399.98px) {
  .site_footer .col_single:first-child {
    max-width: 320px;
  }
}

@media only screen and (width <= 1199.98px) {
  .site_footer .col_single:first-child {
    max-width: 100%;
  }
}

.site_footer .col_single:last-child {
  max-width: 315px;
  width: 100%;
}

@media only screen and (width <= 1399.98px) {
  .site_footer .col_single:last-child {
    max-width: 260px;
  }
}

@media only screen and (width <= 767.98px) {
  .site_footer .col_single:last-child {
    max-width: 100%;
  }
}

.site_footer .col_single:last-child h4 {
  display: inline-flex;
  align-items: center;
  text-transform: none;
  gap: 6px;
}

.site_footer .col_single h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.5;
  color: #110312;
}

@media only screen and (width <= 575.98px) {
  .site_footer .col_single h3 {
    font-size: 12px;
    margin-bottom: 6px;
  }
}

.site_footer .col_single h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.5;
  color: #110312;
  text-transform: uppercase;
}

@media only screen and (width <= 575.98px) {
  .site_footer .col_single h4 {
    font-size: 14px;
    margin-bottom: 8px;
  }
}

.site_footer .col_single p {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
  color: #4b5563;
}

@media only screen and (width <= 575.98px) {
  .site_footer .col_single p {
    font-size: 12px;
  }
}

.site_footer .col_single ul:not(.social_links) li {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  color: #4b5563;
}

@media only screen and (width <= 575.98px) {
  .site_footer .col_single ul:not(.social_links) li {
    font-size: 12px;
  }
}

.site_footer .col_single ul:not(.social_links) li:not(:last-child) {
  margin-bottom: 9px;
}

@media only screen and (width <= 575.98px) {
  .site_footer .col_single ul:not(.social_links) li:not(:last-child) {
    margin-bottom: 5px;
  }
}

.site_footer .col_single ul:not(.social_links) li a {
  cursor: pointer;
  color: #4b5563;
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.site_footer .col_single ul:not(.social_links) li a:hover {
  text-decoration: underline;
}

.site_footer .col_single .social_links {
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 20px;
}

@media only screen and (width <= 575.98px) {
  .site_footer .col_single .social_links {
    margin-top: 20px;
    gap: 14px;
  }
}

.site_footer .col_single .social_links li {
  display: inline-flex;
  margin-bottom: 0;
}

.site_footer .col_single .social_links li a {
  width: 32px;
  height: 32px;
}

@media only screen and (width <= 575.98px) {
  .site_footer .col_single .social_links li a {
    width: 24px;
    height: 24px;
  }
}

.site_footer .col_single .social_links li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.site_footer .col_single .scan_app {
  display: flex;
  align-items: center;
  gap: 24px;
}

.site_footer .col_single .scan_app > figure {
  width: 68px;
  min-width: 68px;
  height: 68px;
  box-shadow: 0 1px 5px #00000040;
  border: 1px solid #3d3d3d;
  background: #fff;
  border-radius: 3px;
}

.site_footer .col_single .scan_app .scan_cnt h3 {
  margin-bottom: 4px;
}

.site_footer .col_single .btn_group {
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  align-items: flex-start;
}

@media only screen and (width <= 1199.98px) {
  .site_footer .col_single .btn_group {
    flex-direction: row;
  }
}

.site_footer .col_single .btn_group button.MuiButtonBase-root.MuiIconButton-root {
  padding: 0;
}

.site_footer .col_single .btn_group button.MuiButtonBase-root.MuiIconButton-root figure {
  display: inline-flex;
  border-radius: 5px;
}

.site_footer .col_single .form input.MuiInputBase-input {
  border: 1px solid #fb4898;
  border-radius: 5px;
  padding-right: 100px;
}

.site_footer .col_single .form input.MuiInputBase-input:focus {
  border-color: #fb4898;
}

.site_footer .col_single .form .MuiInputAdornment-root.MuiInputAdornment-positionEnd {
  width: 95px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  height: calc(100% - 6px);
}

.site_footer .col_single .form .MuiInputAdornment-root.MuiInputAdornment-positionEnd button.MuiButton-root {
  height: 100%;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  min-height: 1px;
}

.site_footer .copywrite {
  background-color: #fb4898;
  padding: 20px 0;
}

.site_footer .copywrite .container {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (width <= 1199.98px) {
  .site_footer .copywrite .container {
    gap: 20px;
    justify-content: center;
  }
}

@media only screen and (width <= 575.98px) {
  .site_footer .copywrite .container {
    gap: 16px;
  }
}

.site_footer .copywrite .container ul {
  margin: 0;
  display: flex;
  align-items: center;
}

@media only screen and (width <= 991.98px) {
  .site_footer .copywrite .container ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.site_footer .copywrite .container ul li {
  margin: 0;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -.32px !important;
}

@media only screen and (width <= 1399.98px) {
  .site_footer .copywrite .container ul li {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .site_footer .copywrite .container ul li {
    font-size: 12px;
  }
}

.site_footer .copywrite .container ul li a {
  color: #fff;
  text-decoration: underline;
  letter-spacing: -.32px !important;
}

.site_footer .copywrite .container ul.about_web li {
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.site_footer .copywrite .container ul.about_web li figure {
  display: inline-flex;
}

.site_footer .copywrite .container ul.about_web li:not(:last-child) {
  border-right: 1px solid #fff;
  padding-right: 16px;
  margin-right: 16px;
}

.site_footer .copywrite .container ul.cms_pages {
  gap: 16px;
}

@media only screen and (width <= 1399.98px) {
  .site_footer .copywrite .container ul.cms_pages {
    gap: 10px;
  }
}

.site_footer .copywrite .container ul.cms_pages li {
  font-weight: 300;
}

.site_footer .copywrite .container ul.cms_pages li a {
  text-decoration: underline;
}

.web_feature {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  gap: 50px;
}

@media only screen and (width <= 1199.98px) {
  .web_feature {
    gap: 20px;
  }
}

@media only screen and (width <= 991.98px) {
  .web_feature {
    flex-wrap: wrap;
  }
}

.web_feature li {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}

@media only screen and (width <= 991.98px) {
  .web_feature li figure {
    max-width: 35px;
    display: inline-flex;
  }
}

.web_feature li h3 {
  margin-bottom: 5px;
  color: #253d4e;
}

.web_feature li p {
  color: #676767;
}

@media only screen and (width <= 1199.98px) {
  .web_feature li p {
    font-size: 14px;
  }
}

.retailer_sc {
  background: #fb4898;
}

.retailer_sc h2 {
  color: #fff;
  margin-bottom: 12px;
  font-weight: 600;
}

.retailer_sc p {
  color: #fff;
  font-weight: 300;
  margin-bottom: 24px;
  letter-spacing: -.16px !important;
}

.retailer_sc .MuiButton-root {
  font-size: 16px;
  padding: 5px 20px;
  min-height: 46px;
  font-weight: 500;
  border-radius: 8px;
  color: #fb4898 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}

.retailer_sc .MuiButton-root:hover {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
}

.wrap_home {
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
  gap: 70px;
}

.blank_tab_screen {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
}

.blank_tab_screen .blank_content {
  text-align: center;
}

.blank_tab_screen .blank_content h2 {
  font-size: 32px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.blank_tab_screen .blank_content p {
  font-size: 16px;
  color: #999;
}

.home_banner .hero_slider {
  position: relative;
  border-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

.home_banner .hero_slider .slick-slide figure {
  width: 100%;
  aspect-ratio: 1 / .26535;
  display: flex;
}

.home_banner .hero_slider .slick-slide figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  transition: all .3s ease-in-out;
}

.home_banner + .home_offers {
  margin-top: -120px;
}

.home_offers .offer_slider {
  padding: 70px 48px 30px;
  background: linear-gradient(21.52deg, #ffd0e5 14.14%, #fff 85.86%);
  border-radius: 30px;
}

.home_offers .offer_slider .slick-slide figure {
  background: #fff;
}

.offer_slider .slick-list {
  margin: 0 -10px;
}

.offer_slider .slick-track {
  display: flex;
}

.offer_slider .slick-slide {
  height: auto;
  padding: 0 10px;
}

.offer_slider .slick-slide > div {
  height: 100%;
  display: flex;
}

.offer_slider .slick-slide figure {
  display: flex;
  flex-direction: column;
  background: linear-gradient(21.52deg, #ffd0e5 14.14%, #fff 85.86%);
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}

.offer_slider .slick-slide figure img {
  width: 100%;
  object-fit: contain;
  background: #fff;
}

.offer_slider .slick-slide figure figcaption {
  font-size: 16px;
  font-weight: 600;
  color: #110312;
  text-align: center;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all .3s ease-in-out;
  margin-top: 12px;
  display: -webkit-box !important;
}

.offer_slider .slick-slide figure:hover figcaption {
  color: #fb4898;
}

.offer_slider .slick-dots {
  --dots_color: #fff;
}

.home_banner1 .s_head {
  margin-bottom: 35px;
}

.home_banner1 .s_head h1 {
  font-size: 83px;
  font-weight: 400;
  line-height: 1.1;
  color: #a00267;
  font-family: Playball, cursive !important;
}

.home_banner1 .s_head p {
  font-size: 22px;
  font-weight: 400;
  color: #a00267;
  line-height: 1.2;
  font-family: Jost, sans-serif !important;
}

.home_banner1 .festive_grid .festive_item {
  background-image: url("../media/shape_04.f7b40252.svg");
}

.home_banner1 .festive_grid .festive_item p {
  height: 18%;
}

.homePromotion_sc .promotion_grid.gap_m {
  --gap_x: 40px;
  --gap_y: 40px;
}

.homePromotion_sc .promotion_grid li {
  display: flex;
  width: calc(25% - var(--gap_x));
  margin-bottom: 0;
}

.homePromotion_sc .promotion_grid li figure {
  width: 100%;
  aspect-ratio: 1 / 1.2588;
  border-radius: 20px;
  overflow: hidden;
}

.homePromotion_sc .promotion_grid li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homePromotion2_sc .promotion_grid.gap_m {
  --gap_x: 25px;
  --gap_y: 25px;
}

.homePromotion2_sc .promotion_grid .promotion_grid_bx figure {
  width: 100%;
  aspect-ratio: 1 / .57135;
  border-radius: 25px;
  overflow: hidden;
}

.homePromotion2_sc .promotion_grid .promotion_grid_bx figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home_care .s_head h2 {
  color: #fff;
}

.home_care .container {
  padding: 30px 40px;
  border-radius: 30px;
  background-image: url("../media/bg_attachment.5b4ff550.jpg");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

.home_care .care_slider .slick-list {
  margin: 0 -15px;
}

.home_care .care_slider .slick-track {
  display: flex;
}

.home_care .care_slider .slick-slide {
  height: auto;
  padding: 0 15px;
}

.home_care .care_slider .slick-slide > div {
  height: 100%;
  display: flex;
}

.home_care .care_item {
  width: 100%;
}

.home_care .care_item figure {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding-bottom: 14px;
  border-radius: 25px;
  overflow: hidden;
  cursor: pointer;
}

.home_care .care_item figure img {
  width: 100%;
  height: 175px;
  object-fit: contain;
  background: #fff;
}

.home_care .care_item figure figcaption {
  font-size: 20px;
  font-weight: 600;
  color: #110312;
  text-align: center;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all .3s ease-in-out;
  margin-top: 10px;
  display: -webkit-box !important;
}

.home_care .care_item p {
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: -.18px;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.2;
  margin-top: 14px;
  color: #fff;
  display: -webkit-box !important;
}

.home_care .care_item:hover figure figcaption {
  color: #fb4898;
}

.brand_slider .slick-list {
  margin: -10px -11.5px;
  padding: 10px 0;
}

.brand_slider .slick-track {
  display: flex;
}

.brand_slider .slick-slide {
  height: auto;
  padding: 0 11.5px;
}

.brand_slider .slick-slide > div {
  height: 100%;
  display: flex;
}

.brand_slider .brand_item {
  width: 100%;
  aspect-ratio: 1 / 1.38;
  filter: drop-shadow(0 0 4.87px #ffafd680);
  position: relative;
  display: flex;
}

.brand_slider .brand_item:before {
  content: "";
  inset: -2px;
  position: absolute;
  background-image: url("../media/shape_02.749cdf37.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
}

.brand_slider .brand_item .brand_info {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: flex-end;
  padding: 15px 16px;
  text-align: center;
  mask: url("../media/shape_01.8621e57a.png") top / cover no-repeat;
  -webkit-mask: url("../media/shape_01.8621e57a.png") top / cover no-repeat;
  position: relative;
  cursor: pointer;
  z-index: 1;
}

.brand_slider .brand_item .brand_info:before {
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(#c5146b00 45.13%, #c5146b 91.36%);
  pointer-events: none;
  z-index: -1;
}

.brand_slider .brand_item .brand_info .brand_bg {
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
}

.brand_slider .brand_item .brand_info .brand_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.brand_slider .brand_item .brand_info .brand_logo {
  width: 100%;
  height: 37px;
  background-color: #fff;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 4px;
}

.brand_slider .brand_item .brand_info .brand_logo img {
  max-height: 100%;
}

.brand_slider .brand_item .brand_info h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 6px;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #fff;
  display: -webkit-box !important;
}

.brand_slider .brand_item .brand_info P {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.home_festive_sc .container {
  padding: 80px 50px 65px;
  border-radius: 30px;
  background-image: url("../media/bg_attachment2.ed0ecdb1.jpg");
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

.home_festive_sc .s_head {
  margin-bottom: 45px;
}

.home_festive_sc .s_head h2 {
  color: #fff;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  line-height: 1;
}

.home_festive_sc .s_head h2 span {
  font-size: 55px;
  font-weight: 400;
}

.home_festive_sc .s_head h2 span.f_Playball {
  font-family: Playball, cursive !important;
}

.home_festive_sc .s_head h2 strong {
  font-size: 60px;
  font-weight: 400;
}

.home_festive_sc .s_head h2 strong.f_Jost {
  font-family: Jost, sans-serif !important;
}

.festive_grid.gap_m {
  --gap_x: 19px;
  --gap_y: 20px;
}

.festive_grid .festive_item {
  aspect-ratio: 1 / 1.2;
  width: calc(14.2857% - var(--gap_x));
  background-image: url("../media/shape_03.d64269ec.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  flex-direction: column;
  align-items: stretch;
  display: flex !important;
}

.festive_grid .festive_item figure {
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3% 3% 2%;
}

.festive_grid .festive_item figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}

.festive_grid .festive_item p {
  height: 20%;
  font-size: 18px;
  font-weight: 500;
  color: #110312;
  text-align: center;
  transition: all .3s ease-in-out;
  width: 96%;
  margin-left: 2%;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.festive_grid .festive_item p span {
  width: 100%;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

.festive_grid .festive_item:hover p {
  color: #fb4898;
}

.festive_grid.slick-slider .slick-list {
  margin: 0 -9.5px;
}

.festive_grid.slick-slider .slick-slide {
  padding: 0 9.5px;
}

.home_sale_sc .sale_list.gap_m {
  --gap_x: 30px;
  --gap_y: 30px;
}

.home_sale_sc .sale_list .sale_item {
  aspect-ratio: 1 / 1.5;
  width: calc(20% - var(--gap_x));
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

.home_sale_sc .sale_list .sale_item:before {
  content: "";
  inset: 0;
  position: absolute;
  background-image: url("../media/sale_vector.8326f62c.png");
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.home_sale_sc .sale_list .sale_item figure {
  flex: 1;
  position: relative;
  mask: url("../media/shape_01.8621e57a.png") top / cover no-repeat;
  -webkit-mask: url("../media/shape_01.8621e57a.png") top / cover no-repeat;
  margin: 5% 2% 0% 4%;
}

.home_sale_sc .sale_list .sale_item figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  object-position: center;
  position: absolute;
  inset: 0;
}

.home_sale_sc .sale_list .sale_item h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  background: linear-gradient(90.15deg, #d1277d .12%, #f14d69 54.4% 100.08%);
  border-radius: 12px;
  text-align: center;
  padding: 10px 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
}

.home_video_sc .video_slider .slick-list {
  margin-inline: -11px;
}

.home_video_sc .video_slider .slick-track {
  display: flex;
}

.home_video_sc .video_slider .slick-slide {
  padding: 0 11px;
  height: auto;
}

.home_video_sc .video_slider .slick-slide > div {
  display: flex;
}

.home_video_sc .video_slider .video_item {
  border-radius: 25px;
  aspect-ratio: 1 / 1.45;
  border: 1px solid #fb4898;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.home_video_sc .video_slider .video_item:before {
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(#fb489800 72.8%, #fb4898b3 100%);
  z-index: 1;
}

.home_video_sc .video_slider .video_item a {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.home_video_sc .video_slider .video_item figure {
  width: 100%;
  height: 100%;
}

.home_video_sc .video_slider .video_item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home_video_sc .video_slider .video_item p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 28px;
  position: absolute;
  text-align: center;
  line-height: 1.4;
  z-index: 2;
  bottom: 0;
  left: 0;
}

.category_sc {
  padding: 20px 0 0;
}

.category_slider_sc {
  padding: 20px 0 15px;
  margin-bottom: 20px;
  background: linear-gradient(#fdf5f9 0%, #fff 100%);
}

.category_slider_sc .container {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.category_slider_sc .category_slider_row {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.category_slider_sc .category_slider_row .slick-list {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0 !important;
}

.category_slider_sc .category_slider_row .slick-track {
  display: flex;
  will-change: transform;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.category_slider_sc .category_slider_row .slick-slide {
  transition: transform .3s;
  padding: 0;
  margin: 0 5px 0 0;
  width: auto !important;
}

.category_slider_sc .category_slider_row .slick-slide:first-child {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.category_slider_sc .category_slider_row .slick-slide:first-child > div {
  margin-left: 0;
}

.category_slider_sc .category_slider_row .slick-slide:first-child .category_slide_item {
  margin-left: 0;
}

.category_slider_sc .category_slider_row .slick-slide:first-child .category_slide_item.active {
  margin-left: 0;
}

.category_slider_sc .category_slider_row .slick-slide > div {
  padding: 0;
  margin: 0;
  width: auto;
}

.category_slider_sc .category_slider_row .slick-slide:first-child .category_slide_item.active {
  margin-left: 0;
}

.category_slider_sc .category_slide_item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 6px 8px;
  cursor: pointer;
  transition: all .3s;
  border-radius: 16px 16px 0 0;
  background: none;
  position: relative;
  margin-bottom: -2px;
  border-bottom: 4px solid #0000;
  width: auto;
  min-width: fit-content;
}

.category_slider_sc .category_slide_item.active {
  background: #fb48980d;
  border-bottom-color: #fb4898;
}

.category_slider_sc .category_slide_item figure {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  background: none;
  border-radius: 50%;
  transition: all .3s;
  flex-shrink: 0;
}

.category_slider_sc .category_slide_item figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  opacity: .5;
  transition: opacity .3s;
}

.category_slider_sc .category_slide_item h3 {
  font-size: 11px;
  font-weight: 500;
  color: #666;
  margin: 0;
  white-space: nowrap;
  line-height: 1.2;
  width: fit-content;
}

.category_slider_sc .category_slide_item:hover figure img {
  opacity: .8;
}

.category_slider_sc .category_slide_item.active {
  background: #fce4ef;
  border-bottom: 4px solid #fb4898;
  padding: 6px 10px;
  width: auto;
  min-width: fit-content;
  margin-left: 0;
}

.category_slider_sc .category_slide_item.active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  border-bottom: 6px solid #fb4898;
}

.category_slider_sc .category_slide_item.active figure img {
  opacity: 1;
}

.category_slider_sc .category_slide_item.active h3 {
  color: #fb4898;
  font-weight: 600;
}

.category_grid {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid #d9d9d966;
  gap: 15px;
}

.category_grid .category_bx {
  width: 100%;
  display: flex;
  max-width: calc(8.33333% - 13.75px);
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  border-radius: 20px 20px 0 0;
  background-color: #0000;
  border-bottom: 5px solid #0000;
  margin-bottom: -2px;
  position: relative;
  padding: 15px;
  gap: 12px;
}

.category_grid .category_bx figure {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}

.category_grid .category_bx figure img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
  opacity: .5;
}

.category_grid .category_bx h3 {
  font-size: 18px;
  font-weight: 500;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: .5;
  display: -webkit-box !important;
}

.category_grid .category_bx.active {
  background-color: #fb489814;
  border-color: #fb4898;
}

.category_grid .category_bx.active:before {
  content: "";
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  position: absolute;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  border-bottom: 8px solid #fb4898;
}

.category_grid .category_bx.active figure img {
  opacity: 1;
}

.category_grid .category_bx.active h3 {
  opacity: 1;
}

.product_sc .s_head h2 {
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: -.4px !important;
}

.product_sc .s_head .MuiButton-root {
  background: #ffffff01;
  font-size: 16px;
  font-weight: 500;
  color: #fb4898;
  border-color: #ffffff01;
  padding: 2px 12px;
  gap: 2px;
  box-shadow: 0 0 0 2px #eef2fb !important;
}

.product_sc .s_head .MuiButton-root svg {
  position: relative;
  margin-right: -5px;
  top: 1px;
}

@media only screen and (width <= 767.98px) {
  .product_sc .s_head .MuiButton-root {
    font-size: 14px;
  }

  .product_sc .s_head .MuiButton-root svg {
    font-size: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_sc .s_head .MuiButton-root {
    font-size: 13px;
  }
}

.product_sc .s_head .MuiButton-root:hover {
  color: #fff;
  border-color: #fb4898;
}

.product_list .slick-list {
  margin-inline: -1px;
}

.product_list .slick-arrow.slick-prev {
  left: 10px;
}

.product_list .slick-arrow.slick-next {
  right: 10px;
}

.product_list .slick-track {
  display: flex;
}

.product_list .slick-slide div:has(.product_bx) {
  padding-inline: 1px;
}

.product_list .product_bx {
  transition: all .3s ease-in-out;
  padding: 10px;
  border-radius: 4px;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx {
    padding: 5px;
  }
}

.product_list .product_bx:hover {
  background: #ffecf5;
}

.product_list .product_bx .product_img {
  aspect-ratio: 1 / .94685;
  position: relative;
}

.product_list .product_bx .product_img .product_imgs {
  width: 100%;
  height: 100%;
}

.product_list .product_bx .product_img .product_imgs .slick-list {
  height: 100%;
}

.product_list .product_bx .product_img .product_imgs .slick-list .slick-track {
  height: 100%;
}

.product_list .product_bx .product_img .product_imgs .slick-list .slick-track .slick-slide {
  height: 100%;
}

.product_list .product_bx .product_img .product_imgs .slick-list .slick-track .slick-slide > div {
  height: 100%;
}

.product_list .product_bx .product_img .product_imgs figure.main {
  height: 100%;
  border-radius: 4px;
  background: #fff;
}

.product_list .product_bx .product_img .product_imgs figure.main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all .3s ease-in-out;
}

.product_list .product_bx .product_img button.MuiButton-root {
  position: absolute;
  bottom: 10px;
  right: 20px;
  gap: 2px;
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
}

.product_list .product_bx .product_img .fav_icon {
  position: absolute;
  top: 10px;
  right: 20px;
  min-width: 25px;
  width: 25px;
  padding: 0;
  z-index: 1;
}

.product_list .product_bx .product_img .fav_icon img {
  width: 100%;
}

.product_list .product_bx .top_left {
  position: absolute;
  top: 10px;
  left: 10px;
}

.product_list .product_bx .top_left .flash_sale {
  background: #fff1f0b2;
  padding: 3px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.product_list .product_bx .top_left .flash_sale img {
  min-width: 8px;
  max-width: 12px;
}

.product_list .product_bx .top_left .flash_sale p {
  color: #de0000;
  font-size: 10px;
  margin: 0;
}

.product_list .product_bx .top_left .flash_sale .countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.product_list .product_bx .top_left .flash_sale .countdown li {
  margin: 0;
  background: #de0000;
  color: #fff;
  width: 16px;
  min-width: 16px;
  height: 14px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
  font-weight: 500;
}

.product_list .product_bx .product_cnt {
  margin-top: 5px;
}

.product_list .product_bx .product_cnt h3 {
  font-size: 14px;
  color: #43443e;
  margin-bottom: 4px;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt h3 {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt h3 {
    font-size: 12px;
  }
}

.product_list .product_bx .product_cnt p {
  font-size: 14px;
  font-weight: 500;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #43443e;
  margin-bottom: 4px;
  display: -webkit-box !important;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt p {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt p {
    font-size: 12px;
  }
}

.product_list .product_bx .product_cnt p.price {
  gap: 8px;
  align-items: center;
  line-height: 1.2;
  display: flex !important;
}

.product_list .product_bx .product_cnt p.price ins {
  color: #fb4898;
  font-size: 21px;
  font-weight: 500;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt p.price ins {
    font-size: 18px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt p.price ins {
    font-size: 15px;
  }
}

.product_list .product_bx .product_cnt p.price del {
  font-size: 15px;
  font-weight: 500;
  color: #7d7d7d;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt p.price del {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt p.price del {
    font-size: 13px;
  }
}

.product_list .product_bx .product_cnt p.price span {
  background: #fb489814;
  color: #fb4898;
  min-width: 42px;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  font-size: 12px;
  border-radius: 4px;
  font-weight: 600;
  line-height: 1;
}

.product_list .product_bx .product_cnt p.review {
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #3d3d3d;
  display: flex !important;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt p.review {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt p.review {
    font-size: 12px;
  }
}

.product_list .product_bx .product_cnt p.review span.MuiRating-root.MuiRating-sizeMedium {
  font-size: 18px;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt p.review span.MuiRating-root.MuiRating-sizeMedium {
    font-size: 15px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt p.review span.MuiRating-root.MuiRating-sizeMedium {
    font-size: 13px;
  }
}

.product_list .product_bx .product_cnt p.review > span:not(.MuiRating-root) {
  color: #7d7d7d;
  font-weight: 400;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt p.review > span:not(.MuiRating-root) {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt p.review > span:not(.MuiRating-root) {
    font-size: 13px;
  }
}

.product_list .product_bx .product_cnt .product_info {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.product_list .product_bx .product_cnt .product_info li {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #3d3d3d;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt .product_info li {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt .product_info li {
    font-size: 12px;
  }
}

.product_list .product_bx .product_cnt .product_info li.sold {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.product_list .product_bx .product_cnt .product_info li.sold:after {
  content: "";
  height: 12px;
  width: 1px;
  display: inline-flex;
  background: #7d7d7d;
}

.product_list .product_bx .product_cnt .product_info li.left {
  color: #de0000;
}

.product_list .product_bx .product_cnt .product_info li.selling ul li {
  color: #1f2937;
  display: inline-flex;
  gap: 3px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.product_list .product_bx .product_cnt .product_info li.selling ul li img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

@media only screen and (width <= 575.98px) {
  .product_list .product_bx .product_cnt .product_info li.selling ul li img {
    width: 13px;
    height: 13px;
  }
}

.product_list .product_bx .product_cnt h4 {
  text-transform: uppercase;
  font-size: 12px;
  color: #111827;
  margin-bottom: 4px;
}

.product_list .product_bx .product_cnt h4 span {
  color: #0799cf;
}

.product_list .product_bx .product_cnt > span {
  color: #7d7d7d;
  font-size: 14px;
  display: block;
  line-height: 1.2;
}

@media only screen and (width <= 767.98px) {
  .product_list .product_bx .product_cnt > span {
    font-size: 13px;
  }
}

@media only screen and (width <= 991.98px) {
  .product_list.gap_m {
    --gap_x: 10px;
    --gap_y: 10px;
  }
}

.product_list.gap_m .product_bx {
  width: calc(25% - var(--gap_x));
}

@media only screen and (width <= 1599.98px) {
  .product_list.gap_m .product_bx {
    width: calc(33.3333% - var(--gap_x));
  }
}

@media only screen and (width <= 991.98px) {
  .product_list.gap_m .product_bx {
    width: calc(50% - var(--gap_x));
  }
}

@media only screen and (width <= 575.98px) {
  .product_list.gap_m .product_bx {
    width: calc(100% - var(--gap_x));
  }
}

.products_card_list.gap_m {
  --gap_x: 30px;
  --gap_y: 30px;
}

.products_card_list .productCard_item {
  width: calc(20% - var(--gap_x));
  position: relative;
}

.products_card_list .productCard_item .overlay_click {
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.products_card_list .productCard_item figure {
  width: 100%;
  aspect-ratio: 1 / 1.21;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.products_card_list .productCard_item figure > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  object-position: center;
  transition: all .3s ease-in-out;
}

.products_card_list .productCard_item figure .MuiCheckbox-root {
  top: 20px;
  right: 20px;
  position: absolute;
  z-index: 2;
  padding: 0;
}

.products_card_list .productCard_item figure .bestseller {
  left: 8px;
  bottom: 8px;
  position: absolute;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background-color: #fb4898;
  border-radius: 4px;
  padding: 4px 6px;
  z-index: 1;
}

.products_card_list .productCard_item figure .add {
  font-size: 14px;
  font-weight: 600;
  color: #fb4898;
  background-color: #fff;
  border: 1px solid #ced4ee;
  border-radius: 30px;
  min-height: 28px;
  right: 8px;
  bottom: 8px;
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  padding: 2px 8px;
  z-index: 2;
  gap: 4px;
}

.products_card_list .productCard_item figure .add svg {
  font-size: 20px;
}

.products_card_list .productCard_item figure .add:hover {
  color: #fff;
  background-color: #fb4898;
  border-color: #fb4898;
}

.products_card_list .productCard_item .card_info {
  padding-top: 8px;
}

.products_card_list .productCard_item .card_info .cat_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
  gap: 20px;
}

.products_card_list .productCard_item .card_info .cat_flex .cat {
  font-size: 14px;
  color: #110312;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  margin-bottom: 0;
  overflow: hidden;
}

.products_card_list .productCard_item .card_info .cat_flex .MuiSelect-root {
  width: auto;
  --field_height: 24px;
}

.products_card_list .productCard_item .card_info .cat_flex .MuiSelect-root .MuiSelect-select {
  font-size: 12px;
  font-weight: 500;
  color: #110312;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 3px center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  border-color: #fb4898;
  border-radius: 4px;
  width: auto;
  padding: 0 16px 2px 5px !important;
}

.products_card_list .productCard_item .card_info h3 {
  font-size: 14px;
  font-weight: 500;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all .3s ease-in-out;
  margin-bottom: 4px;
  line-height: 1.5;
  display: -webkit-box !important;
}

.products_card_list .productCard_item .card_info > p:not(:last-child) {
  margin-bottom: 4px;
}

.products_card_list .productCard_item .card_info .review {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #3d3d3d;
  flex-wrap: wrap;
  line-height: 1.2;
  gap: 3px;
}

.products_card_list .productCard_item .card_info .review span {
  font-weight: 400;
  color: #7d7d7d;
}

.products_card_list .productCard_item .card_info .review .MuiRating-root {
  position: relative;
  top: -1px;
}

.products_card_list .productCard_item .card_info .review .MuiRating-root .MuiSvgIcon-root {
  color: #ffd154;
  font-size: 20px;
}

.products_card_list .productCard_item .card_info .deal {
  display: flex;
  align-items: center;
  line-height: 1.2;
  flex-wrap: wrap;
  gap: 8px;
}

.products_card_list .productCard_item .card_info .deal strong {
  font-size: 12px;
  font-weight: 400;
  padding: 2px 10px 2px 5px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ff72b1;
  position: relative;
  border-radius: 3px;
  color: #fff;
  font-family: Jost, sans-serif !important;
}

.products_card_list .productCard_item .card_info .deal strong:after {
  content: "";
  top: 0;
  right: -3px;
  width: 9px;
  height: 100%;
  position: absolute;
  background-image: url("../media/bestDeal_vector.54ac9687.svg");
}

.products_card_list .productCard_item .card_info .deal span {
  font-size: 14px;
  font-weight: 400;
  color: #11031280;
  font-family: Jost, sans-serif !important;
}

.products_card_list .productCard_item .card_info .time {
  display: flex;
  align-items: center;
  color: #11031280;
  padding-top: 1px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  gap: 2px;
  font-family: Jost, sans-serif !important;
}

.products_card_list .productCard_item .card_info .time img {
  width: 13px;
  min-width: 13px;
  position: relative;
  top: -1px;
}

.products_card_list .productCard_item:hover figure > img {
  transform: scale(1.05);
}

.products_card_list .productCard_item:hover .card_info h3 {
  color: #fb4898;
}

.products_card_list.slick-slider .slick-list {
  margin: 0 -15px;
}

.products_card_list.slick-slider .slick-slide {
  padding: 0 15px;
}

.products_card_list.slick-slider .productCard_item {
  width: 100%;
}

.productBest_list.gap_m {
  --gap_x: 30px;
  --gap_y: 30px;
}

.productBest_list .productBest_item {
  width: calc(16.6667% - var(--gap_x));
  position: relative;
}

.productBest_list .productBest_item .overlay_click {
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  z-index: 1;
}

.productBest_list .productBest_item figure {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(175.89deg, #ffd0e5 -27.5%, #fff 92.07%);
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
  padding: 30px;
}

.productBest_list .productBest_item figure > img {
  max-width: 100%;
  max-height: 100%;
  transition: all .3s ease-in-out;
}

.productBest_list .productBest_item figure .MuiCheckbox-root {
  top: 20px;
  right: 20px;
  position: absolute;
  z-index: 2;
  padding: 0;
}

.productBest_list .productBest_item figure .add {
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  background-color: #fb4898;
  border: 1px solid #fb4898;
  border-radius: 15px;
  text-transform: uppercase;
  min-height: 48px;
  right: 15px;
  bottom: 15px;
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  min-width: 100px;
  padding: 2px 8px;
  z-index: 2;
  gap: 4px;
}

.productBest_list .productBest_item figure .add svg {
  font-size: 20px;
}

.productBest_list .productBest_item figure .add:hover {
  color: #fff;
  background-color: #fb4898;
  border-color: #fb4898;
}

.productBest_list .productBest_item .card_info {
  padding-top: 18px;
}

.productBest_list .productBest_item .card_info h3 {
  font-size: 18px;
  font-weight: 500;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all .3s ease-in-out;
  margin-bottom: 5px;
  line-height: 1.4;
  display: -webkit-box !important;
}

.productBest_list .productBest_item .card_info .price {
  margin-bottom: 4px;
}

.productBest_list .productBest_item .card_info .review {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #3d3d3d;
  flex-wrap: wrap;
  line-height: 1.2;
  margin-bottom: 4px;
  gap: 3px;
}

.productBest_list .productBest_item .card_info .review span {
  font-weight: 400;
  color: #7d7d7d;
}

.productBest_list .productBest_item .card_info .review .MuiRating-root {
  position: relative;
  top: -1px;
}

.productBest_list .productBest_item .card_info .review .MuiRating-root .MuiSvgIcon-root {
  color: #ffd154;
  font-size: 20px;
}

.productBest_list .productBest_item .card_info .deal {
  display: flex;
  align-items: center;
  line-height: 1.2;
  flex-wrap: wrap;
  gap: 8px;
}

.productBest_list .productBest_item .card_info .deal strong {
  font-size: 12px;
  font-weight: 400;
  padding: 2px 10px 2px 5px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ff72b1;
  position: relative;
  border-radius: 5px;
  color: #fff;
}

.productBest_list .productBest_item .card_info .deal strong:after {
  content: "";
  top: 0;
  right: -3px;
  width: 9px;
  height: 100%;
  position: absolute;
  background-image: url("../media/bestDeal_vector.54ac9687.svg");
}

.productBest_list .productBest_item .card_info .deal span {
  font-size: 14px;
  font-weight: 400;
  color: #11031280;
}

.productBest_list .productBest_item:hover figure > img {
  transform: scale(1.05);
}

.productBest_list .productBest_item:hover .card_info h3 {
  color: #fb4898;
}

.productBest_list.slick-slider .slick-list {
  margin: 0 -15px;
}

.productBest_list.slick-slider .slick-slide {
  padding: 0 15px;
}

.productBest_list.slick-slider .productBest_item {
  width: 100%;
}

.home_collection_sc .s_head h2 {
  margin-bottom: 5px;
}

.home_collection_sc .s_head p {
  font-size: 14px;
  color: #11031280;
}

.home_collection_sc .brand_slider .slick-list {
  margin: -10px;
}

.home_collection_sc .brand_slider .slick-slide {
  padding: 0 10px;
}

.home_collection_sc .brand_slider .brand_item .brand_info:before {
  background: linear-gradient(#fff0 50%, #ffd0e5 100%);
}

.home_collection_sc .brand_slider .brand_item .brand_info h3 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background-color: #fff;
  transition: all .3s ease-in-out;
  border-radius: 8px;
  padding: 8px 10px;
  display: -webkit-box !important;
}

.home_collection_sc .brand_slider .brand_item:hover .brand_info h3 {
  color: #fb4898;
}

.home_brands1_sc .container {
  padding: 50px 40px 40px;
  background: linear-gradient(181.97deg, #ffeff6 2.19%, #fff 168.77%);
  border-radius: 25px;
  position: relative;
  z-index: 1;
}

.home_brands1_sc .container:before {
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../media/shape_05.f6f1e5f0.png");
  background-position: center;
  z-index: -1;
}

.home_brands1_sc .s_head {
  margin-bottom: 40px;
}

.home_brands1_sc .s_head h2 {
  margin-bottom: 5px;
}

.home_brands1_sc .s_head p {
  font-size: 14px;
  color: #11031280;
}

.home_brands1_sc .s_head .MuiButtonBase-root {
  border-color: #fb4898;
}

.home_brands1_sc .s_head .MuiButtonBase-root:not(:hover) {
  background-color: #ffffff01;
}

.home_brands1_sc .brand_slider1 .slick-list {
  margin: 0 -10px;
}

.home_brands1_sc .brand_slider1 .slick-track {
  display: flex;
}

.home_brands1_sc .brand_slider1 .slick-slide {
  height: auto;
  padding: 0 10px;
}

.home_brands1_sc .brand_slider1 .slick-slide > div {
  display: flex;
}

.home_brands1_sc .brand_slider1 .brand_item1 {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(-145deg, #fff 20%, #ffd0e5 130%);
  border-radius: 20px;
  padding: 20px 15px 15px;
  min-height: 215px;
  text-align: center;
  width: 100%;
}

.home_brands1_sc .brand_slider1 .brand_item1 figure {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_menus .MuiPaper-root {
  width: 100%;
  padding: 30px;
  max-width: 1165px;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 20px;
}

.header_menus .MuiList-root {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.header_menus .MuiList-root li {
  padding: 0;
  margin: 0;
}

.header_menus#category-menu .MuiPaper-root {
  max-width: 1270px;
}

.header_menus#category-menu .MuiList-root {
  gap: 20px;
}

.header_menus#category-menu .MuiList-root li {
  width: calc(25% - 15px);
}

.header_menus#category-menu .MuiList-root li figure {
  width: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1 / .8;
}

.header_menus#category-menu .MuiList-root li figure:before {
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(221.32deg, #fb489800 66.11%, #fb489840 76.61%);
  z-index: 1;
}

.header_menus#category-menu .MuiList-root li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all .3s ease-in-out;
}

.header_menus#category-menu .MuiList-root li figure figcaption {
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  padding: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  z-index: 2;
}

.header_menus#category-menu .MuiList-root li:hover figure img {
  transform: scale(1.05);
}

.header_menus#brands-menu .MuiList-root {
  gap: 30px;
}

.header_menus#brands-menu .MuiList-root li {
  width: calc(12.5% - 26.25px);
}

.header_menus#brands-menu .MuiList-root li figure {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00000005;
  border: 1px solid #00000014;
  border-radius: 15px;
  transition: all .3s ease-in-out;
  aspect-ratio: 1;
  overflow: hidden;
  padding: 12px;
}

.header_menus#brands-menu .MuiList-root li figure img {
  max-width: 100%;
  max-height: 100%;
}

.header_menus#brands-menu .MuiList-root li:hover figure {
  border-color: #fb4898;
}

.header_menus#mainMenu-menu .MuiPaper-root {
  margin-top: 10px;
}

.header_menus#mainMenu-menu .MuiList-root {
  gap: 30px;
}

.header_menus#mainMenu-menu .MuiList-root li {
  cursor: auto;
  width: calc(16.6667% - 25px);
  background-color: #0000;
  flex-direction: column;
  align-items: stretch;
}

.header_menus#mainMenu-menu .MuiList-root li h3 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}

.header_menus#mainMenu-menu .MuiList-root li > figure {
  width: 100%;
  height: 70px;
  border-radius: 4px;
  margin-bottom: 15px;
  overflow: hidden;
}

.header_menus#mainMenu-menu .MuiList-root li > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header_menus#mainMenu-menu .MuiList-root li .list a {
  width: 100%;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  color: #767676;
}

.header_menus#mainMenu-menu .MuiList-root li .list a:not(:last-child) {
  margin-bottom: 8px;
}

.header_menus#mainMenu-menu .MuiList-root li .list a:hover {
  color: #fb4898;
}

.category_mega_menu .MuiPaper-root {
  width: 100%;
  overflow: hidden;
  max-width: 1200px !important;
  padding: 0 !important;
}

.category_mega_menu .MuiList-root {
  padding: 0 !important;
  display: block !important;
}

.mega_menu_wrapper {
  display: flex;
  width: 100%;
  min-height: 450px;
  max-height: 550px;
}

.mega_menu_sidebar {
  width: 220px;
  min-width: 220px;
  background-color: #fff5f8;
  border-right: 1px solid #ffe5ed;
  overflow-y: auto;
  padding: 10px 0;
}

.mega_menu_sidebar::-webkit-scrollbar {
  width: 4px;
}

.mega_menu_sidebar::-webkit-scrollbar-track {
  background: #ffe5ed;
}

.mega_menu_sidebar::-webkit-scrollbar-thumb {
  background: #fb4898;
  border-radius: 4px;
}

.mega_menu_sidebar .parent_category_item {
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all .2s;
  border-left: 3px solid #0000;
}

.mega_menu_sidebar .parent_category_item:hover, .mega_menu_sidebar .parent_category_item.active {
  background-color: #fff;
  color: #fb4898;
  border-left-color: #fb4898;
}

.mega_menu_content {
  flex: 1;
  padding: 25px 30px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 30px;
}

.mega_menu_content::-webkit-scrollbar {
  width: 4px;
}

.mega_menu_content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.mega_menu_content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.mega_menu_content .subcategory_section {
  width: calc(50% - 15px);
  margin-bottom: 10px;
}

@media only screen and (width <= 767.98px) {
  .mega_menu_content .subcategory_section {
    width: 100%;
  }
}

.mega_menu_content .subcategory_section .subcategory_title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 2px solid #fb4898;
  cursor: pointer;
  display: inline-block;
  transition: color .2s;
}

.mega_menu_content .subcategory_section .subcategory_title:hover {
  color: #fb4898;
}

.mega_menu_content .subcategory_section .child_categories_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.mega_menu_content .subcategory_section .child_categories_grid .child_category_item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  cursor: pointer;
  transition: all .2s;
  min-width: 130px;
}

.mega_menu_content .subcategory_section .child_categories_grid .child_category_item:hover {
  background-color: #fff5f8;
  border-color: #fb4898;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #fb489826;
}

.mega_menu_content .subcategory_section .child_categories_grid .child_category_item figure {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mega_menu_content .subcategory_section .child_categories_grid .child_category_item figure img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.mega_menu_content .subcategory_section .child_categories_grid .child_category_item span {
  font-size: 13px;
  font-weight: 500;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mega_menu_content .no_children_message {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  text-align: center;
}

.mega_menu_content .no_children_message p {
  font-size: 14px;
  color: #999;
  margin-bottom: 15px;
}

.mega_menu_content .no_children_message .view_all_link {
  font-size: 14px;
  font-weight: 600;
  color: #fb4898;
  cursor: pointer;
  text-decoration: underline;
  transition: color .2s;
}

.mega_menu_content .no_children_message .view_all_link:hover {
  color: #fa167c;
}

.nav_category_menu .MuiPaper-root {
  margin-top: 10px;
  max-width: 1000px !important;
}

.nav_category_menu .nav_mega_wrapper {
  min-height: 350px;
  max-height: 450px;
}

@media only screen and (width <= 991.98px) {
  .mega_menu_wrapper {
    flex-direction: column;
    max-height: 80vh;
  }

  .mega_menu_sidebar {
    width: 100%;
    min-width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 10px;
    border-right: none;
    border-bottom: 1px solid #ffe5ed;
  }

  .mega_menu_sidebar .parent_category_item {
    white-space: nowrap;
    padding: 10px 15px;
    border-left: none;
    border-bottom: 3px solid #0000;
  }

  .mega_menu_sidebar .parent_category_item:hover, .mega_menu_sidebar .parent_category_item.active {
    border-left-color: #0000;
    border-bottom-color: #fb4898;
  }

  .mega_menu_content {
    padding: 15px;
  }

  .mega_menu_content .subcategory_section {
    width: 100%;
  }
}

.popular_brand_list.slick-slider .slick-arrow {
  width: 32px;
  height: 32px;
}

.popular_brand_list .slick-list {
  margin-inline: -15px;
}

.popular_brand_list .slick-track {
  display: flex;
}

.popular_brand_list .slick-slide {
  padding-inline: 15px;
}

@media only screen and (width <= 991.98px) {
  .popular_brand_list .slick-slide {
    padding-inline: 5px;
  }
}

.popular_brand_list .slick-slide .brand_bx figure.main {
  width: 100%;
  display: flex;
  aspect-ratio: 1;
  justify-content: center;
  background: #fb489814;
  align-items: center;
  border-radius: 8px;
  padding: 5px;
}

.popular_brand_list .slick-slide .brand_bx figure.main img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.popular_brand_list .slick-slide .brand_bx h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  color: #0d0d0d;
}

.product_basic {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 15px;
}

@media only screen and (width <= 767.98px) {
  .product_basic {
    gap: 8px;
    margin-top: 20px;
    flex-wrap: wrap;
  }
}

.product_basic li {
  border: 1px solid #dcdcdc;
  font-weight: 500;
  color: #111827;
  padding: 4px 10px;
  border-radius: 4px;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  justify-content: center;
  line-height: 1.2;
}

@media only screen and (width <= 991.98px) {
  .product_basic li {
    font-size: 14px;
  }
}

@media only screen and (width <= 767.98px) {
  .product_basic li {
    font-size: 13px;
    padding: 5px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_basic li {
    font-size: 12px;
  }
}

.product_basic li figure {
  display: inline-flex;
}

.product_basic li figure svg {
  font-size: 20px;
}

.about_product {
  --gap_x: 40px;
  --gap_y: 40px;
}

@media only screen and (width <= 1599.98px) {
  .about_product {
    --gap_x: 16px;
  }
}

.about_product > .lt {
  width: calc(57.4% - var(--gap_x));
}

@media only screen and (width <= 1599.98px) {
  .about_product > .lt {
    width: calc(52% - var(--gap_x));
  }
}

@media only screen and (width <= 1199.98px) {
  .about_product > .lt {
    width: calc(100% - var(--gap_x));
  }
}

.about_product > .lt.w_100 {
  width: calc(100% - var(--gap_x));
  display: none;
}

@media only screen and (width <= 1199.98px) {
  .about_product > .lt.w_100 {
    display: block;
  }
}

@media only screen and (width <= 1199.98px) and (width <= 1199.98px) {
  .about_product > .lt.w_100 > .product_detail {
    display: block;
    margin-top: 0;
  }
}

@media only screen and (width <= 1199.98px) {
  .about_product > .lt > .product_detail {
    display: none;
  }
}

.about_product > .rt {
  width: calc(42.6% - var(--gap_x));
}

@media only screen and (width <= 1399.98px) {
  .about_product > .rt {
    width: calc(48% - var(--gap_x));
  }
}

@media only screen and (width <= 1199.98px) {
  .about_product > .rt {
    width: calc(100% - var(--gap_x));
  }
}

.about_product > .rt p {
  line-height: 1.2;
}

.about_product > .rt .right_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .right_head {
    margin-bottom: 10px;
  }
}

.about_product > .rt .right_head p {
  margin: 0;
}

.about_product > .rt .right_head .MuiButtonBase-root {
  --btn_size: 32px;
}

.about_product > .rt .right_head .MuiButtonBase-root svg {
  font-size: 16px;
}

.about_product > .rt h2 {
  font-size: 18px;
  color: #43443e;
  text-transform: capitalize;
}

@media only screen and (width <= 1399.98px) {
  .about_product > .rt h2 {
    font-size: 16px;
  }
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt h2 {
    font-size: 14px;
  }
}

.about_product > .rt h3 {
  font-size: 24px;
  font-weight: 500;
  color: #43443e;
}

@media only screen and (width <= 1399.98px) {
  .about_product > .rt h3 {
    font-size: 20px;
  }
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt h3 {
    font-size: 18px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt h3 {
    font-size: 16px;
  }
}

.about_product > .rt p.review {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 10px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt p.review {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt p.review {
    font-size: 12px;
  }
}

.about_product > .rt p.review span svg {
  color: #ffd154;
  font-size: 18px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt p.review span svg {
    font-size: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt p.review span svg {
    font-size: 14px;
  }
}

.about_product > .rt p.review > svg {
  font-size: 20px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt p.review > svg {
    font-size: 18px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt p.review > svg {
    font-size: 16px;
  }
}

.about_product > .rt p.price {
  margin-bottom: 15px;
}

.about_product > .rt p.price ins {
  font-size: 32px;
  color: #fb4898;
}

.about_product > .rt p.price del {
  font-size: 24px;
}

.about_product > .rt p.price span {
  font-size: 16px;
}

.about_product > .rt .deal_bx {
  background: #e5f5ee;
  padding: 12px 16px;
  border: 2px dashed #fb4898;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 7px;
  margin-bottom: 15px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .deal_bx {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
  }
}

.about_product > .rt .deal_bx .lt p {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (width <= 1399.98px) {
  .about_product > .rt .deal_bx .lt p {
    font-size: 16px;
  }
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .deal_bx .lt p {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt .deal_bx .lt p {
    font-size: 13px;
  }
}

.about_product > .rt .deal_bx .lt p i {
  font-size: 16px;
  color: #575757;
}

@media only screen and (width <= 1399.98px) {
  .about_product > .rt .deal_bx .lt p i {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt .deal_bx .lt p i {
    font-size: 12px;
  }
}

.about_product > .rt .deal_bx .lt p span.c_danger {
  color: #de0000;
}

.about_product > .rt .deal_bx .lt p img {
  width: 24px;
  min-width: 24px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .deal_bx .lt p img {
    width: 20px;
    min-width: 20px;
  }
}

.about_product > .rt .deal_bx .lt a {
  color: #3d3d3d;
  text-transform: uppercase;
  font-weight: 400;
  text-decoration: none !important;
}

@media only screen and (width <= 1399.98px) {
  .about_product > .rt .deal_bx .lt a {
    font-size: 14px;
  }
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .deal_bx .lt a {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt .deal_bx .lt a {
    font-size: 12px;
  }
}

.about_product > .rt .deal_bx .count_down {
  display: flex;
  gap: 10px;
  margin: 0;
}

.about_product > .rt .deal_bx .count_down li {
  margin: 0;
  background: #de0000;
  color: #fff;
  padding: 4px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .deal_bx .count_down li {
    font-size: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt .deal_bx .count_down li {
    font-size: 14px;
  }
}

.about_product > .rt .deal_bx .count_down li span {
  font-size: 12px;
  font-weight: 400;
}

.about_product > .rt .deal_bx:hover .lt a {
  color: #fb4898;
}

.about_product > .rt .promo_bx_lst .promo_bx {
  background: #fafafa;
  border-radius: 15px;
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
}

.about_product > .rt .promo_bx_lst .promo_bx:nth-child(2) svg {
  filter: brightness(0) saturate() invert(88%) sepia(4%) saturate(189%) hue-rotate(251deg) brightness(82%) contrast(83%);
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .promo_bx_lst .promo_bx {
    margin-bottom: 12px;
    padding: 10px;
  }
}

.about_product > .rt .promo_bx_lst .promo_bx svg {
  filter: brightness(0) saturate() invert(53%) sepia(71%) saturate(3486%) hue-rotate(304deg) brightness(95%) contrast(108%);
  cursor: pointer;
}

.about_product > .rt .promo_bx_lst .promo_bx p {
  flex: 1;
  font-size: 18px;
  padding-inline: 15px;
  margin: 0;
  font-family: Jost, sans-serif !important;
}

.about_product > .rt .promo_bx_lst .promo_bx p.view {
  padding: 0;
}

.about_product > .rt .promo_bx_lst .promo_bx p span {
  color: #3d3d3d;
  font-family: Jost, sans-serif !important;
}

.about_product > .rt .promo_bx_lst .promo_bx p span.c_primary {
  color: #000;
  display: inline-flex;
  font-weight: 600;
}

.about_product > .rt .promo_bx_lst .promo_bx p span a {
  display: block;
  margin-top: 5px;
  font-weight: 500;
  font-family: Jost, sans-serif !important;
}

.about_product > .rt .variant .variant_bx .variant_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.about_product > .rt .variant .variant_bx .variant_head h4 {
  margin: 0;
  font-size: 16px;
  color: #3d3d3d;
  display: flex;
  align-items: center;
  gap: 16px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .variant .variant_bx .variant_head h4 {
    gap: 10px;
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt .variant .variant_bx .variant_head h4 {
    font-size: 12px;
  }
}

.about_product > .rt .variant .variant_bx .variant_head h4 span {
  color: #000;
}

.about_product > .rt .variant .variant_bx .variant_head a {
  font-weight: 600;
  color: #575757;
}

.about_product > .rt .variant .variant_bx .variant_head a:hover {
  color: #fb4898;
}

.about_product > .rt .variant .variant_bx .size_list.gap_m {
  --gap_x: 15px;
  --gap_y: 15px;
}

.about_product > .rt .variant .variant_bx .size_list li {
  margin-bottom: 0;
  width: calc(25% - var(--gap_x));
  background: #fb489814;
  border: 1px solid #fff1f7;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  color: #3d3d3d;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.about_product > .rt .variant .variant_bx .size_list li .size_list_inr {
  width: 100%;
  padding: 10px;
}

.about_product > .rt .variant .variant_bx .size_list li .size_list_inr p:not(.size) {
  font-size: 15px;
  color: #110312;
  margin-bottom: 5px;
  opacity: .5;
  font-family: Jost, sans-serif !important;
}

.about_product > .rt .variant .variant_bx .size_list li .size_list_inr p.size {
  color: #000;
  font-size: 18px;
  margin-bottom: 5px;
  font-family: Jost, sans-serif !important;
}

.about_product > .rt .variant .variant_bx .size_list li .size_list_inr h3 {
  font-size: 18px;
  font-weight: 500;
  color: #110312;
  font-family: Jost, sans-serif !important;
}

.about_product > .rt .variant .variant_bx .size_list li .size_list_inr h3 del {
  opacity: .5;
  font-size: 15px;
  font-weight: 400;
  font-family: Jost, sans-serif !important;
}

.about_product > .rt .variant .variant_bx .size_list li h4 {
  font-size: 15px;
  margin-top: auto;
  background: #fb4898;
  color: #fff;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 0 0 7px 7px;
  width: 100%;
  font-family: Jost, sans-serif !important;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .variant .variant_bx .size_list li {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .about_product > .rt .variant .variant_bx .size_list li {
    font-size: 12px;
  }
}

.about_product > .rt .variant .variant_bx .size_list li:not(.disable) {
  cursor: pointer;
}

.about_product > .rt .variant .variant_bx .size_list li:not(.disable):hover {
  color: #fb4898;
}

.about_product > .rt .variant .variant_bx .size_list li.active {
  border-color: #fb4898;
}

.about_product > .rt .variant .variant_bx .size_list li.disable {
  background: #f0f0f0;
  color: #a6a6a6;
}

.about_product > .rt .variant .variant_bx .size_list li.disable h4 {
  background: #11031266;
}

.about_product > .rt .variant .variant_bx .color_list li {
  min-width: 40px;
}

.about_product > .rt .variant .variant_bx .color_list li.color_a {
  background: #ffeee3;
}

.about_product > .rt .variant .variant_bx .color_list li.color_b {
  background: #568c6a;
}

.about_product > .rt .variant .variant_bx .color_list li.color_c {
  background: #fff;
}

.about_product > .rt .variant .variant_bx .color_list li.color_d {
  background: #d9d9d9;
}

.about_product > .rt .variant .variant_bx .color_list li.color_e {
  background: #ffd154;
}

.about_product > .rt .variant .variant_bx .color_list li.color_f {
  background: #1479fb;
}

.about_product > .rt .variant .variant_bx:not(:last-child) {
  margin-bottom: 20px;
}

@media only screen and (width <= 767.98px) {
  .about_product > .rt .variant .variant_bx:not(:last-child) {
    margin-bottom: 12px;
  }
}

.about_product > .rt .arving_time {
  margin: 40px 0;
}

.about_product > .rt .arving_time p {
  color: #00ac77;
  font-weight: 500;
}

.about_product > .rt .arving_time .dlvry_adrs span {
  color: #6d6d6d;
}

.about_product > .rt .arving_time .dlvry_adrs strong {
  font-weight: 500;
  margin: 0 5px;
}

.about_product > .rt .arving_time .dlvry_adrs .text_btn {
  color: #3f3f3f;
  display: inline;
}

.about_product > .rt .return_plcy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fb489814;
  margin: 25px 0 40px;
  padding: 20px 22px;
  gap: 14px;
}

.about_product > .rt .return_plcy .return_plcy_bx {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #110312;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px;
}

.about_product > .rt .return_plcy .return_plcy_bx img {
  max-width: 32px;
  min-width: 32px;
  object-fit: scale-down;
}

.product_detail_skeleton {
  display: flex;
  gap: 40px;
}

@media only screen and (width <= 1599.98px) {
  .product_detail_skeleton {
    gap: 16px;
  }
}

@media only screen and (width <= 1199.98px) {
  .product_detail_skeleton {
    flex-wrap: wrap;
  }
}

.product_detail_skeleton .skeleton_col.lt {
  width: calc(57.4% - 20px);
}

@media only screen and (width <= 1599.98px) {
  .product_detail_skeleton .skeleton_col.lt {
    width: calc(52% - 20px);
  }
}

@media only screen and (width <= 1199.98px) {
  .product_detail_skeleton .skeleton_col.lt {
    width: 100%;
  }
}

.product_detail_skeleton .skeleton_col.lt .skeleton_thumbs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 90px;
  margin-bottom: 16px;
}

.product_detail_skeleton .skeleton_col.lt .skeleton_thumb_item {
  width: 100%;
  height: 60px;
  border-radius: 10px;
}

.product_detail_skeleton .skeleton_col.lt .skeleton_main_image {
  width: 100%;
  height: 420px;
  border-radius: 16px;
}

@media only screen and (width <= 767.98px) {
  .product_detail_skeleton .skeleton_col.lt .skeleton_main_image {
    height: 260px;
  }
}

.product_detail_skeleton .skeleton_col.rt {
  width: calc(42.6% - 20px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@media only screen and (width <= 1399.98px) {
  .product_detail_skeleton .skeleton_col.rt {
    width: calc(48% - 20px);
  }
}

@media only screen and (width <= 1199.98px) {
  .product_detail_skeleton .skeleton_col.rt {
    width: 100%;
    margin-top: 24px;
  }
}

.product_detail_skeleton .skeleton_col.rt .skeleton_badge {
  width: 90px;
  height: 16px;
  border-radius: 999px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_title {
  width: 70%;
  height: 22px;
  border-radius: 6px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_subtitle {
  width: 55%;
  height: 18px;
  border-radius: 6px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_price_row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_price_main {
  width: 90px;
  height: 20px;
  border-radius: 6px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_price_strike {
  width: 70px;
  height: 14px;
  border-radius: 6px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_variant_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_variant_item {
  width: 100%;
  height: 48px;
  border-radius: 12px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_delivery {
  width: 60%;
  height: 18px;
  border-radius: 6px;
  margin-top: 8px;
}

.product_detail_skeleton .skeleton_col.rt .skeleton_button {
  width: 180px;
  height: 44px;
  border-radius: 999px;
  margin-top: 12px;
}

.product_loading_text {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
}

.cart_loading_text {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
}

.cart_skeleton {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

@media only screen and (width <= 1199.98px) {
  .cart_skeleton {
    flex-wrap: wrap;
  }
}

.cart_skeleton .cart_skeleton_lt {
  width: 60%;
}

@media only screen and (width <= 1199.98px) {
  .cart_skeleton .cart_skeleton_lt {
    width: 100%;
  }
}

.cart_skeleton .cart_skeleton_rt {
  width: 36%;
}

@media only screen and (width <= 1199.98px) {
  .cart_skeleton .cart_skeleton_rt {
    width: 100%;
  }
}

.skeleton_address_card {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  margin-bottom: 20px;
}

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

.transaction_skeleton_item .skeleton_label {
  display: inline-block;
  width: 70px;
  height: 16px;
  border-radius: 6px;
  margin-right: 10px;
}

.transaction_skeleton_item .skeleton_text {
  display: inline-block;
  width: 220px;
  height: 16px;
  border-radius: 6px;
}

.transaction_skeleton_item .skeleton_date {
  display: block;
  width: 60px;
  height: 14px;
  border-radius: 6px;
  margin-bottom: 8px;
}

.transaction_skeleton_item .skeleton_amount {
  display: block;
  width: 90px;
  height: 18px;
  border-radius: 6px;
}

.skeleton_order_review_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.skeleton_order_review_header .skeleton_shimmer {
  width: 150px;
  height: 24px;
  border-radius: 6px;
}

.skeleton_order_review_header .skeleton_shimmer:last-child {
  width: 100px;
}

.skeleton_cart_item {
  display: flex;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.skeleton_cart_item .skeleton_item_image {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  flex-shrink: 0;
}

.skeleton_cart_item .skeleton_item_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.skeleton_cart_item .skeleton_item_content .skeleton_shimmer {
  height: 18px;
  border-radius: 6px;
}

.skeleton_cart_item .skeleton_item_content .skeleton_shimmer:first-child {
  width: 70%;
  height: 20px;
}

.skeleton_cart_item .skeleton_item_content .skeleton_shimmer:nth-child(2) {
  width: 50%;
  height: 16px;
}

.skeleton_cart_item .skeleton_item_content .skeleton_shimmer:nth-child(3) {
  width: 120px;
  height: 16px;
}

.skeleton_cart_item .skeleton_item_price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  min-width: 120px;
}

.skeleton_cart_item .skeleton_item_price .skeleton_shimmer {
  height: 18px;
  border-radius: 6px;
}

.skeleton_cart_item .skeleton_item_price .skeleton_shimmer:first-child {
  width: 80px;
}

.skeleton_cart_item .skeleton_item_price .skeleton_shimmer:last-child {
  width: 60px;
}

.skeleton_promo_card {
  width: 100%;
  height: 80px;
  border-radius: 12px;
  margin-top: 20px;
}

.skeleton_shipping_banner {
  width: 100%;
  height: 80px;
  border-radius: 12px;
  margin-bottom: 30px;
}

.skeleton_billing_summary .skeleton_billing_header {
  width: 150px;
  height: 24px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.skeleton_billing_summary .skeleton_billing_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f0f0f0;
}

.skeleton_billing_summary .skeleton_billing_item .skeleton_shimmer {
  height: 16px;
  border-radius: 6px;
}

.skeleton_billing_summary .skeleton_billing_item .skeleton_shimmer:first-child {
  width: 120px;
}

.skeleton_billing_summary .skeleton_billing_item .skeleton_shimmer:last-child {
  width: 80px;
}

.skeleton_billing_summary .skeleton_billing_item.skeleton_total {
  padding-top: 20px;
  border-top: 2px solid #f0f0f0;
  border-bottom: none;
}

.skeleton_billing_summary .skeleton_billing_item.skeleton_total .skeleton_shimmer {
  height: 24px;
}

.skeleton_billing_summary .skeleton_billing_item.skeleton_total .skeleton_shimmer:first-child {
  width: 150px;
}

.skeleton_billing_summary .skeleton_billing_item.skeleton_total .skeleton_shimmer:last-child {
  width: 120px;
}

.skeleton_billing_summary .skeleton_checkout_button {
  width: 100%;
  height: 50px;
  border-radius: 15px;
  margin-top: 30px;
}

.wishlist_skeleton_wrapper {
  margin-top: 20px;
}

.wishlist_loading_text {
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 16px;
}

.wishlist_skeleton_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

@media only screen and (width <= 1399.98px) {
  .wishlist_skeleton_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (width <= 1199.98px) {
  .wishlist_skeleton_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (width <= 767.98px) {
  .wishlist_skeleton_grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.wishlist_skeleton_card {
  border-radius: 16px;
  padding: 16px;
  background-color: #fff;
  box-shadow: 0 4px 12px #0f172a0a;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wishlist_skeleton_image {
  width: 100%;
  height: 160px;
  border-radius: 12px;
}

.wishlist_skeleton_body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wishlist_skeleton_title {
  width: 70%;
  height: 18px;
  border-radius: 6px;
}

.wishlist_skeleton_subtitle {
  width: 50%;
  height: 14px;
  border-radius: 6px;
}

.wishlist_skeleton_price_row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.wishlist_skeleton_price {
  width: 80px;
  height: 18px;
  border-radius: 6px;
}

.wishlist_skeleton_old_price {
  width: 60px;
  height: 14px;
  border-radius: 6px;
}

.wishlist_skeleton_cta {
  width: 100px;
  height: 32px;
  border-radius: 999px;
  margin-top: 10px;
}

.home_skeleton {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 20px;
}

.home_skeleton_section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.home_skeleton_banner {
  width: 100%;
  height: 260px;
  border-radius: 24px;
}

@media only screen and (width <= 1199.98px) {
  .home_skeleton_banner {
    height: 200px;
  }
}

@media only screen and (width <= 767.98px) {
  .home_skeleton_banner {
    height: 160px;
  }
}

.home_skeleton_row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

@media only screen and (width <= 1399.98px) {
  .home_skeleton_row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (width <= 1199.98px) {
  .home_skeleton_row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (width <= 767.98px) {
  .home_skeleton_row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.product_category_loading_text {
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 20px;
}

.product_category_skeleton_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

@media only screen and (width <= 1399.98px) {
  .product_category_skeleton_grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media only screen and (width <= 1199.98px) {
  .product_category_skeleton_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (width <= 767.98px) {
  .product_category_skeleton_grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.product_category_skeleton_card {
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 2px 8px #00000014;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product_category_skeleton_image {
  width: 100%;
  height: 200px;
  border-radius: 8px;
}

.product_category_skeleton_body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product_category_skeleton_title {
  width: 80%;
  height: 18px;
  border-radius: 4px;
}

.product_category_skeleton_subtitle {
  width: 60%;
  height: 14px;
  border-radius: 4px;
}

.product_category_skeleton_price_row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.product_category_skeleton_price {
  width: 80px;
  height: 20px;
  border-radius: 4px;
}

.product_category_skeleton_old_price {
  width: 60px;
  height: 16px;
  border-radius: 4px;
}

.product_category_skeleton_rating {
  width: 100px;
  height: 16px;
  border-radius: 4px;
  margin-top: 4px;
}

.product_category_skeleton_cta {
  width: 100%;
  height: 36px;
  border-radius: 8px;
  margin-top: 8px;
}

.blog_loading_text {
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 20px;
}

.blog_skeleton_item {
  margin-bottom: 20px;
  padding: 16px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000014;
}

.blog_skeleton_image {
  width: 100%;
  height: 200px;
  border-radius: 8px;
  margin-bottom: 12px;
}

.blog_skeleton_title {
  width: 80%;
  height: 20px;
  border-radius: 4px;
  margin-bottom: 12px;
}

.blog_skeleton_description {
  width: 100%;
  height: 14px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.blog_skeleton_description_short {
  width: 70%;
  height: 14px;
  border-radius: 4px;
}

.blog_skeleton_item .footer-icons {
  display: flex;
  gap: 16px;
}

.blog_skeleton_icon {
  width: 60px;
  height: 20px;
  border-radius: 4px;
}

.blog_detail_skeleton .card-icons {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}

.blog_skeleton_badge {
  width: 80px;
  height: 24px;
  border-radius: 12px;
}

.blog_detail_loading_text {
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 20px;
}

.blog_detail_skeleton {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000014;
}

.blog_detail_skeleton_image {
  width: 100%;
  height: 300px;
  border-radius: 0;
}

.blog_detail_skeleton .card-header {
  position: relative;
}

.blog_detail_skeleton_badge {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 100px;
  height: 28px;
  border-radius: 14px;
}

.blog_detail_skeleton_icon {
  width: 70px;
  height: 24px;
  border-radius: 4px;
  margin-right: 12px;
}

.blog_detail_skeleton_info {
  width: 100%;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.blog_detail_skeleton_info_short {
  width: 60%;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.blog_detail_skeleton_title {
  width: 90%;
  height: 28px;
  border-radius: 4px;
  margin-bottom: 16px;
}

.blog_detail_skeleton_content {
  width: 100%;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 12px;
}

.blog_detail_skeleton_content_short {
  width: 75%;
  height: 16px;
  border-radius: 4px;
}

.brand_skeleton_logo {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  margin: 0 auto;
}

.orders_loading_text {
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 20px;
}

.orders_skeleton_card {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 8px #00000014;
  cursor: default;
  pointer-events: none;
}

.orders_skeleton_card figure {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}

.orders_skeleton_image {
  width: 100%;
  height: 180px;
  border-radius: 8px;
}

.orders_skeleton_tag {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 80px;
  height: 24px;
  border-radius: 12px;
}

.orders_skeleton_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.orders_skeleton_order_id {
  width: 120px;
  height: 16px;
  border-radius: 4px;
}

.orders_skeleton_price {
  width: 80px;
  height: 20px;
  border-radius: 4px;
}

.orders_skeleton_title {
  width: 90%;
  height: 18px;
  border-radius: 4px;
  margin-bottom: 16px;
}

.orders_skeleton_card .btn_flex {
  display: flex;
  gap: 8px;
  align-items: center;
}

.orders_skeleton_button {
  flex: 1;
  height: 36px;
  border-radius: 8px;
}

.orders_skeleton_icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.address_loading_text {
  font-size: 14px;
  font-weight: 500;
  color: #4b5563;
  margin-bottom: 20px;
}

.address_skeleton_item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px #00000014;
  margin-bottom: 16px;
  pointer-events: none;
}

.address_skeleton_icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex-shrink: 0;
}

.address_skeleton_item .address_cnt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.address_skeleton_type {
  width: 80px;
  height: 18px;
  border-radius: 4px;
}

.address_skeleton_line {
  width: 100%;
  height: 14px;
  border-radius: 4px;
}

.address_skeleton_line_short {
  width: 75%;
  height: 14px;
  border-radius: 4px;
}

.address_skeleton_contact {
  width: 200px;
  height: 16px;
  border-radius: 4px;
  margin-top: 4px;
}

.address_skeleton_item .btn_group {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.address_skeleton_button {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.order_detail_skeleton_title {
  width: 200px;
  height: 28px;
  border-radius: 4px;
}

.order_detail_skeleton_icon_btn {
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.order_detail_skeleton_button {
  width: 100px;
  height: 40px;
  border-radius: 8px;
}

.order_detail_skeleton_subtitle {
  width: 120px;
  height: 24px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.order_detail_skeleton_product_image {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  flex-shrink: 0;
}

.order_detail_skeleton_product_title {
  width: 70%;
  height: 20px;
  border-radius: 4px;
  margin-bottom: 12px;
}

.order_detail_skeleton_order_id {
  width: 150px;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 16px;
}

.order_detail_skeleton_meta {
  width: 100px;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.order_detail_skeleton_meta_short {
  width: 80px;
  height: 16px;
  border-radius: 4px;
}

.order_detail_skeleton_section_title {
  width: 180px;
  height: 24px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.order_detail_skeleton_address_type {
  width: 80px;
  height: 20px;
  border-radius: 4px;
  margin-bottom: 16px;
}

.order_detail_skeleton_address_line {
  width: 100%;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.order_detail_skeleton_tracking_item {
  width: 100%;
  height: 50px;
  border-radius: 4px;
  margin-bottom: 12px;
}

.order_detail_skeleton_map {
  width: 100%;
  height: 400px;
  border-radius: 8px;
}

.order_detail_skeleton_receipt_icon {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  margin-right: 16px;
}

.order_detail_skeleton_receipt_text {
  width: 250px;
  height: 24px;
  border-radius: 4px;
}

.order_detail_skeleton_payment_item {
  width: 100%;
  height: 24px;
  border-radius: 4px;
  margin-bottom: 12px;
}

.order_detail_skeleton_action_button {
  width: 150px;
  height: 44px;
  border-radius: 8px;
}

.profile_skeleton_title {
  width: 180px;
  height: 28px;
  border-radius: 4px;
}

.profile_skeleton_button {
  width: 120px;
  height: 36px;
  border-radius: 8px;
}

.profile_skeleton_avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0 auto;
}

.profile_skeleton_label {
  width: 100px;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.profile_skeleton_input {
  width: 100%;
  height: 56px;
  border-radius: 8px;
}

.home_skeleton_card {
  height: 140px;
  border-radius: 18px;
}

.home_category_skeleton {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.skeleton_shimmer {
  position: relative;
  overflow: hidden;
  background: #f3f4f6;
}

.skeleton_shimmer:after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, #fff0 0%, #ffffffb3 50%, #fff0 100%);
  animation: 1.4s ease-in-out infinite skeleton-shimmer;
}

@keyframes skeleton-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.product_slider {
  width: 100%;
  display: flex;
  height: 920px;
  position: relative;
}

@media only screen and (width <= 1399.98px) {
  .product_slider {
    height: 850px;
  }
}

@media only screen and (width <= 767.98px) {
  .product_slider {
    height: 350px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_slider {
    height: 300px;
  }
}

.product_slider .main_slider {
  width: calc(100% - 136px);
  margin-left: 20px;
  height: 100%;
}

@media only screen and (width <= 575.98px) {
  .product_slider .main_slider {
    width: calc(100% - 55px);
  }
}

.product_slider .main_slider .slick-list, .product_slider .main_slider .slick-track, .product_slider .main_slider .slick-slide, .product_slider .main_slider .slick-slide > div, .product_slider .main_slider .slick-slide figure.main {
  height: 100%;
}

.product_slider .main_slider figure.main {
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  overflow: hidden;
}

.product_slider .main_slider figure.main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.product_slider .main_slider .slick-arrow {
  width: 40px;
  height: 40px;
  box-shadow: 0 0 10px #00000040 !important;
  background-size: 18px !important;
}

@media only screen and (width <= 575.98px) {
  .product_slider .main_slider .slick-arrow {
    width: 28px;
    height: 28px;
    background-size: 15px !important;
  }
}

.product_slider .main_slider .slick-arrow.slick-prev {
  left: 30px;
}

@media only screen and (width <= 575.98px) {
  .product_slider .main_slider .slick-arrow.slick-prev {
    left: 15px;
  }
}

.product_slider .main_slider .slick-arrow.slick-next {
  right: 30px;
}

@media only screen and (width <= 575.98px) {
  .product_slider .main_slider .slick-arrow.slick-next {
    right: 15px;
  }
}

.product_slider .thumb_slider {
  width: 116px;
}

@media only screen and (width <= 575.98px) {
  .product_slider .thumb_slider {
    width: 45px;
  }
}

.product_slider .thumb_slider .slick-list {
  height: 100% !important;
}

.product_slider .thumb_slider .slick-slide > div {
  margin-block: 2px;
}

.product_slider .thumb_slider .slick-slide > div figure {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
}

.product_slider .thumb_slider .slick-slide > div figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.product_slider .thumb_slider .slick-slide.slick-current > div figure {
  border-color: #ffd154;
}

.product_slider .thumb_slider .slick-arrow {
  height: 35px;
  width: 100%;
  transform: unset;
  border-radius: 0;
  right: 0;
  left: 0;
  background-color: #0006 !important;
  background-image: url("../media/up_arrow.6eea68a2.svg") !important;
}

.product_slider .thumb_slider .slick-arrow.slick-prev {
  top: 0;
}

.product_slider .thumb_slider .slick-arrow.slick-next {
  bottom: 0;
  top: unset;
  transform: scale(-1);
}

.product_slider .btn_group {
  top: 16px;
  right: 16px;
  position: absolute;
  gap: 14px;
}

@media only screen and (width <= 575.98px) {
  .product_slider .btn_group {
    gap: 8px;
  }
}

.product_slider .btn_group button {
  --btn_size: 32px;
  border-radius: 5px;
  background: #fff;
  border-color: #fff;
  box-shadow: 0 0 10px #00000040 !important;
}

@media only screen and (width <= 575.98px) {
  .product_slider .btn_group button {
    --btn_size: 28px;
  }
}

.product_slider .btn_group button svg {
  color: #000;
}

.product_slider .btn_group button:hover {
  background: #fb4898;
  border-color: #fb4898;
}

.product_slider .btn_group button:hover svg {
  color: #fff;
}

.product_slider .btn_group button:hover img {
  filter: brightness(0) invert();
}

.product_detail {
  margin-top: 60px;
}

.product_detail .MuiPaper-root {
  border: 0;
}

.product_detail .MuiPaper-root:not(:last-child) {
  margin-bottom: 30px;
}

.product_detail .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root {
  height: auto;
  min-height: 1px;
  background: none;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-start;
  font-size: 24px;
  font-weight: 600;
  padding-inline: 12px;
}

.product_detail .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root span.MuiAccordionSummary-content {
  margin: 0;
  flex-grow: unset;
  color: #110312;
}

.product_detail .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root span.MuiAccordionSummary-content span {
  font-size: 24px;
  font-weight: 600;
}

@media only screen and (width <= 1599.98px) {
  .product_detail .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root span.MuiAccordionSummary-content span {
    font-size: 20px;
  }
}

@media only screen and (width <= 1399.98px) {
  .product_detail .MuiPaper-root .MuiButtonBase-root.MuiAccordionSummary-root span.MuiAccordionSummary-content span {
    font-size: 18px;
  }
}

.product_detail .MuiPaper-root span.MuiAccordionSummary-expandIconWrapper {
  transform: rotate(90deg);
}

.product_detail .MuiPaper-root span.MuiAccordionSummary-expandIconWrapper.Mui-expanded {
  transform: rotate(-90deg);
}

.product_detail .MuiPaper-root .MuiCollapse-root.MuiCollapse-vertical {
  border: 0;
}

.product_detail .MuiPaper-root .MuiCollapse-root.MuiCollapse-vertical .MuiAccordionDetails-root {
  padding: 8px 12px 0;
  border: 0;
}

.prodct_info_sc .product_detail .descrptn {
  margin-bottom: 60px;
}

.prodct_info_sc .product_detail .descrptn p {
  color: #6d6d6d;
}

.prodct_info_sc .product_detail .prodct_info_mn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt {
  background: #fb48980d;
  border-radius: 15px;
  padding: 35px;
  width: 55%;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .MuiBox-root {
  border: 0;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .site_tabs2 .MuiTabs-flexContainer {
  gap: 20px;
  background: unset;
  margin-bottom: 30px;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .site_tabs2 .MuiTabs-flexContainer button {
  background: #fff;
  border-color: #fff;
  color: #a6a0a6;
  font-size: 18px;
  font-weight: 500;
  border-radius: 12px;
  padding: 17.5px 20px;
  font-family: Jost, sans-serif !important;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .site_tabs2 .MuiTabs-flexContainer button.Mui-selected {
  border-color: #fb4898;
  color: #000;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #110312;
  font-size: 18px;
  gap: 16px;
  word-break: break-word;
  overflow-wrap: break-word;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li:not(:last-child) {
  border-bottom: 1px solid #fff;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li span {
  opacity: .5;
  flex-shrink: 0;
  min-width: 120px;
}

.prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li > div, .prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li > p {
  flex: 1;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: right;
  max-width: calc(100% - 140px);
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt {
  width: 42%;
  padding: 20px;
  background: #fb48980d;
  border-radius: 15px;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .s_head > h2 {
  font-size: 21px;
  font-weight: 500;
  font-family: Jost, sans-serif !important;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiTableContainer-root .MuiTable-root thead tr th {
  background-color: unset;
  font-weight: 500;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiPaper-root {
  background: unset;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt th.MuiTableCell-root {
  border: 0;
  font-size: 16px;
  padding: 15px 5px;
  line-height: 1.2;
  font-weight: 400;
  font-family: Jost, sans-serif !important;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiTable-root tbody tr:nth-child(2n) {
  background: unset;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiTable-root tbody tr:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiTable-root tbody tr td {
  padding: 30px 5px;
  color: #000000b2;
  font-weight: 400;
  font-family: Jost, sans-serif !important;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .site_tabs3 .MuiTabs-flexContainer {
  background: #000;
  border-radius: 50px;
  padding: 5px;
  gap: 5px;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .site_tabs3 .MuiTabs-flexContainer button {
  background: unset;
  padding: 0;
  min-width: auto;
  max-width: auto;
  color: #fff;
  min-height: 30px;
  min-width: 30px;
  height: 30px;
  font-size: 12px;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .site_tabs3 .MuiTabs-flexContainer button.Mui-selected {
  background: #fff;
  color: #000;
  border-radius: 50%;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiFormControlLabel-label {
  font-size: 14px;
  color: #000000de;
  font-weight: 400;
}

.prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiBox-root {
  padding: 0;
}

.view_page {
  --gap_x: 12px;
  --gap_y: 12px;
}

.view_page .control_group.flex {
  display: flex;
  align-items: center;
}

@media only screen and (width <= 767.98px) {
  .view_page .control_group.flex {
    flex-wrap: wrap;
  }
}

.view_page .control_group.flex h6 {
  margin: 0;
  min-width: 200px;
}

@media only screen and (width <= 767.98px) {
  .view_page .control_group.flex h6 {
    min-width: 1px;
    width: 100%;
  }
}

.view_page .control_group.flex p {
  margin: 0;
  font-weight: 500;
}

.view_page .control_group h6 {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
}

@media only screen and (width <= 1399.98px) {
  .view_page .control_group h6 {
    font-size: 14px;
  }
}

.view_page .control_group p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

@media only screen and (width <= 1399.98px) {
  .view_page .control_group p {
    font-size: 14px;
  }
}

.view_page .control_group ul.list li {
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (width <= 1399.98px) {
  .view_page .control_group ul.list li {
    font-size: 14px;
  }
}

.view_page .control_group ul.list li:not(:last-child) {
  margin-bottom: 2px;
}

.report_product {
  display: flex;
  margin: 12px 0 32px;
  align-items: center;
  font-weight: 500;
  color: #2558a7;
  gap: 10px;
}

@media only screen and (width <= 1399.98px) {
  .report_product {
    margin: 12px 0 20px;
    font-size: 14px;
  }
}

.report_product + .tags {
  display: flex;
  align-items: center;
  gap: 12px;
}

.report_product + .tags > span {
  font-size: 15px;
  color: #727272;
}

.report_product + .tags .taglist {
  display: flex;
  align-items: center;
  gap: 12px;
}

.report_product + .tags .taglist li {
  margin: 0;
  border-radius: 50px;
  background: #f8f8f8;
  padding: 2px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #727272;
  font-weight: 500;
}

.shipping_type {
  margin-top: 40px;
}

.shipping_type .s_head {
  margin-bottom: 12px;
}

.shipping_type .s_head h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.shipping_type .ship_list {
  display: flex;
  gap: 12px;
}

@media only screen and (width <= 575.98px) {
  .shipping_type .ship_list {
    gap: 5px;
  }
}

.shipping_type .ship_list li {
  margin: 0;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 16px 10px;
  cursor: pointer;
}

@media only screen and (width <= 575.98px) {
  .shipping_type .ship_list li {
    padding: 8px;
  }
}

@media only screen and (width <= 575.98px) {
  .shipping_type .ship_list li figure {
    max-width: 35px;
  }
}

.shipping_type .ship_list li.active {
  border-color: #fb4898;
}

.shipping_type .ship_list li h3 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-block: 6px 4px;
}

@media only screen and (width <= 767.98px) {
  .shipping_type .ship_list li h3 {
    font-size: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  .shipping_type .ship_list li h3 {
    font-size: 14px;
  }
}

.shipping_type .ship_list li p {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (width <= 1599.98px) {
  .shipping_type .ship_list li p {
    font-size: 12px;
  }
}

.shipping_type .ship_list li p.c_primary {
  color: #fb4898;
}

.shipping_type .address_dtl p {
  font-size: 14px;
}

@media only screen and (width <= 767.98px) {
  .shipping_type .address_dtl p {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .shipping_type .address_dtl p {
    font-size: 12px;
  }
}

.shipping_type .address_dtl p span {
  color: #6d6d6d;
}

.shipping_type .address_dtl p span.c_primary {
  color: #fb4898;
}

.shipping_type .address_dtl p.pickup_location {
  display: flex;
  gap: 8px;
}

.shipping_type .address_dtl p.pickup_location a.text_btn {
  color: #3f3f3f;
}

.shipping_type .address_dtl p.pickup_location a.text_btn:not(:last-child) {
  padding-right: 12px;
  margin-right: 4px;
  border-right: 1px solid #000;
}

.shipping_type .address_dtl p strong {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.shipping_type .address_dtl .product_info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.shipping_type .address_dtl .product_info li {
  margin: 0;
  color: #6d6d6d;
  font-weight: 500;
}

.shipping_type .address_dtl .product_info li.c_info {
  color: #2558a7;
}

.shipping_type .address_dtl .product_info li.c_danger {
  color: #de0000;
}

.shipping_type .address_dtl .product_info li strong {
  color: #000;
  font-weight: 500;
}

.add_cart.form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 20px;
}

.add_cart.form label {
  --field_height: 50px;
  border: 1px solid #dcdcdc;
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 0;
}

.add_cart.form label .MuiSelect-select {
  width: auto;
  display: flex;
  align-items: center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 25px center;
  font-size: 20px;
  font-weight: 600;
  color: #3d3d3d;
  border: 0 !important;
  min-width: 120px !important;
  padding-inline: 30px 35px !important;
}

@media only screen and (width <= 1199.98px) {
  .add_cart.form label .MuiSelect-select {
    font-size: 18px;
  }
}

@media only screen and (width <= 991.98px) {
  .add_cart.form label .MuiSelect-select {
    font-size: 16px;
  }
}

@media only screen and (width <= 767.98px) {
  .add_cart.form label .MuiSelect-select {
    font-size: 14px;
  }
}

.add_cart.form label .MuiFormControl-root, .add_cart.form label .MuiSelect-root {
  width: auto;
  min-width: 30px;
}

.add_cart.form button.MuiButton-root {
  flex: 1;
  border-radius: 12px;
}

.add_cart.form button.MuiButton-root.w_100 {
  flex: unset;
  width: 100%;
}

.add_cart.form.v2 label {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.add_cart.form.v2 label .text_btn {
  color: #374151;
}

.add_cart.form.v2 label .MuiSelect-select {
  text-decoration: underline;
  font-size: 16px;
  font-weight: 600;
}

@media only screen and (width <= 767.98px) {
  .add_cart.form.v2 label .MuiSelect-select {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .add_cart.form.v2 label .MuiSelect-select {
    font-size: 13px;
  }
}

.policy_list li {
  display: flex;
  gap: 16px;
  padding-block: 5px;
}

.policy_list li .policy_cnt h4 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

@media only screen and (width <= 767.98px) {
  .policy_list li .policy_cnt h4 {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .policy_list li .policy_cnt h4 {
    font-size: 13px;
  }
}

.policy_list li .policy_cnt p {
  font-size: 15px;
  color: #3d3d3d;
}

@media only screen and (width <= 767.98px) {
  .policy_list li .policy_cnt p {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .policy_list li .policy_cnt p {
    font-size: 12px;
  }
}

.policy_list li .policy_cnt p .text_btn {
  display: inline-flex;
  color: #3d3d3d;
  font-weight: 400;
}

.payment_method {
  margin-top: 24px;
}

.payment_method .s_head h3 {
  margin-bottom: 10px;
  font-size: 15px;
  color: #000;
}

@media only screen and (width <= 767.98px) {
  .payment_method .s_head h3 {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .payment_method .s_head h3 {
    font-size: 13px;
  }
}

.payment_method p {
  font-size: 15px;
  color: #3d3d3d;
  margin-top: 10px;
}

@media only screen and (width <= 767.98px) {
  .payment_method p {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .payment_method p {
    font-size: 12px;
  }
}

.vendor_bx {
  display: flex;
  gap: 8px;
}

.vendor_bx figure.main {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  overflow: hidden;
}

.vendor_bx figure.main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vendor_bx .vendor_detail {
  flex: 1;
}

.vendor_bx .vendor_detail .vendor_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

@media only screen and (width <= 767.98px) {
  .vendor_bx .vendor_detail .vendor_head {
    gap: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .vendor_bx .vendor_detail .vendor_head {
    gap: 10px;
  }
}

.vendor_bx .vendor_detail .vendor_head h4 {
  color: #1f2937;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

@media only screen and (width <= 767.98px) {
  .vendor_bx .vendor_detail .vendor_head h4 {
    font-size: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  .vendor_bx .vendor_detail .vendor_head h4 {
    font-size: 14px;
  }
}

.vendor_bx .vendor_detail .vendor_head .verify_list {
  display: flex;
  align-items: center;
  gap: 7px;
}

.vendor_bx .vendor_detail .vendor_head .verify_list li {
  margin: 0;
  min-height: 24px;
  padding: 2px;
  background: #f4f4f4;
  border-radius: 3px;
}

.vendor_bx .vendor_detail .detail_list {
  margin-block: 8px 16px;
  display: flex;
  align-items: center;
  gap: 24px;
}

@media only screen and (width <= 767.98px) {
  .vendor_bx .vendor_detail .detail_list {
    gap: 14px;
    flex-wrap: wrap;
  }
}

@media only screen and (width <= 575.98px) {
  .vendor_bx .vendor_detail .detail_list {
    gap: 10px;
    margin-block: 6px 10px;
  }
}

.vendor_bx .vendor_detail .detail_list li {
  margin: 0;
}

.vendor_bx .vendor_detail .detail_list li:first-child {
  display: flex;
  align-items: center;
  gap: 7px;
}

.vendor_bx .vendor_detail .detail_list li .tag {
  background: #ffd154;
  min-height: 20px;
  padding: 1px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  min-width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2558a7;
}

.vendor_bx .vendor_detail .detail_list li span.MuiRating-root.MuiRating-sizeMedium span {
  font-size: 14px;
}

.vendor_bx .vendor_detail .detail_list li:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 12px;
}

.vendor_bx .vendor_detail .detail_list li:nth-child(2) p {
  font-size: 14px;
  color: #3d3d3d;
  margin: 0;
}

.vendor_bx .vendor_detail .detail_list li:nth-child(2) p strong {
  color: #000;
  font-weight: 600;
}

.vendor_bx .vendor_detail .btn_group button {
  flex: 1;
  color: #1f2937;
  max-width: 195px;
  min-height: 40px;
  border-color: #a1a1a3;
  font-size: 16px;
  font-weight: 400;
  box-shadow: unset !important;
}

@media only screen and (width <= 767.98px) {
  .vendor_bx .vendor_detail .btn_group button {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .vendor_bx .vendor_detail .btn_group button {
    font-size: 12px;
  }
}

.vendor_bx .vendor_detail .btn_group button:hover {
  color: #fff;
  border-color: #007fff;
}

.vendor_bx.spacer {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e5e7eb;
}

.review_list .slick-list {
  margin-inline: -10px;
}

.review_list .slick-track {
  display: flex;
}

.review_list .slick-slide {
  height: inherit;
}

.review_list .slick-slide > div {
  margin-inline: 10px;
  height: 100%;
}

.review_list .review_bx {
  border-radius: 8px;
  border: 1px solid #dcdcdc;
  height: 100%;
  display: flex;
  gap: 12px;
  overflow: hidden;
}

.review_list .review_bx > .lt {
  width: calc(100% - 162px);
  padding: 12px 0 12px 12px;
}

.review_list .review_bx > .lt .review_head {
  display: flex;
  gap: 16px;
  align-items: center;
}

.review_list .review_bx > .lt .review_head figure {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  min-width: 38px;
  overflow: hidden;
}

.review_list .review_bx > .lt .review_head figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review_list .review_bx > .lt .review_head h3 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 4px;
}

.review_list .review_bx > .lt .review_head p {
  font-size: 12px;
}

.review_list .review_bx > .lt .review_head + p {
  font-size: 14px;
  margin-block: 5px;
}

@media only screen and (width <= 991.98px) {
  .review_list .review_bx > .lt .review_head + p {
    font-size: 12px;
  }
}

.review_list .review_bx > .lt p {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #727272;
}

.review_list .review_bx > .rt {
  width: 150px;
}

.review_list .review_bx > .rt figure {
  width: 100%;
  height: 100%;
  display: inline-flex;
}

.review_list .review_bx > .rt figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.MuiMenu-root.share_menu .MuiPaper-root.MuiPaper-elevation {
  max-width: 200px;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 10px #00000040;
}

.MuiMenu-root.share_menu .MuiPaper-root.MuiPaper-elevation ul.MuiList-root.MuiList-padding {
  padding: 12px 8px;
}

.MuiMenu-root.share_menu .MuiPaper-root.MuiPaper-elevation ul.MuiList-root.MuiList-padding li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px;
  border-radius: 4px;
}

.MuiMenu-root.share_menu .MuiPaper-root.MuiPaper-elevation ul.MuiList-root.MuiList-padding li.active {
  background: #e5f5ee;
}

button.MuiButton-root.icon_btn.share_btn {
  --btn_size: 48px;
  padding: 8px;
  border-color: #d1d5db;
}

button.MuiButton-root.icon_btn.share_btn svg {
  font-size: 24px;
  color: #000;
}

button.MuiButton-root.icon_btn.share_btn:hover {
  border-color: #fb4898;
}

button.MuiButton-root.icon_btn.share_btn:hover svg {
  color: #fb4898;
}

.pagination_list {
  display: flex;
  align-items: center;
  margin-top: 40px;
  gap: 5px;
}

@media only screen and (width <= 767.98px) {
  .pagination_list {
    margin-top: 30px;
  }
}

@media only screen and (width <= 575.98px) {
  .pagination_list {
    margin-top: 24px;
  }
}

.pagination_list.jcc {
  justify-content: center;
}

.pagination_list li {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  cursor: pointer;
}

.pagination_list li:not(.arrow) {
  background: #f3f4f6;
  border-radius: 50%;
  width: 38px;
  min-width: 38px;
  height: 38px;
  color: #1d2939;
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (width <= 575.98px) {
  .pagination_list li:not(.arrow) {
    width: 34px;
    min-width: 34px;
    height: 34px;
  }
}

.pagination_list li:not(.arrow):hover {
  background-color: #e5e7eb;
}

.pagination_list li:not(.arrow).active {
  background: #fb489814;
}

.pagination_list li.arrow {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 50%;
  border: 1px solid #d0d5dd;
}

@media only screen and (width <= 575.98px) {
  .pagination_list li.arrow {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }
}

.pagination_list li.arrow img {
  height: 18px;
}

.pagination_list li.arrow:hover {
  border-color: #fb4898;
}

.pagination_list li.arrow.next_arrow img {
  transform: scale(-1);
}

.product_filter {
  display: flex;
  gap: 26px;
}

.product_filter > .lt {
  width: 290px;
  min-width: 290px;
}

@media only screen and (width <= 1399.98px) {
  .product_filter > .lt {
    position: fixed;
    top: 0;
    z-index: 9999;
    right: 0;
    background: #fff;
    padding: 16px;
    height: 100vh;
    overflow: auto;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 6px #00000040;
  }

  .product_filter > .lt.open {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
  }
}

.product_filter > .rt {
  width: calc(100% - 316px);
}

@media only screen and (width <= 1399.98px) {
  .product_filter > .rt {
    width: 100%;
  }
}

.product_filter > .rt .s_head h2 {
  font-weight: 500;
  color: #0d0d0d;
  gap: 0;
}

.product_filter > .rt .result_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 15px;
}

@media only screen and (width <= 991.98px) {
  .product_filter > .rt .result_head {
    flex-wrap: wrap;
  }
}

.product_filter > .rt .result_head p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #0d0d0d;
}

@media only screen and (width <= 991.98px) {
  .product_filter > .rt .result_head p {
    align-self: flex-start;
    font-size: 13px;
    margin-bottom: 12px;
  }
}

.product_filter > .rt .result_head .rt {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media only screen and (width <= 991.98px) {
  .product_filter > .rt .result_head .rt {
    flex-wrap: wrap;
  }
}

.product_filter > .rt .result_head .rt ul {
  display: flex;
  gap: 8px;
  margin: 0;
}

@media only screen and (width <= 575.98px) {
  .product_filter > .rt .result_head .rt ul {
    flex-wrap: wrap;
    gap: 5px;
  }
}

.product_filter > .rt .result_head .rt ul li {
  border-radius: 4px;
  border: 1px solid #d7d7d7;
  padding: 2px 10px;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 37px;
}

@media only screen and (width <= 1599.98px) {
  .product_filter > .rt .result_head .rt ul li {
    padding: 6px;
    font-size: 13px;
    gap: 3px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_filter > .rt .result_head .rt ul li {
    font-size: 12px;
    padding: 5px;
  }
}

.product_filter > .rt .result_head .rt ul li figure {
  display: inline-flex;
  max-width: 24px;
}

@media only screen and (width <= 1599.98px) {
  .product_filter > .rt .result_head .rt ul li figure {
    max-width: 15px;
  }
}

@media only screen and (width <= 575.98px) {
  .product_filter > .rt .result_head .rt ul li figure {
    max-width: 13px;
  }
}

.product_filter > .rt .result_head .rt ul li.live_str {
  background: #fc5646;
  border-color: #fc5646;
  color: #fff;
}

.product_filter > .rt .MuiButtonBase-root.MuiChip-root {
  background: #f3f4f6;
  border: 0;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 3px;
}

.sort_form {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  white-space: nowrap;
  --field_height: 24px;
  margin-bottom: 0;
  gap: 2px;
}

.sort_form .sort_menu .MuiSelect-select {
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  text-decoration: underline;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0 center;
  background-size: 12px;
  border: none;
  padding: 0 18px 0 0 !important;
}

.MuiAvatar-root.MuiAvatar-circular {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  color: #fff;
  font-size: 21px;
  background: #fb4898;
}

.btn_group {
  display: flex;
  align-items: center;
  gap: 16px;
}

.top_arrow.slick-slider .slick-arrow {
  right: 0;
  top: -60px;
}

.top_arrow.slick-slider .slick-arrow.slick-prev {
  left: unset;
  transform: translate(-150%)rotate(90deg);
}

.top_arrow.slick-slider .slick-arrow.slick-next {
  transform: translate(0)rotate(-90deg);
}

.custom_shape {
  display: inline-flex;
  align-items: center;
  padding: 4px 28px 4px 14px;
  clip-path: polygon(100% 0, 91% 100%, 75% 100%, 0% 100%, 0 48%, 0% 0%);
  background: linear-gradient(162.22deg, #ffd0e5 -17.09%, #fff 122.38%);
  min-height: 34px;
  justify-content: center;
}

.tag {
  padding: 2px 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  min-height: 22px;
  margin: 0;
}

.tag.info {
  background: #def6ff;
  color: #0399ce;
}

.tag.primary {
  background: #fb4898;
  color: #fff;
}

.bredcrum_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 0;
  margin-bottom: 35px;
}

@media only screen and (width <= 767.98px) {
  .bredcrum_list {
    margin-bottom: 20px;
  }
}

.bredcrum_list li {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #727272;
  display: flex;
  align-items: center;
  gap: 8px;
}

@media only screen and (width <= 767.98px) {
  .bredcrum_list li {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .bredcrum_list li {
    font-size: 12px;
  }
}

.bredcrum_list li.cursor_pointer {
  cursor: pointer;
}

.bredcrum_list li:last-child, .bredcrum_list li:hover {
  color: #000;
}

.bredcrum_list li:not(:last-child) {
  margin-right: 8px;
}

.bredcrum_list li:not(:last-child):after {
  content: "";
  background: url("../media/bred_arrow.35e51479.svg") center no-repeat;
  background-size: contain;
  width: 12px;
  height: 10px;
  display: inline-flex;
}

.rating_progress li {
  display: flex;
  gap: 12px;
  font-size: 14px;
  align-items: center;
}

.rating_progress li:not(:last-child) {
  margin-bottom: 6px;
}

.rating_progress span.MuiLinearProgress-root {
  flex: 1;
  background-color: #0000 !important;
}

.vender_review > .lt {
  width: calc(22% - var(--gap_x));
}

.vender_review > .rt {
  width: calc(78% - var(--gap_x));
}

.filter_wp {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px;
}

.filter_wp .filter_mn_box {
  max-width: 286px;
  width: 100%;
  padding-top: 17px;
}

.filter_wp .filter_item {
  border-bottom: 1px solid #f4f4f4;
}

.filter_wp .filter_item .MuiAccordionSummary-content {
  font-weight: 600;
  font-size: 14px;
  color: #1e1e1e;
}

.filter_wp .filter_item .MuiAccordionDetails-root {
  padding-top: 10px;
}

.filter_wp .filter_item .checkbox_list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.filter_wp .filter_item .checkbox_list .MuiFormControlLabel-label {
  font-size: 13px;
  color: #373737;
}

.filter_wp .filter_item .checkbox_list .with_icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.filter_wp .filter_item .checkbox_list .with_icon .star_ic {
  transform: translateY(-1px);
}

.filter_wp .filter_item .brand_list {
  max-height: 240px;
  overflow: auto;
  margin-top: 8px;
}

.filter_wp .filter_item .brand_list::-webkit-scrollbar {
  width: 6px;
}

.filter_wp .filter_item .brand_list::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
}

.filter_wp .filter_item .show_more_btn {
  margin-top: 8px;
  border: 0;
  background: none;
  font-size: 12px;
  color: #0692aa;
  cursor: pointer;
}

.filter_wp .filter_item .show_more_btn:hover {
  text-decoration: underline;
}

.filter_wp .filter_item .radio_list {
  display: grid;
  gap: 6px;
}

.filter_wp .filter_item .radio_list .MuiFormControlLabel-label {
  font-size: 13px;
}

.filter_wp .filter_item .radio_list .inline_location {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
}

.filter_wp .toggle_item {
  padding: 10px 0;
}

.filter_wp .toggle_item .toggle_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter_wp .toggle_item .toggle_line .toggle_title {
  font-size: 14px;
  font-weight: 600;
  color: #1e1e1e;
}

.filter_wp .toggle_item .toggle_line .toggle_ctrl {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.filter_wp .toggle_item .toggle_line .toggle_ctrl .tgl_lbl {
  font-size: 12px;
  color: #9c9c9c;
}

.filter_wp .toggle_item .toggle_line .toggle_ctrl .tgl_lbl.on {
  color: #05a633;
  font-weight: 600;
}

.filter_wp .price_row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 8px;
}

.filter_wp .price_row .minmax {
  max-width: 140px;
}

.filter_wp .price_row .dash {
  color: #999;
}

.filter_wp .slider_row {
  padding: 2px 6px 0;
}

.filter_wp .slider_row .MuiSlider-root {
  margin: 6px 0;
}

.filter_wp .quick_price {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter_wp .quick_price .MuiButton-root {
  text-transform: none;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
}

.filter_wp .cols_2 {
  grid-template-columns: 1fr 1fr;
  display: grid !important;
}

.filter_wp .apply_bar {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding-top: 12px;
  display: flex;
  gap: 8px;
}

.filter_wp .apply_bar .w_btn {
  flex: 1 1 0;
  text-transform: none;
  font-weight: 600;
  border-radius: 10px;
}

.filter_wp .MuiTextField-root {
  margin-top: 8px;
}

.grocery_main .s_head {
  margin-bottom: 0;
}

.stores .stores_inner {
  display: flex;
  gap: 44px;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 35px;
  padding-inline: 10px;
}

.stores .stores_inner li {
  width: calc(11.1111% - 39.1111px);
  margin: 0;
}

@media only screen and (width <= 1599.98px) {
  .stores .stores_inner li {
    width: calc(14.2857% - 37.7143px);
  }
}

@media only screen and (width <= 1399.98px) {
  .stores .stores_inner li {
    width: calc(20% - 35.2px);
  }
}

@media only screen and (width <= 1199.98px) {
  .stores .stores_inner li {
    width: calc(25% - 33px);
  }
}

@media only screen and (width <= 991.98px) {
  .stores .stores_inner li {
    width: calc(33.3333% - 29.3333px);
  }
}

@media only screen and (width <= 767.98px) {
  .stores .stores_inner li {
    width: calc(50% - 22px);
  }
}

@media only screen and (width <= 767.98px) {
  .stores .stores_inner li {
    width: 100%;
  }
}

.stores .stores_inner li figure {
  width: 100%;
  height: 95px;
  position: relative;
}

@media only screen and (width <= 1199.98px) {
  .stores .stores_inner li figure {
    height: 80px;
  }
}

@media only screen and (width <= 767.98px) {
  .stores .stores_inner li figure {
    height: 70px;
  }
}

.stores .stores_inner li figure img {
  height: 100%;
  width: 100%;
  border-radius: 12px;
}

.stores .stores_inner li figure figcaption {
  position: absolute;
  font-weight: 700;
  font-size: 20px;
  height: 73px;
  z-index: 1;
  width: 73px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: rotate(-15deg);
  color: #242529;
  top: -40px;
  right: -37px;
}

@media only screen and (width <= 767.98px) {
  .stores .stores_inner li figure figcaption {
    transform: scale(.6);
    top: -25px;
    right: -25px;
  }
}

.stores .stores_inner li figure figcaption:before {
  position: absolute;
  content: "";
  background-image: url("../media/offer.f08f8312.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.stores .stores_inner li figure figcaption span {
  font-weight: 700;
  font-size: 13px;
}

.stores .stores_inner li h3 {
  font-weight: 700;
  font-size: 18px;
  color: #242529;
  text-align: center;
  margin-block: 8px 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stores .stores_inner li p {
  font-weight: 400;
  font-size: 18px;
  color: #343538;
  text-align: center;
  margin-bottom: 0;
}

.stores .stores_inner li h5 {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  background-color: #ffdc23;
  padding: 2px 3px;
  white-space: nowrap;
  color: #343538;
}

.stores_location .hd_3 span {
  color: #108910;
}

.stores_location .site_tabs4 {
  margin-top: 18px;
}

.stores_location .stores_location_inner {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 18px;
  justify-content: flex-start;
}

@media only screen and (width <= 1399.98px) {
  .stores_location .stores_location_inner {
    gap: 16px;
  }
}

.stores_location .stores_location_inner li.stores_location_list {
  width: calc(25% - 18px);
  border: 1px solid #0000001f;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 0;
}

@media only screen and (width <= 1199.98px) {
  .stores_location .stores_location_inner li.stores_location_list {
    padding: 8px;
    width: calc(50% - 12px);
  }
}

@media only screen and (width <= 767.98px) {
  .stores_location .stores_location_inner li.stores_location_list {
    width: 100%;
  }
}

.stores_location .stores_location_inner li.stores_location_list figure {
  border-radius: 8px;
  overflow: hidden;
  width: 72px;
  height: 54px;
}

.stores_location .stores_location_inner li.stores_location_list figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stores_location .stores_location_inner li.stores_location_list div h3 {
  font-weight: 700;
  font-size: 18px;
  color: #242529;
  margin: 0;
}

.stores_location .stores_location_inner li.stores_location_list div h5 {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  color: #108910;
  margin-block: 3px;
}

.stores_location .stores_location_inner li.stores_location_list div h5 img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.stores_location .stores_location_inner li.stores_location_list div ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #242529;
  flex-wrap: wrap;
}

.stores_location .stores_location_inner li.stores_location_list div ul li {
  padding: 2px;
  font-weight: 400;
  background-color: #f6f7f8;
  font-size: 14px;
  color: #242529;
  margin: 0;
}

.stores_location .stores_location_inner li.stores_location_list div ul li.extra {
  background-color: #ffdc23;
  font-weight: 700;
}

.grocery_sec .sc_head h2 {
  text-align: center;
}

.grocery_sec .grocery_list {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 30px;
}

@media only screen and (width <= 1199.98px) {
  .grocery_sec .grocery_list {
    gap: 18px;
  }
}

.grocery_sec .grocery_list li {
  width: calc(14.2857% - 25.7143px);
}

@media only screen and (width <= 1199.98px) {
  .grocery_sec .grocery_list li {
    width: calc(20% - 14.4px);
  }
}

@media only screen and (width <= 991.98px) {
  .grocery_sec .grocery_list li {
    width: calc(25% - 14.4px);
  }
}

@media only screen and (width <= 767.98px) {
  .grocery_sec .grocery_list li {
    width: calc(33.3333% - 12px);
  }
}

.grocery_sec .grocery_list li figure {
  margin: 0 auto;
  height: 164px;
  width: 164px;
  background-color: #f6f7f8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media only screen and (width <= 1399.98px) {
  .grocery_sec .grocery_list li figure {
    height: 125px;
    width: 125px;
  }
}

@media only screen and (width <= 991.98px) {
  .grocery_sec .grocery_list li figure {
    height: 100px;
    width: 100px;
  }
}

@media only screen and (width <= 767.98px) {
  .grocery_sec .grocery_list li figure {
    height: 90px;
    width: 90px;
  }
}

@media only screen and (width <= 575.98px) {
  .grocery_sec .grocery_list li figure {
    height: 80px;
    width: 80px;
  }
}

.grocery_sec .grocery_list li figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.grocery_sec .grocery_list li h3 {
  margin-top: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #333;
}

@media only screen and (width <= 991.98px) {
  .grocery_sec .grocery_list li h3 {
    font-size: 14px;
  }
}

@media only screen and (width <= 767.98px) {
  .grocery_sec .grocery_list li h3 {
    font-size: 12px;
  }
}

.grocery_sec .btn_flx {
  display: flex;
  justify-content: center;
}

.grocery_sec .btn_flx .MuiButton-root {
  border: 1px solid #888;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  padding: 14px 16px;
}

.vendor_banner {
  height: 360px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.vendor_sc .vendor_bx {
  max-width: 840px;
  width: 100%;
  gap: 26px;
}

.vendor_sc .vendor_bx h1 {
  font-weight: 600;
  color: #3d3d3d;
  margin: 0;
}

.vendor_sc .vendor_bx figure.main {
  width: 170px;
  height: 170px;
  border-radius: 4px;
  overflow: hidden;
}

.vendor_sc .vendor_bx .vendor_detail .vendor_head .verify_list li {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  border-radius: 4px;
  padding-inline: 5px;
}

.vendor_sc .vendor_bx .vendor_detail .detail_list li .tag {
  min-height: 28px;
  min-width: 46px;
  font-size: 20px;
}

.vendor_sc .vendor_bx .vendor_detail .detail_list li span.MuiRating-root.MuiRating-sizeMedium span {
  font-size: 24px;
}

.vendor_sc .vendor_bx .vendor_detail .detail_list li:nth-child(2) p {
  font-size: 16px;
}

.vendor_sc .vendor_bx .vendor_detail .btn_group button {
  min-width: 190px;
  flex: unset;
  border-radius: 8px;
  font-size: 14px;
}

.vendor_sc .vendor_bx .vendor_detail .btn_group button.follow_btn {
  border-color: #fb4898;
  color: #fb4898;
  background: #e5f5ee;
}

.vendor_sc .vendor_bx .vendor_detail .btn_group button.follow_btn:hover {
  background: #fb4898;
  color: #fff;
}

.vendor_sc .vendor_bx .vendor_detail .btn_group button.follow_btn:hover svg {
  color: #fff;
}

.vendor_sc .vendor_bx .vendor_detail .btn_group button.follow_btn svg {
  color: #fb5c77;
}

.vendor_sc .container {
  display: flex;
  align-items: center;
}

.vendor_sc .container > .rt {
  margin-left: auto;
}

.filter_mn_box .filter_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.filter_mn_box .filter_header h2 {
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
  color: #0d0d0d;
  font-weight: 500;
}

.filter_mn_box .filter_header a {
  font-size: 13px;
  font-weight: 500;
  color: #de0000;
}

.filter_mn_box .new_arrival label.MuiFormControlLabel-root {
  width: 100%;
  flex-direction: row-reverse;
  min-height: 60px;
  border: 1px solid #edeff2;
  padding: 10px;
}

.filter_mn_box .new_arrival label.MuiFormControlLabel-root span.MuiTypography-root.MuiTypography-body1 {
  margin-right: auto;
}

.accordian_list .MuiPaper-root {
  border: 0;
}

.accordian_list .MuiPaper-root:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}

.accordian_list button.MuiButtonBase-root {
  padding: 0;
  min-height: 52px;
  background: none;
  justify-content: space-between;
  flex-direction: row;
  color: #0d0d0d;
  font-size: 14px;
}

.accordian_list button.MuiButtonBase-root svg {
  color: #0c0c0c;
}

.accordian_list button.MuiButtonBase-root span.MuiAccordionSummary-expandIconWrapper.Mui-expanded {
  transform: rotate(180deg);
}

.accordian_list .MuiAccordionDetails-root {
  padding: 0 0 16px;
}

.filter_mn_box .form {
  --field_height: 40px;
  margin-bottom: 15px;
}

.filter_mn_box .form :is(input, input.form-control) {
  border-color: #edeff2;
  border-radius: 0;
  font-weight: 300;
  color: #110312;
}

.filter_mn_box .form :is(input, input.form-control)::placeholder {
  color: #b0b4b7;
}

.filter_mn_box .checkbox_list .MuiFormControlLabel-root:not(:last-child) {
  margin-bottom: 10px !important;
}

.filter_mn_box .checkbox_list .MuiFormControlLabel-root .MuiCheckbox-root {
  width: 15px;
  height: 15px;
  min-width: 15px;
}

.filter_mn_box .text_btn {
  color: #0d0d0d;
  font-size: 14px;
  font-weight: 400;
}

.filter_mn_box .text_btn:hover {
  color: #fb4898;
}

.vendor_main .s_head .site_tabs1 {
  margin: 0;
}

.vendor_main .s_head .form {
  --field_height: 40px;
}

.overall_review {
  display: flex;
  justify-content: space-between;
  max-width: 770px;
  width: 100%;
  margin-inline: auto;
  gap: 30px;
}

.overall_review .ttl_review {
  text-align: center;
}

.overall_review .ttl_review h3 {
  color: #2558a7;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 2px;
}

.overall_review .ttl_review p {
  color: #3497d9;
  font-size: 18px;
}

.overall_review .rating_progress {
  max-width: 230px;
  width: 100%;
  margin: 0 0 30px;
}

.overall_review .over_rating {
  max-width: 285px;
}

.overall_review .over_rating li {
  font-size: 18px;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
}

.overall_review .over_rating li > span:not([role]) {
  text-align: right;
  min-width: 120px;
}

.overall_review .over_rating li:not(:last-child) {
  margin-bottom: 6px;
}

.review_listing {
  padding-bottom: 12px;
  border-bottom: 1px solid #dcdcdc;
}

.review_listing:not(:last-child) {
  margin-bottom: 12px;
}

.review_listing .user_dtl {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 10px;
}

.review_listing .user_dtl > figure {
  width: 50px;
  height: 50px;
  min-width: 50px;
  overflow: hidden;
}

.review_listing .user_dtl > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review_listing .user_dtl h3 {
  font-weight: 500;
}

.review_listing p.rating {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}

.review_listing p.rating + p {
  font-size: 18px;
  margin-bottom: 10px;
}

.review_listing p.icon {
  display: flex;
  align-items: center;
  gap: 5px;
}

.review_listing .product_imgs {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
}

.review_listing .product_imgs li {
  width: 70px;
  height: 70px;
  margin: 0;
}

.review_listing .product_imgs li figure {
  width: 100%;
  height: 100%;
}

.review_listing .product_imgs li figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.review_listing .reply {
  padding-left: 12px;
  border-left: 8px solid #e1f0f9;
  margin-left: 20px;
}

.review_listing .reply p {
  font-size: 18px;
}

.review_listing .comment_list {
  margin-top: 16px;
  display: flex;
  gap: 16px;
  text-align: center;
}

.review_listing .comment_list li {
  margin: 0;
  font-size: 18px;
  cursor: pointer;
  color: #434142;
}

.review_listing .comment_list li span {
  display: inline-block;
  margin-left: 4px;
  color: #000;
}

.review_listing .comment_list li span.c_info {
  color: #3497d9;
}

.review_listing .comment_list li figure {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  margin: 0 auto 5px;
}

.review_listing .comment_list li.active figure {
  background: #ffe5e5;
}

.review_listing .comment_list li.active:nth-child(2) figure {
  background: #f0fff1;
}

.vendor_details > .lt {
  width: calc(12% - var(--gap_x));
}

.vendor_details > .rt {
  width: calc(88% - var(--gap_x));
}

.vendor_details > .rt .basic_detail {
  margin-top: 45px;
}

.vendor_details > .rt p {
  color: #1f2937;
}

.vendor_details > .rt .control_group.flex {
  align-items: flex-start;
}

.vendor_details > .rt .view_page {
  --gap_x: 24px;
  --gap_y: 24px;
}

.whiteBox {
  background: #fff;
  border-radius: 18px;
  padding: 16px;
}

.whiteBox.p_0 {
  padding: 0;
}

.sphng_dtls {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 12px;
}

@media only screen and (width <= 767.98px) {
  .sphng_dtls {
    padding: 10px;
    border-radius: 8px;
  }
}

.sphng_dtls_inr {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  position: relative;
  width: 80%;
}

@media only screen and (width <= 767.98px) {
  .sphng_dtls_inr {
    gap: 8px 12px;
  }
}

.sphng_dtls_inr figure {
  width: 28px;
  height: 28px;
}

.sphng_dtls_inr figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sphng_dtls_inr a {
  color: #1d1d1d;
  font-size: 14px;
  text-decoration: underline;
}

.sphng_dtls_inr .sphng_dtls_cntnt {
  margin-top: 5px;
}

.sphng_dtls_inr .sphng_dtls_cntnt h3 {
  margin-bottom: 10px;
}

.sphng_dtls_mn {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sphng_dtls_mn a {
  color: #1d1d1d;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}

@media only screen and (width <= 767.98px) {
  .sphng_dtls_mn a {
    font-size: 13px;
  }
}

@media only screen and (width <= 767.98px) {
  .sphng_dtls_mn a {
    font-size: 12px;
  }
}

.sphng_dtls_cntnt p:not(:last-child) {
  margin-bottom: 10px;
}

.ordr_rvw {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 12px;
}

@media only screen and (width <= 767.98px) {
  .ordr_rvw {
    padding: 10px;
    border-radius: 8px;
  }
}

.ordr_rvw h4 {
  color: #1d1d1d;
  opacity: .7;
  font-weight: 500;
}

.ordr_rvw_cntn p {
  font-size: 20px;
  color: #009d6d;
  font-weight: 600;
}

@media only screen and (width <= 767.98px) {
  .ordr_rvw_cntn p {
    font-size: 18px;
  }
}

@media only screen and (width <= 575.98px) {
  .ordr_rvw_cntn p {
    font-size: 16px;
  }
}

.ordr_rvw_cntn {
  width: calc(100% - 119px);
}

.ordr_rvw_cntn h4 {
  margin: 10px 0;
  font-size: 15px;
  font-weight: 400;
  color: #7d7d7d;
  opacity: 1;
}

.ordr_rvw_cntn h4:last-child {
  margin-bottom: 0;
}

.ordr_rvw_cntn h3 {
  font-weight: 600;
  color: #1d1d1d;
  margin-bottom: 6px;
  padding-right: 10px;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box !important;
}

@media only screen and (width <= 575.98px) {
  .ordr_rvw_cntn h3 {
    padding: 0;
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .ordr_rvw_lst {
    margin-top: 20px;
  }
}

.ordr_rvw_lst li {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}

@media only screen and (width <= 575.98px) {
  .ordr_rvw_lst li {
    flex-wrap: wrap;
    gap: 8px;
  }
}

.ordr_rvw_lst li:not(:last-child) {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

@media only screen and (width <= 767.98px) {
  .ordr_rvw_lst li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (width <= 575.98px) {
  .ordr_rvw_lst li:not(:last-child) {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }
}

.ordr_rvw_lst li figure {
  width: 80px;
  height: 85px;
  min-width: 80px;
  background: #fff;
  border-radius: 8px;
  padding: 5px;
}

@media only screen and (width <= 767.98px) {
  .ordr_rvw_lst li figure {
    width: 80px;
    height: 75px;
    min-width: 80px;
    padding: 5px;
  }
}

@media only screen and (width <= 575.98px) {
  .ordr_rvw_lst li figure {
    border-radius: 5px;
    width: 70px;
    height: 65px;
    min-width: 70px;
  }
}

.ordr_rvw_lst li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.ordr_rvw_inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media only screen and (width <= 767.98px) {
  .ordr_rvw_inr {
    margin-bottom: 10px;
  }
}

.ordr_rvw_inr h3 {
  margin: 0;
}

.ordr_rvw_inr p {
  color: #6b7280;
  font-size: 14px;
}

.ordr_rvw_inr a {
  font-size: 15px;
  font-weight: 400;
  color: #7d7d7d;
  text-decoration: underline;
}

.ordr_count {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  position: absolute;
  bottom: 25px;
  right: 20px;
}

@media only screen and (width <= 575.98px) {
  .ordr_count {
    position: initial;
    margin-left: auto;
  }
}

.ordr_count .minus, .ordr_count .plus {
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #009d6d;
  font-size: 26px;
  color: #009d6d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
  cursor: pointer;
}

.ordr_count .plus {
  background: #009d6d;
  color: #fff;
}

.ordr_count .count {
  font-size: 14px;
  color: #000;
  min-width: 20px;
  font-weight: 700;
  text-align: center;
}

.mycrt_mn {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.mycrt_mn .mycrt_lt {
  width: 60%;
}

@media only screen and (width <= 1199.98px) {
  .mycrt_mn .mycrt_lt {
    width: 100%;
  }
}

.mycrt_mn .mycrt_rt {
  width: 36%;
}

@media only screen and (width <= 1199.98px) {
  .mycrt_mn .mycrt_rt {
    width: 100%;
  }
}

.mycrt_mn .mycrt_rt .chkot_btn {
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 30px;
}

.blng_smmry {
  margin-bottom: 0;
}

.blng_smmry li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #110312;
  flex-wrap: wrap;
}

.blng_smmry li strong {
  font-weight: 500;
}

.promo {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 20px;
  color: #fb4898 !important;
}

.promo_cd {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 15px;
  position: relative;
}

@media only screen and (width <= 767.98px) {
  .promo_cd {
    padding: 16px;
    border-radius: 10px;
  }
}

.promo_cd .promo_cd_inr {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  cursor: pointer;
}

.promo_cd .promo_cd_inr figure {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 28px;
}

.promo_cd .promo_cd_inr figure img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.promo_cd .promo_cd_inr figure figcaption {
  font-weight: 400;
  font-size: 16px;
  color: #1d1d1d;
  line-height: 24px;
}

.promo_cd .promo_cd_inr .arrow_img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.mycrt_mn .mycrt_lbl {
  border: 1px solid #dcdcdc;
  width: calc(33.3333% - 10px);
  border-radius: 10px;
}

@media only screen and (width <= 767.98px) {
  .mycrt_mn .mycrt_lbl {
    padding: 7px;
  }
}

.mycrt_mn .mycrt_lbl h3 {
  margin: 8px 0 5px;
  text-transform: capitalize;
  font-weight: 500;
}

.mycrt_mn .mycrt_lbl p {
  font-size: 14px;
  color: #6b7280;
  text-transform: math-auto;
}

@media only screen and (width <= 767.98px) {
  .mycrt_mn .mycrt_lbl p {
    font-size: 13px;
  }
}

@media only screen and (width <= 575.98px) {
  .mycrt_mn .mycrt_lbl p {
    font-size: 12px;
  }
}

.mycrt_tbs_mn .MuiTabs-list {
  gap: 15px;
}

@media only screen and (width <= 767.98px) {
  .mycrt_tbs_mn .MuiTabs-list {
    gap: 8px;
  }
}

.mycrt_lbl figure {
  width: 45px;
  height: 23px;
  margin: 0 auto;
}

.mycrt_lbl figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mycrt_tbs_mn .MuiTabs-indicator {
  height: 0 !important;
  background-color: unset !important;
}

.mycrt_mn .mycrt_lt > div {
  border-bottom: 0;
}

.Mui-selected.mycrt_lbl {
  border: 1px solid #008b60;
}

.mycrt_sc h2.hdng {
  font-size: 18px;
  margin-top: 30px;
}

.pckup_slts {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.pckup_slts li {
  background: #fff;
  padding: 16px;
  width: calc(12.5% - 7px);
  border: 1px solid #cacaca;
  border-radius: 8px;
  text-align: center;
  margin: 0;
}

@media (width <= 1800px) {
  .pckup_slts li {
    width: calc(20% - 6.4px);
  }
}

@media only screen and (width <= 575.98px) {
  .pckup_slts li {
    width: calc(33.3333% - 5.33333px);
  }
}

@media only screen and (width <= 991.98px) {
  .pckup_slts li {
    padding: 10px;
  }
}

.pckup_slts li p {
  font-size: 13px;
}

.pckup_slts li h3 {
  margin-bottom: 4px;
  font-size: 14px;
}

.dlvry_dtls .sphng_dtls_inr figure {
  width: 40px;
  height: 35px;
}

.pymnts_optn_lst .pymnts_optn_bx {
  background: #f5f5f5;
  padding: 7px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 12px;
  flex-direction: row-reverse;
  margin-bottom: 15px !important;
}

.pymnts_optn_lst .pymnts_optn_bx.checkbx {
  flex-direction: row;
  justify-content: flex-start;
  padding: 12px 22px;
  gap: 10px;
}

.pymnts_optn_lst .pymnts_optn_bx.checkbx .MuiCheckbox-root {
  padding: 0;
  border: 2px solid #d9d9d9;
  border-radius: 6px;
  width: 25px;
  height: 25px;
  min-width: 25px;
}

.pymnts_optn_lst .pymnts_optn_bx.checkbx h3 {
  font-size: 16px;
  color: #212121;
}

.pymnts_optn_lst .pymnts_optn_bx.checkbx h3 span {
  display: block;
  font-size: 14px;
  color: #0009;
  font-weight: 300;
  margin-top: 3px;
}

.pymnts_optn_lst .pymnts_optn_inr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
}

.pymnts_optn_lst .pymnts_optn_inr figure {
  width: 40px;
  height: 40px;
}

.pymnts_optn_lst .pymnts_optn_inr figure img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.pymnts_optn > h3 {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

button.MuiButton-root.adnw_crd {
  background: #fb489814;
  color: #fb4898;
  font-size: 14px;
  border: 1px dashed;
}

.mycrt_mn .mycrt_rt .pymnts_optn .chkot_btn {
  margin-top: 20px;
  border-radius: 10px;
  font-weight: 700;
}

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

.totl_amnt h3 {
  margin: 0;
  font-weight: 400;
}

.totl_amnt p {
  font-weight: 600;
}

.pymnt_scsfl_mn figure {
  margin: 0 auto 25px;
  width: 170px;
  height: 170px;
}

.pymnt_scsfl_mn figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.pymnt_scsfl_mn .ordrid {
  color: #fb4898;
  margin-bottom: 40px;
}

@media only screen and (width <= 991.98px) {
  .pymnt_scsfl_mn .ordrid {
    margin-bottom: 30px;
  }
}

@media only screen and (width <= 767.98px) {
  .pymnt_scsfl_mn .ordrid {
    margin-bottom: 24px;
  }
}

@media only screen and (width <= 575.98px) {
  .pymnt_scsfl_mn .ordrid {
    margin-bottom: 20px;
  }
}

.pymnt_scsfl_mn h3 {
  margin-bottom: 10px;
}

.pymnt_scsfl_mn p {
  font-size: 18px;
  color: #1d1d1db2;
  margin-bottom: 12px;
}

.pymnt_scsfl_mn .btn_flex {
  justify-content: center;
}

.pymnt_scsfl_mn .btn_flex Button {
  border-radius: 12px;
  min-width: 250px;
}

.pymnt_scsfl_mn .btn_flex Button.dotd_btn {
  border: 1px dashed #fb4898;
  background: #fb48980d;
  color: #fb4898;
}

.shpngaddrs_modal .modal-body {
  background: #f3f4f6;
}

.shpngaddrs_modal .modal_title h2 {
  color: #1d1d1d;
  font-weight: 600;
}

.sphng_lst {
  background: #fff;
  border: 1px solid #fff;
  padding: 20px;
  border-radius: 14px;
  position: relative;
  display: block !important;
}

@media only screen and (width <= 767.98px) {
  .sphng_lst {
    padding: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  .sphng_lst {
    padding: 10px;
    border-radius: 10px;
  }
}

.sphng_lst .MuiRadio-root {
  position: absolute;
  right: 20px;
  top: 20px;
  display: none;
}

.sphng_lst .MuiRadio-root.Mui-checked {
  display: block;
}

.sphng_lst:has(.MuiRadio-root.Mui-checked) {
  border: 1px solid #fb4898;
}

.shpng_adrs_lst .sphng_lst:not(:last-child) {
  margin-bottom: 20px !important;
}

@media only screen and (width <= 575.98px) {
  .shpng_adrs_lst .sphng_lst:not(:last-child) {
    margin-bottom: 12px !important;
  }
}

.shpng_adrs_cntnt p {
  font-size: 14px;
  color: #000;
  opacity: .7;
}

@media only screen and (width <= 575.98px) {
  .shpng_adrs_cntnt p {
    font-size: 12px;
  }
}

.shpng_adrs_cntnt h3 {
  margin-bottom: 8px;
}

.shpng_adrs_inr {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  flex-wrap: wrap;
}

@media only screen and (width <= 575.98px) {
  .shpng_adrs_inr {
    gap: 8px;
    align-items: center;
  }
}

button.MuiButton-root.adnw_adrs {
  background: #fff;
  color: #1d1d1d;
  font-size: 14px;
  border: 1px dashed #1d1d1d;
  margin-top: 30px;
  border-radius: 15px;
}

@media only screen and (width <= 575.98px) {
  button.MuiButton-root.adnw_adrs {
    margin-top: 20px;
    font-size: 12px;
  }
}

.chngstore_modal .sphng_lst {
  background: #f3f4f6;
}

.chngstore_modal .sphng_lst .MuiRadio-root {
  position: absolute;
  right: 20px;
  top: 0;
  display: block;
  bottom: 0;
  margin: auto;
}

.chngstore_modal .sphng_lst:has(.MuiRadio-root.Mui-checked) {
  border: 1px solid #f3f4f6;
}

.chngstore_modal button.MuiButton-root.MuiButton-textPrimary {
  margin-top: 25px;
}

.chngstore_modal .modal_title h2 {
  text-transform: uppercase;
  font-weight: 500;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 30px;
}

.modal.otpVerify_modal .modal-dialog {
  max-width: 460px;
}

.modal.otpVerify_modal .modal-dialog .modal_title {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.modal.otpVerify_modal .modal-dialog .modal_title h2 {
  margin-bottom: 6px;
  color: #1d1d1d;
}

.modal.otpVerify_modal .modal-dialog .modal_title p {
  font-size: 14px;
  color: #1d1d1d99;
}

.modal.otpVerify_modal .modal-dialog .resend {
  margin-block: 18px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal.otpVerify_modal .modal-dialog .resend span {
  color: #1d1d1d80;
}

.modal.otpVerify_modal .modal-dialog .resend strong {
  font-weight: 400;
  color: #1d1d1d;
}

.modal.otpVerify_modal .modal-dialog .btn_flex.m_0 {
  margin: 0;
}

.modal.address_modal .modal-dialog {
  max-width: 545px;
}

.modal.address_modal .modal-dialog .modal-body {
  padding: 0;
}

.modal.address_modal .modal-dialog .modal-body .modal_title {
  position: absolute;
  z-index: 3;
  padding: 30px 30px 0;
  top: 0;
  left: 0;
}

.modal.address_modal .modal-dialog .modal-body {
  border-radius: 20px;
}

.modal.address_modal .modal-dialog .modal-body .map_view {
  height: 350px;
  margin: -30px;
  position: relative;
}

.modal.address_modal .modal-dialog .modal-body .map_view:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #fff0 0%, #fff 100%);
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.modal.address_modal .modal-dialog .modal-body .map_view iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

.modal.address_modal .modal-dialog .modal-body .address_content {
  border-radius: 40px 30px 0 0;
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 30px;
}

.modal.address_modal .modal-dialog .modal-body .address_content .save_address {
  margin: 10px 0 20px;
  display: flex;
  gap: 8px;
}

.modal.address_modal .modal-dialog .modal-body .address_content .save_address li {
  margin: 0;
  border-radius: 7px;
  padding: 6px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  min-width: 85px;
  background: #f5f7f8;
  font-size: 14px;
  color: #1d1d1d;
  cursor: pointer;
}

.modal.address_modal .modal-dialog .modal-body .address_content .save_address li.active {
  background: #fb4898;
  color: #fff;
}

.modal.address_modal .modal-dialog .modal-body .address_content .form :is(textarea, input) {
  background: #f5f7f8;
  border: 0;
  border-radius: 10px;
}

.modal.address_modal .modal-dialog .modal-body .address_content .form :is(textarea) {
  height: 85px !important;
}

.modal.addCard_modal .modal-dialog {
  max-width: 390px;
}

.modal.addCard_modal .modal-dialog .modal-body {
  border-radius: 20px;
  padding: 20px;
}

.modal.addCard_modal .btn_flex .btnn {
  min-width: 170px;
}

.modal.rating_modal .modal-dialog {
  max-width: 545px;
}

.modal.rating_modal .modal-dialog .modal_title {
  margin-bottom: 40px;
}

.modal.rating_modal .modal-dialog .modal_title h2 {
  color: #1d1d1d;
  font-weight: 600;
}

.modal.rating_modal .modal-dialog .modal-body {
  border-radius: 20px;
  background: #f3f4f6;
}

.modal.rating_modal .modal-dialog .modal-body .control_group label {
  font-size: 18px;
  font-weight: 500;
  color: #110312;
  margin-bottom: 10px;
}

.modal.rating_modal .modal-dialog .modal-body .control_group textarea.MuiInputBase-input {
  height: 120px !important;
}

.modal.rating_modal .modal-dialog .modal-body .control_group span.MuiRating-root label {
  margin: 0;
}

.modal.rating_modal .modal-dialog .modal-body .control_group span.MuiRating-root label .MuiRating-iconFilled .MuiSvgIcon-root {
  color: #ffc620;
}

.modal.rating_modal .modal-dialog .modal-body .control_group span.MuiRating-root label .MuiSvgIcon-root {
  font-size: 45px;
}

@media only screen and (width <= 991.98px) {
  .modal.rating_modal .modal-dialog .modal-body .control_group span.MuiRating-root label .MuiSvgIcon-root {
    font-size: 40px;
  }
}

@media only screen and (width <= 767.98px) {
  .modal.rating_modal .modal-dialog .modal-body .control_group span.MuiRating-root label .MuiSvgIcon-root {
    font-size: 30px;
  }
}

@media only screen and (width <= 575.98px) {
  .modal.rating_modal .modal-dialog .modal-body .control_group span.MuiRating-root label .MuiSvgIcon-root {
    font-size: 26px;
  }
}

.modal.rating_modal .modal-dialog .modal-body .btn_group:not(:last-child) {
  margin-bottom: 40px;
}

.modal.rating_modal .modal-dialog .modal-body button.MuiButton-root {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  border-radius: 12px;
  min-width: 190px;
}

.modal.rating_modal .modal-dialog .modal-body button.MuiButton-root.MuiButton-outlinedPrimary img {
  transition: all .3s ease-in-out;
  filter: brightness(0) invert(52%) sepia(41%) saturate(7170%) hue-rotate(309deg) brightness(104%) contrast(97%);
}

.modal.rating_modal .modal-dialog .modal-body button.MuiButton-root.MuiButton-outlinedPrimary:hover img {
  filter: brightness(0) invert();
}

.social_links {
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 20px;
}

@media only screen and (width <= 575.98px) {
  .social_links {
    gap: 14px;
    margin-top: 20px;
  }
}

.social_links li {
  display: inline-flex;
  margin-bottom: 0;
}

.social_links li a {
  width: 32px;
  height: 32px;
}

.social_links li a img {
  filter: brightness(0) saturate() invert(44%) sepia(69%) saturate(2309%) hue-rotate(306deg) brightness(98%) contrast(101%);
}

@media only screen and (width <= 575.98px) {
  .social_links li a {
    width: 24px;
    height: 24px;
  }
}

.social_links li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.form.v2 :is(input, textarea) {
  background: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
}

.form.v2 :is(input, textarea):focus {
  border-color: #fb4898 !important;
}

.billing_summary_modal .modal-body {
  background-color: #f3f4f6;
}

.billing_summary_modal .modal-body .promocd_lst {
  max-height: 500px;
  overflow-y: auto;
  padding-right: 30px;
  margin-right: -30px;
}

@media only screen and (width <= 1199.98px) {
  .billing_summary_modal .modal-body .promocd_lst {
    padding-right: 24px;
    margin-right: -24px;
  }
}

@media only screen and (width <= 991.98px) {
  .billing_summary_modal .modal-body .promocd_lst {
    padding-right: 20px;
    margin-right: -20px;
  }
}

.billing_summary_modal .modal-body .promocd_lst li {
  border-radius: 16px;
  background-color: #fff;
  margin-bottom: 16px;
}

@media only screen and (width <= 575.98px) {
  .billing_summary_modal .modal-body .promocd_lst li {
    border-radius: 10px;
    margin-bottom: 10px;
  }
}

.billing_summary_modal .modal-body .promocd_lst li div {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  align-items: center;
  border-bottom: 1px solid #1d1d1d0f;
}

@media only screen and (width <= 575.98px) {
  .billing_summary_modal .modal-body .promocd_lst li div {
    padding: 10px;
  }
}

.billing_summary_modal .modal-body .promocd_lst li div h3 {
  font-weight: 700;
  font-size: 16px;
  color: #1d1d1d;
  margin: 0;
}

@media only screen and (width <= 575.98px) {
  .billing_summary_modal .modal-body .promocd_lst li div h3 {
    font-size: 14px;
  }
}

.billing_summary_modal .modal-body .promocd_lst li div button {
  height: 25px;
  min-height: 25px;
  font-size: 14px;
  padding: 5px 17px;
  border-radius: 7px;
  line-height: 24px;
}

@media only screen and (width <= 575.98px) {
  .billing_summary_modal .modal-body .promocd_lst li div button {
    padding: 5px 10px;
    font-size: 12px;
  }
}

.billing_summary_modal .modal-body .promocd_lst li p {
  padding: 15px;
  font-weight: 400;
  font-size: 14px;
  color: #1d1d1db3;
}

@media only screen and (width <= 575.98px) {
  .billing_summary_modal .modal-body .promocd_lst li p {
    font-size: 12px;
    padding: 10px;
  }
}

.accordian_list .MuiAccordion-heading .MuiAccordionSummary-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 0;
}

.accordian_list .MuiAccordion-heading .MuiAccordionSummary-content p {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  color: #9e9e9e;
  font-weight: 300;
  font-size: 14px;
  text-decoration: none;
}

.accordian_list .MuiAccordion-heading .MuiAccordionSummary-content p a {
  font-weight: 300;
  font-size: 13px;
  color: #0d0d0d;
  text-decoration: underline;
}

.unfollow_modal .modal-body {
  padding: 60px;
}

.unfollow_modal .modal-body .modal_title {
  text-align: center;
}

.unfollow_modal .modal-body .modal_title h2 {
  color: #101828;
  margin-bottom: 22px;
  font-weight: 500;
}

.unfollow_modal .modal-body .modal_title p {
  color: #667085;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}

.unfollow_modal .modal-body ul {
  display: flex;
  padding: 8px;
  background: #f7f7f7;
  border-radius: 4px;
  margin-block: 24px;
}

.unfollow_modal .modal-body ul li {
  width: 50%;
  text-align: center;
  margin: 0;
}

.unfollow_modal .modal-body ul li figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.unfollow_modal .modal-body ul li figure img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.unfollow_modal .modal-body ul li figure figcaption {
  font-weight: 500;
  font-size: 14px;
}

.unfollow_modal .modal-body ul li:first-child {
  border-right: 1px solid #667085;
}

.unfollow_modal .modal-body .btnn {
  padding: 10px;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  border-radius: 8px;
  cursor: pointer;
}

.unfollow_modal .modal-body .btnn.gradient {
  background: linear-gradient(90deg, #69d6a8 0%, #f7fb69 100%);
  box-shadow: 0 1px 2px #1018280d;
  color: #000;
  margin-bottom: 12px;
  border: none;
}

.unfollow_modal .modal-body .btnn.white {
  background: #fff;
  border: 1px solid #d0d5dd;
  box-shadow: 0 1px 2px #1018280d;
  color: #344054;
}

.chat_page {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.chat_sc {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.chat_sc .chat_body {
  flex: 1;
  overflow: auto;
  padding: 5px 0 20px 22px;
  min-height: 400px;
}

.chat_sc .chat_body .single_message {
  max-width: 510px;
  display: flex;
}

.chat_sc .chat_body .single_message:not(:last-child) {
  margin-bottom: 18px;
}

.chat_sc .chat_body .single_message .image_user {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  background-color: #fb4898;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: 0;
}

.chat_sc .chat_body .single_message .image_user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chat_sc .chat_body .single_message .image_user figcaption {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chat_sc .chat_body .single_message .msg_body {
  width: auto;
  display: inline-block;
  background-color: #f4f4f4;
  word-break: break-word;
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  padding: 16px 20px;
  gap: 3px;
}

.chat_sc .chat_body .single_message .msg_body p {
  font-size: 14px;
  font-weight: 400;
  color: #1d1d1d;
  line-height: 1.4;
}

.chat_sc .chat_body .single_message.sended {
  margin-left: auto;
  justify-content: flex-end;
}

.chat_sc .chat_body .single_message.sended .msg_body {
  background-color: #fb4898;
  border-radius: 30px 0 30px 30px;
}

.chat_sc .chat_body .single_message.sended .msg_body p {
  color: #fff;
}

.chat_sc .chat_body .single_message.recieved {
  padding-left: 36px;
  padding-bottom: 15px;
  position: relative;
}

.chat_sc .chat_body .single_message.recieved .msg_body {
  border-radius: 30px 30px 30px 0;
}

.chat_sc .chat_foot {
  padding: 15px 0 0;
}

.chat_sc .chat_foot .control_group {
  position: relative;
  margin-bottom: 0;
  width: 100%;
}

.chat_sc .chat_foot .control_group input {
  font-size: 14px;
  font-weight: 400;
  color: #1d1d1d;
  padding: 5px 80px 5px 20px;
  box-shadow: 5px 4px 40px #0000000f;
  background-color: #fff;
  border-color: #fff;
  border-radius: 50px;
  height: 56px;
}

.chat_sc .chat_foot .control_group input::placeholder {
  color: #1d1d1db2;
}

.chat_sc .chat_foot .control_group input:focus {
  border-color: #fb4898;
}

.chat_sc .chat_foot .control_group .MuiButtonBase-root.icon_btn {
  padding: 0;
  position: absolute;
  background-color: #0000;
  border-color: #0000;
  right: 10px;
  top: 2px;
}

.chat_sc .chat_foot .control_group .MuiButtonBase-root.icon_btn img {
  filter: none;
}

.product_category .container > .s_head {
  margin-bottom: 0;
}

.product_category .container > .s_head .bredcrum_list {
  margin-bottom: 25px;
}

.product_category .container button.MuiButtonBase-root.filter_icon {
  display: none;
}

@media only screen and (width <= 1399.98px) {
  .product_category .container button.MuiButtonBase-root.filter_icon {
    display: inline-flex;
  }
}

.product_category .products_card_list.gap_m {
  --gap_x: 18px;
  --gap_y: 18px;
}

.product_category .products_card_list .productCard_item {
  width: calc(25% - var(--gap_x));
}

.member_since {
  display: flex;
  gap: 20px;
  align-items: center;
}

.member_since li {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #1f2937;
  display: flex;
  align-items: center;
  gap: 3px;
}

.member_since li img {
  max-height: 26px;
  object-fit: contain;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #f5f5f5;
  border-radius: 15px;
  padding: 15px;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx:not(:last-child) {
  margin-bottom: 12px;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx p {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  margin: 0;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx p .c_primary {
  display: block;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx .rt {
  text-align: right;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx .rt h3 {
  font-size: 14px;
  color: #110312;
  opacity: .5;
  font-weight: 400;
  margin-bottom: 5px;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx .rt p {
  font-size: 16px;
  font-weight: 700;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx .rt p.pending {
  color: #fb484b;
}

.trnsactn_hstry_lst .trnsactn_hstry_bx .rt p.completed {
  color: #20ba20;
}

.wallet_cta_sc {
  background: #fb4898;
  padding: 20px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 145px;
  flex-wrap: wrap;
}

.wallet_cta_sc .wallet_cta_rt Button {
  background: #fff;
  color: #fb4898;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.wallet_cta_sc .wallet_cta_rt Button svg {
  filter: brightness(0) saturate() invert(54%) sepia(67%) saturate(4875%) hue-rotate(307deg) brightness() contrast(98%);
}

.wallet_cta_sc .wallet_cta_lt h3 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
}

.wallet_cta_sc .wallet_cta_lt p {
  font-size: 12px;
  color: #fff9;
}

.wallet_cta_sc .wallet_cta_lt p:not(:last-child) {
  margin-bottom: 10px;
}

.wallet_cta_sc .wallet_cta_lt p.balance {
  display: flex;
  align-items: center;
  min-height: 34px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  gap: 6px;
}

.wallet_cta_sc .wallet_cta_lt p.balance .dots {
  display: flex;
  align-items: center;
  gap: 6px;
}

.wallet_cta_sc .wallet_cta_lt p.balance .dots span {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
}

.wallet_cta_sc .wallet_cta_lt p.balance .MuiIconButton-root {
  padding: 0;
  margin-inline: auto 40px;
}

.wallet_cta_sc .wallet_cta_lt p.balance .MuiIconButton-root svg {
  font-size: 16px;
}

.wallet_cta_sc .wallet_cta_rt .MuiButtonBase-root {
  min-height: 40px;
  font-size: 14px;
  font-weight: 700;
  padding: 2px 14px;
  border-radius: 10px;
  min-width: 1px;
  gap: 10px;
}

.wallet_cta_sc .wallet_cta_rt .MuiButtonBase-root svg {
  font-size: 24px;
}

.rfund_plcy p {
  font-size: 14px;
  color: #3c3c3c;
}

.rfer_earn_sc .rfer_earn_lst .rfer_earn_bx {
  padding: 20px 25px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 1px solid #fb4898;
  min-height: 145px;
}

.rfer_earn_sc .rfer_earn_lst .rfer_earn_bx.earned {
  background: #fb4898;
}

.rfer_earn_sc .rfer_earn_lst .rfer_earn_bx.earned p, .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx.earned h3 {
  color: #fff;
  font-family: Jost, sans-serif !important;
}

.rfer_earn_sc .rfer_earn_lst .rfer_earn_bx.referals {
  padding-block: 30px;
  background: linear-gradient(165.62deg, #ffd0e5 -52.8%, #fff 138.02%);
}

.rfer_earn_sc .rfer_earn_lst .rfer_earn_bx.referals .MuiButtonBase-root {
  min-height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 10px;
  align-self: flex-start;
  padding: 2px 17px;
  min-width: 1px;
}

.rfer_earn_sc .rfer_earn_lst .rfer_earn_bx p {
  font-size: 14px;
  margin-bottom: 12px;
}

.rfer_earn_sc .rfer_earn_lst .rfer_earn_bx h3 {
  font-size: 32px;
  font-weight: 700;
  font-family: Jost, sans-serif !important;
}

.refrnc_hstry .reference_lst .reference_bx {
  background: #f5f5f5;
  border-radius: 14px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.refrnc_hstry .reference_lst .reference_bx:has(.pending) .lt h3 span.pending {
  color: #fb484b;
}

.refrnc_hstry .reference_lst .reference_bx:has(.pending) .rt p {
  opacity: .5;
}

.refrnc_hstry .reference_lst .reference_bx .lt p {
  font-size: 14px;
  color: #000;
  margin-bottom: 8px;
  font-weight: 500;
}

.refrnc_hstry .reference_lst .reference_bx .lt h3 {
  color: #908a91;
  font-size: 14px;
  font-weight: 600;
}

.refrnc_hstry .reference_lst .reference_bx .lt h3 span.succesfull {
  color: #20ba20;
  opacity: 1;
}

.refrnc_hstry .reference_lst .reference_bx .rt {
  text-align: right;
}

.refrnc_hstry .reference_lst .reference_bx .rt h3 {
  color: #908a91;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.refrnc_hstry .reference_lst .reference_bx .rt p {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}

.refrnc_hstry .reference_lst .reference_bx .rt p span.c_primary {
  font-weight: 600;
}

.loyalty_prgrm_mn {
  align-items: flex-start;
}

.loyalty_prgrm_mn .rt {
  position: sticky;
  top: 150px;
}

.loyalty_prgrm_mn .rt .level {
  background: linear-gradient(165.62deg, #ffd0e5 -52.8%, #fff 138.02%);
  border: 1px solid #fb4898;
  padding: 32px 30px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.loyalty_prgrm_mn .rt .level h3 {
  font-size: 32px;
  font-weight: 700;
}

.loyalty_prgrm_mn .rt .level p {
  margin-bottom: 10px;
  font-size: 14px;
}

.loyalty_prgrm_mn .rt .hwto_earn h3 {
  font-size: 16px;
}

.loyalty_prgrm_mn .rt .hwto_earn ul {
  background: #f5f5f5;
  border-radius: 14px;
  padding: 30px 20px;
}

.loyalty_prgrm_mn .rt .hwto_earn ul li {
  font-size: 14px;
}

.loyalty_prgrm_mn .rt .hwto_earn ul li:not(:last-child) {
  margin-bottom: 10px;
}

.loyalty_prgrm_mn .rt .earned_points {
  position: relative;
  padding-bottom: 15px;
}

.loyalty_prgrm_mn .rt .earned_points .earned_points_progress {
  width: 90%;
  display: flex;
  aspect-ratio: 1 / .5;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-inline: auto;
}

.loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step {
  position: absolute;
  display: inline-flex;
  z-index: 1;
}

.loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step:not(.active) {
  filter: grayscale();
}

.loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_01 {
  left: -22px;
  bottom: -20px;
}

.loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_02 {
  left: 16%;
  top: 5%;
}

.loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_03 {
  right: 16%;
  top: 5%;
}

.loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_04 {
  right: -22px;
  bottom: -20px;
}

.loyalty_prgrm_mn .rt .earned_points .flip {
  width: 100%;
  height: 200%;
  overflow: visible;
  display: inline-block;
  position: absolute;
  inset: 0;
}

.loyalty_prgrm_mn .rt .earned_points .flip .CircularProgressbar-text {
  transform: scaleX(-1);
  transform-origin: center;
}

.loyalty_prgrm_mn .rt .earned_points .flip .CircularProgressbar {
  width: 100% !important;
  height: 100% !important;
}

.loyalty_prgrm_mn .rt .earned_points .semi_text {
  position: absolute;
  bottom: -15px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.loyalty_prgrm_mn .rt .earned_points .semi_text h3 {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 5px;
  line-height: normal;
  line-height: 1.5;
  display: inline;
  font-family: Jost, sans-serif !important;
}

.loyalty_prgrm_mn .rt .earned_points .semi_text p {
  font-size: 14px;
  color: #1b1b1899;
  font-family: Jost, sans-serif !important;
}

.free-shipping-banner {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #fb4898;
  color: #fff;
  padding: 15px;
  border-radius: 8px;
}

.free-shipping-banner figure {
  width: 40px;
  min-width: 40px;
}

.free-shipping-banner figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.free-shipping-banner .text strong {
  font-weight: bold;
  font-size: 16px;
  display: block;
  line-height: 100%;
  color: #fff;
  margin-bottom: 5px;
}

.free-shipping-banner .text span {
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
}

.quntiti_slctr {
  width: 150px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.quntiti_slctr .form {
  --field_height: 35px;
}

.quntiti_slctr .form :is(input, select, textarea, input.form-control, .MuiSelect-select, .MuiAutocomplete-root .MuiInputBase-root) {
  border-radius: 5px;
  border: 1px solid #fb4898;
}

.quntiti_slctr .quantity-dropdown select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1.5px solid #ff4fa3;
  border-radius: 6px;
  padding: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #ff4fa3;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23222' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px;
  transition: all .2s;
  min-width: 73px;
  text-align: center;
}

.quntiti_slctr p {
  color: #fb4898;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}

.quntiti_slctr del {
  font-size: 15px;
  color: #7d7d7d;
  font-weight: 500;
  margin-left: 10px;
}

.ordr_rvw_cntn a {
  color: #7d7d7d;
  font-size: 15px;
  font-weight: 400;
  text-decoration: underline;
}

.chck-bx {
  flex-direction: row;
  background: #f5f5f5;
  padding: 20px 30px;
  display: flex;
  border-radius: 10px;
}

.chck-bx h3 {
  font-weight: 500;
  color: #212121;
  line-height: 1.5;
}

.chck-bx h3 span {
  display: block;
  font-size: 14px;
  color: #0009;
  font-weight: 400;
}

.amount_mn {
  width: 85%;
  margin: 0 auto;
}

.amount_mn :is(.gap_p, .gap_m) {
  --gap_x: 10px;
  --gap_y: 15px;
}

.amount_mn .price {
  text-align: center;
  margin-bottom: 30px;
}

.amount_mn .price h3 {
  font-size: 16px;
  color: #110312;
  opacity: .5;
  font-weight: 400;
}

.amount_mn .price input {
  font-size: 48px;
  color: #000;
  padding: 0;
  text-align: center;
  font-weight: 600;
}

.amount_mn .price input::placeholder {
  color: #000;
}

.amount_mn .amount {
  margin-bottom: 30px;
}

.amount_mn .amount li {
  background: #fff;
  text-align: center;
  color: #a6a0a6;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  padding: 10px;
  border-radius: 30px;
}

.amount_mn Button {
  border-radius: 12px;
}

.pymnts_optn .sphng_lst .MuiRadio-root {
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  border-color: #fff;
  outline: 1px solid #e0e0e0 !important;
}

.pymnts_optn .sphng_lst .MuiRadio-root.Mui-checked {
  outline: 1px solid #fb4898 !important;
}

.pymnts_optn .sphng_lst:has(.MuiRadio-root.Mui-checked) {
  border: 1px solid #fff;
}

.pymnts_optn .sphng_lst .shpng_adrs_cntnt h3 {
  margin: 0;
}

.pymnts_optn .sphng_lst:has(p) {
  margin-bottom: 8px;
}

.pymnts_optn .safe_secure {
  background: #eee;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px;
  font-size: 14px;
}

.pymnts_optn .safe_secure img {
  filter: brightness(0);
}

.pymnts_optn Button {
  border-radius: 11px;
}

.mblvw_btn {
  display: none;
}

.homePromotion2_sc .promotion_grid .slick-slide {
  padding: 0 10px;
}

.homePromotion2_sc .promotion_grid .slick-list {
  padding: 0 -10px;
}

@media (width <= 1600px) {
  .home_care .care_slider .slick-slide {
    padding: 0 10px;
  }

  .home_care .care_slider .slick-list {
    margin: 0 10px;
  }

  .home_care .care_item figure figcaption {
    font-size: 16px;
  }

  .home_collection_sc .brand_slider .brand_item .brand_info h3, .home_video_sc .video_slider .video_item p, .category_grid .category_bx h3 {
    font-size: 16px;
  }

  .festive_grid .festive_item p {
    padding: 0 10px;
    font-size: 16px;
  }

  .home_festive_sc .container {
    background-position: 50% 0;
  }

  .category_grid .category_bx {
    padding: 15px 5px;
  }

  .category_grid .category_bx figure {
    width: 35px;
    height: 35px;
  }
}

@media (width <= 1400px) {
  .about_product > .rt p.price ins {
    font-size: 24px;
  }

  .about_product > .rt p.price del {
    font-size: 18px;
  }

  .about_product > .rt p.price span {
    font-size: 14px;
  }

  .about_product > .rt .right_head {
    margin-bottom: 10px;
  }

  .about_product > .rt .arving_time {
    margin: 25px 0;
  }

  .about_product > .rt .arving_time p {
    margin-bottom: 8px;
  }

  .about_product > .rt .variant .variant_bx .size_list li .size_list_inr p.size, .about_product > .rt .variant .variant_bx .size_list li .size_list_inr h3 {
    font-size: 16px;
  }

  .about_product > .rt .variant .variant_bx .size_list li .size_list_inr {
    padding: 10px 10px 5px;
  }

  .about_product > .rt .variant .variant_bx .size_list li h4 {
    font-size: 14px;
  }
}

@media (width <= 1300px) {
  .home_collection_sc .brand_slider .brand_item .brand_info h3 {
    font-size: 14px;
    padding: 8px 5px;
  }

  .festive_grid .festive_item p {
    width: 100%;
    margin-left: 0%;
    padding: 0 8px;
  }
}

@media (width <= 1200px) {
  .homePromotion2_sc .promotion_grid .slick-slide {
    padding: 0 5px;
  }

  .home_collection_sc .brand_slider .slick-list {
    margin: 3px -8px;
  }

  .homePromotion2_sc .promotion_grid .slick-list {
    padding: 0 -5px;
  }

  .home_best_sc .slick-slider .slick-dots {
    padding-top: 30px;
  }

  .home_video_sc .slick_arrows, .home_brands1_sc .s_head .rt {
    display: none;
  }

  .home_banner .offer_slider {
    padding: 0;
    background: unset;
    margin-top: 30px;
  }

  .home_banner {
    background: linear-gradient(359deg, #ffd0e5 .14%, #fff 85.86%);
    border-radius: 0 0 16px 16px;
    padding-bottom: 40px;
  }

  .home_brands1_sc .s_head {
    text-align: center;
    display: block;
    background: linear-gradient(175.67deg, #ffeff6 -16.37%, #fff 60.11%);
    border-radius: 16px;
    padding: 20px;
  }

  .mblvw_btn {
    display: flex;
    margin: 30px auto 0;
    justify-content: center;
    align-items: center;
  }

  .home_collection_sc .s_head {
    text-align: center;
  }

  .product_sc .slick-slider .slick-dots li.slick-active button {
    background: #fb4898;
    border-color: #fb4898;
  }

  .home_video_sc .video_slider .slick-slide > div {
    display: block;
  }

  .home_festive_sc {
    background-image: url("../media/bg_attachment2.ed0ecdb1.jpg");
    background-position: 50% 15%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0;
  }

  .home_sale_sc .sale_list.gap_m {
    --gap_x: 20px;
    --gap_y: 30px;
    justify-content: center;
  }

  .wrap_home {
    gap: 40px;
  }

  .home_festive_sc .container {
    padding: 0;
    background-image: unset;
    border-radius: 0;
  }

  .festive_grid.gap_m {
    --gap_x: 20px;
    --gap_y: 30px;
  }

  .home_festive_sc .s_head h2 strong.f_Jost {
    text-shadow: 0 -3px #c4bb9d;
    color: #f8f0d5;
    font-family: Jost, sans-serif !important;
  }

  .festive_grid .festive_item {
    width: calc(20% - var(--gap_x));
  }

  .category_sc {
    padding: 50px 0 30px;
  }

  .wrap_home .products_card_list.slick-slider .slick-dots {
    padding-top: 25px;
  }

  .festive_grid.gap_m {
    justify-content: center;
  }

  .home_collection_sc .brand_slider .brand_item .brand_info h3 {
    font-size: 12px;
  }

  .about_product > .rt .right_head {
    margin-bottom: 5px;
  }

  .about_product > .rt p.price ins {
    font-size: 18px;
  }

  .about_product > .rt p.price del {
    font-size: 16px;
  }

  .about_product > .rt p.price span {
    font-size: 14px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .lt {
    padding: 20px;
    width: 100%;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .lt .site_tabs2 .MuiTabs-flexContainer button {
    padding: 12px;
    font-size: 14px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .lt .site_tabs2 .MuiTabs-flexContainer {
    gap: 10px;
    margin-bottom: 15px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li {
    font-size: 14px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .ryt {
    width: 100%;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiTable-root tbody tr td {
    padding: 15px 5px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn {
    gap: 20px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .ryt .s_head > h2 {
    font-size: 16px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .ryt .site_tabs3 .MuiTabs-flexContainer button {
    min-height: 24px;
    min-width: 24px;
    height: 24px;
    font-size: 10px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .ryt .MuiFormControlLabel-root .MuiRadio-root {
    width: 15px;
    height: 15px;
    min-width: 15px;
  }

  .home_banner1 .s_head h1 {
    font-size: 48px;
    margin-bottom: 10px;
  }

  .home_banner1 .s_head {
    margin-bottom: 25px;
  }

  .category_grid .category_bx {
    padding: 10px;
    max-width: calc(12% - 10px);
  }

  .home_brands1_sc {
    position: relative;
    padding: 40px 0;
  }

  .home_brands1_sc .container {
    padding: 0;
    background: unset;
  }

  .home_brands1_sc .container:before {
    content: unset;
  }

  .home_brands1_sc:before {
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("../media/shape_05.f6f1e5f0.png");
    background-position: center;
    z-index: -1;
  }

  .home_video_sc .video_slider {
    overflow: hidden;
    width: calc(100vw - 5%);
    margin-left: auto;
    padding-right: 60px;
  }

  .home_video_sc .video_slider .slick-list {
    overflow: visible;
    padding: 0 !important;
  }

  .product_sc .products_card_list {
    overflow: hidden;
    width: calc(100vw - 5%);
    margin-left: auto;
    padding-right: 20px;
  }

  .product_sc .products_card_list .slick-list {
    overflow: visible;
    padding: 0 !important;
  }

  .home_banner1 .festive_grid {
    overflow: hidden;
    width: calc(100vw - 5%);
    margin-left: auto;
    padding-right: 30px;
  }

  .home_banner1 .festive_grid .slick-list, .home_brands1_sc .brand_slider1 .slick-list, .home_banner .offer_slider .slick-list, .productBest_list.slick-slider .slick-list, .brand_slider .slick-list {
    overflow: visible;
    padding: 0 !important;
  }

  .home_brands1_sc .brand_slider1, .home_banner .offer_slider, .productBest_list.slick-slider, .brand_slider {
    overflow: hidden;
    width: calc(100vw - 5%);
    margin-left: auto;
    padding-right: 60px;
  }

  .home_banner .offer_slider {
    padding-right: 25px;
    border-radius: 0;
  }

  .brand_slider {
    padding-right: 65px;
  }

  .productBest_list.slick-slider {
    padding-right: 20px;
  }

  .category_grid .category_bx figure {
    width: 25px;
    height: 25px;
  }

  .wrap_home {
    padding-bottom: 40px;
  }

  .category_grid {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 10px;
  }

  .category_grid .category_bx h3 {
    white-space: nowrap;
    font-size: 12px;
  }

  .category_grid::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .homePromotion_sc .promotion_grid.gap_m {
    --gap_x: 20px;
    --gap_y: 20px;
  }

  .productBest_list .productBest_item .card_info h3, p.v2 del {
    font-size: 14px;
  }

  p.v2 ins, .home_care .care_item figure figcaption {
    font-size: 16px;
  }

  p.v2 span, .productBest_list .productBest_item .card_info .review {
    font-size: 12px;
  }

  .productBest_list .productBest_item figure .add {
    font-size: 12px;
    border-radius: 8px;
    min-height: 30px;
    min-width: 55px;
  }

  .festive_grid.slick-slider .slick-slide, .home_brands1_sc .brand_slider1 .slick-slide, .home_banner .offer_slider .slick-slide, .productBest_list.slick-slider .slick-slide, .brand_slider .slick-slide, .home_care .care_slider .slick-slide {
    padding: 0;
  }

  .home_banner1 .festive_grid .slick-list, .home_brands1_sc .brand_slider1 .slick-list, .home_banner .offer_slider .slick-list, .productBest_list.slick-slider .slick-list, .brand_slider .slick-list, .home_care .care_slider .slick-list {
    margin: 0 -5px;
  }

  .brand_slider .brand_item .brand_info h3 {
    font-size: 14px;
  }

  .brand_slider .brand_item .brand_info P {
    font-size: 12px;
  }

  .home_care .container {
    padding: 20px;
    overflow: hidden;
  }

  .home_care .care_slider .slick-list {
    overflow: visible;
  }

  .home_care .care_slider {
    width: calc(100% + 20px);
    margin-left: auto;
    overflow: hidden;
    padding-right: 70px;
  }
}

@media (width <= 992px) {
  .festive_grid .festive_item {
    width: calc(25% - var(--gap_x));
  }

  .about_product > .rt .arving_time {
    margin: 20px 0;
  }

  .about_product > .rt .arving_time p {
    margin-bottom: 5px;
  }

  .trnsactn_hstry_lst .trnsactn_hstry_bx p, .trnsactn_hstry_lst .trnsactn_hstry_bx .rt p, .loyalty_prgrm_mn .rt .hwto_earn ul li {
    font-size: 12px;
  }

  .loyalty_prgrm_mn .rt .level, .loyalty_prgrm_mn .rt .hwto_earn ul, .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx {
    padding: 20px;
  }

  .loyalty_prgrm_mn .rt .level h3 {
    font-size: 24px;
  }

  .loyalty_prgrm_mn .rt .level img {
    max-width: 60px;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx h3 {
    font-size: 22px;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx.referals {
    padding-block: 20px;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx {
    min-height: auto;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx.earned img {
    max-width: 70px;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx p {
    font-size: 12px;
    margin-bottom: 5px;
  }

  .product_category .products_card_list .productCard_item {
    width: calc(33% - var(--gap_x));
  }
}

@media (width <= 767px) {
  .home_banner .hero_slider .slick-slide figure {
    aspect-ratio: 1 / .5;
  }

  .home_banner .hero_slider {
    border-radius: 16px 16px 0 0;
  }

  .home_banner .offer_slider .slick-slide figure figcaption {
    font-size: 12px;
  }

  .home_banner .offer_slider .slick-slide figure {
    padding: 0;
  }

  .home_banner .offer_slider .slick-slide figure img {
    height: 125px;
  }

  .category_grid .category_bx {
    max-width: calc(16% - 10px);
    min-width: 60px;
    padding: 8px;
    border-radius: 14px 14px 0 0;
    gap: 8px;
  }

  .category_grid .category_bx.active:before {
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    border-bottom: 6px solid #fb4898;
  }

  .productBest_list .productBest_item figure .MuiCheckbox-root {
    top: 10px;
    right: 10px;
    width: 15px;
  }

  .home_sale_sc .sale_list .sale_item {
    width: calc(33% - var(--gap_x));
  }

  .home_festive_sc .s_head h2 strong {
    font-size: 30px;
  }

  .home_festive_sc .s_head h2 span {
    font-size: 28px;
  }

  .home_festive_sc .s_head {
    margin-bottom: 25px;
  }

  .festive_grid .festive_item p {
    font-size: 14px;
    padding: 0 3px;
  }

  .festive_grid.gap_m {
    --gap_x: 15px;
    --gap_y: 20px;
  }

  .home_festive_sc {
    background-image: url("../media/festival_bg.6be9e873.png");
  }

  .festive_grid .festive_item {
    width: calc(33% - var(--gap_x));
  }
}

@media (width <= 576px) {
  .products_card_list .productCard_item .card_info h3 {
    font-size: 12px;
    color: #11031299;
  }

  .home_video_sc .video_slider .video_item p {
    font-size: 12px;
    padding: 10px 15px;
  }

  .home_video_sc .video_slider .video_item a {
    width: 40px;
    height: 40px;
  }

  .home_video_sc .video_slider .video_item {
    border-radius: 16px;
  }

  .home_video_sc .video_slider .slick-slide {
    padding: 0 5px;
  }

  .home_video_sc .video_slider .slick-list {
    margin-inline: -5px;
  }

  .products_card_list .productCard_item .card_info .deal span {
    font-size: 12px;
  }

  .home_banner1 .s_head p {
    width: 70%;
    margin: 0 auto;
    font-size: 14px;
  }

  .home_sale_sc .sale_list .sale_item {
    width: calc(50% - var(--gap_x));
  }

  .festive_grid .festive_item p {
    font-size: 11px;
  }

  .product_category .products_card_list .productCard_item {
    width: calc(50% - var(--gap_x));
  }

  .product_category .products_card_list .productCard_item {
    width: calc(100% - var(--gap_x));
  }

  .products_card_list .productCard_item .card_info .review, .sort_form .sort_menu .MuiSelect-select, .sort_form {
    font-size: 12px;
  }

  .about_product > .rt h2 {
    margin-bottom: 5px;
  }

  .about_product > .rt h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .about_product > .rt p.price ins {
    font-size: 16px;
  }

  .about_product > .rt .variant .variant_bx .size_list li .size_list_inr p.size, .about_product > .rt .variant .variant_bx .size_list li .size_list_inr p:not(.size) {
    font-size: 14px;
  }

  .about_product > .rt .variant .variant_bx .size_list li .size_list_inr h3 {
    font-size: 14px;
    margin: 0;
  }

  .about_product > .rt .variant .variant_bx .size_list li {
    width: calc(50% - var(--gap_x));
  }

  .about_product > .rt .promo_bx_lst .promo_bx p {
    font-size: 14px;
  }

  .about_product > .rt .promo_bx_lst .promo_bx img {
    max-width: 35px;
  }

  .about_product > .rt .promo_bx_lst .promo_bx svg {
    width: 16px;
    height: 16px;
  }

  .about_product > .rt .return_plcy {
    margin: 15px 0 20px;
    padding: 10px;
  }

  .about_product > .rt .return_plcy .return_plcy_bx img {
    max-width: 20px;
    min-width: 20px;
  }

  .product_detail {
    margin-top: 20px;
  }

  .prodct_info_sc .product_detail .descrptn {
    margin-bottom: 20px;
  }

  .add_cart.form label .MuiSelect-select {
    min-width: 90px !important;
    padding-inline: 20px !important;
  }

  .prodct_info_sc .product_detail .descrptn h2.fw_med {
    margin-bottom: 8px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li {
    font-size: 13px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .lt .spcificatns_tb li:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .refrnc_hstry .reference_lst .reference_bx .rt p {
    gap: 3px;
  }

  .ordr_rvw_lst li {
    flex-wrap: wrap;
    gap: 10px;
  }

  .free-shipping-banner figure {
    width: 30px;
    min-width: 30px;
  }

  .refrnc_hstry .reference_lst .reference_bx .lt h3, .refrnc_hstry .reference_lst .reference_bx .rt p {
    font-size: 12px;
  }

  .refrnc_hstry .reference_lst .reference_bx .rt p img {
    max-width: 13px;
  }

  .refrnc_hstry .reference_lst .reference_bx {
    gap: 10px;
  }

  .refrnc_hstry .reference_lst .reference_bx .rt {
    text-align: left;
    width: 100%;
  }

  .refrnc_hstry .reference_lst .reference_bx .rt h3 {
    font-size: 12px;
    margin-bottom: 5px;
  }

  .mycrt_mn .mycrt_rt {
    margin: 0;
  }

  .promo_cd .promo_cd_inr {
    margin-top: 10px;
  }

  p.price, .quntiti_slctr p {
    font-size: 16px;
  }

  p.price, .ordr_rvw_cntn a, .promo_cd .promo_cd_inr figure figcaption {
    font-size: 14px;
  }

  p.price span, .free-shipping-banner .text span {
    font-size: 12px;
  }

  .products_card_list .productCard_item figure .add svg {
    font-size: 13px;
  }

  .products_card_list .productCard_item figure .add {
    font-size: 11px;
    gap: 2px;
  }

  .products_card_list .productCard_item figure .bestseller {
    font-size: 10px;
    font-weight: 300;
  }

  .products_card_list .productCard_item figure {
    aspect-ratio: 1;
  }

  .products_card_list .productCard_item figure img {
    object-position: top;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt > p, .productBest_list .productBest_item .card_info h3 {
    font-size: 12px;
  }

  .prodct_info_sc .product_detail .prodct_info_mn .ryt th.MuiTableCell-root {
    padding: 10px 5px;
  }

  .quntiti_slctr {
    width: 100%;
    align-items: flex-start;
  }

  .ordr_rvw_cntn h4 {
    margin: 5px 0;
    font-size: 14px;
  }

  .amount_mn .price h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .amount_mn .price input {
    font-size: 30px;
  }

  .amount_mn .price {
    margin-bottom: 15px;
  }

  .wallet_cta_sc {
    gap: 10px;
  }

  .wallet_cta_sc .wallet_cta_lt p.balance .dots span {
    width: 12px;
    height: 12px;
  }

  .amount_mn {
    width: 100%;
  }

  .amount_mn .amount {
    margin-bottom: 24px;
  }

  .amount_mn :is(.gap_p, .gap_m) {
    --gap_x: 10px;
    --gap_y: 10px;
  }

  .products_card_list.slick-slider .slick-slide {
    padding: 0 6px;
  }

  .products_card_list.slick-slider .slick-list {
    margin: 0 -6px;
  }

  .trnsactn_hstry_lst .trnsactn_hstry_bx .rt h3 {
    font-size: 11px;
  }

  .account_grid .account_rt .site_tabs3 .MuiTabs-flexContainer button {
    white-space: nowrap;
  }

  .sphng_lst .MuiRadio-root {
    right: 10px;
    width: 15px;
    height: 15px;
    min-width: 15px;
  }

  .amount_mn .amount li {
    width: calc(33% - var(--gap_x));
  }

  .wallet_cta_sc .wallet_cta_lt p.balance .dots {
    gap: 4px;
  }

  .wallet_cta_sc .wallet_cta_lt p.balance {
    font-size: 18px;
    min-height: auto;
  }

  .home_brands1_sc .brand_slider1 .brand_item1 {
    min-height: 195px;
  }

  .homePromotion_sc .promotion_grid li {
    width: calc(50% - var(--gap_x));
  }

  .productBest_list .productBest_item figure {
    padding: 5px;
  }

  p.v2 ins, p.v2 del, .productBest_list .productBest_item .card_info .review .MuiRating-root .MuiSvgIcon-root, .home_care .care_item figure figcaption, .web_feature li p {
    font-size: 12px;
  }

  p.price span, .productBest_list .productBest_item .card_info .review span {
    font-size: 10px;
  }

  .productBest_list .productBest_item figure .add {
    font-size: 10px;
    border-radius: 8px;
    min-height: 20px;
    min-width: 40px;
    right: 5px;
    bottom: 0;
  }

  .home_care .container {
    background-image: url("../media/care_bg.2c9c8096.png");
    background-position: 0 0;
    background-repeat: no-repeat;
  }

  .home_care .care_item figure img {
    height: 120px;
  }

  .home_care .care_item p {
    font-size: 12px;
    margin-top: 10px;
  }

  p.v2 {
    gap: 3px;
  }

  .home_care .care_item figure {
    border-radius: 16px;
  }

  .home_care .care_item figure {
    padding-bottom: 10px;
  }

  .home_care .s_head {
    margin-bottom: 10px;
  }

  .web_feature li figure {
    max-width: 25px;
  }

  .web_feature li h3 {
    font-size: 14px;
  }
}

.bk_btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bk_btn svg {
  font-size: 18px;
}

.view_similar_main {
  position: relative;
}

.view_similar_main figcaption {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  background: #fb4898;
  border-radius: 4px;
  padding: 4px 6px;
  line-height: 142%;
}


/* [project]/src/app/styles2.scss.css [app-client] (css) */
.auth_sc {
  background: #f3f4f6;
  padding: 60px 0;
}

@media only screen and (width <= 991.98px) {
  .auth_sc {
    padding-bottom: 45px;
  }
}

.auth_sc .rt_inner {
  max-width: 465px;
  width: 95%;
  margin-inline: auto;
}

.auth_sc .rt_inner.login_inner .form {
  --field_height: unset;
}

.auth_sc .rt_inner.login_inner .form input {
  border: 0;
  border-radius: 0;
  padding: 0 30px !important;
}

.auth_sc .rt_inner.login_inner .form .MuiInputAdornment-positionStart {
  padding: 0;
}

.auth_sc .rt_inner .remember_me {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 20px;
}

.auth_sc .rt_inner .remember_me a {
  font-size: 15px;
  font-weight: 400;
}

.auth_sc .rt_inner .remember_me label.MuiFormControlLabel-root span {
  color: #000000b2;
}

.auth_sc .rt_inner .remember_me label.MuiFormControlLabel-root:hover span {
  color: #000;
}

.auth_sc .rt_inner .site_tabs1 {
  margin: 0;
}

.auth_sc .rt_inner .site_tabs1 .MuiTabs-flexContainer {
  width: 100%;
  gap: 0;
}

.auth_sc .rt_inner .site_tabs1 .MuiTabs-flexContainer button {
  flex: 1;
}

.auth_sc .rt_inner .tab_content {
  padding: 25px 10px;
}

.auth_sc .rt_inner .tab_content .gap_m {
  --gap_x: 0;
  --gap_y: 0;
}

.auth_sc .rt_inner .tab_content .gap_m .control_group {
  width: 100%;
}

.auth_sc .rt_inner .tab_content .gap_m .control_group:not(:last-child) {
  border-bottom: 1px solid #deeded;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.auth_sc .rt_inner .auth_head {
  margin-bottom: 20px;
}

@media only screen and (width <= 767.98px) {
  .auth_sc .rt_inner .auth_head h2 {
    margin-bottom: 8px;
  }
}

.auth_sc .rt_inner .auth_head p {
  display: inline-flex;
  gap: 2px;
}

.auth_sc .rt_inner .or_box {
  margin-top: 26px;
}

@media only screen and (width <= 575.98px) {
  .auth_sc .rt_inner .or_box {
    margin-top: 20px;
  }
}

.auth_sc .rt_inner .or_box p {
  color: #333c43;
  font-size: 15px;
}

@media only screen and (width <= 767.98px) {
  .auth_sc .rt_inner .or_box p {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .auth_sc .rt_inner .or_box p {
    font-size: 12px;
  }
}

.auth_sc .rt_inner .or_box p:has(a) {
  color: #1d1d1d80;
}

.auth_sc .rt_inner .or_box p:has(a) a {
  color: #1d1d1d;
  cursor: pointer;
}

.auth_sc .rt_inner .or_box .btn_flex {
  gap: 10px;
  margin-block: 26px;
}

@media only screen and (width <= 575.98px) {
  .auth_sc .rt_inner .or_box .btn_flex {
    margin-block: 20px;
    gap: 6px;
  }
}

.auth_sc .rt_inner .or_box .btn_flex button.MuiButton-root {
  background: #fffc;
  font-size: 15px;
  font-weight: 500;
  color: #1d1d1d;
  border-radius: 12px;
  border-color: #fffc;
  box-shadow: 0 0 20.1px #0000001a !important;
}

@media only screen and (width <= 767.98px) {
  .auth_sc .rt_inner .or_box .btn_flex button.MuiButton-root {
    font-size: 14px;
  }
}

@media only screen and (width <= 575.98px) {
  .auth_sc .rt_inner .or_box .btn_flex button.MuiButton-root {
    font-size: 13px;
  }
}

.auth_sc .rt_inner .or_box .btn_flex button.MuiButton-root:hover {
  border-color: #fb4898;
}

.auth_sc .rt_inner .or_box .btn_flex button.MuiButton-root:hover img {
  filter: unset;
}

.auth_sc .rt_inner .btn_flex.mt_30 {
  margin-top: 30px;
}

.auth_sc .rt_inner.profile_setup {
  max-width: 880px;
  box-shadow: 0 1.16px 2.33px #e4e5e73d;
}

.auth_sc .rt_inner.profile_setup .btn_flex {
  max-width: 430px;
  width: 100%;
  margin-inline: auto;
}

.account_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
}

@media only screen and (width <= 1399.98px) {
  .account_grid {
    gap: 0;
  }
}

.account_grid > .lt {
  width: calc(27.6% - 21px);
  padding: 20px;
  border-radius: 14px;
  background: #f5f5f5;
  align-self: flex-start;
  position: relative;
}

.account_grid > .lt .emptyLink {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media only screen and (width <= 1399.98px) {
  .account_grid > .lt {
    width: 100%;
    border-radius: 0;
    padding: 0;
    background: #fff;
  }
}

.account_grid > .lt .user_detail {
  display: flex;
  align-items: center;
  min-height: 100px;
  border-radius: 10px;
  padding: 10px 6px;
  position: relative;
  background: #fb48980d;
  border: 1px solid #fb4898;
  gap: 8px;
}

@media only screen and (width <= 575.98px) {
  .account_grid > .lt .user_detail {
    padding-inline: 0;
    gap: 5px;
  }
}

.account_grid > .lt .user_detail > figure {
  width: 68px;
  height: 68px;
  min-width: 68px;
  border-radius: 68px;
}

@media only screen and (width <= 575.98px) {
  .account_grid > .lt .user_detail > figure {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 45px;
  }
}

.account_grid > .lt .user_detail > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.account_grid > .lt .user_detail .user_cnt {
  padding-right: 30px;
}

.account_grid > .lt .user_detail .user_cnt h2 {
  margin-bottom: 4px;
}

.account_grid > .lt .user_detail .user_cnt span {
  font-size: 13px;
  color: #0009;
  display: block;
}

.account_grid > .lt .user_detail > svg {
  top: 4px;
  right: 4px;
  font-size: 24px;
  color: #838383;
  position: absolute;
  transition: all .3s ease-in-out;
}

@media only screen and (width <= 1399.98px) {
  .account_grid > .lt .user_detail > svg {
    display: none;
  }
}

.account_grid > .lt .user_detail:hover > svg {
  color: #fb4898;
}

.account_grid > .lt > h2 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-block: 25px 10px;
}

.account_grid > .lt .social_links {
  justify-content: center;
  gap: 10px;
}

.account_grid > .lt .social_links li a {
  max-width: 18px;
  width: 18px;
  height: auto;
}

.account_grid > .lt .hd_6 h2 {
  margin-bottom: 12px;
}

@media only screen and (width <= 1199.98px) {
  .account_grid > .lt .order_details {
    margin-top: 0;
  }
}

.account_grid > .lt .order_type {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.account_grid > .lt .order_type li {
  width: calc(25% - 6px);
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  margin: 0;
  cursor: pointer;
}

.account_grid > .lt .order_type li figure {
  width: 21px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (width <= 575.98px) {
  .account_grid > .lt .order_type li figure {
    width: 18px;
    height: 18px;
  }
}

.account_grid > .lt .order_type li figure img {
  max-height: 100%;
}

.account_grid > .lt .order_type li p {
  font-size: 13px;
  font-weight: 500;
  margin-top: 5px;
}

@media only screen and (width <= 575.98px) {
  .account_grid > .lt .order_type li p {
    font-size: 12px;
  }
}

.account_grid > .lt .menu_list {
  border-radius: 12px;
}

.account_grid > .lt .menu_list:not(:last-child) {
  margin-bottom: 25px;
}

.account_grid > .lt .menu_list li {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.account_grid > .lt .menu_list li:hover {
  color: #fb4898;
}

.account_grid > .lt .menu_list li:hover svg {
  color: #fb4898;
}

.account_grid > .lt .menu_list li.active {
  color: #fb4898;
}

.account_grid > .lt .menu_list li.active svg {
  color: #fb4898;
}

.account_grid > .lt .menu_list li svg {
  padding: 2px;
  font-size: 24px;
  color: #878787;
  transition: all .3s ease-in-out;
}

.account_grid > .lt .menu_list li:not(:last-child) {
  padding-bottom: 12px;
  border-bottom: 1px solid #d9d9d950;
  margin-bottom: 12px;
}

.account_grid > .lt .menu_list2 li {
  color: gray;
}

.account_grid > .lt .menu_list2 li:not(:last-child) {
  border-bottom: 0;
  padding: 0;
}

.account_grid > .lt .menu_list2 li:last-child {
  color: #fb4898;
}

.account_grid > .lt .menu_list2 li:nth-last-child(2) {
  color: #f33636;
}

.account_grid > .lt .humb_menu {
  display: none;
  margin-left: auto;
  z-index: 3;
}

@media only screen and (width <= 1399.98px) {
  .account_grid > .lt .humb_menu {
    display: inline-flex;
  }
}

@media only screen and (width <= 1399.98px) {
  .account_grid > .lt .dropdown_menu {
    position: absolute;
    top: 100px;
    left: 0;
    background: #f5f5f5;
    z-index: 99;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .3s ease-in-out;
    padding: 20px;
    will-change: opacity, transform;
    max-height: 450px;
    overflow: auto;
    transition: opacity .24s, transform .24s, visibility 0s linear .24s;
  }

  .account_grid > .lt .dropdown_menu.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity .12s, transform .12s, visibility;
  }
}

.account_grid .account_rt {
  width: calc(72.4% - 21px);
}

@media only screen and (width <= 1399.98px) {
  .account_grid .account_rt {
    width: 100%;
  }
}

.account_grid .account_rt .s_head {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media only screen and (width <= 767.98px) {
  .account_grid .account_rt .s_head {
    gap: 16px;
  }
}

.account_grid .account_rt .s_head.border_none {
  border: none;
  padding-bottom: 0;
}

.account_grid .account_rt .s_head button.MuiButton-root.MuiButton-textPrimary {
  min-width: 150px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 10px;
}

.account_grid .account_rt .profile_page {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.account_grid .account_rt .profile_page .lt {
  width: 175px;
  height: 175px;
}

@media only screen and (width <= 767.98px) {
  .account_grid .account_rt .profile_page .lt {
    width: 120px;
    height: 120px;
  }
}

.account_grid .account_rt .profile_page .lt .upload_image {
  width: 100%;
  height: 100%;
}

.account_grid .account_rt .profile_page > .rt {
  width: calc(100% - 205px);
}

@media only screen and (width <= 767.98px) {
  .account_grid .account_rt .profile_page > .rt {
    width: 100%;
  }
}

.account_grid .account_rt .address_list li {
  margin-bottom: 18px;
  background: #f5f5f5;
  border-radius: 15px;
  display: flex;
  align-items: center;
  padding: 21px 16px 21px 14px;
  gap: 10px;
}

@media only screen and (width <= 575.98px) {
  .account_grid .account_rt .address_list li {
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 10px;
    flex-wrap: wrap;
    gap: 6px;
  }
}

.account_grid .account_rt .address_list li > figure {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border: 3px solid #fb489833;
  background: #fb4898;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

@media only screen and (width <= 575.98px) {
  .account_grid .account_rt .address_list li > figure {
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 2px;
    border-width: 2px;
  }
}

@media only screen and (width <= 575.98px) {
  .account_grid .account_rt .address_list li .address_cnt {
    width: calc(100% - 46px);
  }
}

.account_grid .account_rt .address_list li .address_cnt h3 {
  font-weight: 500;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.account_grid .account_rt .address_list li .address_cnt p {
  color: #0009;
  font-size: 14px;
}

.account_grid .account_rt .address_list li .btn_group {
  margin-left: auto;
}

.account_grid .account_rt .address_list li .btn_group button.MuiButton-root.icon_btn {
  --btn_size: 36px;
  background: none;
  border: 1px solid #cccccc4f;
}

.account_grid .account_rt .address_list li .btn_group button.MuiButton-root.icon_btn:hover {
  border-color: #fb4898;
}

.account_grid .account_rt .address_list li .btn_group button.MuiButton-root.icon_btn:hover img {
  filter: unset;
}

.account_grid .account_rt .payment_list {
  padding: 18px;
  border-radius: 12px;
  background: #f5f5f5;
}

@media only screen and (width <= 575.98px) {
  .account_grid .account_rt .payment_list {
    padding: 10px;
    border-radius: 8px;
  }
}

.account_grid .account_rt .payment_list li {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}

.account_grid .account_rt .payment_list li:not(:last-child) {
  border-bottom: 1px solid #0221291a;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.account_grid .account_rt .payment_list li > figure {
  width: 46px;
  height: 46px;
  min-width: 46px;
}

@media only screen and (width <= 575.98px) {
  .account_grid .account_rt .payment_list li > figure {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }
}

.account_grid .account_rt .payment_list li .payment_cnt h3 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2px;
}

.account_grid .account_rt .payment_list li .payment_cnt p {
  color: #0009;
  font-size: 11px;
}

.account_grid .account_rt .payment_list li .btn_group {
  margin-left: auto;
}

.account_grid .account_rt .payment_list li .btn_group p {
  font-size: 0;
  font-weight: 400;
  color: #0009;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  line-height: 1.2;
  gap: 8px;
}

.account_grid .account_rt .payment_list li .btn_group p span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #626262;
  display: inline-flex;
}

.account_grid .account_rt .payment_list li .btn_group p.active {
  font-size: 12px;
}

.account_grid .account_rt .payment_list li .btn_group p.active span {
  border-color: #fb4898;
  background-color: #fb4898;
  background-image: url("data:image/svg+xml,<svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.91387 0.235698C8.63152 -0.078665 8.17301 -0.0784668 7.89028 0.235698L3.28339 5.35816L1.23582 3.08155C0.95309 2.76719 0.494784 2.76719 0.21205 3.08155C-0.0706834 3.39591 -0.0706834 3.90549 0.21205 4.21985L2.77139 7.06551C2.91267 7.22259 3.09792 7.30133 3.28319 7.30133C3.46846 7.30133 3.65389 7.22279 3.79517 7.06551L8.91387 1.37398C9.19661 1.05984 9.19661 0.550041 8.91387 0.235698Z\" fill=\"white\"/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

.account_grid .account_rt .payment_list li .btn_group button.MuiButton-root.icon_btn {
  --btn_size: 36px;
  background: none;
  border: 1px solid #cccccc4f;
}

.account_grid .account_rt .payment_list li .btn_group button.MuiButton-root.icon_btn:hover {
  border-color: #fb4898;
}

.account_grid .account_rt .payment_list li .btn_group button.MuiButton-root.icon_btn:hover img {
  filter: unset;
}

.account_grid .account_rt .payment_btn button.MuiButton-root.MuiButton-textPrimary {
  font-size: 14px;
  font-weight: 500;
  min-width: 190px;
}

@media only screen and (width <= 575.98px) {
  .account_grid .account_rt .payment_btn button.MuiButton-root.MuiButton-textPrimary {
    min-width: 1px;
    font-size: 13px;
  }
}

.account_grid .account_rt .help_center :is(textarea) {
  height: 160px !important;
}

.account_grid .account_rt .notification_bx {
  padding: 24px 20px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #ebebeb;
}

.account_grid .account_rt .notification_bx .hd_5 {
  margin-bottom: 20px;
}

.account_grid .account_rt .notification_bx .hd_5 h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0;
}

.account_grid .account_rt .notification_bx .hd_5 p {
  color: #434142;
  font-size: 14px;
}

.account_grid .account_rt .notification_bx .notification_list li:not(:last-child) {
  margin-bottom: 16px;
  padding-bottom: 0;
  border-bottom: 0;
}

.account_grid .account_rt .notification_bx .notification_list li label.MuiFormControlLabel-root {
  width: 100%;
  flex-direction: row-reverse;
  margin-left: 0;
  margin-right: 0;
}

.account_grid .account_rt .notification_bx .notification_list li label.MuiFormControlLabel-root span.MuiTypography-root {
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  color: #000;
}

.account_grid .account_rt .notification_bx:not(:last-child) {
  margin-bottom: 20px;
}

.account_grid .account_rt .site_tabs3 .MuiTabs-flexContainer {
  gap: 10px;
  display: flex;
  justify-content: flex-end;
}

.account_grid .account_rt .site_tabs3 .MuiTabs-flexContainer button {
  flex: 1;
  background: none;
  font-size: 14px;
  font-weight: 500;
  color: #1d1d1d;
  min-height: 30px;
  max-width: unset;
  border: 1px solid #d7d7d7;
  padding: 5px 7px;
  border-radius: 6px;
  max-height: unset;
  flex: unset;
  min-width: unset;
}

.account_grid .account_rt .site_tabs3 .MuiTabs-flexContainer button.Mui-selected {
  border-color: #fb4898;
}

.account_grid .account_rt .form > .gap_p {
  --gap_y: 20px;
}

.cms_content p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #3c3c3c;
}

.no_data_found {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 600px;
  height: calc(100vh - 300px);
}

.no_data_found figure {
  width: 140px;
  max-width: 100%;
  margin-bottom: 12px;
}

.no_data_found figure img {
  width: 100%;
  height: auto;
  display: block;
}

.coupon_list .coupon_bx {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 16px;
  width: calc(50% - var(--gap_x));
}

@media only screen and (width <= 991.98px) {
  .coupon_list .coupon_bx {
    width: calc(100% - var(--gap_x));
  }
}

.coupon_list .coupon_bx p {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.coupon_list .coupon_bx h2 {
  margin-bottom: 10px;
}

.coupon_list .coupon_bx h2 + p {
  margin: 0;
}

.coupon_list .coupon_bx .coupon_footer {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  gap: 8px;
}

.coupon_list .coupon_bx .coupon_footer .tag {
  border-radius: 4px;
  padding: 4px;
  background: #fb4898;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.coupon_list .coupon_bx .coupon_footer > svg.MuiSvgIcon-root {
  cursor: pointer;
}

.coupon_list .coupon_bx.disable {
  opacity: .6;
}

.new_arrivals ul {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.new_arrivals ul li {
  background: #e5f5ee;
  border-radius: 16px;
  margin: 0;
  overflow: hidden;
  width: calc(20% - 16px);
  display: flex;
  flex-direction: column;
}

@media only screen and (width <= 1599.98px) {
  .new_arrivals ul li {
    width: calc(33.3333% - 13.3333px);
  }
}

@media only screen and (width <= 767.98px) {
  .new_arrivals ul li {
    width: calc(50% - 10px);
    border-radius: 10px;
  }
}

.new_arrivals ul li div {
  padding: 16px 8px 35px;
}

@media only screen and (width <= 991.98px) {
  .new_arrivals ul li div {
    padding-bottom: 20px;
  }
}

@media only screen and (width <= 767.98px) {
  .new_arrivals ul li div {
    padding-block: 12px;
  }
}

@media only screen and (width <= 575.98px) {
  .new_arrivals ul li div {
    padding-block: 8px;
  }
}

.new_arrivals ul li div h3 {
  font-weight: 700;
  font-size: 55px;
  color: #008b60;
  margin: 0;
}

@media only screen and (width <= 991.98px) {
  .new_arrivals ul li div h3 {
    font-size: 40px;
  }
}

@media only screen and (width <= 767.98px) {
  .new_arrivals ul li div h3 {
    font-size: 32px;
  }
}

@media only screen and (width <= 575.98px) {
  .new_arrivals ul li div h3 {
    font-size: 26px;
  }
}

.new_arrivals ul li div h3 span {
  display: block;
  font-weight: 700;
  font-size: 20px;
}

@media only screen and (width <= 767.98px) {
  .new_arrivals ul li div h3 span {
    font-size: 16px;
  }
}

@media only screen and (width <= 575.98px) {
  .new_arrivals ul li div h3 span {
    font-size: 14px;
  }
}

.new_arrivals ul li div p {
  font-weight: 400;
  font-size: 14px;
  color: #333;
  margin-block: 12px 0;
}

@media only screen and (width <= 575.98px) {
  .new_arrivals ul li div p {
    font-size: 12px;
  }
}

.new_arrivals ul li figure {
  width: 100%;
  height: 285px;
  margin-top: auto;
}

@media only screen and (width <= 1199.98px) {
  .new_arrivals ul li figure {
    height: 200px;
  }
}

@media only screen and (width <= 991.98px) {
  .new_arrivals ul li figure {
    height: 150px;
  }
}

@media only screen and (width <= 575.98px) {
  .new_arrivals ul li figure {
    height: 100px;
  }
}

.new_arrivals ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.gather_products figure {
  height: 600px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.gather_products figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.drive_up figure {
  height: 378px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}

.drive_up figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fresh_products .product_list .product_bx .top_left .tag.info {
  color: #43a783;
  background: #ddffda;
}

.new_items .container {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.new_items .container .new_items_inner {
  width: calc(50% - 12.5px);
  border-radius: 16px;
  overflow: hidden;
}

@media only screen and (width <= 767.98px) {
  .new_items .container .new_items_inner {
    width: 100%;
    border-radius: 10px;
  }
}

.new_items .container .new_items_inner figure {
  width: 100%;
  height: 417px;
}

.new_items .container .new_items_inner figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new_items .container .new_items_inner div {
  padding: 18px 20px 25px;
  background-color: #f5efe0;
}

.new_items .container .new_items_inner div h3 {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 24px;
  color: #333;
}

.new_items .container .new_items_inner div p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  color: #333;
}

.new_items .container .btn_flex.mt_30 {
  margin-top: 30px;
}

.blog_wrpr {
  display: flex;
  align-items: flwx-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}

.blog_wrpr .blg_lft {
  width: calc(50% - 10px);
}

.blog_wrpr .blg_lft .blg_lst {
  border: 1.5px solid #11031214;
  border-radius: 24px;
  padding: 12px;
  background: #fff;
}

.blog_wrpr .blg_lft .blg_lst:not(:last-child) {
  margin-bottom: 25px;
}

.blog_wrpr .blg_lft .blg_lst.active {
  border: 1.5px solid #fb4898;
}

.blog_wrpr .blg_lft .blg_lst .article-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.blog_wrpr .blg_lft .blg_lst .article-card .card-image {
  width: 130px;
  height: 130px;
}

.blog_wrpr .blg_lft .blg_lst .article-card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.blog_wrpr .blg_lft .blg_lst .article-card .card-content {
  flex: 1;
  margin-top: 10px;
}

.blog_wrpr .blg_lft .blg_lst .article-card .card-content h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
  color: #000;
}

.blog_wrpr .blg_lft .blg_lst .article-card .card-content p {
  font-size: 15px;
  line-height: 1.4;
  color: #000000a6;
}

.blog_wrpr .blg_lft .blg_lst .card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.blog_wrpr .blg_lft .blg_lst .card-footer .footer-icons {
  display: flex;
  gap: 25px;
  font-size: 13px;
  color: #444;
}

.blog_wrpr .blg_lft .blg_lst .card-footer .footer-icons span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #000;
}

.blog_wrpr .blg_lft .blg_lst .card-footer .footer-icons span img {
  width: 22px;
  height: 22px;
}

.blog_wrpr .blg_lft .blg_lst .card-footer .time-badge {
  background-color: #ff4fa3;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 20px;
}

.blog_wrpr .blg_rgt {
  width: calc(50% - 10px);
}

.blog_wrpr .blg_rgt .article-card {
  border-radius: 14px;
  overflow: hidden;
  background-color: #fff;
}

.blog_wrpr .blg_rgt .card-header {
  position: relative;
}

.blog_wrpr .blg_rgt .card-header .ovr_bckgrnd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(36.81deg, #0000 22.19%, #000 117.6%);
  border-radius: 14px;
}

.blog_wrpr .blg_rgt .card-header figure {
  width: 100%;
  height: 218px;
}

.blog_wrpr .blg_rgt .card-header figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.blog_wrpr .blg_rgt .time-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ff4fa3;
  color: #fff;
  font-size: 16px;
  padding: 4px 15px;
  border-radius: 20px;
}

.blog_wrpr .blg_rgt .card-body h3 {
  font-size: 24px;
  margin: 8px 0;
  color: #000;
}

.blog_wrpr .blg_rgt .card-body p {
  font-size: 17px;
  color: #555;
  line-height: 1.6;
  font-weight: 400;
}

.blog_wrpr .blg_rgt .card-icons {
  display: flex;
  align-items: center;
  gap: 50px;
  font-size: 14px;
  color: #444;
  margin: 15px 0 30px;
}

.blog_wrpr .blg_rgt .card-icons span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 20px;
  color: #000;
}

.blog_wrpr .blg_rgt .card-icons span img {
  width: 22px;
  height: 22px;
}

.blog_wrpr .blg_rgt .post-info {
  font-size: 13px;
  color: #666;
  margin-bottom: 22px;
  line-height: 1.4;
}

.blog_wrpr .blg_rgt .post-info p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.product_featrs_sc .feature_video_list .slick-list {
  margin: 0 -7.5px;
}

.product_featrs_sc .feature_video_list .slick-slide {
  padding: 0 7.5px;
}

.product_featrs_sc .feature_video_bx .feature_video_inr {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  z-index: 1;
}

.product_featrs_sc .feature_video_bx .feature_video_inr:before {
  position: absolute;
  content: "";
  background: linear-gradient(0deg, #00000080 .05%, #0000 99.88%);
  width: 100%;
  height: 100px;
  bottom: 0;
  right: 0;
  left: 0;
}

.product_featrs_sc .feature_video_bx .feature_video_inr .main {
  width: 100%;
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
}

.product_featrs_sc .feature_video_bx .feature_video_inr .main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product_featrs_sc .feature_video_bx .feature_video_inr .ply_count {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  left: 0;
  width: 100%;
  padding: 15px;
}

.product_featrs_sc .feature_video_bx .feature_video_inr .ply_count figure {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

.product_featrs_sc .feature_video_bx .video_dtl p {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
  margin: 20px 0 0;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .rating_overall {
  display: flex;
  align-items: flex-start;
  margin: 15px 0;
  gap: 20px;
}

.product_rvws_sc .rating_overall .rating_prgrs {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0;
}

.product_rvws_sc .rating_overall .rating_prgrs li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product_rvws_sc .rating_overall .rating_prgrs li:not(:last-child) {
  margin-bottom: 12px;
}

.product_rvws_sc .rating_overall .rating_prgrs li .MuiLinearProgress-root.MuiLinearProgress-colorPrimary.MuiLinearProgress-determinate {
  width: 100%;
}

.product_rvws_sc .rating_overall .rating_prgrs li span.count {
  font-size: 22px;
  color: #11031299;
  white-space: nowrap;
  min-width: 15px;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .rating_overall .revws_detail {
  font-size: 19px;
  color: #11031261;
  display: block;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .rating_overall .revws_detail:not(:last-child) {
  margin-bottom: 45px;
}

.product_rvws_sc .rating_overall .revws_detail.rtng {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #000000de;
  margin-bottom: 0;
  font-size: 30px;
  gap: 5px;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx:not(:last-child) {
  border-bottom: 1px solid #dfd2d2;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt {
  width: 60%;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .prfle {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .prfle > figure {
  width: 60px;
  height: 60px;
  min-width: 60px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .prfle > figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .prfle .prfl_rtng h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt > p {
  font-size: 16px;
  color: #505050;
  margin: 20px 0;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .divider {
  padding: 0 6px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .feedback span {
  font-size: 16px;
  color: #11031261;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .details_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .details {
  color: #110312de;
  font-size: 16px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .details span {
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .recommended_badge, .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns p {
  color: #4caf50;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt h3 {
  font-size: 14px;
  color: #505050;
  font-weight: 500;
  text-align: right;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 72px;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx {
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx figure {
  width: 72px;
  height: 72px;
  position: relative;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx figure:has(span) {
  cursor: pointer;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx figure:has(span):before {
  position: absolute;
  content: "";
  background: #1103125c;
  width: 100%;
  height: 100%;
  inset: 0;
  margin: auto;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx figure span {
  position: absolute;
  inset: 0;
  inset: 0;
  margin: auto;
  color: #fff;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx figure img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}

.product_rvws_sc .wrt_rvw {
  margin: 20px 0 50px;
}

.product_rvws_sc .wrt_rvw .MuiButton-root {
  border: 1px solid #1103121f;
  background: #fff;
  color: #11031299;
  width: 100%;
  border-radius: 8px;
  font-size: 22px;
  font-weight: 400;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .wrt_rvw p {
  color: #1103124d;
  margin-top: 8px;
  font-family: Jost, sans-serif !important;
}

.product_rvws_sc .wrt_rvw p a {
  color: #fb4898;
  text-decoration: underline;
  font-family: Jost, sans-serif !important;
}

.applied_copun_lst .applied_copun_bx {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  min-height: 135px;
}

.applied_copun_lst .applied_copun_bx .lt .inr {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.applied_copun_lst .applied_copun_bx .lt .inr figure {
  display: inline-flex;
}

.applied_copun_lst .applied_copun_bx .lt .inr .cntnt h3 {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
}

.applied_copun_lst .applied_copun_bx .lt .inr .cntnt p {
  color: #1d1d1d;
  font-size: 14px;
}

.applied_copun_lst .applied_copun_bx .rt p {
  font-size: 13px;
  color: #110312;
  font-weight: 600;
  background: #fff;
  border-radius: 4px;
  padding: 5px 10px;
  width: fit-content;
  position: absolute;
  top: 20px;
  right: 20px;
}

.applied_copun_lst .applied_copun_bx .rt Button {
  background: #fff;
  color: #110312;
  font-size: 14px;
  border: 1px solid #fb4898;
  border-radius: 10px;
  min-height: 30px;
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 6px;
}

@media (width <= 1200px) {
  .product_rvws_sc .rating_overall .rating_prgrs li {
    gap: 5px;
  }

  .product_rvws_sc .rating_overall .rating_prgrs li span.count, .product_rvws_sc .rating_overall .revws_detail.rtng {
    font-size: 16px;
  }

  .product_rvws_sc .rating_overall .rating_prgrs li span.count {
    min-width: 10px;
  }

  .product_rvws_sc .rating_overall .revws_detail, .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .feedback span, .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .details {
    font-size: 14px;
  }

  .product_rvws_sc .rating_overall .rating_prgrs li .MuiLinearProgress-root.MuiLinearProgress-colorPrimary.MuiLinearProgress-determinate {
    height: 8px;
  }

  .product_rvws_sc .rating_overall .rating_prgrs li:not(:last-child) {
    margin-bottom: 5px;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .prfle .prfl_rtng h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .prfle {
    align-items: center;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns .details {
    margin-top: 5px;
  }

  .product_rvws_sc .wrt_rvw .MuiButton-root {
    font-size: 16px;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt > p {
    font-size: 14px;
    margin: 10px 0;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx figure {
    width: 60px;
    height: 60px;
  }
}

@media (width <= 992px) {
  .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt {
    width: 100%;
    margin-bottom: 20px;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .lt .rcmndtns {
    justify-content: space-between;
    gap: 20px;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .rt h3 {
    text-align: left;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs {
    margin-top: 15px;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .account_grid .account_rt .site_tabs3 .MuiTabs-flexContainer {
    gap: 5px;
  }

  .account_grid .account_rt .site_tabs3 .MuiTabs-flexContainer button {
    font-size: 12px;
  }

  .loyalty_prgrm_mn .rt .earned_points .semi_text h3 {
    font-size: 30px;
  }

  .loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_03, .loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_02 {
    top: 0%;
  }
}

@media (width <= 767px) {
  .loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_03, .loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_02 {
    top: -10%;
  }
}

@media (width <= 576px) {
  .product_rvws_sc .rating_overall .rating_prgrs {
    max-width: 200px;
  }

  .product_featrs_sc .feature_video_bx .feature_video_inr .main {
    height: 200px;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs {
    gap: 5px;
  }

  .product_featrs_sc .feature_video_bx .feature_video_inr .ply_count {
    padding: 10px;
  }

  .product_featrs_sc .feature_video_bx .feature_video_inr .ply_count figure, .applied_copun_lst .applied_copun_bx .lt .inr .cntnt p {
    font-size: 12px;
  }

  .loyalty_prgrm_mn .rt .hwto_earn ul li:not(:last-child) {
    margin-bottom: 5px;
  }

  .loyalty_prgrm_mn .rt .hwto_earn ul li {
    font-size: 12px;
  }

  .loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step img {
    max-width: 50px;
  }

  .loyalty_prgrm_mn .rt .level p {
    margin-bottom: 5px;
  }

  .loyalty_prgrm_mn .rt .level {
    padding: 20px;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx h3, .loyalty_prgrm_mn .rt .level h3 {
    font-size: 24px;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx p {
    margin-bottom: 5px;
  }

  .rfer_earn_sc .rfer_earn_lst .rfer_earn_bx, .loyalty_prgrm_mn .rt .hwto_earn ul {
    padding: 20px;
  }

  .pymnt_scsfl_mn figure {
    margin: 0 auto 15px;
    width: 130px;
    height: 130px;
  }

  .account_grid .account_rt .s_head {
    margin-bottom: 20px;
  }

  .pymnt_scsfl_mn p {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .pymnt_scsfl_mn .btn_flex Button {
    min-width: auto;
  }

  .pymnt_scsfl_mn .btn_flex {
    gap: 10px;
  }

  .pymnts_optn > h3 {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }

  .applied_copun_lst .applied_copun_bx .rt p {
    font-size: 11px;
    padding: 5px;
  }

  .applied_copun_lst .applied_copun_bx {
    min-height: auto;
  }

  .product_rvws_sc .product_rvws_lst .product_rvws_bx .rt .rvw_imgs .rvw_imgsbx figure {
    width: 50px;
    height: 50px;
  }

  .applied_copun_lst .applied_copun_bx .rt Button {
    font-size: 11px;
    min-height: 25px;
    padding: 5px 10px;
  }

  .prfl_rtng figure img {
    max-width: 80px;
  }

  .applied_copun_lst .applied_copun_bx .lt .inr {
    gap: 10px;
    margin-top: 10px;
  }

  .applied_copun_lst .applied_copun_bx .lt .inr .cntnt h3 {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .loyalty_prgrm_mn .rt .earned_points {
    margin-top: 20px;
  }
}

@media (width <= 480px) {
  .loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_03, .loyalty_prgrm_mn .rt .earned_points .earned_points_progress .step.step_02 {
    top: 5%;
  }
}


/*# sourceMappingURL=src_app_314350._.css.map*/