:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone";
  --fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone";
  --fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone";
  --fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone";
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

@font-face {
    font-family: ggsr;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: googlesansregular;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: googlesansmedium;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: ggsm;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/GoogleSans-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: ggsblack;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsblacki;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsb;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsbi;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsi;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsl;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsli;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggst;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: ggsti;
    src: url(https://fonts.googleapis.com/css2?family=Google+Sans+Text:wght@400;500;600;700&display=swap);
    font-display: swap
}

@font-face {
    font-family: Inter-Bold;
    src: url(https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap);
    font-display: swap
}

@font-face {
    font-family: Inter-Medium;
    src: url(https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap);
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(https://cdn-web-next.thuocsi.vn/static/fonts/Inter-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: Inter-SemiBold;
    src: url(https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap);
    font-display: swap
}

@font-face {
    font-family: SVN-Avo;
    src: url(https://fonts.googleapis.com/css2?family=SVN-Avo&display=swap);
    font-display: swap
}

@font-face {
    font-family: SVN-Internation;
    src: url(https://fonts.googleapis.com/css2?family=SVN-Internation&display=swap);
    font-display: swap
}

:root {
    /* --primary-color: #E3352C;
    --primary-color-light: #15a959; */
    --primary-color: #E3352C;
    --primary-color-green: #15a959;
    --primary-color-light: #E36C0A;
    --primary-background-color-light: #FFF1F0;
    --mobile-container-spacing: 15px;
    --animation-duration-fast: 0.1s;
    --animation-duration: 0.3s;
    --primary-red: #d4323b;
    --above: 1;
    --below: -1;
    --zHeaderMenuOverlay: 500;
    --zHeaderSearchOverlay: 510;
    --zNavMenu: calc(var(--above) + var(--zHeaderMenuOverlay));
    --zContainerHeader: calc(var(--above) + var(--zHeaderMenuOverlay) + var(--zHeaderSearchOverlay));
    --zHeaderSearch: calc(var(--above) + var(--zHeaderMenuOverlay) + var(--zHeaderSearchOverlay));
    --zHeaderMenu: calc(var(--above) + var(--zHeaderMenuOverlay));
    --high-profit-head-color: "#ffffff";
    --high-profit-middle-color: "#ffffff";
    --high-profit-end-color: "#ffffff";
    --high-profit-head-percent-color: "0%";
    --high-profit-middle-percent-color: "50%";
    --high-profit-end-percent-color: "100%";
    --high-profit-angle: "180deg";
    --high-profit-border: "transparent";
    --high-profit-background-hover: "none"
}

.Toastify__close-button--success {
    color: var(--primary-color)!important
}

body,html {
    background-color: #f5f5f5 !important;
    padding: 0;
    margin: 0;
    font-family: ggsr
}

ul {
    list-style-type: disc;
    list-style: disc;
    padding: revert;
    margin: auto
}

@media print {
    body {
        display: none
    }
}

html[class*=preventPullToRefresh] {
    overscroll-behavior: contain;
    touch-action: pan-down;
    overflow: hidden
}

a {
    color: #0e1983;
    text-decoration: none
}

* {
    box-sizing: border-box!important;
    touch-action: manipulation;
    -webkit-font-smoothing: antialiased
}

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}

.MuiTypography-root {
  margin: 0;
}
.MuiTypography-body2 {
  font-size: 0.875rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.43;
}
.MuiTypography-body1 {
  font-size: 1rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
.MuiTypography-caption {
  font-size: 0.75rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.66;
}
.MuiTypography-button {
  font-size: 0.875rem;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.75;
  text-transform: uppercase;
}
.MuiTypography-h1 {
  font-size: 6rem;
  font-family: ggsr, sans-serif;
  font-weight: 300;
  line-height: 1.167;
}
.MuiTypography-h2 {
  font-size: 3.75rem;
  font-family: ggsr, sans-serif;
  font-weight: 300;
  line-height: 1.2;
}
.MuiTypography-h3 {
  font-size: 3rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.167;
}
.MuiTypography-h4 {
  font-size: 2.125rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.235;
}
.MuiTypography-h5 {
  font-size: 1.5rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.334;
}
.MuiTypography-h6 {
  font-size: 1.25rem;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.6;
}
.MuiTypography-subtitle1 {
  font-size: 1rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.75;
}
.MuiTypography-subtitle2 {
  font-size: 13px;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.57;
}
.MuiTypography-overline {
  font-size: 0.75rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 2.66;
  text-transform: uppercase;
}
.MuiTypography-srOnly {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}
.MuiTypography-alignLeft {
  text-align: left;
}
.MuiTypography-alignCenter {
  text-align: center;
}
.MuiTypography-alignRight {
  text-align: right;
}
.MuiTypography-alignJustify {
  text-align: justify;
}
.MuiTypography-noWrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiTypography-gutterBottom {
  margin-bottom: 0.35em;
}
.MuiTypography-paragraph {
  margin-bottom: 16px;
}
.MuiTypography-colorInherit {
  color: inherit;
}
.MuiTypography-colorPrimary {
  color: #E3352C;
}
.MuiTypography-colorSecondary {
  color: #ff4fae;
}
.MuiTypography-colorTextPrimary {
  color: rgba(0, 0, 0, 0.87);
}
.MuiTypography-colorTextSecondary {
  color: rgba(0, 0, 0, 0.54);
}
.MuiTypography-colorError {
  color: #FF4842;
}
.MuiTypography-displayInline {
  display: inline;
}
.MuiTypography-displayBlock {
  display: block;
}


.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}
.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}
.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}
.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}
.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}
.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

body {transition: opacity ease-in 0.2s; } 
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } 

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after {
  box-sizing: inherit;
}
strong, b {
  font-weight: 700;
}
body {
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  font-size: 0.875rem;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.43;
  background-color: #fff;
}
@media print {
  body {
    background-color: #fff;
  }
}
body::backdrop {
  background-color: #fff;
}


.MuiContainer-root {
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width:600px) {
  .MuiContainer-root {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.MuiContainer-disableGutters {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width:600px) {
  .MuiContainer-fixed {
    max-width: 600px;
  }
}
@media (min-width:960px) {
  .MuiContainer-fixed {
    max-width: 960px;
  }
}
@media (min-width:1280px) {
  .MuiContainer-fixed {
    max-width: 1280px;
  }
}
@media (min-width:1920px) {
  .MuiContainer-fixed {
    max-width: 1920px;
  }
}
@media (min-width:0px) {
  .MuiContainer-maxWidthXs {
    max-width: 444px;
  }
}
@media (min-width:600px) {
  .MuiContainer-maxWidthSm {
    max-width: 600px;
  }
}
@media (min-width:960px) {
  .MuiContainer-maxWidthMd {
    max-width: 960px;
  }
}
@media (min-width:1280px) {
  .MuiContainer-maxWidthLg {
    max-width: 1280px;
  }
}
@media (min-width:1920px) {
  .MuiContainer-maxWidthXl {
    max-width: 1920px;
  }
}


@-webkit-keyframes mui-auto-fill {}
@-webkit-keyframes mui-auto-fill-cancel {}
.MuiInputBase-root {
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.1876em;
}
.MuiInputBase-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}
.MuiInputBase-multiline {
  padding: 6px 0 7px;
}
.MuiInputBase-multiline.MuiInputBase-marginDense {
  padding-top: 3px;
}
.MuiInputBase-fullWidth {
  width: 100%;
}
.MuiInputBase-input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;
  padding: 6px 0 7px;
  min-width: 0;
  background: none;
  box-sizing: content-box;
  animation-name: mui-auto-fill-cancel;
  letter-spacing: inherit;
  animation-duration: 10ms;
  -webkit-tap-highlight-color: transparent;
}
.MuiInputBase-input::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:focus {
  outline: 0;
}
.MuiInputBase-input:invalid {
  box-shadow: none;
}
.MuiInputBase-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.MuiInputBase-input.Mui-disabled {
  opacity: 1;
}
.MuiInputBase-input:-webkit-autofill {
  animation-name: mui-auto-fill;
  animation-duration: 5000s;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
  opacity: 0.42;
}
.MuiInputBase-inputMarginDense {
  padding-top: 3px;
}
.MuiInputBase-inputMultiline {
  height: auto;
  resize: none;
  padding: 0;
}
.MuiInputBase-inputTypeSearch {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}


.MuiTouchRipple-root {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}
.MuiTouchRipple-ripple {
  opacity: 0;
  position: absolute;
}
.MuiTouchRipple-rippleVisible {
  opacity: 0.3;
  animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
}
.MuiTouchRipple-ripplePulsate {
  animation-duration: 200ms;
}
.MuiTouchRipple-child {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  border-radius: 50%;
  background-color: currentColor;
}
.MuiTouchRipple-childLeaving {
  opacity: 0;
  animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.MuiTouchRipple-childPulsate {
  top: 0;
  left: 0;
  position: absolute;
  animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}
@-webkit-keyframes MuiTouchRipple-keyframes-enter {
  0% {
    opacity: 0.1;
    transform: scale(0);
  }
  100% {
    opacity: 0.3;
    transform: scale(1);
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}


.MuiButtonBase-root {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.MuiButtonBase-root::-moz-focus-inner {
  border-style: none;
}
.MuiButtonBase-root.Mui-disabled {
  cursor: default;
  pointer-events: none;
}
@media print {
  .MuiButtonBase-root {
    -webkit-print-color-adjust: exact;
  }
}


.MuiButton-root {
  color: rgba(0, 0, 0, 0.87);
  padding: 6px 16px;
  font-size: 0.875rem;
  min-width: 64px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
  text-transform: capitalize;
}
.MuiButton-root:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiButton-root:hover {
    background-color: transparent;
  }
}
.MuiButton-root:hover.Mui-disabled {
  background-color: transparent;
}
.MuiButton-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}
.MuiButton-text {
  padding: 6px 8px;
}
.MuiButton-textPrimary {
  color: #E3352C;
}
.MuiButton-textPrimary:hover {
  background-color: rgba(0, 92, 41, 0.04);
}
@media (hover: none) {
  .MuiButton-textPrimary:hover {
    background-color: transparent;
  }
}
.MuiButton-textSecondary {
  color: #ff4fae;
}
.MuiButton-textSecondary:hover {
  background-color: rgba(255, 79, 174, 0.04);
}
@media (hover: none) {
  .MuiButton-textSecondary:hover {
    background-color: transparent;
  }
}
.MuiButton-outlined {
  border: 1px solid rgba(0, 0, 0, 0.23);
  padding: 5px 15px;
}
.MuiButton-outlined.Mui-disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiButton-outlinedPrimary {
  color: #E3352C;
  border: 1px solid rgba(0, 92, 41, 0.5);
}
.MuiButton-outlinedPrimary:hover {
  border: 1px solid #E3352C;
  background-color: rgba(0, 92, 41, 0.04);
}
@media (hover: none) {
  .MuiButton-outlinedPrimary:hover {
    background-color: transparent;
  }
}
.MuiButton-outlinedSecondary {
  color: #ff4fae;
  border: 1px solid rgba(255, 79, 174, 0.5);
}
.MuiButton-outlinedSecondary:hover {
  border: 1px solid #ff4fae;
  background-color: rgba(255, 79, 174, 0.04);
}
.MuiButton-outlinedSecondary.Mui-disabled {
  border: 1px solid rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiButton-outlinedSecondary:hover {
    background-color: transparent;
  }
}
.MuiButton-contained {
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
  background-color: #DFE3E8  ;
}
.MuiButton-contained:hover {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
  background-color: #d5d5d5;
}
.MuiButton-contained.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.MuiButton-contained:active {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}
.MuiButton-contained.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
@media (hover: none) {
  .MuiButton-contained:hover {
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
    background-color: #DFE3E8  ;
  }
}
.MuiButton-contained:hover.Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiButton-containedPrimary {
  color: #fff;
  background-color: #E3352C;
}
.MuiButton-containedPrimary:hover {
  background-color: #007B55;
}
@media (hover: none) {
  .MuiButton-containedPrimary:hover {
    background-color: #E3352C;
  }
}
.MuiButton-containedSecondary {
  color: #fff;
  background-color: #ff4fae;
}
.MuiButton-containedSecondary:hover {
  background-color: rgb(178, 55, 121);
}
@media (hover: none) {
  .MuiButton-containedSecondary:hover {
    background-color: #ff4fae;
  }
}
.MuiButton-disableElevation {
  box-shadow: none;
}
.MuiButton-disableElevation:hover {
  box-shadow: none;
}
.MuiButton-disableElevation.Mui-focusVisible {
  box-shadow: none;
}
.MuiButton-disableElevation:active {
  box-shadow: none;
}
.MuiButton-disableElevation.Mui-disabled {
  box-shadow: none;
}
.MuiButton-colorInherit {
  color: inherit;
  border-color: currentColor;
}
.MuiButton-textSizeSmall {
  padding: 4px 5px;
  font-size: 0.8125rem;
}
.MuiButton-textSizeLarge {
  padding: 8px 11px;
  font-size: 0.9375rem;
}
.MuiButton-outlinedSizeSmall {
  padding: 3px 9px;
  font-size: 0.8125rem;
}
.MuiButton-outlinedSizeLarge {
  padding: 7px 21px;
  font-size: 0.9375rem;
}
.MuiButton-containedSizeSmall {
  padding: 4px 10px;
  font-size: 0.8125rem;
}
.MuiButton-containedSizeLarge {
  padding: 8px 22px;
  font-size: 0.9375rem;
}
.MuiButton-fullWidth {
  width: 100%;
}
.MuiButton-startIcon {
  display: inherit;
  margin-left: -4px;
  margin-right: 8px;
}
.MuiButton-startIcon.MuiButton-iconSizeSmall {
  margin-left: -2px;
}
.MuiButton-endIcon {
  display: inherit;
  margin-left: 8px;
  margin-right: -4px;
}
.MuiButton-endIcon.MuiButton-iconSizeSmall {
  margin-right: -2px;
}
.MuiButton-iconSizeSmall > *:first-child {
  font-size: 18px;
}
.MuiButton-iconSizeMedium > *:first-child {
  font-size: 20px;
}
.MuiButton-iconSizeLarge > *:first-child {
  font-size: 22px;
}


.MuiTooltip-popper {
  z-index: 1500;
  pointer-events: none;
}
.MuiTooltip-popperInteractive {
  pointer-events: auto;
}
.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow {
  top: 0;
  left: 0;
  margin-top: -0.71em;
  margin-left: 4px;
  margin-right: 4px;
}
.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow {
  left: 0;
  bottom: 0;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: -0.71em;
}
.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow {
  left: 0;
  width: 0.71em;
  height: 1em;
  margin-top: 4px;
  margin-left: -0.71em;
  margin-bottom: 4px;
}
.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow {
  right: 0;
  width: 0.71em;
  height: 1em;
  margin-top: 4px;
  margin-right: -0.71em;
  margin-bottom: 4px;
}
.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow::before {
  transform-origin: 0 0;
}
.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow::before {
  transform-origin: 100% 100%;
}
.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow::before {
  transform-origin: 100% 0;
}
.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow::before {
  transform-origin: 0 100%;
}
.MuiTooltip-tooltip {
  color: #fff;
  padding: 4px 8px;
  font-size: 0.625rem;
  max-width: 300px;
  word-wrap: break-word;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.4em;
  border-radius: 4px;
  background-color: rgba(69, 79, 91, 0.9);
}
.MuiTooltip-tooltipArrow {
  margin: 0;
  position: relative;
}
.MuiTooltip-arrow {
  color: rgba(69, 79, 91, 0.9);
  width: 1em;
  height: 0.71em;
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
}
.MuiTooltip-arrow::before {
  width: 100%;
  height: 100%;
  margin: auto;
  content: "";
  display: block;
  transform: rotate(45deg);
  background-color: currentColor;
}
.MuiTooltip-touch {
  padding: 8px 16px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.14286em;
}
.MuiTooltip-tooltipPlacementLeft {
  margin: 0 24px ;
  transform-origin: right center;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementLeft {
    margin: 0 14px;
  }
}
.MuiTooltip-tooltipPlacementRight {
  margin: 0 24px;
  transform-origin: left center;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementRight {
    margin: 0 14px;
  }
}
.MuiTooltip-tooltipPlacementTop {
  margin: 24px 0;
  transform-origin: center bottom;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementTop {
    margin: 14px 0;
  }
}
.MuiTooltip-tooltipPlacementBottom {
  margin: 24px 0;
  transform-origin: center top;
}
@media (min-width:600px) {
  .MuiTooltip-tooltipPlacementBottom {
    margin: 14px 0;
  }
}


.MuiLinearProgress-root {
  height: 4px;
  overflow: hidden;
  position: relative;
}
@media print {
  .MuiLinearProgress-root {
    -webkit-print-color-adjust: exact;
  }
}
.MuiLinearProgress-colorPrimary {
  background-color: rgb(158, 193, 173);
}
.MuiLinearProgress-colorSecondary {
  background-color: rgb(255, 188, 224);
}
.MuiLinearProgress-buffer {
  background-color: transparent;
}
.MuiLinearProgress-query {
  transform: rotate(180deg);
}
.MuiLinearProgress-dashed {
  width: 100%;
  height: 100%;
  position: absolute;
  animation: MuiLinearProgress-keyframes-buffer 3s infinite linear;
  margin-top: 0;
}
.MuiLinearProgress-dashedColorPrimary {
  background-size: 10px 10px;
  background-image: radial-gradient(rgb(158, 193, 173) 0%, rgb(158, 193, 173) 16%, transparent 42%);
  background-position: 0 -23px;
}
.MuiLinearProgress-dashedColorSecondary {
  background-size: 10px 10px;
  background-image: radial-gradient(rgb(255, 188, 224) 0%, rgb(255, 188, 224) 16%, transparent 42%);
  background-position: 0 -23px;
}
.MuiLinearProgress-bar {
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  transition: transform 0.2s linear;
  transform-origin: left;
}
.MuiLinearProgress-barColorPrimary {
  background-color: #E3352C;
}
.MuiLinearProgress-barColorSecondary {
  background-color: #ff4fae;
}
.MuiLinearProgress-bar1Indeterminate {
  width: auto;
  animation: MuiLinearProgress-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.MuiLinearProgress-bar1Determinate {
  transition: transform .4s linear;
}
.MuiLinearProgress-bar1Buffer {
  z-index: 1;
  transition: transform .4s linear;
}
.MuiLinearProgress-bar2Indeterminate {
  width: auto;
  animation: MuiLinearProgress-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
.MuiLinearProgress-bar2Buffer {
  transition: transform .4s linear;
}
@-webkit-keyframes MuiLinearProgress-keyframes-indeterminate1 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes MuiLinearProgress-keyframes-indeterminate2 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-webkit-keyframes MuiLinearProgress-keyframes-buffer {
  0% {
    opacity: 1;
    background-position: 0 -23px;
  }
  50% {
    opacity: 0;
    background-position: 0 -23px;
  }
  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
}


.MuiIconButton-root {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.54);
  padding: 12px;
  overflow: visible;
  font-size: 1.5rem;
  text-align: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50%;
}
.MuiIconButton-root:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiIconButton-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
@media (hover: none) {
  .MuiIconButton-root:hover {
    background-color: transparent;
  }
}
.MuiIconButton-edgeStart {
  margin-left: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
  margin-left: -3px;
}
.MuiIconButton-edgeEnd {
  margin-right: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
  margin-right: -3px;
}
.MuiIconButton-colorInherit {
  color: inherit;
}
.MuiIconButton-colorPrimary {
  color: #E3352C;
}
.MuiIconButton-colorPrimary:hover {
  background-color: rgba(0, 92, 41, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorPrimary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-colorSecondary {
  /* color: #ff4fae; */
}
.MuiIconButton-colorSecondary:hover {
  background-color: rgba(255, 79, 174, 0.04);
}
@media (hover: none) {
  .MuiIconButton-colorSecondary:hover {
    background-color: transparent;
  }
}
.MuiIconButton-sizeSmall {
  padding: 3px;
  font-size: 1.125rem;
}
.MuiIconButton-label {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}


.MuiPopover-paper {
  outline: 0;
  position: absolute;
  max-width: calc(100% - 32px);
  min-width: 16px;
  max-height: calc(100% - 32px);
  min-height: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}


.MuiMenu-paper {
  max-height: calc(100% - 96px);
  -webkit-overflow-scrolling: touch;
}
.MuiMenu-list {
  outline: 0;
}


.MuiFormControl-root {
  border: 0;
  margin: 0;
  display: inline-flex;
  padding: 0;
  position: relative;
  min-width: 0;
  flex-direction: column;
  vertical-align: top;
}
.MuiFormControl-marginNormal {
  margin-top: 16px;
  margin-bottom: 8px;
}
.MuiFormControl-marginDense {
  margin-top: 8px;
  margin-bottom: 4px;
}
.MuiFormControl-fullWidth {
  width: 100%;
}


.MuiInputAdornment-root {
  height: 0.01em;
  display: flex;
  max-height: 2em;
  align-items: center;
  white-space: nowrap;
}
.MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel) {
  margin-top: 16px;
}
.MuiInputAdornment-positionStart {
  margin: 8px;
  margin-right: 8px;
}
.MuiInputAdornment-positionEnd {
  margin-left: 8px;
}
.MuiInputAdornment-disablePointerEvents {
  pointer-events: none;
}


@-webkit-keyframes mui-auto-fill {}
@-webkit-keyframes mui-auto-fill-cancel {}
.MuiInputBase-root {
  color: rgba(0, 0, 0, 0.87);
  cursor: text;
  display: inline-flex;
  position: relative;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.1876em;
}
.MuiInputBase-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
  cursor: default;
}
.MuiInputBase-multiline {
  padding: 6px 0 7px;
}
.MuiInputBase-multiline.MuiInputBase-marginDense {
  padding-top: 3px;
}
.MuiInputBase-fullWidth {
  width: 100%;
}
.MuiInputBase-input {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;
  padding: 6px 0 7px;
  min-width: 0;
  background: none;
  box-sizing: content-box;
  animation-name: mui-auto-fill-cancel;
  letter-spacing: inherit;
  animation-duration: 10ms;
  -webkit-tap-highlight-color: transparent;
}
.MuiInputBase-input::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-moz-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input::-ms-input-placeholder {
  color: currentColor;
  opacity: 0.42;
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiInputBase-input:focus {
  outline: 0;
}
.MuiInputBase-input:invalid {
  box-shadow: none;
}
.MuiInputBase-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.MuiInputBase-input.Mui-disabled {
  opacity: 1;
}
.MuiInputBase-input:-webkit-autofill {
  animation-name: mui-auto-fill;
  animation-duration: 5000s;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-webkit-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-moz-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input::-ms-input-placeholder {
  opacity: 0 !important;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-webkit-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-moz-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus:-ms-input-placeholder {
  opacity: 0.42;
}
label[data-shrink=false] + .MuiInputBase-formControl .MuiInputBase-input:focus::-ms-input-placeholder {
  opacity: 0.42;
}
.MuiInputBase-inputMarginDense {
  padding-top: 3px;
}
.MuiInputBase-inputMultiline {
  height: auto;
  resize: none;
  padding: 0;
}
.MuiInputBase-inputTypeSearch {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}


.MuiInput-root {
  position: relative;
}
label + .MuiInput-formControl {
  margin-top: 16px;
}
.MuiInput-colorSecondary.MuiInput-underline:after {
  border-bottom-color: #ff4fae;
}
.MuiInput-underline:after {
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  transform: scaleX(0);
  transition: transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
  border-bottom: 2px solid #E3352C;
  pointer-events: none;
}
.MuiInput-underline.Mui-focused:after {
  transform: scaleX(1);
}
.MuiInput-underline.Mui-error:after {
  transform: scaleX(1);
  border-bottom-color: #FF4842;
}
.MuiInput-underline:before {
  left: 0;
  right: 0;
  bottom: 0;
  content: "\00a0";
  position: absolute;
  transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  pointer-events: none;
}
.MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}
.MuiInput-underline.Mui-disabled:before {
  border-bottom-style: dotted;
}
@media (hover: none) {
  .MuiInput-underline:hover:not(.Mui-disabled):before {
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  }
}


.MuiNativeSelect-select {
  cursor: pointer;
  min-width: 16px;
  user-select: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.MuiNativeSelect-select:focus {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.05);
}
.MuiNativeSelect-select::-ms-expand {
  display: none;
}
.MuiNativeSelect-select.Mui-disabled {
  cursor: default;
}
.MuiNativeSelect-select[multiple] {
  height: auto;
}
.MuiNativeSelect-select:not([multiple]) option, .MuiNativeSelect-select:not([multiple]) optgroup {
  background-color: #fff;
}
.MuiNativeSelect-select.MuiNativeSelect-select {
  padding-right: 24px;
}
.MuiNativeSelect-filled.MuiNativeSelect-filled {
  padding-right: 32px;
}
.MuiNativeSelect-outlined {
  border-radius: 4px;
}
.MuiNativeSelect-outlined.MuiNativeSelect-outlined {
  padding-right: 32px;
}
.MuiNativeSelect-selectMenu {
  height: auto;
  overflow: hidden;
  min-height: 1.1876em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MuiNativeSelect-icon {
  top: calc(50% - 12px);
  color: rgba(0, 0, 0, 0.54);
  right: 0;
  position: absolute;
  pointer-events: none;
}
.MuiNativeSelect-icon.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiNativeSelect-iconOpen {
  transform: rotate(180deg);
}
.MuiNativeSelect-iconFilled {
  right: 7px;
}
.MuiNativeSelect-iconOutlined {
  right: 7px;
}
.MuiNativeSelect-nativeInput {
  left: 0;
  width: 100%;
  bottom: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}


.MuiGrid-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.MuiGrid-item {
  margin: 0;
  box-sizing: border-box;
}
.MuiGrid-zeroMinWidth {
  min-width: 0;
}
.MuiGrid-direction-xs-column {
  flex-direction: column;
}
.MuiGrid-direction-xs-column-reverse {
  flex-direction: column-reverse;
}
.MuiGrid-direction-xs-row-reverse {
  flex-direction: row-reverse;
}
.MuiGrid-wrap-xs-nowrap {
  flex-wrap: nowrap;
}
.MuiGrid-wrap-xs-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.MuiGrid-align-items-xs-center {
  align-items: center;
}
.MuiGrid-align-items-xs-flex-start {
  align-items: flex-start;
}
.MuiGrid-align-items-xs-flex-end {
  align-items: flex-end;
}
.MuiGrid-align-items-xs-baseline {
  align-items: baseline;
}
.MuiGrid-align-content-xs-center {
  align-content: center;
}
.MuiGrid-align-content-xs-flex-start {
  align-content: flex-start;
}
.MuiGrid-align-content-xs-flex-end {
  align-content: flex-end;
}
.MuiGrid-align-content-xs-space-between {
  align-content: space-between;
}
.MuiGrid-align-content-xs-space-around {
  align-content: space-around;
}
.MuiGrid-justify-content-xs-center {
  justify-content: center;
}
.MuiGrid-justify-content-xs-flex-end {
  justify-content: flex-end;
}
.MuiGrid-justify-content-xs-space-between {
  justify-content: space-between;
}
.MuiGrid-justify-content-xs-space-around {
  justify-content: space-around;
}
.MuiGrid-justify-content-xs-space-evenly {
  justify-content: space-evenly;
}
.MuiGrid-spacing-xs-1 {
  width: calc(100% + 8px);
  margin: -4px;
}
.MuiGrid-spacing-xs-1 > .MuiGrid-item {
  padding: 4px;
}
.MuiGrid-spacing-xs-2 {
  width: calc(100% + 16px);
  margin: -8px;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item {
  padding: 8px;
}
.MuiGrid-spacing-xs-3 {
  width: calc(100% + 24px);
  margin: -12px;
}
.MuiGrid-spacing-xs-3 > .MuiGrid-item {
  padding: 12px;
}
.MuiGrid-spacing-xs-4 {
  width: calc(100% + 32px);
  margin: -16px;
}
.MuiGrid-spacing-xs-4 > .MuiGrid-item {
  padding: 16px;
}
.MuiGrid-spacing-xs-5 {
  width: calc(100% + 40px);
  margin: -20px;
}
.MuiGrid-spacing-xs-5 > .MuiGrid-item {
  padding: 20px;
}
.MuiGrid-spacing-xs-6 {
  width: calc(100% + 48px);
  margin: -24px;
}
.MuiGrid-spacing-xs-6 > .MuiGrid-item {
  padding: 24px;
}
.MuiGrid-spacing-xs-7 {
  width: calc(100% + 56px);
  margin: -28px;
}
.MuiGrid-spacing-xs-7 > .MuiGrid-item {
  padding: 28px;
}
.MuiGrid-spacing-xs-8 {
  width: calc(100% + 64px);
  margin: -32px;
}
.MuiGrid-spacing-xs-8 > .MuiGrid-item {
  padding: 32px;
}
.MuiGrid-spacing-xs-9 {
  width: calc(100% + 72px);
  margin: -36px;
}
.MuiGrid-spacing-xs-9 > .MuiGrid-item {
  padding: 36px;
}
.MuiGrid-spacing-xs-10 {
  width: calc(100% + 80px);
  margin: -40px;
}
.MuiGrid-spacing-xs-10 > .MuiGrid-item {
  padding: 40px;
}
.MuiGrid-grid-xs-auto {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto;
}
.MuiGrid-grid-xs-true {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}
.MuiGrid-grid-xs-1 {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%;
}
.MuiGrid-grid-xs-2 {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%;
}
.MuiGrid-grid-xs-3 {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%;
}
.MuiGrid-grid-xs-4 {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%;
}
@media screen and (max-width:767px) {
  .MuiGrid-grid-xs-4 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
.MuiGrid-grid-xs-5 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%;
}
.MuiGrid-grid-xs-6 {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
}
.MuiGrid-grid-xs-7 {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%;
}
.MuiGrid-grid-xs-8 {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%;
}
@media screen and (max-width:767px) {
  .MuiGrid-grid-xs-8 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
.MuiGrid-grid-xs-9 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%;
}
.MuiGrid-grid-xs-10 {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%;
}
.MuiGrid-grid-xs-11 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%;
}
.MuiGrid-grid-xs-12 {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width:600px) {
  .MuiGrid-grid-sm-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-sm-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-sm-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-sm-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-sm-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-sm-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-sm-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-sm-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-sm-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-sm-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-sm-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-sm-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-sm-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-sm-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:960px) {
  .MuiGrid-grid-md-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-md-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-md-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-md-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-md-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-md-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-md-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-md-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-md-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-md-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-md-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-md-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-md-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-md-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1280px) {
  .MuiGrid-grid-lg-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-lg-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-lg-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-lg-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-lg-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-lg-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-lg-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-lg-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-lg-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-lg-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-lg-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-lg-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-lg-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-lg-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1920px) {
  .MuiGrid-grid-xl-auto {
    flex-grow: 0;
    max-width: none;
    flex-basis: auto;
  }
  .MuiGrid-grid-xl-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .MuiGrid-grid-xl-1 {
    flex-grow: 0;
    max-width: 8.333333%;
    flex-basis: 8.333333%;
  }
  .MuiGrid-grid-xl-2 {
    flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
  }
  .MuiGrid-grid-xl-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
  }
  .MuiGrid-grid-xl-4 {
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
  }
  .MuiGrid-grid-xl-5 {
    flex-grow: 0;
    max-width: 41.666667%;
    flex-basis: 41.666667%;
  }
  .MuiGrid-grid-xl-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
  }
  .MuiGrid-grid-xl-7 {
    flex-grow: 0;
    max-width: 58.333333%;
    flex-basis: 58.333333%;
  }
  .MuiGrid-grid-xl-8 {
    flex-grow: 0;
    max-width: 66.666667%;
    flex-basis: 66.666667%;
  }
  .MuiGrid-grid-xl-9 {
    flex-grow: 0;
    max-width: 75%;
    flex-basis: 75%;
  }
  .MuiGrid-grid-xl-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;
  }
  .MuiGrid-grid-xl-11 {
    flex-grow: 0;
    max-width: 91.666667%;
    flex-basis: 91.666667%;
  }
  .MuiGrid-grid-xl-12 {
    flex-grow: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}


.MuiBadge-root {
  display: inline-flex;
  position: relative;
  flex-shrink: 0;
  vertical-align: middle;
}
.MuiBadge-badge {
  height: 20px;
  display: flex;
  padding: 0 6px;
  z-index: 1;
  position: absolute;
  flex-wrap: wrap;
  font-size: 0.75rem;
  min-width: 20px;
  box-sizing: border-box;
  transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  align-items: center;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1;
  align-content: center;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
}
.MuiBadge-colorPrimary {
  color: #fff;
  background-color: #E3352C;
}
.MuiBadge-colorSecondary {
  color: #fff;
  background-color: #ff4fae;
}
.MuiBadge-colorError {
  color: #fff;
  background-color: #FF4842;
}
.MuiBadge-dot {
  height: 8px;
  padding: 0;
  min-width: 8px;
  border-radius: 4px;
}
.MuiBadge-anchorOriginTopRightRectangle {
  top: 0;
  right: 0;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightRectangle.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginTopRightRectangular {
  top: 0;
  right: 0;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightRectangular.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginBottomRightRectangle {
  right: 0;
  bottom: 0;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightRectangle.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginBottomRightRectangular {
  right: 0;
  bottom: 0;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightRectangular.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginTopLeftRectangle {
  top: 0;
  left: 0;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftRectangle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginTopLeftRectangular {
  top: 0;
  left: 0;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftRectangular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginBottomLeftRectangle {
  left: 0;
  bottom: 0;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftRectangle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-anchorOriginBottomLeftRectangular {
  left: 0;
  bottom: 0;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftRectangular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-anchorOriginTopRightCircle {
  top: 14%;
  right: 14%;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightCircle.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginTopRightCircular {
  top: 14%;
  right: 14%;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}
.MuiBadge-anchorOriginTopRightCircular.MuiBadge-invisible {
  transform: scale(0) translate(50%, -50%);
}
.MuiBadge-anchorOriginBottomRightCircle {
  right: 14%;
  bottom: 14%;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightCircle.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginBottomRightCircular {
  right: 14%;
  bottom: 14%;
  transform: scale(1) translate(50%, 50%);
  transform-origin: 100% 100%;
}
.MuiBadge-anchorOriginBottomRightCircular.MuiBadge-invisible {
  transform: scale(0) translate(50%, 50%);
}
.MuiBadge-anchorOriginTopLeftCircle {
  top: 14%;
  left: 14%;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftCircle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginTopLeftCircular {
  top: 14%;
  left: 14%;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.MuiBadge-anchorOriginTopLeftCircular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, -50%);
}
.MuiBadge-anchorOriginBottomLeftCircle {
  left: 14%;
  bottom: 14%;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftCircle.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-anchorOriginBottomLeftCircular {
  left: 14%;
  bottom: 14%;
  transform: scale(1) translate(-50%, 50%);
  transform-origin: 0% 100%;
}
.MuiBadge-anchorOriginBottomLeftCircular.MuiBadge-invisible {
  transform: scale(0) translate(-50%, 50%);
}
.MuiBadge-invisible {
  transition: transform 195ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}


.MuiDivider-root {
  border: none;
  height: 1px;
  margin: 0;
  flex-shrink: 0;
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiDivider-absolute {
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
}
.MuiDivider-inset {
  margin-left: 72px;
}
.MuiDivider-light {
  background-color: rgba(0, 0, 0, 0.08);
}
.MuiDivider-middle {
  margin-left: 16px;
  margin-right: 16px;
}
.MuiDivider-vertical {
  width: 1px;
  height: 100%;
}
.MuiDivider-flexItem {
  height: auto;
  align-self: stretch;
}


.MuiLink-underlineNone {
  text-decoration: none;
}
.MuiLink-underlineHover {
  text-decoration: none;
}
.MuiLink-underlineHover:hover {
  text-decoration: underline;
}
.MuiLink-underlineAlways {
  text-decoration: underline;
}
.MuiLink-button {
  border: 0;
  cursor: pointer;
  margin: 0;
  outline: 0;
  padding: 0;
  position: relative;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.MuiLink-button::-moz-focus-inner {
  border-style: none;
}
.MuiLink-button.Mui-focusVisible {
  outline: auto;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}
.MuiSvgIcon-colorPrimary {
  color: #E3352C;
}
.MuiSvgIcon-colorSecondary {
  color: #ff4fae;
}
.MuiSvgIcon-colorAction {
  color: rgba(0, 0, 0, 0.54);
}
.MuiSvgIcon-colorError {
  color: #FF4842;
}
.MuiSvgIcon-colorDisabled {
  color: rgba(0, 0, 0, 0.26);
}
.MuiSvgIcon-fontSizeInherit {
  font-size: inherit;
}
.MuiSvgIcon-fontSizeSmall {
  font-size: 1.25rem;
}
.MuiSvgIcon-fontSizeLarge {
  font-size: 2.1875rem;
}



.styles_modalItem__YKbSY {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px
}

.styles_root__SpsMg {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 30px)
}

.styles_wrapper__yHcHx {
    position: relative!important
}

.styles_progress__8TPzZ {
    color: var(--primary-color);
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -41px;
    margin-left: -40px
}

.styles_fullWidth__zc8my [class*=MuiAlert-message] {
    width: 100%;
    padding: 4px
}

.styles_MuiAlert-message____aBe {
    width: 100%
}

.styles_content__Pd93b {
    width: 94%
}

@media (max-width: 777px) {
    .styles_content__Pd93b {
        width:90%
    }
}

@media (max-width: 550px) {
    .styles_content__Pd93b {
        width:80%
    }
}

.styles_confirm_modal_wrap__C3TVz {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 21rem;
    max-width: 100%;
    padding: 1rem;
    border: none;
    border-radius: 12px;
    outline: 0;
    background: #fff;
    font-family: inherit;
    font-size: 1rem
}

.styles_close__MLU73 {
    position: absolute;
    right: .5rem;
    top: -2em;
    display: flex;
    gap: .5em;
    align-items: center;
    color: #fff;
    font-size: .75rem;
    cursor: pointer
}

.styles_modal_title___BGpz {
    position: relative;
    max-width: 100%;
    padding: 0;
    color: #000;
    font-family: ggsm;
    font-size: 1.25rem!important;
    font-weight: 500!important;
    text-align: center;
    text-transform: none
}

.styles_modal_content__8MS8u {
    font-family: ggsr ,sans-serif;
    color: #8c8c8c!important;
    font-size: .9rem!important;
    line-height: normal!important;
    text-align: center;
    padding: 0 1.25em
}

.styles_modal_content__8MS8u b {
    color: #000!important
}

.styles_modal_ok_btn__z_Gjl {
    font-family: ggsm!important;
    text-transform: none;
    width: 100%;
    transition: background-color .3s;
    padding: 6px 16px;
    border-radius: 8px;
    color: #fff
}

.styles_modal_ok_btn__z_Gjl,.styles_modal_ok_btn__z_Gjl:hover {
    background-color: var(--primary-color)!important
}

.styles_mobile_linkRoot__G_the {
    padding: 12px
}

.styles_mobile_rootBase__8z7PQ {
    text-decoration: none;
    font-size: 12px;
    padding: 0px;
    color: #000;
    display: flex
}

.styles_flex_no_wrap__1vvft {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    font-family: googlesansmedium, sans-serif;
}

.styles_canvasPrice__vw932 {
    display: flex;
    align-items: center;
    height: 25px;
    justify-content: flex-end
}

.styles_minWidth__zDQSK {
    max-width: 4px
}

.style_confirm_modal_wrap__bTIeR {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0
}

.style_btn__mnzG2 {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 16px!important;
    line-height: 1.5;
    border-radius: 50px!important;
    transition: color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s
}

.style_outlined_btn__Vbaqe {
    color: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important
}

.style_brown_btn__tHwhV,.style_outlined_btn__Vbaqe {
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_brown_btn__tHwhV {
    color: #fff!important;
    background: #facea8!important;
    border: 1px solid #facea8!important
}

.style_brown_btn__tHwhV:hover {
    background: #fff!important;
    color: #facea8!important
}

.style_fill_btn__t4fmt {
    color: #fff!important;
    background-color: var(--primary-color)!important
}

.style_fill_btn__t4fmt,.style_fill_btn__t4fmt:hover {
    border: 1px solid var(--primary-color)!important;
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_fill_btn__t4fmt:hover {
    background: #fff!important;
    color: var(--primary-color)!important
}

.style_warning_icon__n6NnH {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.style_text_icon__khra_ {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.style_modal_title__hyVvF {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em!important;
    padding: 0;
    color: #595959;
    font-size: 1.875em!important;
    font-weight: 600!important;
    text-align: center;
    text-transform: none
}

.style_modal_content__3Ut_p {
    color: #545454!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    text-align: center
}

.style_remove_item__AFCYg {
    line-height: 0;
    display: block;
    padding: 10px;
    margin-top: 20px
}

.style_remove_item_content__vX3o4 {
    line-height: 1;
    display: block;
    width: calc(100% - 80px);
    float: left;
    padding: 10px
}

.style_remove_item_image__Xb3tU {
    width: 80px;
    float: left
}

.style_remove_item_cart_name__cIW_1 {
    color: #343a40;
    text-transform: capitalize;
    transition: color .2s;
    font-weight: 500;
    margin-bottom: 10px
}

.style_remove_item_cart_price__vbIFg {
    color: var(--primary-color);
    font-weight: 500
}

.style_defaultBtn__uYdCB {
    background-color: #a9a9a9!important;
    color: #fff!important
}

.style_defaultBtn__uYdCB:hover {
    background-color: gray!important;
    color: #fff!important
}

.styles_consultBtn__pqIkS {
    background: linear-gradient(0deg,#ff9226,#ffd27e);
    border-radius: 50px;
    box-shadow: none!important;
    text-transform: none!important;
    line-height: 0;
    white-space: nowrap
}

.styles_consultBtnList__Q7Xi_ {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.styles_base__Pdm9S {
    min-height: 44px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    box-shadow: unset;
    border: unset;
    padding: .75em .5em;
    font-family: ggsm;
    font-size: 1rem;
    font-weight: 500;
    color: #000
}

.styles_base__Pdm9S:hover {
    filter: brightness(96%);
    box-shadow: unset;
    cursor: pointer
}

.styles_contained__4kDf4 {
    background-color: var(--primary-color);
    color: #fff
}

.styles_outlined__Uzhye {
    background-color: #fff!important;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)!important
}

.styles_outlined__Uzhye:hover {
    background-color: #e8f6ee!important
}

.styles_text__77Ymp {
    background: transparent;
    color: #000
}

.styles_outlined__Uzhye {
    border: 1px solid #f1f1f1
}

.styles_colorGreenish__fz_CF,.styles_colorPrimary__NGf0C {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_colorSecondary__js_Iq {
    background: #f5f5f5;
    color: #000
}

.styles_colorDanger__OEPXd {
    background: #f5222d;
    color: #fff
}

.styles_colorSoftBlue__1fk4A {
    background: #f0f5ff;
    color: #1d39c4
}

.styles_small__QTUmD {
    min-width: 120px
}

.styles_medium__GAqKP {
    min-width: 140px
}

.styles_large__aTxqv {
    min-width: 166px
}

.styles_fullWidth__cEZmS {
    width: 100%
}

.styles_base__Pdm9S:disabled,.styles_base__Pdm9S[disabled],.styles_isLoading__vdx6n {
    color: #212529;
    opacity: .65;
    background: #919eab;
    border: 1px solid #919eab;
    pointer-events: none
}

.styles_base__Pdm9S:disabled:hover,.styles_isLoading__vdx6n:hover {
    filter: unset;
    cursor: not-allowed
}

.styles_icon__ucPkH {
    width: 18px;
    height: 18px
}

.styles_progress__J57lh {
    color: #fff
}

.ConsultPopup_dialogTitle__37LQl {
    border-bottom: 1px solid #e0e0e0;
    padding: .5em .75em!important;
    background-color: #fff
}

.ConsultPopup_headerTitle__hg673 {
    font-weight: 700!important;
    color: #333
}

.ConsultPopup_dialogContent__sUzKm {
    display: flex;
    flex-direction: column;
    height: calc(80vh - 80px);
    padding: 0!important;
    background-color: #f5f5f5
}

.ConsultPopup_productInfoBubble__hoYNv {
    justify-content: center;
    width: 100%
}

.ConsultPopup_productInfoMessage__SsZMz {
    max-width: 100%!important;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e9ecef
}

.ConsultPopup_productInfoContent__OqAKa {
    display: flex;
    gap: 12px;
    align-items: center
}

.ConsultPopup_productImageContainer__wvUE_ {
    display: flex;
    align-items: center
}

.ConsultPopup_productImage__8Rwu_ {
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.ConsultPopup_productDetails__I1_xr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1
}

.ConsultPopup_productName__5baow {
    font-weight: 500!important;
    color: #000
}

.ConsultPopup_productLimit__80wXN {
    color: #797979;
    font-size: .875rem
}

.ConsultPopup_conversationHistory__1CK2v {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.ConsultPopup_messageContainer__lnVX1 {
    display: flex;
    width: 100%
}

.ConsultPopup_userMessage__J4CoL {
    justify-content: flex-end
}

.ConsultPopup_consultantMessage__UGSVd {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px
}

.ConsultPopup_consultantAvatarContainer__OT6J0 {
    width: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.ConsultPopup_consultantLogo__knqaM {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0
}

.ConsultPopup_consultantLogo__knqaM img {
    width: 20px;
    height: 20px
}

.ConsultPopup_message__rC4Ww {
    max-width: 70%;
    padding: 8px 12px;
    border-radius: 8px;
    position: relative
}

.ConsultPopup_userBubble__VcyGV {
    background-color: #c3eac7;
    color: #333;
    text-align: right
}

.ConsultPopup_consultantBubble__S_2tD {
    background-color: #fff;
    color: #333;
    border: 1px solid #e0e0e0
}

.ConsultPopup_messageText__Q8WBp {
    margin-bottom: 4px;
    word-wrap: break-word;
    text-align: left
}

.ConsultPopup_timestamp__k__7j {
    opacity: .7;
    font-size: .75rem;
    margin-top: 4px
}

.ConsultPopup_inputArea__uHKay {
    border-top: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #fff
}

.ConsultPopup_inputContainer__lNsJb {
    display: flex;
    gap: 12px;
    align-items: flex-end
}

.ConsultPopup_textField__R4uHs {
    flex: 1
}

.ConsultPopup_textField__R4uHs .MuiOutlinedInput-root {
    background-color: #fff;
    border-radius: 20px!important
}

.ConsultPopup_textField__R4uHs .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--primary-color)!important
}

.ConsultPopup_buttonContainer__UpBd0 {
    display: flex;
    gap: 1em;
    justify-content: center
}

.styles_container__zH79T {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dcdbdb;
    border-radius: 20px;
    overflow: hidden;
    width: 100%
}

.styles_minusContainer__g2awP {
    border-right: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer
}

.styles_minus__vnNUA {
    width: 12px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addContainerNew__GECz2 {
    border-left: 1px solid #dadada;
    z-index: 1
}

.styles_addContainerNew__GECz2,.styles_minusContainerNew__RSUQE {
    padding: 2px 0 0 2px;
    height: 34px;
    min-width: 50px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_minusContainerNew__RSUQE {
    border-right: 1px solid #dadada
}

.styles_count__9VXwH {
    color: #a2a0a0;
    font-weight: 600
}

.styles_addContainer__SX0EB {
    border-left: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer;
    position: relative
}

.styles_addIcon__7BsBg,.styles_addIcon__7BsBg:after {
    width: 14px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addIcon__7BsBg:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_container__zH79T [class*=MuiInputBase-input] {
    color: var(--neutral-description-light,#a2a0a0);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: ggsm;
    height: auto
}

.styles_disabled__rVYzi {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background: #dcdbdb;
    border-right: none
}

.styles_disabled__rVYzi .styles_addIcon__7BsBg:after,.styles_disabled__rVYzi>* {
    background: #a2a0a0
}

.styles_newCardInput__AYuYU {
    width: -moz-fit-content;
    width: fit-content;
    transform: translateY(5%);
    line-height: normal!important
}

.styles_container__zH79T [class*=MuiInputBase-input] {
    font-size: 14px
}

.styles_newCardInput__AYuYU [class*=MuiInputBase-input] {
    font-size: 14px;
    color: #999;
    font-family: ggsr ,sans-serif;
    width: 100%;
    text-align: center
}

.styles_maxWidth__zBhsQ {
    width: 100%;
    margin-top: auto
}

.styles_groupInput__3rE3S {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(10px)
}

.styles_cartIconContainer__j1a05 {
    display: flex;
    align-items: center;
    position: absolute;
    padding-right: 4px;
    right: 50%;
    transform: translateX(30%)
}

.styles_inputVisible__4CFxn {
    display: flex;
    align-items: center;
    text-align: right;
    width: 100%
}

.styles_currentValue__ZYyd_ {
    display: block;
    visibility: hidden;
    font-size: 14px;
    min-width: 26px
}

.styles_container__IDdis {
    position: relative;
    max-width: 220px;
    /* height: 390px; */
    border-radius: 10px;
    border: 1px solid transparent;
    transition: border .1s ease-in;
    background: #fff;
    display: flex;
    flex-direction: column
}

.styles_contract__CR1si,.styles_nearExpiration__RvBXD,.styles_promo__losWR,.styles_storeVip__AyLQw,.styles_store__t8gUr {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px 4px;
    color: var(--neutral-white,#fff);
    font-family: Inter,sans-serif;
    height: 22px;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 8px 0 8px 0
}

.styles_titleBadbes__fTHDR {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    padding: .1875rem .25rem;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    line-height: .5;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 2px;
    height: 18px
}

.styles_titleBadbes__fTHDR.styles_badges_success___sz3f {
    background-color: var(--primary-color)
}

.styles_titleBadbes__fTHDR.styles_badges_warning__SK69Q {
    background-color: #e7a600
}

.styles_promo__losWR {
    background-color: #d4323b
}

.styles_contract__CR1si {
    background-color: #0e1983
}

.styles_nearExpiration__RvBXD {
    background-color: #e54817
}

.styles_store__t8gUr {
    padding: 2px 8px;
    background-color: #b98f0f
}

.styles_container__IDdis:hover {
    border: 1px solid var(--primary-color);
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(18,79,99,.2)
}

.styles_container__IDdis .styles_image__Y8Jva {
    width: 100%;
    height: 128px;
    -o-object-fit: cover;
    object-fit: cover
}

.styles_titleContainer__WYihl {
    height: 58px
}

.styles_titleWrapper__FvOnI {
    height: -moz-fit-content;
    height: fit-content;
    max-height: 42px;
    width: 100%;
    color: var(--neutral-text,#000);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: capitalize;
    font-family: ggsm;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_titleProduct__ItCOL:hover,.styles_titleWrapper__FvOnI:hover {
    color: var(--primary-color)
}

.styles_customButton__HNiJK {
    display: inline;
    cursor: pointer
}

.styles_tooltipRight__KgBN7 {
    position: absolute;
    z-index: 2;
    top: 4px;
    right: 4px
}

.styles_icon__Zwjan {
    transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms
}

.styles_icon__Zwjan:hover * {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: transparent
}

.styles_listTag__QSJO1 {
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    height: 30px;
    position: absolute;
    transform: translateY(50%)
}

.styles_pointInfo__zshOK {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff
}

.styles_multiple__89n31 {
    border-radius: 20px;
    background: var(--blue-blue-bg-2,#f2f4fa);
    font-size: 10px;
    font-family: ggsm;
    color: #0e1983;
    display: inline-flex;
    height: 20px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-left: 2px
}

.styles_score__0LnSH {
    color: var(--primary-color);
    font-size: 12px;
    font-family: ggsm
}

.styles_infoScore__hpz0n {
    letter-spacing: .2px
}

.styles_priceContainer__F_qQS {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    gap: 5px;
    padding: 4px 0 0
}

.styles_priceContainer__F_qQS p {
    margin: 0;
    width: -moz-fit-content;
    width: fit-content
}

.styles_priceContainer__F_qQS .styles_MuiTypography-root__No075 {
    margin: 0
}

.styles_price__P5IMX {
    color: var(--primary-color,#E3352C);
    font-size: 18px;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize;
    transform: translateX(-6px)
}

.styles_pricePromo__JxTg_,.styles_price__P5IMX {
    width: -moz-fit-content;
    width: fit-content
}

.styles_progressContainer__JrGkW {
    min-height: 30px;
    margin-top: auto;
    display: flex;
    flex-direction: column
}

.styles_progressContainer__JrGkW p {
    font-size: 10px;
    display: flex;
    justify-content: center;
    max-height: 11px;
    line-height: 1.3
}

.styles_countPerItem__OvDsy {
    overflow: hidden;
    margin-top: 3px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
    text-transform: capitalize;
    height: 13px
}

.styles_priceAuth___YJY2 {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_progressBuy__hItNv {
    position: relative;
    min-height: 14px;
    margin-bottom: 4px
}

.styles_buyCount__qtYPa {
    position: absolute;
    width: 100%;
    color: var(--color-red,#d4323b);
    font-size: 10px;
    font-family: ggsm
}

.styles_dateExpired__b9Lle {
    font-size: 12px;
    color: red
}

.styles_bottom__YhFZ0 {
    color: var(--neutral-decription,#636363);
    font-size: 12px;
    min-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.styles_bottomMobile__DC1zN {
    -webkit-line-clamp: 2
}

.styles_customLink__V2QCm {
    font-size: 14px
}

.styles_titleProduct__ItCOL {
    font-family: ggsm;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: capitalize;
    height: 42px
}

.styles_anotherSeller__FtvRY {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--primary-color);
    border-radius: 36px;
    padding: 4px;
    color: var(--primary-color);
    margin-bottom: 8px
}

.styles_anotherSeller__FtvRY p {
    font-size: 12px
}

.styles_count__qrI3d {
    color: #fff;
    background-color: var(--primary-color);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px
}

.styles_redirect__fdg0Q {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_redirect__fdg0Q>* {
    color: var(--primary-color)
}

.styles_giftPromo__KgmyE {
    font-family: ggsm!important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #d55d2a
}

.styles_titleMaxQuantity__dn2Ff {
    text-align: center;
    max-height: 10px;
    margin-top: 4px
}

.styles_titleMaxQuantity__dn2Ff p {
    font-size: 10px;
    line-height: normal
}

.styles_underContainer__mL2nM {
    /* height: 141px; */
    padding: 0 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 20px;
    margin-bottom: 5px
}

.styles_topContainer__8eSB4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 190px;
    position: relative;
    margin: 0;
    padding: 0
}

.styles_stylesImage__YoHx0 {
    margin-top: 10px;
    width: 160px;
    height: 160px;
    padding: 0!important
}

.styles_error__BArZU {
    color: #d4323b;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_quantityControlContainer__djBwR {
    margin-top: auto;
    border: none;
    border-radius: 0!important;
    border-top: 1px solid #dadada!important;
    height: 34px
}

.styles_buyCount__qtYPa {
    color: #fff;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 9px;
    top: 1px;
    left: 0
}

.styles_tagContainer__sbEMn {
    padding: 0!important;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: 30px
}

.styles_labelImage__rJCYj {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4px);
    margin-right: 2px;
    width: -moz-fit-content;
    width: fit-content
}

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

.styles_listTagGuide__Ms7pX {
    width: 220px;
    height: 190px!important;
    background-color: unset!important;
    transform: translateY(-1px)
}

.styles_footerGuide__wJoQa {
    width: 102%;
    transform: translateX(-1px);
    border-radius: 0 0 8px 8px!important
}

.styles_limitMessage__Iq3IG {
    font-size: 10px;
    display: flex;
    justify-content: center;
    max-height: 11px;
    line-height: 1.3
}

@media (max-width: 1200px) {
    .styles_container__IDdis {
        width:100%;
        max-width: 100%
    }

    .styles_topContainer__8eSB4 {
        width: auto
    }

    .styles_listTagGuide__Ms7pX {
        width: 100%;
        transform: translate(-.2%,-2.3%)
    }

    .styles_listTagGuide__Ms7pX .styles_listTag__QSJO1 {
        width: 100%;
        height: 100%
    }
}

.styles_controlQuantity__QWHZr {
    position: absolute;
    width: 100%;
    bottom: 10px;
    right: 0
}

.styles_sellerContainer__6U8C4 {
    height: 18px
}

.styles_sellerContainer__6U8C4>div {
    margin-top: 2px;
    margin-bottom: 2px
}

.styles_sellerContainer__6U8C4 a {
    color: #0e1983;
    font-family: ggsm
}

.styles_wrapperTooltip__MHPzJ {
    display: flex;
    align-items: flex-start
}

.styles_wrapperImage__VTK_J {
    padding-top: 5px
}

.styles_link__jjTWc {
    max-width: 90%;
    max-height: 22px;
    color: var(--Blue-Text-Link,#0e1983);
    font-family: ggsm,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.styles_buttonRedirectReplaceSku__ud4_j {
    background-color: #f0f5ff;
    border-radius: 24px;
    font-family: Inter;
    font-size: 10px;
    color: #1d39c4;
    padding: 4px 8px;
    text-transform: none;
    max-width: -moz-max-content;
    max-width: max-content
}

.styles_buttonRedirectReplaceSku__ud4_j>span {
    display: flex;
    justify-content: space-between;
    gap: 4px
}

.styles_buttonRedirectReplaceSku__ud4_j:active,.styles_buttonRedirectReplaceSku__ud4_j:visited {
    background-color: #f0f5ff
}

.styles_buttonRedirectReplaceSku__ud4_j:hover {
    background-color: #dbe7ff
}

.styles_glowOnEffect__AQRQM {
    border-color: #3fb877
}

.styles_replaceSkuTag__nQho7 {
    position: absolute;
    top: -6px;
    left: -1px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-top-left-radius: 8px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 2px 4px;
    font-family: Inter;
    font-size: 10px;
    z-index: 5
}

.styles_replaceSkuTag__nQho7:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 6px solid #c7c9d9;
    border-right: 6px solid transparent
}

@media (max-width: 834px) {
    .styles_listTagGuide__Ms7pX {
        width:100%;
        transform: translate(.4%,-4%)
    }
}

.styles_nearExpiration__RvBXD,.styles_promo__losWR,.styles_stylesImage__YoHx0 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_showSubstitutesForInStock__NQ4F8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: .25rem;
    background-color: #f0f5ff;
    color: #1d39c4;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: background-color var(--animation-duration)
}

.styles_showSubstitutesForInStock__NQ4F8:hover {
    background-color: #dbe7ff
}

.styles_pagiContainer__B0imj {
    display: flex;
    align-items: center;
    justify-content: center
}

.Toastify__toast-container {
    z-index: 9999;
    -webkit-transform: translateZ(9999px);
    position: fixed;
    padding: 4px;
    width: 320px;
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width:100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 1px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    display: flex;
    justify-content: space-between;
    max-height: 800px;
    overflow: hidden;
    font-family: sans-serif;
    cursor: pointer;
    direction: ltr
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--dark {
    background: #121212;
    color: #fff
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa
}

.Toastify__toast--info {
    background: #3498db
}

.Toastify__toast--success {
    background: #07bc0c
}

.Toastify__toast--warning {
    background: #f1c40f
}

.Toastify__toast--error {
    background: #e74c3c
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:0
    }
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start
}

.Toastify__close-button--default {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: .7;
    background-color: hsla(0,0%,100%,.7);
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__progress-bar--default {
    background: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)
}

.Toastify__progress-bar--dark {
    background: #bb86fc
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%,0,0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%,0,0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,500px,0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-500px,0)
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme:only light
    }
}

@media (forced-colors:active) {
    :root {
        color-scheme: only light
    }
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*

! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,:before {
    --tw-content: ""
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

:root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem
}

.dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%
}

* {
    border-color: hsl(var(--border))
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground))
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem
}

@media (min-width: 100%) {
    .container {
        max-width:100%
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1180px) {
    .container {
        max-width:1180px
    }
}

.pointer-events-none {
    pointer-events: none
}

.\!visible {
    visibility: visible!important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.\!left-1\/2 {
    left: 50%!important
}

.bottom-0 {
    bottom: 0
}

.bottom-\[1\.75rem\] {
    bottom: 1.75rem
}

.left-0 {
    left: 0
}

.left-\[-14px\] {
    left: -14px
}

.left-\[calc\(25\%-1\.25rem\)\] {
    left: calc(25% - 1.25rem)
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-\[-14px\] {
    right: -14px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-\[-14px\] {
    top: -14px
}

.top-\[144px\] {
    top: 144px
}

.top-\[20px\] {
    top: 20px
}

.\!z-\[1200\] {
    z-index: 1200!important
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[99\] {
    z-index: 99
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-8 {
    grid-column: span 8/span 8
}

.row-span-2 {
    grid-row: span 2/span 2
}

.m-0 {
    margin: 0
}

.m-6 {
    margin: 1.5rem
}

.\!my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.\!my-6 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0\.5 {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-\[1px\] {
    margin-top: 1px;
    margin-bottom: 1px
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.\!mt-\[20px\] {
    margin-top: 20px!important
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-\[10px\] {
    margin-bottom: 10px
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-\[1px\] {
    margin-left: 1px
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-\[20px\] {
    margin-top: 20px
}

.mt-auto {
    margin-top: auto
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

.line-clamp-1,.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.\!block {
    display: block!important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.\!h-4 {
    height: 1rem!important
}

.\!h-\[120px\] {
    height: 120px!important
}

.\!h-\[12px\] {
    height: 12px!important
}

.\!h-auto {
    height: auto!important
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-24 {
    height: 6rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-8 {
    height: 2rem
}

.h-\[100px\] {
    height: 100px
}

.h-\[110px\] {
    height: 110px
}

.h-\[140px\] {
    height: 140px
}

.h-\[150px\] {
    height: 150px
}

.h-\[155px\] {
    height: 155px
}

.h-\[160px\] {
    height: 160px
}

.h-\[16px\] {
    height: 16px
}

.h-\[176px\] {
    height: 176px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[220px\] {
    height: 220px
}

.h-\[248px\] {
    height: 248px
}

.h-\[24px\] {
    height: 24px
}

.h-\[25px\] {
    height: 25px
}

.h-\[300px\] {
    height: 300px
}

.h-\[32px\] {
    height: 32px
}

.h-\[36px\] {
    height: 36px
}

.h-\[370px\] {
    height: 370px
}

.h-\[390px\] {
    height: 390px
}

.h-\[40px\] {
    height: 40px
}

.h-\[50px\] {
    height: 50px
}

.h-\[60px\] {
    height: 60px
}

.h-\[64px\] {
    height: 64px
}

.h-\[6px\] {
    height: 6px
}

.h-\[700px\] {
    height: 700px
}

.h-\[80px\] {
    height: 80px
}

.h-\[80vh\] {
    height: 80vh
}

.h-\[86px\] {
    height: 86px
}

.h-\[calc\(100vw\*\(764\/1308\)\)\] {
    height: calc(100vw * (764 / 1308))
}

.h-\[calc\(3\*18px\)\] {
    height: calc(3 * 18px)
}

.h-\[inherit\] {
    height: inherit
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-48 {
    max-height: 12rem
}

.max-h-\[1000px\] {
    max-height: 1000px
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[220px\] {
    max-height: 220px
}

.max-h-\[250px\] {
    max-height: 250px
}

.max-h-\[370px\] {
    max-height: 370px
}

.max-h-\[700px\] {
    max-height: 700px
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.max-h-\[calc\(1180px\*\(764\/1308\)\)\] {
    max-height: calc(1180px * (764 / 1308))
}

.max-h-full {
    max-height: 100%
}

.min-h-\[160px\] {
    min-height: 160px
}

.min-h-\[18px\] {
    min-height: 18px
}

.min-h-\[220px\] {
    min-height: 220px
}

.min-h-\[240px\] {
    min-height: 240px
}

.min-h-\[248px\] {
    min-height: 248px
}

.min-h-\[60px\] {
    min-height: 60px
}

.\!w-4 {
    width: 1rem!important
}

.\!w-\[12px\] {
    width: 12px!important
}

.\!w-auto {
    width: auto!important
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 2.5rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-4 {
    width: 1rem
}

.w-8 {
    width: 2rem
}

.w-\[100px\] {
    width: 100px
}

.w-\[110px\] {
    width: 110px
}

.w-\[150px\] {
    width: 150px
}

.w-\[16px\] {
    width: 16px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[50\%\] {
    width: 50%
}

.w-\[50px\] {
    width: 50px
}

.w-\[60px\] {
    width: 60px
}

.w-\[80vw\] {
    width: 80vw
}

.w-\[86px\] {
    width: 86px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[calc\(var\(--product-column\)\*180px\+\(12px\*\(var\(--product-column\)\+1\)\)\)\] {
    width: calc(var(--product-column) * 180px + (12px * (var(--product-column) + 1)))
}

.w-\[var\(--reference-width\)\] {
    width: var(--reference-width)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-96 {
    min-width: 24rem
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[160px\] {
    min-width: 160px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-\[18px\] {
    min-width: 18px
}

.min-w-\[300px\] {
    min-width: 300px
}

.min-w-\[330px\] {
    min-width: 330px
}

.min-w-\[360px\] {
    min-width: 360px
}

.min-w-\[384px\] {
    min-width: 384px
}

.min-w-\[540px\] {
    min-width: 540px
}

.min-w-\[580px\] {
    min-width: 580px
}

.min-w-\[60px\] {
    min-width: 60px
}

.min-w-\[86px\] {
    min-width: 86px
}

.min-w-\[87px\] {
    min-width: 87px
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.min-w-\[92px\] {
    min-width: 92px
}

.min-w-\[calc\(\(\(var\(--container-width\)\/var\(--column\)\*\(var\(--column\)-1\)\)-\(12px\*var\(--column\)\)\)\/\(var\(--column\)-1\)\)\] {
    min-width: calc(((var(--container-width) / var(--column) * (var(--column) - 1)) - (12px * var(--column))) / (var(--column) - 1))
}

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.\!max-w-\[180px\] {
    max-width: 180px!important
}

.\!max-w-\[calc\(\(\(var\(--container-width\)\/var\(--column\)\*\(var\(--column\)-1\)\)-\(12px\*var\(--column\)\)\)\/\(var\(--column\)-1\)\)\] {
    max-width: calc(((var(--container-width) / var(--column) * (var(--column) - 1)) - (12px * var(--column))) / (var(--column) - 1))!important
}

.\!max-w-fit {
    max-width: -moz-fit-content!important;
    max-width: fit-content!important
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-96 {
    max-width: 24rem
}

.max-w-\[1180px\] {
    max-width: 1180px
}

.max-w-\[160px\] {
    max-width: 160px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[330px\] {
    max-width: 330px
}

.max-w-\[40\%\] {
    max-width: 40%
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}

.flex-1 {
    flex: 1 1 0%
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-2 {
    --tw-translate-y: -0.5rem
}

.-translate-y-2,.rotate-180 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.scale-\[0\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8
}

.scale-\[0\.8\],.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes fading {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-fade {
    animation: fading var(--tw-animate-duration,1s) var(--tw-animate-easing,ease) var(--tw-animate-delay,0s) var(--tw-animate-iteration,1) var(--tw-animate-fill,both)
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse var(--tw-animate-duration,2s) var(--tw-animate-easing,cubic-bezier(.4,0,.6,1)) var(--tw-animate-delay,0s) var(--tw-animate-iteration,infinite) var(--tw-animate-fill,none)
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin var(--tw-animate-duration,1s) var(--tw-animate-easing,linear) var(--tw-animate-delay,0s) var(--tw-animate-iteration,infinite) var(--tw-animate-fill,none)
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-start {
    scroll-snap-align: start
}

.scroll-px-3 {
    scroll-padding-left: .75rem;
    scroll-padding-right: .75rem
}

.scroll-pl-4 {
    scroll-padding-left: 1rem
}

.scroll-pl-5 {
    scroll-padding-left: 1.25rem
}

.list-none {
    list-style-type: none
}

.auto-cols-\[minmax\(200px\2c _1fr\)\] {
    grid-auto-columns: minmax(200px,1fr)
}

.auto-cols-\[minmax\(calc\(\(\(100\%\/var\(--column\)\)-\(var\(--gap\)\*\(var\(--column\)-1\)\/var\(--column\)\)\)\)\2c _1fr\)\] {
    grid-auto-columns: minmax(calc(((100% / var(--column)) - (var(--gap) * (var(--column) - 1) / var(--column)))),1fr)
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.\!grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))!important
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5,minmax(0,1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-rows-4 {
    grid-template-rows: repeat(4,minmax(0,1fr))
}

.grid-rows-\[repeat\(2\2c minmax\(200px\2c _1fr\)\)\] {
    grid-template-rows: repeat(2,minmax(200px,1fr))
}

.grid-rows-\[repeat\(2\2c minmax\(calc\(\(var\(--container-width\)\/var\(--column\)\)-\(var\(--gap\)\*\(var\(--column\)-1\)\/var\(--column\)\)\)\2c _1fr\)\)\] {
    grid-template-rows: repeat(2,minmax(calc((var(--container-width) / var(--column)) - (var(--gap) * (var(--column) - 1) / var(--column))),1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-\[16px\] {
    gap: 16px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-\[var\(--gap\)\] {
    gap: var(--gap)
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: var(--radius)
}

.rounded-md {
    border-radius: calc(var(--radius) - 2px)
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-\[10px\] {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-br-\[10px\] {
    border-bottom-right-radius: 10px
}

.rounded-br-\[11px\] {
    border-bottom-right-radius: 11px
}

.rounded-br-\[8px\] {
    border-bottom-right-radius: 8px
}

.rounded-tl-\[10px\] {
    border-top-left-radius: 10px
}

.rounded-tl-\[11px\] {
    border-top-left-radius: 11px
}

.rounded-tl-\[8px\] {
    border-top-left-radius: 8px
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.\!border-\[1px\] {
    border-width: 1px!important
}

.border {
    border-width: 1px
}

.border-\[1\.5px\] {
    border-width: 1.5px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.\!border-\[\#D9D9D9\] {
    --tw-border-opacity: 1!important;
    border-color: rgb(217 217 217/var(--tw-border-opacity,1))!important
}

.border-\[\#E3352C\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 92 41/var(--tw-border-opacity,1))
}

.border-\[\#1D39C4\] {
    --tw-border-opacity: 1;
    border-color: rgb(29 57 196/var(--tw-border-opacity,1))
}

.border-\[\#3eb877\] {
    --tw-border-opacity: 1;
    border-color: rgb(62 184 119/var(--tw-border-opacity,1))
}

.border-\[\#E9E9E9\] {
    --tw-border-opacity: 1;
    border-color: rgb(233 233 233/var(--tw-border-opacity,1))
}

.border-\[\#F0F0F0\] {
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240/var(--tw-border-opacity,1))
}

.border-\[\#d4323b\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 50 59/var(--tw-border-opacity,1))
}

.border-\[\#e78438\] {
    --tw-border-opacity: 1;
    border-color: rgb(231 132 56/var(--tw-border-opacity,1))
}

.border-\[--color-border\] {
    border-color: var(--color-border)
}

.border-\[var\(--done-color\)\] {
    border-color: var(--primary-color-green)
}

.border-\[var\(--inprogress-color\)\] {
    border-color: var(--inprogress-color)
}

.border-\[var\(--primary-color\)\] {
    border-color: var(--primary-color)
}

.border-\[var\(--unactive-color\)\] {
    border-color: var(--unactive-color)
}

.border-border\/50 {
    border-color: hsl(var(--border)/.5)
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity,1))
}

.\!bg-white {
    --tw-bg-opacity: 1!important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))!important
}

.bg-\[\#E3352C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 92 41/var(--tw-bg-opacity,1))
}

.bg-\[\#3FB877\] {
    --tw-bg-opacity: 1;
    background-color: rgb(63 184 119/var(--tw-bg-opacity,1))
}

.bg-\[\#B98F0F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(185 143 15/var(--tw-bg-opacity,1))
}

.bg-\[\#D1E7BF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(209 231 191/var(--tw-bg-opacity,1))
}

.bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity,1))
}

.bg-\[\#EDFDF6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 253 246/var(--tw-bg-opacity,1))
}

.bg-\[\#F0F0F0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity,1))
}

.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))
}

.bg-\[\#FAAD14\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 173 20/var(--tw-bg-opacity,1))
}

.bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity,1))
}

.bg-\[\#FDF0DD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 240 221/var(--tw-bg-opacity,1))
}

.bg-\[\#FFB951\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 185 81/var(--tw-bg-opacity,1))
}

.bg-\[\#FFFBE6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 230/var(--tw-bg-opacity,1))
}

.bg-\[\#b98f0f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(185 143 15/var(--tw-bg-opacity,1))
}

.bg-\[\#e8f6ed\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 246 237/var(--tw-bg-opacity,1))
}

.bg-\[\#f5f5f5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity,1))
}

.bg-\[\#f9f7f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 247 248/var(--tw-bg-opacity,1))
}

.bg-\[\#fdf3eb\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 243 235/var(--tw-bg-opacity,1))
}

.bg-\[--color-bg\] {
    background-color: var(--color-bg)
}

.bg-\[var\(--done-color\)\] {
    background-color: var(--primary-color-green)
}

.bg-\[var\(--inprogress-color\)\] {
    background-color: var(--inprogress-color)
}

.bg-\[var\(--primary-color\)\] {
    background-color: var(--primary-color)
}

.bg-background {
    background-color: hsl(var(--background))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity,1))
}

.bg-card {
    background-color: hsl(var(--card))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity,1))
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202/var(--tw-bg-opacity,1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity,1))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity,1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-white\/30 {
    background-color: hsla(0,0%,100%,.3)
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-\[linear-gradient\(180deg\2c _rgba\(255\2c 255\2c 255\2c 0\)_0\%\2c _rgba\(255\2c 255\2c 255\2c 0\.3660057773109243\)_24\%\2c _rgba\(255\2c 255\2c 255\2c 1\)_100\%\)\] {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.366) 24%,#fff)
}

.bg-\[linear-gradient\(90deg\2c _\#FF3D28_0\%\2c _\#FF9549_100\%\)\] {
    background-image: linear-gradient(90deg,#ff3d28,#ff9549)
}

.bg-\[linear-gradient\(95\.19deg\2c \#B67837_-23\.15\%\2c \#EEC684_1\.31\%\2c \#F2CF69_33\.48\%\2c \#FFE174_50\.21\%\2c \#F8D76E_59\.22\%\2c \#E5BC5E_74\.67\%\2c \#EEC684_95\.26\%\2c \#B67837_105\.55\%\)\] {
    background-image: linear-gradient(95.19deg,#b67837 -23.15%,#eec684 1.31%,#f2cf69 33.48%,#ffe174 50.21%,#f8d76e 59.22%,#e5bc5e 74.67%,#eec684 95.26%,#b67837 105.55%)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-left-top {
    background-position: 0 0
}

.\!bg-no-repeat {
    background-repeat: no-repeat!important
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-foreground {
    fill: hsl(var(--foreground))
}

.fill-muted-foreground {
    fill: hsl(var(--muted-foreground))
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[1px\] {
    padding: 1px
}

.p-\[8px\] {
    padding: 8px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[17px\] {
    padding-left: 17px;
    padding-right: 17px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[15px\] {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.pb-0 {
    padding-bottom: 0
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-0 {
    padding-left: 0
}

.pl-2 {
    padding-left: .5rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-0 {
    padding-right: 0
}

.pr-4 {
    padding-right: 1rem
}

.pr-\[17px\] {
    padding-right: 17px
}

.pt-0 {
    padding-top: 0
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-\[100px\] {
    padding-top: 100px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-\[ggsm\] {
    font-family: ggsm
}

.font-\[ggsr\] {
    font-family: ggsr
}

.font-ggsm {
    font-family: googlesansmedium, sans-serif;
}

.font-inter {
    font-family: Inter
}

.font-intermedium {
    font-family: Inter-Medium
}

.font-mono {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

.\!text-\[14px\] {
    font-size: 14px!important
}

.\!text-\[18px\] {
    font-size: 18px!important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[32px\] {
    font-size: 32px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-5 {
    line-height: 1.25rem
}

.leading-\[17px\] {
    line-height: 17px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-none {
    line-height: 1
}

.tracking-tight {
    letter-spacing: -.025em
}

.\!text-\[\#E3352C\],.\!text-\[\#E3352C\] {
    --tw-text-opacity: 1!important;
    color: #E3352C !important
}

.\!text-\[\#0e1983\] {
    --tw-text-opacity: 1!important;
    color: #0E1983 !important
}

.\!text-\[\#15A959\] {
    --tw-text-opacity: 1!important;
    color: #15A959 !important
}

.\!text-\[\#bfbfbf\] {
    --tw-text-opacity: 1!important;
    color: #BFBFBF !important
}

.\!text-\[--primary-color\] {
    color: var(--primary-color)!important
}

.\!text-black {
    color: rgb(0 0 0/var(--tw-text-opacity,1))!important
}

.\!text-black,.\!text-white {
    --tw-text-opacity: 1!important
}

.\!text-white {
    color: rgb(255 255 255/var(--tw-text-opacity,1))!important
}

.text-\[\#E3352C\],.text-\[\#E3352C\] {
    --tw-text-opacity: 1;
    color: #E3352C
}

.text-\[\#0E1983\] {
    --tw-text-opacity: 1;
    color: #0E1983
}

.text-\[\#1D39C4\] {
    --tw-text-opacity: 1;
    color: rgb(29 57 196/var(--tw-text-opacity,1))
}

.text-\[\#1F1F1F\] {
    --tw-text-opacity: 1;
    color: rgb(31 31 31/var(--tw-text-opacity,1))
}

.text-\[\#1d39c4\] {
    --tw-text-opacity: 1;
    color: rgb(29 57 196/var(--tw-text-opacity,1))
}

.text-\[\#1f1f1f\] {
    --tw-text-opacity: 1;
    color: rgb(31 31 31/var(--tw-text-opacity,1))
}

.text-\[\#393939\] {
    --tw-text-opacity: 1;
    color: rgb(57 57 57/var(--tw-text-opacity,1))
}

.text-\[\#797979\] {
    --tw-text-opacity: 1;
    color: rgb(121 121 121/var(--tw-text-opacity,1))
}

.text-\[\#8C8C8C\] {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity,1))
}

.text-\[\#A2A0A0\] {
    --tw-text-opacity: 1;
    color: rgb(162 160 160/var(--tw-text-opacity,1))
}

.text-\[\#EA0B16\] {
    --tw-text-opacity: 1;
    color: rgb(234 11 22/var(--tw-text-opacity,1))
}

.text-\[\#F5222D\] {
    --tw-text-opacity: 1;
    color: rgb(245 34 45/var(--tw-text-opacity,1))
}

.text-\[\#F53449\] {
    --tw-text-opacity: 1;
    color: rgb(245 52 73/var(--tw-text-opacity,1))
}

.text-\[\#FF6A34\] {
    --tw-text-opacity: 1;
    color: rgb(255 106 52/var(--tw-text-opacity,1))
}

.text-\[\#bfbfbf\] {
    --tw-text-opacity: 1;
    color: rgb(191 191 191/var(--tw-text-opacity,1))
}

.text-\[\#f5222d\] {
    --tw-text-opacity: 1;
    color: rgb(245 34 45/var(--tw-text-opacity,1))
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.text-\[var\(--done-color\)\] {
    color: var(--primary-color-green)
}

.text-\[var\(--inprogress-color\)\] {
    color: var(--inprogress-color)
}

.text-\[var\(--primary-color\)\] {
    color: var(--primary-color)
}

.text-\[var\(--unactive-color\)\] {
    color: var(--unactive-color)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1))
}

.text-card-foreground {
    color: hsl(var(--card-foreground))
}

.text-foreground {
    color: hsl(var(--foreground))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity,1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity,1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity,1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity,1))
}

.text-muted-foreground {
    color: hsl(var(--muted-foreground))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity,1))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity,1))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.opacity-0 {
    opacity: 0
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-\[-4px_0px_5px_0px_rgba\(248\2c 251\2c 255\2c 0\.9\)\] {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[-4px_0px_5px_0px_rgba\(248\2c 251\2c 255\2c 0\.9\)\] {
    --tw-shadow: -4px 0px 5px 0px rgba(248,251,255,.9);
    --tw-shadow-colored: -4px 0px 5px 0px var(--tw-shadow-color)
}

.shadow-\[0px_0px_30px_0px_\#0000001F\] {
    --tw-shadow: 0px 0px 30px 0px #0000001f;
    --tw-shadow-colored: 0px 0px 30px 0px var(--tw-shadow-color)
}

.shadow-\[0px_0px_30px_0px_\#0000001F\],.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-none,.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.t-transition-transform {
    transition: all .3s ease-in-out;
}

.duration-200 {
    transition-duration: .2s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4,0,1,1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1)
}

.\[--done-color\: var\(--primary-color-green\)\] {
    --done-color: #15A959 !important
}

.\[--inprogress-color\: \#FAAD14\] {
    --inprogress-color:#faad14
}

.\[--unactive-color\: \#8C8C8C\] {
    --unactive-color:#8c8c8c
}

.\[--unactive-color\: \#F5222D\] {
    --unactive-color:#f5222d
}

.\!\[background-size\:100\%\] {
    background-size: 100%!important
}

.\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere
}

.slick-dots {
    position: absolute;
    bottom: -2.5em;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    height: 8px!important;
    width: 8px!important;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    text-indent: -9999px;
    background-color: hsla(0,0%,100%,.96);
    transition: width .3s ease
}

.slick-dots .slick-active {
    width: 36px!important;
    border-radius: 10px
}

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

.slick-thumb {
    bottom: 25px!important
}

.slick-list {
    font-size: 0
}

.section-outstanding__slider .slick-slide {
    height: inherit!important;
    padding: .5rem!important
}

.section-outstanding__slider__mega .slick-slide {
    padding: .4rem!important
}

.section-outstanding__slider__new {
    width: 100%
}

.section-outstanding__slider__new .slick-slide {
    padding: .4rem .4rem .4rem .6rem!important
}

.section-outstanding__slider .slick-track {
    display: flex!important
}

.storeSlider .slick-track {
    margin-left: 0!important
}

.section-outstanding__slider .slick-slide>div {
    justify-self: center;
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding: 0
}

.section-outstanding__slider button.slick-arrow.slick-next {
    right: -13px;
    margin-right: 0
}

.section-outstanding__slider button.slick-arrow.slick-prev {
    left: -13px;
    margin-left: 0
}

.section-outstanding__slider__new button.slick-arrow.slick-next {
    right: -13px;
    margin-right: 0
}

.section-outstanding__slider__new button.slick-arrow.slick-prev {
    left: -13px;
    margin-left: 0
}

.section-outstanding__slider button.slick-arrow {
    position: absolute;
    width: 32px;
    z-index: 3;
    border-radius: 50%;
    background-color: hsla(210,2%,60%,.5);
    height: 32px
}

.section-outstanding__slider .slick-arrow:after,.section-outstanding__slider .slick-arrow:before {
    content: "";
    background-color: #fff;
    height: 2px;
    left: 11px;
    position: absolute;
    top: 47%;
    width: 25%;
    z-index: 4;
    opacity: 1
}

.section-outstanding__slider .slick-next:before {
    transform: rotate(45deg);
    transform-origin: bottom right
}

.section-outstanding__slider .slick-next:after {
    transform: rotate(-45deg);
    transform-origin: top right
}

.section-outstanding__slider .slick-prev:before {
    transform: rotate(45deg);
    transform-origin: bottom right
}

.section-outstanding__slider .slick-prev:after {
    transform: rotate(-45deg);
    transform-origin: top right
}

.slick-next.slick-disabled:after,.slick-prev.slick-disabled:after {
    opacity: .25
}

.section-outstanding__slider .slick-prev {
    transform: rotate(180deg) translateY(50%)
}

.section-outstanding__slider .slick-next {
    transform: translateY(-50%)
}

.section-outstanding__slider.bestproduct__slider {
    margin-bottom: 0
}

.section-outstanding__slider.bestproduct__slider .slick-track {
    padding: 50px 0 45px!important
}

.section-outstanding__slider.bestproduct__slider .slick-slide {
    transition: all 1.2s ease
}

.section-outstanding__slider.bestproduct__slider .slick-center {
    transform: scale(1.2);
    transform-origin: center center
}

.section-outstanding__slider.bestproduct__slider button.slick-arrow {
    margin-top: inherit;
    border-radius: 50%;
    background-color: hsla(210,2%,60%,.5);
    height: 35px;
    width: 35px
}

.section-outstanding__slider.bestproduct__slider .slick-prev {
    left: 30px!important
}

.section-outstanding__slider.bestproduct__slider .slick-next {
    right: 30px!important
}

.section-outstanding__slider.bestproduct__slider .slick-arrow:after,.section-outstanding__slider.bestproduct__slider .slick-arrow:before {
    height: 2px;
    position: absolute;
    top: 47%;
    width: 30%;
    z-index: 4;
    opacity: 1;
    left: 33%
}

.section-outstanding__slider.storeSlider .slick-prev {
    left: -16px!important
}

.section-outstanding__slider.storeSlider .slick-next {
    right: -16px!important
}

@media (max-width: 1360px) {
    .section-outstanding__slider button.slick-arrow.slick-next {
        right:0;
        margin-right: 0
    }

    .section-outstanding__slider button.slick-arrow.slick-prev {
        left: 0;
        margin-left: 0
    }

    .section-outstanding__slider.bestproduct__slider .slick-center {
        transform: scale(1.2,1.15)
    }

    .section-outstanding__slider__new button.slick-arrow.slick-prev {
        left: 0;
        margin-left: 0
    }
}

@media (max-width: 1240px) {
    .section-outstanding__slider__new button.slick-arrow.slick-next {
        right:0;
        margin-right: 0
    }

    .section-outstanding__slider__new button.slick-arrow.slick-prev {
        left: 0;
        margin-left: 0
    }
}

@media (max-width: 1200px) {
    .section-outstanding__slider__new {
        width:calc(100% + .6vw)
    }

    .section-outstanding__slider__new .slick-slide {
        padding: .4rem .5rem!important
    }

    .section-outstanding__slider__new button.slick-arrow.slick-next {
        right: -16px
    }

    .section-outstanding__slider__new button.slick-arrow.slick-prev {
        left: -12px
    }
}

@media (max-width: 768px) {
    .section-outstanding__slider button.slick-arrow,.section-outstanding__slider.bestproduct__slider button.slick-arrow {
        width:28px;
        height: 28px
    }

    .section-outstanding__slider .slick-arrow:after,.section-outstanding__slider .slick-arrow:before {
        left: 10px
    }

    .section-outstanding__slider.bestproduct__slider .slick-track {
        padding: 1rem 0!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-center {
        transform: none
    }

    .section-outstanding__slider.bestproduct__slider .slick-prev {
        left: 10px!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-next {
        right: 10px!important
    }
}

@media (max-width: 576px) {
    .section-outstanding__slider.bestproduct__slider .slick-track {
        padding:2rem 0!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-center {
        transform: scale(1.1)
    }

    .section-outstanding__slider.bestproduct__slider .slick-prev {
        left: 5px!important
    }

    .section-outstanding__slider.bestproduct__slider .slick-next {
        right: 5px!important
    }
}

.header_user {
    border-radius: 50px;
    background-color: #f9b514;
    display: flex;
    align-items: center;
    position: relative;
    padding: .5em .75em
}

.header_user_name {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    min-width: 7em;
    margin-right: 3rem
}

.header_user_avatar {
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -3px
}

.header_user_avatar_image {
    border-radius: 50%;
    border: 3px solid #fff!important
}

.scrollButtons {
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 640px) {
    .header_user {
        background-color:transparent
    }

    .header_user_name {
        display: none
    }

    .header_user_avatar {
        width: 40px;
        top: -13px
    }
}

.back-to-top {
    position: fixed;
    bottom: -30px;
    z-index: 100;
    transition: bottom .5s;
    color: var(--primary-color);
    text-align: center;
    cursor: pointer;
    line-height: 1;
    opacity: 0;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
}

.back-to-top.visible {
    opacity: 1
}

.back-to-top-text {
    font-size: 10px;
    font-weight: 500
}

.back-to-top.userbusiness-information {
    bottom: 5.8rem!important
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

@media (max-width: 767px) {
    .back-to-top {
        width:40px;
        height: 40px;
        padding: 0
    }

    .back-to-top.visible {
        bottom: 6em
    }

    .back-to-top-text {
        font-size: 14px;
        font-weight: 500
    }

    .back-to-top.cart {
        display: none
    }

    .slick-thumb {
        bottom: 5px!important
    }
}

.rug {
    font-family: Helvetica;
    font-size: 16px;
    color: #c5c5c5;
    width: 100%;
    padding: 4px
}

.rug img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rug .rug-file-input {
    display: none!important
}

.rug .rug-item {
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: grab
}

.rug .rug-items.__card {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    margin: 0 -10px
}

@media (max-width: 450px) {
    .rug .rug-items.__card {
        grid-template-columns:repeat(auto-fill,minmax(180px,1fr))
    }
}

.rug .rug-items.__card .rug-item {
    display: flex;
    justify-content: center;
    align-items: center
}

.rug .rug-items.__list {
    padding-top: 30px;
    min-height: 220px
}

.rug .rug-handle {
    width: 100%;
    height: 130px!important;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.23)
}

.rug .rug-handle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rug .rug-handle:hover {
    cursor: pointer;
    box-shadow: 0 0 0 .2rem rgba(0,180,110,.25)
}

.rug .rug-handle:hover,.rug .rug-handle:hover:before {
    border: 1px solid transparent
}

.rug .rug-handle svg.rug-handle-icon {
    width: 50px;
    height: 50px
}

.rug .rug-handle svg.rug-handle-icon line,.rug .rug-handle svg.rug-handle-icon polyline {
    fill: none;
    stroke: #3d4852;
    stroke-linejoin: round;
    stroke-width: 2px;
    stroke-linecap: round
}

.rug .rug-handle.__dragging:before {
    border: 4px dashed var(--primary-color);
    background-color: rgba(0,122,255,.15)
}

.rug .rug-handle.__dragging svg line,.rug .rug-handle.__dragging svg polyline {
    stroke: var(--primary-color)
}

.rug .rug-handle.__dragging .__arrow {
    animation: up-arrow 1s infinite forwards;
    color: var(--primary-color)
}

.rug .rug-handle .rug-handle-info {
    position: relative;
    padding: 0;
    text-align: center
}

.rug .rug-handle .rug-handle-info .rug-handle-drop-text {
    font-size: 14px
}

.rug .rug-handle .rug-handle-info .rug-handle-limit-message {
    font-size: 12px;
    font-style: italic
}

.rug .rug-handle .rug-handle-info .rug-handle-button {
    background-color: var(--primary-color);
    border-radius: 3px;
    padding: 7px 12px;
    font-size: 16px;
    color: #f5f5f5;
    text-align: center;
    cursor: pointer;
    max-width: 250px;
    display: block;
    margin: 0 auto
}

.rug .rug-handle .rug-handle-info .rug-handle-button:hover {
    background-color: rgba(0,122,255,.8)
}

.rug .rug-handle .rug-handle-info span {
    text-align: center;
    padding: 10px 0;
    font-size: 17px;
    display: block
}

@keyframes up-arrow {
    0%,50% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(0)
    }
}

@media (max-width: 960px) {
    .rug .rug-handle {
        height:170px
    }

    .rug .rug-handle svg {
        width: 50px
    }

    .rug .rug-handle .rug-handle-drop-text,.rug .rug-handle span {
        display: none!important
    }
}

.rug-card {
    width: 100px;
    height: 100px;
    background-color: #3d4852;
    border-radius: 5px;
    position: relative;
    font-family: Helvetica;
    overflow: hidden;
    cursor: pointer;
    margin: 10px
}

@media (max-width: 450px) {
    .rug-card {
        width:160px;
        height: 160px
    }
}

.rug-card.__error {
    border: 3px solid #ff2d55
}

.rug-card .rug-card-image {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.rug-card .rug-card-name {
    position: absolute;
    z-index: 15;
    height: 100px;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
    background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.7) 9%,transparent);
    background-blend-mode: multiply;
    color: #f5f5f5
}

.rug-card .rug-card-name>div {
    margin: 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.rug-card .rug-card-size {
    color: #c3c3c3;
    font-size: 11px
}

.rug-card .rug-card-progress {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    display: block
}

.rug-card .rug-card-progress .__progress-cricle {
    stroke: #007aff;
    fill: none;
    stroke-width: 5;
    stroke-linecap: round;
    transition: stroke-dasharray .2s ease
}

.rug-card .rug-card-progress-count {
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: 700
}

.rug-card .rug-card-progress-count,.rug-card .rug-card-refresh {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px
}

.rug-card .rug-card-refresh {
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    border: 2px solid transparent
}

.rug-card .rug-card-refresh:hover {
    background-color: hsla(0,0%,100%,.9);
    border: 2px solid #3d4852
}

.rug-card .rug-card-refresh .__refresh-icon g {
    fill: #3d4852
}

.rug-card .rug-card-refresh.__spin {
    animation: __spin 1s linear infinite;
    border: 2px solid #007aff!important
}

.rug-card .rug-card-refresh.__spin .__refresh-icon g {
    fill: #007aff
}

.rug-card .rug-card-upload-button {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    text-align: center;
    border: 2px solid transparent
}

.rug-card .rug-card-upload-button svg {
    width: 25px;
    margin-top: 6px
}

.rug-card .rug-card-upload-button svg line,.rug-card .rug-card-upload-button svg polyline {
    fill: none;
    stroke: #3d4852;
    stroke-linejoin: round;
    stroke-width: 3px;
    stroke-linecap: round
}

.rug-card .rug-card-upload-button:hover {
    border: 2px solid #007aff;
    background-color: hsla(0,0%,100%,.9)
}

.rug-card .rug-card-upload-button:hover svg line,.rug-card .rug-card-upload-button:hover svg polyline {
    stroke: #007aff
}

.rug-card .rug-card-upload-button:hover svg .__arrow {
    animation: up-arrow 1s infinite forwards
}

.rug-card .rug-card-remove {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    background-color: #3d4852;
    opacity: .75;
    border-radius: 9999px;
    margin: 4px;
    padding: 4px;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid transparent;
    transition: border .2s ease;
    cursor: pointer;
    z-index: 111
}

.rug-card .rug-card-remove:hover {
    border: 1.5px solid #fff
}

.rug-card .rug-card-remove svg {
    stroke: currentColor;
    height: 18px;
    width: 18px
}

.rug-list {
    width: 100%;
    background-color: #3d4852;
    border-radius: 3px;
    position: relative;
    font-family: Helvetica;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.rug-list.__error {
    border: 3px solid #ff2d55
}

.rug-list .rug-list-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: #007aff;
    border: 3px;
    opacity: 0;
    transition: all .2s ease
}

.rug-list .rug-list-progress.__active {
    opacity: 1
}

.rug-list .rug-list-progress-count {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #f5f5f5;
    font-size: 13px;
    opacity: 0;
    transition: all .2s ease
}

.rug-list .rug-list-progress-count.__active {
    opacity: 1
}

.rug-list .rug-list-refresh {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    border: 2px solid transparent;
    cursor: pointer
}

.rug-list .rug-list-refresh:hover {
    background-color: hsla(0,0%,100%,.9)
}

.rug-list .rug-list-refresh .__refresh-icon g {
    fill: #3d4852
}

.rug-list .rug-list-refresh.__spin {
    animation: __spin 1s linear infinite
}

.rug-list .rug-list-refresh.__spin .__refresh-icon g {
    fill: #007aff
}

.rug-list .rug-list-upload-button {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.7);
    z-index: 20;
    text-align: center;
    border: 2px solid transparent;
    cursor: pointer
}

.rug-list .rug-list-upload-button svg {
    width: 15px;
    margin-top: 2px
}

.rug-list .rug-list-upload-button svg line,.rug-list .rug-list-upload-button svg polyline {
    fill: none;
    stroke: #3d4852;
    stroke-linejoin: round;
    stroke-width: 3px;
    stroke-linecap: round
}

.rug-list .rug-list-upload-button:hover {
    background-color: hsla(0,0%,100%,.9)
}

.rug-list .rug-list-upload-button:hover svg line,.rug-list .rug-list-upload-button:hover svg polyline {
    stroke: #007aff
}

.rug-list .rug-list-upload-button:hover svg .__arrow {
    animation: up-arrow 1s infinite forwards
}

.rug-list .rug-list-image {
    width: 100px;
    height: 70px;
    padding: 5px
}

.rug-list .rug-list-image img {
    width: 100%;
    height: 100%
}

.rug-list .rug-list-content {
    padding: 5px;
    width: calc(100% - 120px)
}

.rug-list .rug-list-content .rug-list-name {
    color: #f5f5f5;
    white-space: nowrap;
    font-size: 14px;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    width: calc(100% - 40px)
}

.rug-list .rug-list-content .rug-list-size {
    color: #ddd;
    font-size: 12px;
    margin-top: 3px
}

.rug-list .rug-list-remove {
    position: absolute;
    z-index: 40;
    top: 0;
    right: 0;
    color: #ccc;
    opacity: .75;
    border-radius: 9999px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.rug-list .rug-list-remove svg {
    stroke: currentColor;
    height: 22px;
    width: 22px
}

.rug-list .rug-list-remove:hover {
    color: #fff
}

.ins-preview-wrapper {
    padding-bottom: 5px;
    padding-top: 5px;
    color: #fff
}

.ins-preview-wrapper .ins-element-link {
    font-size: 14px
}

[class*=navBar] .ins-preview-wrapper .ins-element-editable {
    font-size: 13px!important
}

.ins-general-image {
    width: 350px;
    height: 400px
}

@keyframes __spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.__sorting .rug-card,.__sorting .rug-list {
    cursor: grab
}

.rug-dragging-item {
    cursor: grabbing
}

.rug-dragging-item>div:not(.rug-list) {
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .fb_dialog iframe {
        right:-15px!important;
        transform: scale(.8);
        bottom: 110px!important;
        z-index: 900px!important
    }
}

@media only screen and (min-width: 768px) and (max-width:1367px) and (orientation:landscape) {
    .fb_dialog iframe {
        right:-15px!important;
        transform: scale(.8);
        bottom: 110px!important
    }
}

@media only screen and (min-width: 768px) and (max-width:1025px) and (orientation:portrait) {
    .fb_dialog iframe {
        right:-15px!important;
        transform: scale(.8);
        bottom: 110px!important
    }
}

@media only screen and (max-width: 767px) {
    .fb_iframe_widget iframe {
        right:6px!important;
        bottom: 80px!important
    }
}

.product-scanner .slick-arrow {
    background: none
}

.product-scanner .slick-next:before,.product-scanner .slick-prev:before {
    color: var(--primary-color)
}

.product-scanner .slick-dots li {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.fb-customerchat {
    opacity: 0!important
}

.lineLimit1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.lineLimit2 {
    height: 34px
}

.lineLimit2 small {
    font-family: ggsr
}

.mobileSection-outstanding__slider .slick-arrow:after,.mobileSection-outstanding__slider .slick-arrow:before,.mobileSection-outstanding__slider.bestproduct__slider button.slick-arrow {
    background-color: transparent!important
}

.mobileSection-outstanding__slider .slick-arrow.slick-prev {
    z-index: 1
}

.slick-list,.slick-track {
    touch-action: off
}

.swiper-pagination-bullet-active {
    background-color: var(--primary-color)!important
}

.filter-product-checkbox .MuiTypography-body1 {
    font-family: ggsr ,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #000;
    margin-left: 5px
}

.filter-product-checkbox .Mui-checked~.MuiTypography-body1 {
    font-family: ggsr ,sans-serif;
    font-weight: 700
}

.filter-product-checkbox .MuiIconButton-label svg {
    opacity: 0
}

.filter-product-checkbox .Mui-checked .MuiIconButton-label svg {
    opacity: 1
}

.filter-product-checkbox .MuiIconButton-label {
    border: 2px solid #a2a0a0!important;
    border-radius: 4px;
    width: 20px;
    height: 20px
}

.filter-product-radio .MuiIconButton-label {
    color: var(--primary-color)!important
}

.filter-product-radio .MuiIconButton-label .MuiSvgIcon-root:first-child {
    color: #a2a0a0!important
}

.filter-product-checkbox .MuiIconButton-label svg {
    fill: var(--primary-color)!important;
    width: 18px
}

.MuiFormControlLabel-root.filter-product-checkbox {
    padding-left: 12px!important;
    margin-top: 3px;
    margin-bottom: 3px
}

.lucky-wheel-fb-share-btn {
    margin: 2px auto;
    /* background: url(/images/spinner/facebook_icon.svg) no-repeat!important; */
    background-size: contain!important
}

.lucky-wheel-fb-share-btn,.lucky-wheel-fb-share-btn a,.lucky-wheel-fb-share-btn iframe,.lucky-wheel-fb-share-btn span {
    width: 35px!important;
    height: 35px!important
}

.lucky-wheel-fb-share-btn iframe {
    position: absolute;
    right: unset!important;
    bottom: unset!important
}

.lucky-wheel-fb-share-btn #_no-clickjacking-0,.lucky-wheel-fb-share-btn #_no-clickjacking-1,.lucky-wheel-fb-share-btn #_no-clickjacking-2,.lucky-wheel-fb-share-btn span {
    opacity: 0!important
}

#openChat>div>span {
    z-index: 10
}

#openChat>div>span>img {
    width: inherit;
    height: inherit;
    max-height: inherit!important
}

.highProfitDoubleLayer {
    background: linear-gradient(var(--high-profit-angle),var(--high-profit-head-color) var(--high-profit-head-percent-color),var(--high-profit-middle-color) var(--high-profit-middle-percent-color))!important;
    border: none!important
}

.highProfitDoubleLayer:hover {
    opacity: .9!important;
    border: none!important
}

.highProfitTribleLayer {
    background: linear-gradient(var(--high-profit-angle),var(--high-profit-head-color) var(--high-profit-head-percent-color),var(--high-profit-middle-color) var(--high-profit-middle-percent-color),var(--high-profit-end-color) var(--high-profit-end-percent-color))!important;
    border: none!important
}

.highProfitTribleLayer:hover {
    opacity: .9;
    border: none!important
}

.highProfitChild {
    mix-blend-mode: normal
}

.highProfitPlusLighter {
    mix-blend-mode: plus-lighter
}

.highProfitColorWhite {
    color: #fff!important;
    fill: #fff!important
}

.highProfitBackgroundWhite {
    background-color: #fff
}

.highProfitInputQuantity {
    background-color: #fff!important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.highProfitQuickOrder {
    background-color: #fff;
    border-radius: 10px
}

.scrollbar-0 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scrollbar-0::-webkit-scrollbar {
    display: none
}

.scrollbar-primary {
    scrollbar-color: var(--primary-color) transparent
}

.first\:hidden:first-child {
    display: none
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:\!border-\[var\(--primary-color\)\]: hover {
    border-color:var(--primary-color)!important
}

.hover\:bg-\[\#D1E7BF\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 231 191/var(--tw-bg-opacity,1))
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity,1))
}

.hover\:text-\[var\(--primary-color\)\]: hover {
    color:var(--primary-color)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.group[open] .group-open\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

@media (min-width: 640px) {
    .sm\:grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 768px) {
    .md\:\!grid-cols-2 {
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .lg\:\!grid-cols-3 {
        grid-template-columns:repeat(3,minmax(0,1fr))!important
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }
}

@media (min-width: 1280px) {
    .xl\:w-\[1028px\] {
        width:1028px
    }

    .xl\:\!grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))!important
    }
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none
}

.\[\&\>\*\]\:basis-1\/4>* {
    flex-basis: 25%
}

.\[\&\>\*\]\:justify-center>* {
    justify-content: center
}

.styles_notificationChild_container__vbuxp {
    clear: both
}

.styles_notification_indicator__8A1Bi {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--primary-color);
    border: transparent
}

.styles_notification_label__M5clx {
    padding: 2px 4px!important;
    border-radius: 4px;
    font-size: 12px
}

.styles_notification_title__uRUsH {
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #797979
}

.styles_isRead___fiA9 {
    display: flex;
    align-items: baseline;
    min-width: 8px;
    padding-top: 6px
}

.styles_notificationsItem__Y42KH {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px!important;
    border-top: 1px solid #e9e9e9
}

.styles_notificationsItem__Y42KH:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__WIgTK {
    background-color: #fff!important
}

.styles_unRead__iPJbc {
    font-weight: 700!important
}

.styles_createdAt__cgZM_ {
    font-family: ggsr ,sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #797979;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 12px
}

.styles_dateLabel__tqB9r {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 20px 8px 12px;
    gap: 12px;
    background-color: #f5f5f5;
    color: #797979
}

.styles_labelTab__8z_uZ {
    text-transform: capitalize
}

.styles_notification_container__yJ6wA [class*=MuiTabs-flexContainer] [class*=Mui-selected] .styles_numNoti__eWM__ {
    background-color: #edfef6;
    color: #E3352C;
    padding: 0 4px
}

.styles_notification_tabContainer__lUnx6 {
    clear: both
}

.styles_numNoti__eWM__ {
    padding: 0 4px;
    background-color: #f5f5f5
}

.styles_alreadyRead__WvfXv {
    color: #121e86
}

.styles_viewAll__5vUfK {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
    padding: 6px 8px!important;
    width: 100%
}

.styles_viewAll__5vUfK:hover {
    background-color: rgba(0,171,85,.08)!important
}

.styles_viewAllTitle__izmDc {
    line-height: 1.7!important;
    color: var(--primary-color)!important;
    font-family: googlesansregular;
    font-size: 14px!important
}

.styles_dateLabel__UsNX9 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 20px 8px 12px;
    gap: 12px;
    background-color: #f5f5f5;
    color: #797979
}

.styles_emptyNotification__3zPSZ {
    display: flex;
    height: 100%;
    width: 100%;
    text-align: center;
    min-height: 200px;
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    color: #a9a9a9;
    font-family: ggsr ,sans-serif;
    word-break: break-word;
    justify-content: center;
    align-items: center
}

.styles_emptyNotification__3zPSZ p {
    font-size: 16px
}

.styles_tabPanel_container__M53so {
    overflow: auto;
    padding: 0;
    min-height: 200px;
    max-height: 350px
}

.styles_seeMore_container__VUTpz {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    height: 47px;
    display: flex
}

.styles_loadingContainer__Hs_3C {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

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

.styles_titleNoti__To2Qd {
    color: #fff;
    font-family: ggsr,sans-serif;
    font-size: 14px
}

.styles_notifyWrap__BH8_d {
    background: #fff;
    width: 400px;
    max-width: 100%;
    border-radius: 8px!important;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    border-top: .5px solid #ececec;
    overflow: hidden
}

.styles_notifyWrap__BH8_d [class*=MuiMenu-list] {
    padding: 0
}

.styles_notifyContentTop__ZIytL {
    padding: 14px 20px 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_notifyTitle__nl0fr {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    font-family: googlesansregular
}

.styles_notifyStatus__V4sLB {
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.57143;
    color: #a9a9a9;
    font-family: googlesansregular
}

.styles_markAll__Dso4F {
    transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
    color: var(--primary-color,#E3352C)
}

.styles_notificationsItem__UpFPg {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px 20px!important;
    border-bottom: 1px solid hsla(210,9%,60%,.3)
}

.styles_notificationsItem__UpFPg:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__slmW4 {
    background-color: #fff!important
}

.styles_unRead__uFK8E {
    font-weight: 700!important
}

.styles_badgeContainer__wVKFh {
    position: relative;
    font-size: 12px
}

.styles_badge__AJ2Ij {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 12px;
    max-width: 20px;
    height: 12px;
    padding: 4px;
    right: -8px;
    top: -6px;
    font-size: 8px;
    background-color: #d4323b;
    color: #fff;
    border-radius: 20px;
    font-family: ggsr,sans-serif
}

.styles_MenuOverlay__TshbT {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(34,34,34,.8);
    z-index: 5;
}

.styles_level-1__s6Lb1 {
    z-index: var(--zHeaderMenuOverlay)
}

.styles_level-2__KQ_gr {
    z-index: var(--zHeaderSearchOverlay)
}

.styles_fadeIn__9jaw5 {
    animation: styles_fadeIn__9jaw5 var(--animation-duration)
}

.styles_fadeOut__5517h {
    animation: styles_fadeOut__5517h var(--animation-duration)
}

@keyframes styles_fadeIn__9jaw5 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes styles_fadeOut__5517h {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.styles_searchDropdown___Jm9a {
    width: 100%;
    max-width: 610px;
    margin-top: .5rem!important;
    z-index: 1000!important;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

.styles_keyword__NSeFl {
    color: #333
}

.styles_keyword__NSeFl,.styles_searchResults__YLodG {
    font-size: 14px!important;
    font-family: googlesansregular
}

.styles_searchResults__YLodG {
    padding: 12px 20px!important;
    display: block!important;
    color: #343a40;
    transition: all .1s ease-in;
    word-break: break-word;
    text-transform: capitalize;
    min-height: 42px;
    line-height: 17.8px
}

.styles_searchResults__YLodG:hover {
    background-color: #f5f5f5;
    text-decoration: none;
    transition: color .1s,background-color .1s
}

.styles_searchResults__YLodG:hover a,.styles_textPrimary__gKZmk {
    color: var(--primary-color)!important
}

.styles_textPrimary__gKZmk {
    font-weight: 500;
    font-family: googlesansmedium, sans-serif;
}

@media screen and (max-width: 980px) {
    .styles_searchDropdown___Jm9a {
        min-width:14em
    }
}

.styles_mostSearching__Dg1XV {
    width: 100%;
    padding: 12px 20px;
    display: inline-flex;
    flex-direction: column;
    color: #343a40;
    transition: all .1s ease-in;
    font-size: 14px;
    word-break: break-word;
    font-family: googlesansregular;
    text-transform: capitalize;
    border-top: 1px solid #dcdbdb
}

.styles_mostSearching__Dg1XV .styles_results__eK7hJ {
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 12px
}

.styles_mostSearching__Dg1XV .styles_label__MQGtX {
    display: flex;
    color: #797979;
    padding-bottom: 16px;
    text-transform: none
}

.styles_tag__p1F53 {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    background-color: #f5f5f5;
    margin-right: 12px;
    border-radius: 30px;
    padding: 5px 10px!important
}

.styles_hashtag__UR_9Q {
    color: #000;
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 5px;
    text-overflow: ellipsis
}

.styles_hoveredRecentSearchText__i5Wqf {
    padding: 12px 20px;
    cursor: pointer;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.styles_hoveredRecentSearchText__i5Wqf:hover {
    background-color: #f5f5f5
}

.styles_styledScroll__Fxtup {
    width: auto;
    max-height: 210px;
    overflow-y: auto
}

.styles_styledScroll__Fxtup::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #fff
}

.styles_styledScroll__Fxtup::-webkit-scrollbar {
    width: 4px;
    background-color: #fff
}

.styles_styledScroll__Fxtup::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a9a9a9
}

.styles_recentSearchTextContainer__GQbeo {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.8px;
    height: 42px
}

.styles_recentSearchTextContent__gi1Jl {
    margin-left: 5px;
    color: #999
}

.styles_dot__tt_Qd {
    background-color: #999;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.styles_tag__p1F53:hover {
    background-color: #fff0f3
}

.styles_tag__p1F53:hover .styles_dot__tt_Qd {
    background-color: #e70000
}

.styles_root_input__4ABPe [class*=MuiInputBase-input] {
    padding-left: 48px!important;
    -webkit-appearance: none
}

.styles_root_input__4ABPe [class*=MuiInputBase-input],.styles_root_input_tablet__DemCG [class*=MuiInputBase-input] {
    font-weight: 500!important;
    font-size: 14px!important;
    background-color: #fff;
    min-width: 0;
    border-radius: 10px 0 0 10px;
    width: 100%!important;
    height: 40px;
    padding-top: 9px;
    color: #4753a8!important;
    text-overflow: ellipsis;
    font-family: googlesansmedium, sans-serif;
}

.styles_root_input_tablet__DemCG [class*=MuiInputBase-input] {
    padding-left: 30px!important
}

.styles_root_input__4ABPe [class*=MuiInputBase-inputTypeSearch],.styles_root_input_tablet__DemCG [class*=MuiInputBase-inputTypeSearch] {
    -webkit-appearance: none
}

.styles_input__Ic4Jc {
    text-align: left;
    color: #a6aed2;
    font-size: 12px
}

.styles_HeaderSearch__24vJp {
    width: 100%!important
}

.styles_SearchInput__CuBZ_ {
    width: 100%
}

.styles_search_wrap__HLrm2 {
    width: calc(100%);
    padding-left: 70px;
    padding-right: 50px;
    z-index: 1000;
    position: relative
}

.styles_search_wrap__HLrm2 [class*=MuiInput-underline]:after,.styles_search_wrap__HLrm2 [class*=MuiInput-underline]:before {
    border: none!important
}

.styles_search_wrap__HLrm2 [class*=MuiInputAdornment-positionStart] {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    margin: 0
}

.styles_search_ic_tablet__J01f1 [class*=MuiInputAdornment-positionStart] {
    left: 0!important
}

.styles_selectSearch__VtsX7 {
    border-radius: 0 10px 10px 0
}

.styles_formControl__utyhi {
    width: 190px
}

.styles_formControlTablet__rO8Ts {
    width: 170px
}

.styles_selectInput__T0khH {
    font-family: ggsm,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #333
}

.styles_selectInput__T0khH select,.styles_selectInput__T0khH select:focus {
    text-align: center;
    height: 40px;
    border-radius: 0 10px 10px 0!important;
    padding-left: 10px;
    padding-top: 9px;
    background-color: #fff
}

.styles_selectInput__T0khH svg {
    transform: translateX(-30px);
    pointer-events: none
}

.styles_hiddenSelect__45e9W {
    display: none!important
}

.styles_stickySelect__S53qz {
    animation: styles_showWidthSelect__W3McW .8s ease
}

@keyframes styles_showWidthSelect__W3McW {
    0% {
        width: 0!important
    }

    to {
        width: 18%!important
    }
}

.styles_stickySelect__S53qz .styles_formControl__utyhi {
    position: relative;
    width: 160px!important;
    border-radius: 0 40px 40px 0!important
}

.styles_stickySelect__S53qz .styles_selectInputFocus__8weNg {
    background-color: #fff;
    border-radius: 0 40px 40px 0!important
}

.styles_stickySelect__S53qz select {
    background-color: #fff!important
}

.styles_searchContainer__bowJ2 {
    position: relative
}

.styles_searchContainer__bowJ2,.styles_searchTabletContainer__nUK2v {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%!important;
    height: 40px
}

.styles_searchTabletContainer__nUK2v {
    border-radius: 40px!important;
    box-shadow: 0 0 0 1px #e0e5f3
}

.styles_root_input_sticky__Fcfle [class*=MuiInputBase-input] {
    border-radius: 2rem!important
}

.styles_root_input_scale__nXySn {
    width: 100%!important
}

.styles_text_field_tablet__F3rqD {
    width: 100%!important;
    padding-left: 15px
}

.styles_focusSelect__8PrHa select {
    background-color: #fff!important
}

.styles_border_search_tablet__zI7R0 {
    border: none;
    outline: none;
    border-radius: 40px!important;
    box-shadow: 0 0 0 1px #0e1983
}

.styles_border_tablet__jiwsb {
    outline: 1px solid #0e1983
}

.styles_border_none__qbrZh select {
    border-top: none!important;
    border-bottom: none!important;
    border-right: none!important
}

.styles_err_border__8f8gB {
    outline: 1px solid #d4323b!important;
    border-radius: 40px
}

.styles_customHr__2wCvq {
    position: absolute;
    z-index: 1;
    left: 0;
    height: 24px;
    width: 1px;
    top: 7px;
    background-color: #dcdcdc
}

.styles_placeholder_wrapper__Y944P {
    position: absolute;
    width: 100%;
    padding-left: 50px;
    height: 40px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    pointer-events: none;
}

.styles_placeholder_wrapper__Y944P::-webkit-scrollbar {
    display: none
}

.styles_placeholder__v2N9g {
    position: absolute;
    display: flex;
    align-items: center;
    color: var(--primary-color);
    opacity: 0;
    transform: translateY(100%);
    transition: all .5s ease-in;
    font-size: 14px;
    font-family: googlesansmedium, sans-serif;
    font-weight: 500
}

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

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.styles_slideInUp__x2qpU {
    animation: styles_slideInUp__x2qpU .5s ease-out forwards
}

@media (max-width: 805px) {
    .styles_search_wrap__HLrm2 {
        padding-left:25px;
        padding-right: 25px
    }

    .styles_search_ic_tablet__J01f1 [class*=MuiInputAdornment-positionStart] {
        left: 5px!important
    }

    .styles_text_field_tablet__F3rqD {
        border-radius: 10px 0 0 10px
    }
}

.styles_confirm_modal_wrap__BSDIr {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    border-radius: 24px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0;
    box-shadow: 0 2px 96px rgba(0,0,0,.15)
}

.styles_fixed_width_wrapper__NjqCp {
    min-width: 30rem
}

.styles_warning_icon__6NahT {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.styles_text_icon__AMzSU {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.styles_modal_title__I6oFt {
    margin: 16px 0;
    padding: 0;
    color: #202332;
    font-size: 1.25em!important;
    font-weight: 500!important;
    text-transform: none;
    font-style: normal;
    font-family: googlesansmedium, sans-serif;
    line-height: 24px;
    letter-spacing: -.1px
}

.styles_modal_content__sRv3z {
    margin: 16px 0;
    color: #636363!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    font-weight: 400
}

.styles_children__XPnYP>*,.styles_modal_content__sRv3z {
    font-family: googlesansregular
}

.styles_hr__B4U_B {
    border: .5px solid #e3e3e3;
    margin: 20px 0
}

.styles_infor_container__iz_fS {
    padding: 16px 8px
}

.styles_infor_mainTitle__v94eo {
    color: #292929;
    font-family: googlesansmedium, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    text-transform: capitalize
}

.styles_checkout_mainTitle__yqxj3 {
    color: #000;
    text-align: center;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_boxItemCheckout__gdII_ {
    gap: 8px;
    padding: 16px 0
}

.styles_boxItemCheckout__gdII_,.styles_itemRightCheckout__bcSzg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch
}

.styles_itemRightCheckout__bcSzg {
    gap: 6px;
    flex: 1 0 0;
    width: 100%
}

.styles_itemRightCheckout__bcSzg h5 {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 36px;
    align-self: stretch;
    margin: 0;
    max-width: 248px
}

.styles_itemRightCheckout__bcSzg span {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_itemImg__ranAv {
    flex-shrink: 0;
    width: 80px;
    height: 80px
}

.styles_groupItem__oAzQA {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch
}

.styles_yes_btn_checkoutReformattedData__c8VsL {
    display: flex;
    height: 40px;
    min-width: 120px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px!important;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    color: #fff;
    width: 100%;
    margin: 16px 0 0!important;
    text-transform: none
}

.styles_yes_btn_checkoutReformattedData__c8VsL:hover {
    background-color: #3fb877
}

.styles_infor_img__TUdgl {
    width: 72px;
    height: 72px
}

.styles_infor_name__iqlRs {
    color: #292929;
    font-family: googlesansmedium, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize
}

.styles_infor_btnfollow__Vo_1c {
    margin: 24px 0!important;
    font-family: googlesansregular;
    font-size: 14px;
    line-height: 18px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.styles_infor_btnfollow__Vo_1c span:first-child span:first-child {
    padding: 2px 0 2px 4px
}

.styles_infor_box__3xkq9 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #636363;
    margin: 12px 0
}

.styles_infor_box__3xkq9 p {
    font-size: 17px;
    line-height: 20px
}

.styles_infor_title__YBywp {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400
}

.styles_infor_content__Nk_N5 {
    color: var(--primary-color);
    font-family: googlesansmedium, sans-serif;
}

.styles_infor_titlePromotion__86_zQ {
    color: #292929;
    font-family: googlesansmedium, sans-serif;
    font-style: normal;
    text-transform: capitalize
}

.styles_infor_contentPromotion__4BFW3 {
    color: #292929;
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px!important
}

.styles_yes_btn__I8Amr {
    color: #fff
}

.styles_yes_btn__I8Amr,.styles_yes_btn__I8Amr:hover {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_yes_btn_checkout__6MAR2 {
    display: flex;
    width: 180px;
    height: 44px;
    padding: 12px 0;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--color-red,#d4323b)!important;
    background: #fff;
    color: #d4323b
}

.styles_no_btn__tXZrq {
    background: #fff;
    color: #000
}

.styles_no_btn_checkout__RPQlR {
    display: flex;
    width: 180px;
    height: 44px;
    padding: 12px 0;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 30px;
    border: 1px solid var(--neutral-description,#797979)!important;
    color: var(--neutral-description,#797979);
    font-family: ggsm;
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.styles_no_btn__tXZrq span,.styles_no_btn_checkout__RPQlR span,.styles_yes_btn__I8Amr span,.styles_yes_btn_checkout__6MAR2 span {
    margin: 0 18px
}

.styles_btn_container__CFc1e {
    display: flex;
    text-align: center;
    margin: 16px 30px 0;
    justify-content: space-between;
    align-items: center
}

.styles_scrollableContainer__MG0Nk {
    max-height: 275px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 20px 0 0 0 #fff,inset -20px 0 0 0 #fff;
    margin-right: -20px
}

.styles_outerWrapper__64PLv {
    padding: 0 20px
}

@media (max-width: 576px) {
    .styles_btn_container__CFc1e {
        margin:16px 0 0
    }

    .styles_btn_no___NmCH,.styles_btn_yes__fDOq3 {
        width: 125px
    }
}

@media (max-width: 480px) {
    .styles_fixed_width_wrapper__NjqCp {
        min-width:0
    }
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar {
    width: 3px
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb {
    background: #595959
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb:hover {
    background: #555
}

.styles_profileContainer__mXrKq {
    position: relative
}

.styles_iconInfo__4tIMU {
    color: #fff!important;
    height: 24px;
    width: 24px;
    position: relative
}

.styles_profilePopup__kmf_N {
    position: absolute;
    z-index: 2;
    width: 260px;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 0 10px 10px 0;
    background: #fff;
    right: 0;
    transform: translateY(4.5%)
}

.styles_profilePopup__kmf_N:after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 528px;
    height: 360px;
    top: 0;
    left: -103%;
    border-radius: 10px;
    animation: styles_pause__360Uq .2s ease-in;
    animation-fill-mode: forwards
}

@keyframes styles_pause__360Uq {
    0% {
        box-shadow: none
    }

    to {
        box-shadow: 0 -5px 20px 0 rgba(0,0,0,.2)
    }
}

.styles_wishListContainer__1EJmY {
    position: absolute;
    width: 270px;
    height: 360px;
    border-radius: 10px 0 0 10px;
    background: #fff;
    opacity: 0;
    animation: styles_slide__6WE4j .2s linear;
    animation-fill-mode: forwards;
    padding: 12px 10px 10px
}

@keyframes styles_slide__6WE4j {
    0% {
        opacity: 0;
        left: 0
    }

    to {
        opacity: 1;
        left: -103%
    }
}

.styles_wishListContent__f4dPT {
    height: 85%;
    overflow-y: auto
}

.styles_wishListContent__f4dPT::-webkit-scrollbar {
    width: 4px
}

.styles_wishListContent__f4dPT::-webkit-scrollbar-track {
    -webkit-border-radius: 6px;
    background: #fff;
    border-radius: 6px
}

.styles_wishListContent__f4dPT::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #dadada
}

.styles_isLoading__p7Oa0 {
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_backdrop__Rzvjb {
    position: fixed;
    z-index: 510;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    animation: styles_effect__zigxS .2s ease-in;
    animation-fill-mode: forwards
}

@keyframes styles_effect__zigxS {
    0% {
        background: none
    }

    to {
        background: rgba(31,31,31,.6)
    }
}

.styles_menuListContainer__Rsl7M {
    padding: 10px;
    border-left: .5px solid #ededed;
    position: relative
}

.styles_levelContainer__P3_xx {
    display: flex;
    cursor: pointer
}

.styles_levelIcon__TZCC4 {
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    background: #e7f7f0;
    width: 100%;
    height: 76px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px
}

.styles_leftContent__M_Hm6 {
    position: relative;
    align-items: flex-start;
    width: 50%
}

.styles_leftContent__M_Hm6,.styles_rightContent__9EvAr {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.styles_rightContent__9EvAr {
    align-items: flex-end;
    width: 45%
}

.styles_score__WtCxP {
    display: flex;
    gap: 5px;
    color: #d4323b;
    font-family: ggsm,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    align-items: center
}

.styles_customHr__qtDq_ {
    width: 1px;
    height: 100%;
    background-color: var(--primary-color)
}

.styles_nameLevel__Pwsxl {
    color: #fff;
    text-align: center;
    font-family: ggsm,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_diamond__lZ_gm,.styles_gold__gzFDD,.styles_platinum__E3iML,.styles_sliver__E_2M8 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 10px 2px 6px;
    border-radius: 40px;
    height: 28px
}

.styles_sliver__E_2M8 {
    background: linear-gradient(274deg,#888 -2.21%,#cecece 105.14%)
}

.styles_gold__gzFDD {
    background: linear-gradient(274deg,#a3533b -2.21%,#f9c16d 105.14%)
}

.styles_platinum__E3iML {
    background: linear-gradient(274deg,#3f7080 -2.21%,#98afb7 105.14%)
}

.styles_platinum__E3iML:after {
    content: "";
    position: absolute;
    /* background: url(/images/level_new/blink.svg) no-repeat; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.styles_diamond__lZ_gm {
    background: linear-gradient(274deg,#7c3aa1 -2.21%,#eedff6 105.14%)
}

.styles_diamond__lZ_gm:after {
    content: "";
    position: absolute;
    /* background: url(/images/level_new/blink.svg) no-repeat; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.styles_menuContainer__OIcff {
    display: flex;
    flex-direction: column
}

.styles_menuItem__yyh7A {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 8px;
    color: #333;
    font-weight: 500;
    justify-content: flex-start;
    font-size: 14px
}

.styles_menuItem__yyh7A>* {
    pointer-events: none
}

.styles_menuItem__yyh7A:hover {
    background-color: #efefef;
    font-family: ggsm,sans-serif;
    color: var(--primary-color)
}

.styles_wishListItem__EPIOr {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 8px 5px
}

.styles_wishListItem__EPIOr:hover {
    background-color: #f5f5f5
}

.styles_wishListTitle__xc0uJ {
    color: #d4323b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24px
}

.styles_infoProduct__3zay7 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 68%
}

.styles_name__1gBDC {
    font-size: 12px;
    font-family: ggsm,sans-serif;
    font-weight: 500
}

.styles_name__1gBDC,.styles_volume__zn0f8 {
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap
}

.styles_volume__zn0f8 {
    font-size: 10px
}

.styles_renderWishList__s7sHq {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_buttonBase__zNndN {
    color: var(--primary-color);
    border-radius: 30px;
    border: 1px solid var(--primary-color);
    padding: 4px 5px 4px 10px;
    font-size: 10px;
    font-family: ggsm,sans-serif
}

.styles_textTitle__zk4mU {
    align-items: center;
    display: flex;
    gap: 5px;
    font-family: ggsm,sans-serif;
    font-weight: 500
}

.styles_emptyContainer__ogwgU,.styles_wrapperLoading__rc3Vf {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_emptyContainer__ogwgU {
    position: relative;
    flex-direction: column
}

.styles_wrapperHereGif__AutGe {
    position: absolute;
    top: 38px;
    right: 24px;
    transform: rotate(210deg);
    width: 56px
}

.styles_textGuide__gcz76 {
    color: #333;
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 15px;
    margin-top: 10px
}

.styles_boldText__940y9 {
    color: #000;
    font-family: ggsm,sans-serif;
    font-family: 500
}

.styles_error__H16Ih {
    color: #d4323b;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px
}

.styles_debtContent__a5Ii2 {
    display: flex;
    gap: 5px;
    align-items: center
}

.styles_debtValue__HYvz5 {
    color: var(--primary-color);
    display: block;
    padding-bottom: 2px;
    font-size: 12px
}

.styles_nav__gjQVz {
    background-color: #fff;
    align-items: center
}

.styles_wrap__MTNld {
    padding: 0
}

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

.styles_h40__NJwsv {
    height: 40px!important
}

.styles_menuIcons__zD_BG {
    margin-right: 6px;
    min-width: 20px;
    height: 20px
}

.styles_SearchInput__tDU7j {
    display: none;
    height: 100%!important
}

.styles_cartSticky__QS8Iw,.styles_profileSticky__dvI_w {
    display: none
}

.styles_profileSticky__dvI_w button {
    top: 0!important
}

.styles_hiddenWidth__qcqaa {
    max-width: 0
}

.styles_customProfile__V7kyy {
    top: 47px!important
}

.styles_wrapSticky__ME2_Y {
    display: none
}

.styles_showInput__kHxZm {
    display: flex
}

.styles_link__t2Gkc {
    position: relative;
    display: inline-flex;
    height: 100%;
    align-items: center
}

.styles_link__t2Gkc:after {
    position: absolute;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    border-bottom: 2px solid var(--primary-color);
    transform: scaleX(0);
    transition: transform .25s ease-in-out
}

.styles_link__t2Gkc:hover:after {
    transform: scaleX(1);
    transform-origin: 0 50%
}

.styles_link__t2Gkc p {
    color: #000;
    font-family: ggsm,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_link__t2Gkc p+[class*=icon-right] {
    margin-left: 6px;
    transition: transform .5s ease
}

div[class*=isActive] .styles_link__t2Gkc [class*=icon-right] {
    transform: rotate(-180deg)
}

.styles_cart__y9UxC {
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_cart__y9UxC+span {
    top: 6px;
    height: 16px!important;
    border-radius: 22px;
    text-align: center;
    cursor: pointer;
    right: 6px;
    border: 1.5px solid #fff
}

.styles_cart__y9UxC:hover {
    background-color: #ecf0fa;
    border-radius: 50%;
    cursor: pointer
}

.styles_cartLink__9Ajbt {
    padding: 0!important
}

.styles_active__sCa_A:after {
    position: absolute;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    transform: scaleX(1);
    border-bottom: 2px solid var(--primary-color)
}

.styles_active__sCa_A p {
    color: var(--primary-color)
}

.styles_flexItem__D9O0C {
    align-items: center
}

.styles_WrapmenuFocus__aMUXE {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.styles_mostSearchWrap__G_3FO {
    padding: 5px;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 40px;
    background-color: #fff
}

.styles_mostSearchWrap__G_3FO>div>p {
    font-family: googlesansregular;
    margin-right: 36px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    min-width: 126px
}

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

.styles_mostSearchWrap__G_3FO .styles_Loading__l6Kg4 {
    margin: 0 auto;
    animation: none
}

@keyframes styles_fadeLoad__4Z0wp {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.styles_labelShowAnimate__kos_I p {
    animation: styles_fadeHide__2tVG4 1s ease-in-out
}

@keyframes styles_fadeHide__2tVG4 {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    75% {
        width: 70px;
        height: 0;
        opacity: 0
    }

    to {
        width: auto;
        opacity: 1
    }
}

.styles_labelHideAnimate__fO8BD {
    animation: styles_fadeShow__d59R4 1s ease-in-out
}

@keyframes styles_fadeShow__d59R4 {
    0% {
        width: 100px
    }

    50% {
        width: 40px
    }

    to {
        width: auto
    }
}

.styles_wrapStickRight__l8xSS {
    display: flex;
    align-items: center
}

.styles_badge__dN4pj {
    position: absolute;
    right: -1.25em;
    top: 0;
    border-radius: 10rem;
    display: inline-block;
    padding: .25em .5rem;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: linear-gradient(90deg,#ff4fae,#f9b514);
    color: #fff;
    border: 1px solid #fff;
    font-size: 9px
}

.styles_SubMenu__ZOgqW {
    margin: 0;
    padding: 10px 5px 10px 10px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    width: 300px;
    height: 100%;
    overflow-y: hidden
}

.styles_wrapperSubmenu__uAj53 {
    overflow-y: auto;
    max-height: 382px;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.styles_wrapperSubmenu__uAj53::-webkit-scrollbar {
    width: 4px
}

.styles_wrapperSubmenu__uAj53::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    background: #fff;
    border-radius: 10px
}

.styles_wrapperSubmenu__uAj53::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #b8b8b8
}

.styles_MenuItems__ashml {
    height: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 5px
}

.styles_MenuItems__ashml [class*=MuiTypography-body2] {
    flex: 1;
    color: #333;
    font-size: 14px;
    font-family: ggsr ,sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_MenuItems__ashml:hover {
    background: #f2f2f2;
    border-radius: 4px;
    cursor: pointer
}

.styles_MenuItems__ashml:hover [class*=MuiTypography-body2] {
    color: #000;
    font-family: ggsm
}

.styles_MenuTrigger__RkWVE {
    position: relative;
    height: 100%
}

.styles_MenuTrigger__RkWVE:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    background-color: transparent
}

.styles_MenuTrigger__RkWVE.styles_isActiveMenu__boSSG .styles_Menu__O8Bqq {
    display: block!important;
    z-index: var(--zNavMenu)
}

.styles_Menu__O8Bqq {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border-radius: 0
}

.styles_MenuTrigger__RkWVE.styles_isActiveMenu__boSSG .styles_MenuV2__Dqzo5 {
    display: block!important;
    z-index: var(--zNavMenu)
}

.styles_MenuV2__Dqzo5 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0
}

.styles_MenuV2Wrapper__Q3ik_ {
    justify-content: center
}

.styles_MenuV2Wrapper__Q3ik_,.styles_SubMenuContainer__rKcIG {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 8px
}

.styles_SubMenuContainer__rKcIG {
    flex-direction: row;
    gap: 0;
    max-width: 100%;
    min-height: 280px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    position: relative
}

.styles_LeftPanel__j42hT {
    flex: 0 0 280px;
    background-color: #fff;
    padding: 16px 0;
    margin: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.styles_LeftPanelItem__l4X_d {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all .2s ease;
    text-decoration: none;
    color: "#20283D";
    position: relative;
    font-weight: 400;
    margin: 0 16px;
    border-radius: 8px
}

.styles_LeftPanelItemWithSubItems__bXX8R {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0
}

.styles_LeftPanelItem__l4X_d:hover {
    background-color: #f6f7f9;
    padding-right: 0
}

.styles_LeftPanelItemActive__VTo7C {
    background-color: #f6f7f9
}

.styles_LeftPanelItemContent__iJGN4 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%
}

.styles_LeftPanelIcon__r4TtA {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all .2s ease
}

.styles_LeftPanelIcon__r4TtA img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: opacity .2s ease
}

.styles_LeftPanelLabel__k8uR2 {
    position: relative;
    font-size: 14px;
    color: #333;
    font-family: ggsr,sans-serif;
    line-height: 1.3;
    word-break: break-word;
    flex: 1
}

.styles_BadgeIcon__CBDxU {
    position: relative;
    top: 3px;
    left: 5px
}

.styles_LeftPanelItemActive__VTo7C .styles_LeftPanelLabel__k8uR2,.styles_LeftPanelItem__l4X_d:hover .styles_LeftPanelLabel__k8uR2 {
    color: var(--primary-color)
}

.styles_RightPanel__f_KDj {
    background-color: #fff;
    padding: 16px 16px 16px 0;
    margin: 0;
    border-bottom-right-radius: 8px;
    height: 464px
}

.styles_RightPaneCover__V18Ol {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4,200px);
    width: -moz-fit-content;
    width: fit-content;
    height: 432px;
    background-color: #f6f7f9;
    align-content: start;
    border-radius: 8px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    padding: 16px
}

.styles_SubMenuContainer__rKcIG:has(.styles_LeftPanelItemWithSubItems__bXX8R:hover) .styles_LeftPanel__j42hT {
    border-bottom-right-radius: 0
}

.styles_RightPanelItem__DPU5m {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
    width: 200px;
    height: 63px;
    flex-shrink: 0
}

.styles_RightPanelItem__DPU5m:hover {
    opacity: .8
}

.styles_RightPanelItemContent___OTW6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 12px;
    border-radius: 8px;
    gap: 8px
}

.styles_RightPanelItemContent___OTW6:hover {
    border: 1px solid var(--primary-color)
}

.styles_RightPanelIcon__s_LEU {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px
}

.styles_RightPanelLabel__NWtS9 {
    font-size: 14px;
    text-align: left
}

.styles_Level3Panel__XP7Sn::-webkit-scrollbar {
    width: 4px
}

.styles_Level3Panel__XP7Sn::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    background: #f9f9f9;
    border-radius: 10px
}

.styles_Level3Panel__XP7Sn::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #b8b8b8
}

.styles_Level2MenuItem__lDGj_ {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .2s ease;
    text-decoration: none;
    color: #333
}

.styles_Level2MenuItemActive__GaBSX,.styles_Level2MenuItem__lDGj_:hover {
    background-color: #f0f0f0
}

.styles_Level2MenuItemContent__vmJVw {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%
}

.styles_Level2MenuIcon__wzUGT {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_Level2MenuLabel__3hItj {
    font-size: 13px;
    color: #333;
    font-family: ggsr ,sans-serif;
    line-height: 1.4;
    word-break: break-word;
    max-width: 100%
}

.styles_Level3MenuItem__fXjt_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 12px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .2s ease;
    text-decoration: none
}

.styles_Level3MenuItem__fXjt_:hover {
    background-color: #fff
}

.styles_Level3MenuItemContent__YIr3x {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%
}

.styles_Level3MenuIcon__TD1V_ {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.styles_Level3MenuLabel__Ix8AV {
    font-size: 13px;
    color: #333;
    font-family: ggsr ,sans-serif;
    line-height: 1.4;
    word-break: break-word;
    max-width: 100%;
    text-align: center
}

.styles_logo__185XE {
    min-width: 122px;
    margin-top: 2px;
    padding-top: 7px
}

.styles_topMenuContainer__0sPLC {
    width: 100%;
    background-color: var(--primary-color);
    padding: 8px 0
}

.styles_headerTop__cWk5j {
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    justify-content: space-between
}

.styles_wrapperLink__VBuUw {
    display: flex;
    gap: 30px
}

.styles_linkMenu__8r7wM {
    color: #fff;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    padding: 0;
    gap: 5px
}

.styles_linkMenu__8r7wM>p {
    font-size: 14px
}

.styles_headerCenter__rkkQJ {
    background-color: var(--primary-color)
}

.styles_headerCenter_wrapper__ibONV {
    width: 100%;
    max-width: 1180px;
    padding: 8px 0
}

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

.styles_headerCenter_Icon__M3Ak0 {
    background-color: transparent!important;
    color: #0e1983;
    font-weight: 500!important
}

.styles_headerStatus__hKAPz {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.styles_SearchInput__G_RwG {
    width: calc(100% - 130px)
}

.styles_headerIconLogged__QrNnI {
    display: flex!important;
    align-items: center;
    max-width: 360px;
    justify-content: space-between;
    margin-left: auto;
    max-height: 40px
}

.styles_notice___r5m2 {
    position: relative
}

.styles_cart__vnEHX,.styles_notice___r5m2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px
}

.styles_cartLink__4EJyO {
    padding: 0!important;
    margin-left: 40px
}

.styles_info__geNyl {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_info__geNyl:hover {
    background-color: #ecf0fa
}

.styles_cart__vnEHX:hover,.styles_notice___r5m2:hover {
    background-color: #ecf0fa;
    border-radius: 50%;
    cursor: pointer
}

.styles_cart__vnEHX+span {
    top: 6px;
    right: 6px;
    height: 16px;
    border: 1.5px solid #fff
}

.styles_info__geNyl:hover {
    background-color: unset;
    border-radius: 100%;
    cursor: pointer
}

.styles_profile__MKk3m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 50px
}

.styles_avatar__QQJbp {
    flex-grow: 1;
    border-radius: 9999px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.styles_avatar__QQJbp:hover {
    cursor: pointer
}

.styles_avatarIcon__hgz3G {
    width: 36px;
    height: 36px
}

.styles_profile_name__11tu9 {
    text-align: left;
    flex-grow: 1;
    margin-left: 4px;
    margin-right: 4px
}

.styles_profile_name__11tu9>p {
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    font-family: ggsr,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px;
    max-width: 90px
}

.styles_badge__Vr96h>span {
    top: 4px;
    right: 10px;
    height: 16px;
    width: auto;
    border: 1.5px solid #fff
}

.styles_headerCenter_wrapper__ibONV .styles_ins-preview-wrapper__PLoxD {
    display: none
}

.styles_notifyWrap__V9uUr {
    background: #fff;
    width: 400px;
    max-width: 100%;
    border-radius: 5px!important;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    top: 86px!important;
    border-top: .5px solid #ececec
}

.styles_notifyWrap__V9uUr [class*=MuiMenu-list] {
    padding: 0
}

.styles_notifyContentTop__pA30X {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_notifyTitle__9D1vQ {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    font-family: googlesansregular
}

.styles_notifyStatus__V1d6E {
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.57143;
    color: #a9a9a9;
    font-family: googlesansregular
}

.styles_markAll__tv_SV {
    transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
    color: var(--primary-color,#E3352C)
}

.styles_notificationsItem__vlFX7 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px 20px!important;
    border-bottom: 1px solid hsla(210,9%,60%,.3)
}

.styles_notificationsItem__vlFX7:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__cx75L {
    background-color: #fff!important
}

.styles_unRead__tl3Mh {
    font-weight: 700!important
}

.styles_notifyIcon__2hcMD {
    max-width: 15%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.styles_icon__F6AWN {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 20px;
    background-color: #56ccf2
}

.styles_notifyContent__tHz9w {
    max-width: 80%;
    width: 100%;
    margin-left: 10px
}

.styles_notifyContentTitle__xYFRv {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143;
    color: rgba(0,0,0,.87);
    font-family: googlesansregular
}

.styles_notifyContentDescription__zEp7_ {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.43;
    font-family: googlesansregular;
    color: rgba(0,0,0,.54)
}

.styles_createdAt__KMJdQ {
    margin-top: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.5;
    font-family: googlesansregular;
    color: #919eab
}

.styles_viewAll__4tpSk {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
    padding: 6px 8px!important;
    width: 100%
}

.styles_viewAll__4tpSk:hover {
    background-color: rgba(0,171,85,.08)!important
}

.styles_viewAllTitle__5GZca {
    line-height: 1.7!important;
    color: var(--primary-color)!important;
    font-family: googlesansregular;
    font-size: 14px!important
}

.styles_buttonStyle__VxlRq {
    color: #0e1983
}

.styles_countdownBarHalfContainer__6yuK9 {
    max-width: 1304px!important
}

.styles_countdownBarHalfWrapper__QSwEJ {
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_countdownBarHalf__GyYDV {
    display: flex;
    justify-content: space-between;
    width: calc(81% + 6px);
    height: calc(81vw * (96 / 1920))
}

.styles_countdownBarHalfLimit__rRS1t {
    width: 47%;
    position: relative
}

.styles_countdownBarFullWrapper__H__ia {
    width: 100%;
    position: relative;
    height: calc(100vw * (80 / 1920))
}

@media (max-width: 900px) {
    .styles_profile_name__11tu9 {
        display:none
    }
}

.styles_headerTopLink__8yOVV span,.styles_headerTopLink__8yOVV svg {
    display: none!important
}

.styles_cartLink__4EJyO,.styles_headerStatus__hKAPz {
    margin-left: 0
}

.styles_headerCenter_Status__Ju01k {
    justify-content: flex-end
}

.styles_buttonStyle__VxlRq svg {
    display: none
}

.styles_buttonStyle__VxlRq {
    margin-left: 10px;
    font-size: 13px
}

.styles_cart__vnEHX {
    margin-left: 20px
}

.styles_notifyWrap__V9uUr {
    width: 342px;
    max-width: 342px
}

.styles_profile__MKk3m {
    margin-left: 15px
}

.styles_headerTop_wrapper__A1PEv {
    padding: 0!important
}

.styles_iconTopSeller__r0MKu {
    margin-bottom: 0
}

.styles_appBanner__bfZDx {
    align-items: center;
    background-color: #0c7f4a;
    border: 1px;
    display: flex;
    gap: 16px;
    min-height: 52px;
    min-width: 375px;
    padding: 8px 15px;
    position: relative;
    width: 100%
}

.styles_frame__HMZLJ {
    gap: 8px
}

.styles_frame__HMZLJ,.styles_iconText__icDPP {
    align-items: center;
    display: flex;
    flex: 1;
    flex-grow: 1;
    position: relative
}

.styles_iconText__icDPP {
    gap: 16px
}

.styles_button__4rx61 {
    background-color: #fff!important;
    border: unset!important;
    border-color: unset!important;
    flex: 0 0 auto!important;
    height: 36px!important;
    border-radius: 30px;
    padding: 0 20px
}

.styles_button__4rx61 span {
    color: var(--primary-color);
    text-align: center;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_text__9f_xl {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    justify-content: center;
    position: relative
}

.styles_text__9f_xl p {
    color: #fff;
    font-family: ggsr ,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.styles_searchBar__IODZZ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 20px!important
}

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

.styles_borderRadius__Q_n1v {
    border-radius: 30px!important
}

.styles_stickyContainer__BBidR {
    background-color: var(--primary-color)
}

.styles_isGuide__U2XAs {
    position: static
}

.styles_register__RiH2g {
    border-radius: 10px 0 0 10px;
    background: #fff;
    color: var(--primary-color);
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_login__2NdrK,.styles_register__RiH2g {
    width: 120px;
    text-align: center;
    height: 40px;
    font-family: ggsm,sans-serif;
    font-size: 14px
}

.styles_login__2NdrK {
    border-radius: 0 10px 10px 0;
    border: 1px solid #fff;
    color: #fff
}

.styles_mostSearchWrap__YOHPL {
    padding: 5px;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 40px;
    background-color: #fff
}

.styles_mostSearchWrap__YOHPL>div>p {
    font-family: googlesansregular;
    margin-right: 36px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    min-width: 126px
}

.styles_containerHeader__qmsyu {
    position: relative;
    z-index: var(--zContainerHeader)
}

.styles_stickyHeaderSearch__TZM5L {
    position: sticky;
    top: 0;
    z-index: var(--zHeaderSearch);
    background-color: var(--primary-color)
}

.styles_stickyHeaderMenu__UKzGl {
    position: sticky;
    top: 64px;
    z-index: var(--zHeaderMenu)
}

.styles_stickyTopSearch__XCqci {
    top: 84px
}

.styles_listSearch__CrHam {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 605px;
    width: 100%;
    height: 20px;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden
}

.styles_listSearch__CrHam::-webkit-scrollbar,.styles_listSearch__CrHam::-webkit-scrollbar-track {
    display: none
}

.styles_listSearch__CrHam::-webkit-scrollbar-thumb {
    display: none
}

.styles_mostSearchItem__tpPe7 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border-radius: 28px;
    background: var(--primary-background-color-light);
    color: var(--primary-color);
    font-family: Inter,sans-serif;
    font-size: 12px
}

.styles_logo__R0Twa {
    min-width: 122px;
    margin-top: 2px
}

.styles_iconTopSeller__lDb35 {
    margin-bottom: 0
}

.styles_headerCenter__iDJLS {
    background-color: #fff;
    padding: 0 0 5px
}

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

.styles_cart__kVp3U {
    height: 40px;
    width: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 15px;
    color: var(--primary-color);
    font-family: ggsm,sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-radius: 100px;
    background: var(--primary-background-color-light)
}

.styles_cartLink__6kL_q {
    padding: 0!important
}

.styles_cart__kVp3U+span {
    top: 6px;
    right: 6px;
    height: 16px;
    border: 1.5px solid #fff
}

.styles_badge__9thnG>span {
    top: 4px;
    right: 10px;
    height: 16px;
    width: auto;
    border: 1.5px solid #fff
}

.styles_headerCenter_wrapper__RheJr .styles_ins-preview-wrapper__9Zy7v {
    display: none
}

.styles_notifyIcon__Nnq77 {
    max-width: 15%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.styles_icon__KSSqJ {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 20px;
    background-color: #56ccf2
}

.styles_cartContainer__0sVOi {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px!important
}

.styles_badgeContainer__krkFJ {
    position: relative
}

.styles_badge__9thnG {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 14px;
    min-width: 14px;
    max-width: 24px;
    padding: 0 5px;
    border-radius: 12px;
    background: var(--primary-red,#d4323b);
    transform: translate(50%,-35%);
    color: #fff;
    font-size: 10px
}

.InfoBox_container__oRgh9 {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 100px;
    transform: scale(1);
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out;
    animation: InfoBox_fade__9akuG .3s ease-in-out
}

.InfoBox_container__oRgh9:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}

.InfoBox_iconContainer__t8gHO {
    display: flex;
    align-items: center;
    gap: 4px
}

.InfoBox_contentContainer__Swe6A {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    height: 100%;
    flex: 1
}

.InfoBox_title__LLcEP {
    font-weight: 600;
    color: #1f2937;
    overflow: hidden;
    font-size: 18px
}

.InfoBox_data__8C5WE {
    font-size: 18px;
    font-weight: 700;
    color: #111827
}

.InfoBox_subTitle___xB13 {
    font-size: 12px;
    color: #111827;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: right
}

@keyframes InfoBox_fade__9akuG {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_container___oLk_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dcdbdb;
    border-radius: 20px;
    overflow: hidden;
    width: 100%
}

.styles_minusContainer__dNp6u {
    border-right: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer
}

.styles_minus__MIxu_ {
    width: 12px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addContainerNew__v_8_6 {
    border-left: 1px solid #dadada;
    z-index: 1
}

.styles_addContainerNew__v_8_6,.styles_minusContainerNew__flGSc {
    padding: 0 0 0 2px;
    height: 32px;
    min-width: 34px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_minusContainerNew__flGSc {
    border-right: 1px solid #dadada
}

.styles_count__w3HoS {
    color: #a2a0a0;
    font-weight: 600
}

.styles_addContainer__kb4hZ {
    border-left: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer;
    position: relative
}

.styles_addIcon__mVGfP,.styles_addIcon__mVGfP:after {
    width: 14px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addIcon__mVGfP:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_container___oLk_ [class*=MuiInputBase-input] {
    color: var(--neutral-description-light,#a2a0a0);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: ggsm;
    height: auto
}

.styles_disabled__XQ_cS {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background: #dcdbdb;
    border-right: none
}

.styles_disabled__XQ_cS .styles_addIcon__mVGfP:after,.styles_disabled__XQ_cS>* {
    background: #a2a0a0
}

.styles_newCardInput__hecWu {
    width: -moz-fit-content;
    width: fit-content;
    transform: translateY(5%);
    line-height: normal!important
}

.styles_container___oLk_ [class*=MuiInputBase-input] {
    font-size: 14px
}

.styles_newCardInput__hecWu [class*=MuiInputBase-input] {
    font-size: 14px;
    color: #000;
    font-family: ggsr;
    width: 100%;
    text-align: center
}

.styles_maxWidth__qS6it {
    width: 100%;
    max-width: 160px;
    margin-top: auto
}

.styles_groupInput__H1lLR {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(10px)
}

.styles_cartIconContainer__FoKUV {
    display: flex;
    align-items: center;
    position: absolute;
    padding-right: 4px;
    right: 50%;
    transform: translateX(30%)
}

.styles_inputVisible__m_CzR {
    display: flex;
    align-items: center;
    text-align: right;
    width: 100%
}

.styles_currentValue__b2ijJ {
    display: block;
    visibility: hidden;
    font-size: 14px;
    min-width: 26px
}

.styles_disableStyle__Q2Jre [class*=MuiInputBase-input] {
    color: #999
}

.ProductReplaceItem_container__c45nu {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    max-width: 146px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    transform: scale(1);
    transition: transform .2s ease-in-out,box-shadow .2s ease-in-out
}

.ProductReplaceItem_container__c45nu:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
}

.ProductReplaceItem_imageContainer__YPvcH {
    position: relative;
    width: 100%;
    height: 110px
}

.ProductReplaceItem_price__P_UXJ {
    color: var(--primary-color);
    font-size: 16px;
    font-family: ggsm
}

.ProductReplaceItem_name__qFHrx {
    font-size: 14px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 31px
}

.styles_container__tcm_S {
    max-width: 1280px;
    padding: 0 50px;
    margin: 2em auto 0
}

.styles_wrapperTitle__0iTyg {
    background-color: #fff;
    padding: 15px 20px;
    border-bottom: 1px solid var(--primary-color)
}

.styles_sectionHeader__IJC9w {
    color: var(--Orange,#d55d2a);
    font-family: ggsm;
    font-size: 28px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0
}

@media (max-width: 768px) {
    .styles_sectionHeader__IJC9w  {
        font-size: 18px;
    }
}

.styles_viewmore__xWSnO {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 18px
}

.styles_productsGrid__3hkmz {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
    gap: 20px
}

.css-1lekzkb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-j0ozid {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}

.css-axw7ok {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.css-yd8sa2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.css-1hyif4h.MuiLinearProgress-colorPrimary {
    background-color: rgb(249, 189, 192);
}

.css-1hyif4h {
    width: 100%;
    border-radius: 20px;
    height: 14px !important;
}

.MuiLinearProgress-root {
    overflow: hidden;
    position: relative;
}

.css-1hyif4h .MuiLinearProgress-bar {
    border-radius: 0px;
    background-color: rgb(234, 32, 43);
}

.MuiLinearProgress-bar1Determinate {
    transition: transform .4s linear;
}

.MuiLinearProgress-bar {
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    transform-origin: left;
}

.styles_wrapperFooter__mW_BR {
    background-image: url(https://cdn-web-next.thuocsi.vn/images/footer-v2/background.svg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-color: #fff
}

.styles_footer__tu4oJ {
    padding-top: 25px;
    max-width: 1180px;
    margin: 0 auto
}

.styles_thuocsi__lQYr1>p {
    font-family: googlesansmedium;
    font-weight: 500;
    color: #0e1983
}

.styles_thuocsi__lQYr1>p,.styles_thuocsidefinition__gonlJ {
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    cursor: text
}

.styles_thuocsidefinition__gonlJ {
    font-family: googlesansregular;
    font-weight: 400;
    color: #586189
}

.styles_taiAppTai__u7Mzm {
    color: #000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    text-align: center
}

.styles_taiAppTai__u7Mzm span {
    color: var(--primary-color);
    text-transform: none
}

.styles_titleItem__pnlg_ {
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #202332
}

.styles_TitleService__z3fV0 {
    display: flex;
    align-items: center
}

.styles_serviceIcon__3vvHs {
    margin-right: 8px
}

.styles_border__L4bAA {
    border: 1px solid #e0e6f3!important;
    border-radius: 5px!important
}

.styles_TitleConnect__u67HM {
    padding-top: 10px;
    display: flex;
    align-items: center
}

.styles_connectIcon__0lMV3 {
    margin-right: 10px;
    cursor: pointer
}

.styles_license__R1r4m {
    position: relative;
    cursor: pointer;
    width: 100%;
    display: flex;
    gap: 10px;
    margin-top: 25px
}

.styles_absoluteItem__rZF7n {
    position: absolute;
    display: flex;
    left: -6px;
    gap: 10px
}

.styles_bodyItemTT__Y3iW_ {
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #202332;
    flex: none;
    order: 0;
    flex-grow: 0
}

.styles_bodyItem__KgQlU {
    margin-bottom: 8px
}

.styles_bodyItemLicense__b5N33,.styles_bodyItem__KgQlU {
    font-family: googlesansregular;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #202332;
    flex: none;
    order: 0;
    flex-grow: 0
}

.styles_bodyItemLicense__b5N33 {
    cursor: pointer
}

.styles_bodyItemLicense__b5N33:hover {
    color: var(--primary-color)
}

.styles_contactBody__y7ouD>a {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #0e1983!important
}

.styles_contactBody__y7ouD>a:hover {
    color: var(--primary-color)!important
}

.styles_centerImg__hH7Vu {
    vertical-align: middle
}

.styles_callTime__bRNJ7 {
    color: #586189
}

.styles_callTime__bRNJ7,.styles_link__Nw0pc {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.styles_link__Nw0pc {
    text-transform: capitalize;
    color: #0e1983;
    flex: none;
    order: 4;
    flex-grow: 0;
    margin-top: 8px
}

.styles_link__Nw0pc:hover {
    cursor: pointer;
    color: var(--primary-color)
}

.styles_alink__q8NSf:hover {
    cursor: pointer
}

.styles_endOfFooter__zhBzr {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #586189;
    text-align: center
}

.styles_intersect__ZmxG6 {
    top: 43.25%;
    bottom: -49.82%
}

.styles_boxInfoLeft__4puLf {
    position: relative;
    width: 100%;
    max-width: 360px;
    padding-bottom: 60px
}

.styles_phoneScreen__6w8jN {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 16px
}

@media (max-width: 600px) {
    .styles_about__HsZ0P,.styles_logo__0CDx6 {
        margin:0 auto
    }

    .styles_app__Vi7F4 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 14px
    }

    .styles_app__Vi7F4 br {
        display: none
    }

    .styles_footerInfo__S6iVf {
        margin-left: 0;
        margin-top: 40px
    }
}

@media (max-width: 1024px) {
    .styles_license__R1r4m {
        margin-bottom:60px
    }
}

.styles_newLogo__8owCf {
    position: absolute
}

.styles_linkComp__uol2R {
    padding: 0!important;
    margin: 0!important
}

.styles_marginLeft__aY3e6 {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.styles_titleIntroduce__w1GuK {
    display: flex;
    margin-top: 12px
}

.styles_topContent__KNn9X {
    margin-bottom: 25px
}

.styles_bodyContent__SmDLg {
    display: flex;
    gap: 60px;
    border-bottom: 1px solid #dcdbdb
}

.styles_contact__IBdme {
    margin-top: 25px
}

.styles_centerContainer__WQYcX {
    display: flex;
    gap: 85px
}

.styles_linkDownload__ZSNMb {
    display: flex
}

.styles_textCenter__Rp8Og {
    text-align: center;
    margin: 25px 0
}

.styles_logo__185XE {
    min-width: 122px;
    margin-top: 2px
}

.styles_headerTop_wrapper__A1PEv {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px
}

.styles_headerLeft_wrapper__VEu8H {
    overflow: hidden;
    border-radius: 2px;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    display: inline-block
}

.styles_headerLeft_wrapper_background__6gWwN {
    background: #fff4ef
}

.styles_headerRight_wrapper__6RQod {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 30px;
    padding-right: 0;
    padding-left: 0;
    width: auto;
    margin: 0
}

.styles_headerTopLink__8yOVV {
    margin-left: 28px;
    white-space: nowrap
}

.styles_headerTopLink_content__jGL9p {
    color: #586189;
    display: flex;
    align-items: center!important;
    justify-content: center
}

.styles_headerTopLink_content__jGL9p p {
    line-height: unset!important;
    font-family: googlesansregular!important
}

.styles_headerTopLink_content__jGL9p>div,.styles_headerTopLink_content__jGL9p>span {
    margin-right: 4px!important
}

.styles_iconTopSeller__r0MKu {
    margin-bottom: 0
}

.styles_headerCenter__rkkQJ {
    background-color: #fff;
    padding: 0 0 5px
}

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

.styles_headerCenter_Status__Ju01k {
    padding-right: 6px;
    width: 245px;
    display: flex;
    max-width: 245px;
    justify-content: space-between
}

.styles_headerCenter_Icon__M3Ak0 {
    background-color: transparent!important;
    color: #0e1983;
    font-weight: 500!important
}

.styles_headerStatus__hKAPz {
    display: flex;
    align-items: center;
    margin-left: 16px
}

.styles_SearchInput__G_RwG {
    width: 100%
}

.styles_headerIconLogged__QrNnI {
    display: flex!important;
    align-items: center;
    max-width: 360px;
    justify-content: space-between;
    margin-left: auto
}

.styles_notice___r5m2 {
    position: relative
}

.styles_cart__vnEHX,.styles_notice___r5m2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px
}

.styles_cartLink__4EJyO {
    padding: 0!important;
    margin-left: 40px
}

.styles_info__geNyl {
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_info__geNyl:hover {
    background-color: #ecf0fa
}

.styles_cart__vnEHX:hover,.styles_notice___r5m2:hover {
    background-color: #ecf0fa;
    border-radius: 50%;
    cursor: pointer
}

.styles_cart__vnEHX+span {
    top: 6px;
    right: 6px;
    height: 16px;
    border: 1.5px solid #fff
}

.styles_info__geNyl:hover {
    background-color: unset;
    border-radius: 100%;
    cursor: pointer
}

.styles_profile__MKk3m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 50px
}

.styles_avatar__QQJbp {
    flex-grow: 1;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_avatar__QQJbp:hover {
    cursor: pointer
}

.styles_avatarIcon__hgz3G {
    width: 36px;
    height: 36px
}

.styles_profile_name__11tu9 {
    text-align: left;
    flex-grow: 1;
    margin-left: 4px;
    margin-right: 10px
}

.styles_profile_name__11tu9>p {
    font-size: 15px;
    color: #202332;
    font-weight: 500;
    white-space: nowrap;
    font-family: googlesansmedium;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px;
    max-width: 90px
}

.styles_badge__Vr96h>span {
    top: 4px;
    right: 10px;
    height: 16px;
    width: auto;
    border: 1.5px solid #fff
}

.styles_headerCenter_wrapper__ibONV .styles_ins-preview-wrapper__PLoxD {
    display: none
}

.styles_notifyWrap__V9uUr {
    background: #fff;
    width: 400px;
    max-width: 100%;
    border-radius: 5px!important;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    top: 86px!important;
    border-top: .5px solid #ececec
}

.styles_notifyWrap__V9uUr [class*=MuiMenu-list] {
    padding: 0
}

.styles_notifyContentTop__pA30X {
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.styles_notifyTitle__9D1vQ {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    font-family: googlesansregular
}

.styles_notifyStatus__V1d6E {
    margin: 0;
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.57143;
    color: #a9a9a9;
    font-family: googlesansregular
}

.styles_markAll__tv_SV {
    transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
    color: var(--primary-color,#E3352C)
}

.styles_notificationsItem__vlFX7 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 12px 20px!important;
    border-bottom: 1px solid hsla(210,9%,60%,.3)
}

.styles_notificationsItem__vlFX7:hover {
    background-color: rgb(143 253 198/8%)!important
}

.styles_read__cx75L {
    background-color: #fff!important
}

.styles_unRead__tl3Mh {
    font-weight: 700!important
}

.styles_notifyIcon__2hcMD {
    max-width: 15%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff
}

.styles_icon__F6AWN {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 20px;
    background-color: #56ccf2
}

.styles_notifyContent__tHz9w {
    max-width: 80%;
    width: 100%;
    margin-left: 10px
}

.styles_notifyContentTitle__xYFRv {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.57143;
    color: rgba(0,0,0,.87);
    font-family: googlesansregular
}

.styles_notifyContentDescription__zEp7_ {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.43;
    font-family: googlesansregular;
    color: rgba(0,0,0,.54)
}

.styles_createdAt__KMJdQ {
    margin-top: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.5;
    font-family: googlesansregular;
    color: #919eab
}

.styles_viewAll__4tpSk {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 64px;
    padding: 6px 8px!important;
    width: 100%
}

.styles_viewAll__4tpSk:hover {
    background-color: rgba(0,171,85,.08)!important
}

.styles_viewAllTitle__5GZca {
    line-height: 1.7!important;
    color: var(--primary-color)!important;
    font-family: googlesansregular;
    font-size: 14px!important
}

.styles_buttonStyle__VxlRq {
    color: #0e1983
}

.styles_countdownBarHalfContainer__6yuK9 {
    max-width: 1304px!important
}

.styles_countdownBarHalfWrapper__QSwEJ {
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_countdownBarHalf__GyYDV {
    display: flex;
    justify-content: space-between;
    width: calc(81% + 6px);
    height: calc(81vw * (96 / 1920))
}

.styles_countdownBarHalfLimit__rRS1t {
    width: 47%;
    position: relative
}

.styles_countdownBarFullWrapper__H__ia {
    width: 100%;
    position: relative;
    height: calc(100vw * (80 / 1920))
}

@media (max-width: 900px) {
    .styles_profile_name__11tu9 {
        display:none
    }
}

@media (max-width: 680px) {
    .styles_headerTop_wrapper__A1PEv {
        justify-content:center
    }
}

@media (max-width: 540px) {
    .styles_headerTopLink__8yOVV {
        margin-left:12px
    }
}

@media (max-width: 480px) {
    .styles_headerTopLink__8yOVV {
        margin-left:4px;
        font-size: 14px
    }

    .styles_headerTopLink__8yOVV span,.styles_headerTopLink__8yOVV svg {
        display: none!important
    }

    .styles_cartLink__4EJyO,.styles_headerStatus__hKAPz {
        margin-left: 0
    }

    .styles_headerCenter_Status__Ju01k {
        justify-content: flex-end
    }

    .styles_buttonStyle__VxlRq svg {
        display: none
    }

    .styles_buttonStyle__VxlRq {
        margin-left: 10px;
        font-size: 13px
    }

    .styles_cart__vnEHX {
        margin-left: 20px
    }

    .styles_notifyWrap__V9uUr {
        width: 342px;
        max-width: 342px
    }

    .styles_profile__MKk3m {
        margin-left: 12px
    }

    .styles_headerTopLink__8yOVV .styles_headerTopLink_content__jGL9p p {
        font-size: 13.5px
    }

    .styles_headerTop_wrapper__A1PEv {
        padding: 0!important
    }

    .styles_iconTopSeller__r0MKu {
        margin-bottom: 0
    }
}

@media (max-width: 340px) {
    .styles_cart__vnEHX {
        margin-left:10px
    }

    .styles_headerTop_wrapper__A1PEv {
        padding: 0!important;
        justify-content: space-between
    }

    .styles_buttonStyle__VxlRq {
        font-size: 12px
    }
}

@media (max-width: 320px) {
    .styles_profile__MKk3m {
        margin-left:12px
    }

    .styles_cart__vnEHX {
        margin-left: 0
    }

    .styles_notifyWrap__V9uUr {
        width: 290px
    }
}

.styles_appBanner__bfZDx {
    align-items: center;
    background-color: #0c7f4a;
    border: 1px;
    display: flex;
    gap: 16px;
    min-height: 52px;
    min-width: 375px;
    padding: 8px 15px;
    position: relative;
    width: 100%
}

.styles_frame__HMZLJ {
    gap: 8px
}

.styles_frame__HMZLJ,.styles_iconText__icDPP {
    align-items: center;
    display: flex;
    flex: 1;
    flex-grow: 1;
    position: relative
}

.styles_iconText__icDPP {
    gap: 16px
}

.styles_button__4rx61 {
    background-color: #fff!important;
    border: unset!important;
    border-color: unset!important;
    flex: 0 0 auto!important;
    height: 36px!important;
    border-radius: 30px;
    padding: 0 20px
}

.styles_button__4rx61 span {
    color: var(--primary-color);
    text-align: center;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_text__9f_xl {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-grow: 1;
    gap: 4px;
    justify-content: center;
    position: relative
}

.styles_text__9f_xl p {
    color: #fff;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 360px) {
    .styles_appBanner__bfZDx {
        min-width:360px
    }

    .styles_button__4rx61 {
        padding: 0 12px
    }
}

@media (max-width: 320px) {
    .styles_appBanner__bfZDx {
        min-width:320px
    }
}

.styles_confirm_modal_wrap__BSDIr {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    border-radius: 24px;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0;
    box-shadow: 0 2px 96px rgba(0,0,0,.15)
}

.styles_fixed_width_wrapper__NjqCp {
    min-width: 30rem
}

.styles_warning_icon__6NahT {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.styles_text_icon__AMzSU {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.styles_modal_title__I6oFt {
    margin: 16px 0;
    padding: 0;
    color: #202332;
    font-size: 1.25em!important;
    font-weight: 500!important;
    text-transform: none;
    font-style: normal;
    font-family: googlesansmedium;
    line-height: 24px;
    letter-spacing: -.1px
}

.styles_modal_title_checkout__CdHGG {
    text-align: center
}

.styles_modal_title_checkout__CdHGG span {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_modal_content__sRv3z {
    margin: 16px 0;
    color: #636363!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    font-weight: 400
}

.styles_children__XPnYP>*,.styles_modal_content__sRv3z {
    font-family: googlesansregular
}

.styles_hr__B4U_B {
    border: .5px solid #e3e3e3;
    margin: 20px 0
}

.styles_infor_container__iz_fS {
    padding: 16px 8px
}

.styles_infor_mainTitle__v94eo {
    color: #292929;
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    text-transform: capitalize
}

.styles_infor_img__TUdgl {
    width: 72px;
    height: 72px
}

.styles_infor_name__iqlRs {
    color: #292929;
    font-family: googlesansmedium;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize
}

.styles_infor_btnfollow__Vo_1c {
    margin: 24px 0!important;
    font-family: googlesansregular;
    font-size: 14px;
    line-height: 18px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.styles_infor_btnfollow__Vo_1c span:first-child span:first-child {
    padding: 2px 0 2px 4px
}

.styles_infor_box__3xkq9 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #636363;
    margin: 12px 0
}

.styles_infor_box__3xkq9 p {
    font-size: 17px;
    line-height: 20px
}

.styles_infor_title__YBywp {
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400
}

.styles_infor_content__Nk_N5 {
    color: var(--primary-color);
    font-family: googlesansmedium
}

.styles_infor_titlePromotion__86_zQ {
    color: #292929;
    font-family: googlesansmedium;
    font-style: normal;
    text-transform: capitalize
}

.styles_infor_contentPromotion__4BFW3 {
    color: #292929;
    font-family: googlesansregular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px!important
}

.styles_yes_btn__I8Amr {
    color: #fff
}

.styles_yes_btn__I8Amr,.styles_yes_btn__I8Amr:hover {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_no_btn__tXZrq {
    background: #fff;
    color: #000
}

.styles_no_btn_checkout__RPQlR {
    gap: 20px;
    border-radius: 30px;
    border: 1px solid var(--neutral-description,#797979)!important;
    color: var(--neutral-description,#797979);
    font-family: ggsm;
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

.styles_no_btn_checkout__RPQlR,.styles_yes_btn_checkout__6MAR2 {
    display: flex;
    height: 44px;
    padding: 12px 40px;
    justify-content: center;
    align-items: center;
    width: 100%
}

.styles_yes_btn_checkout__6MAR2 {
    border-radius: 30px;
    border: 1px solid var(--color-red,#d4323b)!important;
    background: #fff;
    color: #d4323b
}

.styles_no_btn_checkout__RPQlR span,.styles_yes_btn_checkout__6MAR2 span {
    text-align: center;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap
}

.styles_no_btn__tXZrq span,.styles_yes_btn__I8Amr span {
    margin: 0 18px
}

.styles_btn_container__CFc1e {
    margin: 16px 30px 0
}

.styles_btn_container__CFc1e,.styles_btn_container_checkout___fgvo {
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: center
}

.styles_btn_container_checkout___fgvo {
    gap: 12px;
    margin-top: 28px
}

.styles_scrollableContainer__MG0Nk {
    max-height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: inset 20px 0 0 0 #fff,inset -20px 0 0 0 #fff;
    margin-right: -20px
}

.styles_checkout_mainTitle__yqxj3 {
    color: #000;
    text-align: center;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_boxItemCheckout__gdII_ {
    gap: 8px;
    padding: 16px 0
}

.styles_boxItemCheckout__gdII_,.styles_itemRightCheckout__bcSzg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch
}

.styles_itemRightCheckout__bcSzg {
    gap: 6px;
    flex: 1 0 0;
    width: 100%
}

.styles_itemRightCheckout__bcSzg h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 36px;
    align-self: stretch;
    margin: 0;
    color: #000
}

.styles_itemRightCheckout__bcSzg span {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_itemImg__ranAv {
    flex-shrink: 0;
    width: 80px;
    height: 80px
}

.styles_groupItem__oAzQA {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch
}

.styles_yes_btn_checkoutReformattedData__c8VsL {
    display: flex;
    height: 40px;
    min-width: 120px;
    padding: 0 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 8px!important;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    color: #fff;
    width: 100%;
    margin: 16px 0 0!important;
    text-transform: none
}

.styles_yes_btn_checkoutReformattedData__c8VsL:hover {
    background-color: #3fb877
}

@media (max-width: 576px) {
    .styles_btn_container__CFc1e {
        margin:16px 0 0
    }

    .styles_btn_no___NmCH,.styles_btn_yes__fDOq3 {
        width: 125px
    }
}

@media (max-width: 480px) {
    .styles_fixed_width_wrapper__NjqCp {
        min-width:0
    }
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar {
    width: 3px
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-track {
    background: #f1f1f1
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb {
    background: #595959
}

.styles_scrollableContainer__MG0Nk::-webkit-scrollbar-thumb:hover {
    background: #555
}

.styles_sidebar__user__uGhBm {
    background-color: #fff;
    color: #919aa3;
    box-shadow: 0 3px 20px rgba(0,0,0,.08);
    border-radius: 10px;
    display: flex;
    font-size: smaller;
    position: relative;
    margin: 4em 1em 1em
}

.styles_sidebar__user_wallet__IioOC {
    width: 50%;
    padding: 1em;
    border-right: 1px solid #c3ccdc
}

.styles_sidebar__user-wallet_amount__0yp6p {
    color: var(--primary-color);
    font-size: large;
    font-weight: 500
}

.styles_unit__r7mdh {
    padding-left: .25em
}

.styles_wrapperImage__xzSJ_ {
    position: relative
}

.styles_sidebar__user_avatar__1K3_U {
    position: absolute;
    top: calc(-1 * 80px / 2);
    left: calc(50% - 80px / 2);
    background-color: #fff;
    width: 81px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_sidebar__user_avatar__1K3_U .styles_avatar__Bfn1D {
    position: absolute;
    z-index: 2;
    border: none!important;
    max-width: 64px;
    height: auto;
    vertical-align: middle
}

.styles_background__wgZhO {
    position: absolute;
    top: calc(-1 * 80px / 2);
    left: calc(50% - 80px / 2)
}

.styles_sidebar__user_bonus_point__BV7iS {
    width: 50%;
    text-align: right;
    padding: 1em
}

.styles_sidebar__user_wallet_amount__ONUxB {
    color: var(--primary-color);
    font-size: large;
    font-weight: 500
}

.styles_sidebar__user_bonus_point_amount__lYF8R {
    color: #f9b514;
    font-size: large;
    font-weight: 500
}

.styles_sidebar__user_name__6wfTq {
    color: #000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_hr__cs55L {
    background-color: #fff;
    opacity: .6;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(195,204,220,.4)
}

.styles_items__9mDlP {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-direction: column!important
}

.styles_sidebar__item_linkHome__crdYp,.styles_sidebar__item_link__C9fS_ {
    color: #fff;
    font-weight: 500!important;
    display: flex!important;
    align-items: center;
    padding: .5rem 1rem!important;
    position: relative;
    padding-top: 15px
}

.styles_sidebar__item_linkHome__crdYp p {
    margin-left: 5px!important;
    font-weight: 500!important;
    position: relative
}

.styles_sidebar__item_linkHome__crdYp [class*=svg-inline--fa] {
    font-size: 20px!important
}

.styles_sidebar__item_linkHome__crdYp .styles_badge__OZn0n {
    position: absolute;
    left: 155px;
    right: unset;
    top: -1px
}

.styles_sidebar__item_linkHome__crdYp p {
    margin-left: 25px!important
}

.styles_sidebar__item_linkHome__crdYp svg {
    max-width: 20px!important;
    min-width: 20px
}

.styles_sidebar__item_link__C9fS_ p {
    margin-left: 5px!important;
    font-weight: 500!important;
    position: relative
}

.styles_sidebar__item_link__C9fS_ [class*=MuiIcon-root] {
    width: 2em
}

.styles_sidebar__item_link__C9fS_ [class*=MuiSvgIcon-root]+p {
    margin-left: 25px!important
}

.styles_sidebar__item_link__C9fS_ span {
    min-width: 20px!important;
    max-width: 20px!important;
    margin-right: 20px!important
}

.styles_activeHome__aV_qw,.styles_sidebar__item_link__C9fS_.styles_active__B7QAz {
    background-color: hsla(0,0%,100%,.3);
    text-decoration: none
}

.styles_sidebar__item_link__C9fS_ [class*=MuiSvgIcon-root],.styles_sidebar__item_link__C9fS_ [class*=material-icons],.styles_sidebar__item_link__C9fS_ [class*=svg-inline--fa] {
    font-size: 20px!important
}

.styles_sidebar__item_link__C9fS_ .styles_badge__OZn0n {
    position: absolute;
    left: 155px;
    right: unset;
    top: -1px
}

.styles_sidebar__header__8RcPg {
    padding-left: 1rem;
    font-size: 1rem;
    color: #fff;
    margin: 0
}

.styles_badge__OZn0n {
    position: relative;
    right: -1.25em;
    top: 1px;
    border-radius: 10rem;
    display: inline-block;
    padding: .25em .5rem;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: linear-gradient(90deg,#ff4fae,#f9b514);
    color: #fff;
    border: 1px solid #fff;
    font-size: 12px
}

.styles_contact_more__wxilR {
    display: flex;
    gap: 10px;
    padding: .5rem 1rem!important
}

.styles_open_hours__cyUui {
    color: #fff;
    margin-bottom: 10px;
    font-weight: 500
}

.styles_fb__gLvQE {
    color: #3b5998;
    margin: 10px 0 5px
}

.styles_mt2__nKIhj {
    margin: 5px 0 10px
}

.styles_TitleConnect__zzAZI {
    display: flex;
    align-items: center;
    margin-left: 18px
}

.styles_TitleConnect__zzAZI div {
    background-color: #fff;
    margin-right: 24px;
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    overflow: hidden
}

.styles_connectIcon__TyRg5>a {
    display: flex
}

.styles_beta__kM5Ei {
    font-size: .875rem;
    font-family: Inter,sans-serif;
    line-height: 1.43;
    margin-left: 5px!important;
    font-weight: 500!important;
    position: relative;
    color: #fff;
    padding: 0
}

.styles_containerCustomter__OLYWi {
    display: flex;
    padding: 16px 0;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.styles_textUser__5C_Vo {
    color: #333;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_textUserBold__utR2Q {
    color: #000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_exitIcon__HOvIM {
    padding: 0
}

.styles_box2__OZLAt {
    display: flex;
    padding-bottom: 10px;
    align-items: flex-start;
    gap: 9px;
    align-self: stretch
}

.styles_table__h6VT9 {
    display: flex;
    width: 100%;
    min-width: 255px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer
}

.styles_quickView__MzeMa {
    display: flex;
    width: 100%;
    height: 76px;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--primary-color);
    background: #e7f7f0
}

.styles_leftInformation__cL_CO {
    align-items: flex-start
}

.styles_leftInformation__cL_CO,.styles_rightInformation__UW9ZG {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 0;
    align-self: stretch
}

.styles_rightInformation__UW9ZG {
    align-items: flex-end
}

.styles_bottom__SBZ6O,.styles_top__SN_GZ {
    display: flex;
    align-items: center;
    gap: 5px
}

.styles_bottom__SBZ6O {
    justify-content: flex-end;
    align-self: stretch
}

.styles_textLevel__doJb0 {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.styles_textCredit__C17d8 {
    color: var(--primary-color);
    font-family: Inter;
    font-size: 12px;
    font-weight: 400
}

.styles_textCredit__C17d8,.styles_textPoint__we2Bi {
    display: flex;
    height: 28px;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    font-style: normal;
    line-height: normal;
    margin: 0
}

.styles_textPoint__we2Bi {
    color: #d4323b;
    text-align: right;
    font-family: Inter-Medium;
    font-size: 16px;
    font-weight: 500
}

.styles_textName__OPCtF {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

.styles_line__mpKHu {
    width: 1px;
    flex-shrink: 0;
    align-self: stretch;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_bottomLeft__Nwllv {
    display: flex;
    align-items: center;
    gap: 5px;
    align-self: stretch
}

.styles_navItem__SgbRN {
    display: flex;
    width: 100%;
    height: 50px;
    padding: 16px 12px;
    align-items: center;
    gap: 10px
}

.styles_box4__A9ybY {
    width: 100%
}

.styles_groupSocialMedia__EkxTR {
    display: flex;
    height: 50px;
    padding: 16px 12px;
    align-items: center;
    gap: 10px;
    align-self: stretch
}

.styles_groupCertificateIcons__wPSGG {
    display: flex;
    height: 50px;
    padding: 10px 0;
    align-items: center;
    gap: 5px
}

.styles_textSocialMedia__fMj76 {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.styles_borderBottom__a5u7p {
    border-bottom: 1px solid #dcdbdb;
    width: 100%
}

.styles_groupTable__s_bK0 {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

.styles_mobileSidebar_container__3f0CA [class*=MuiDrawer-paper] {
    border-radius: 0 12px 12px 0;
    background: var(--Neutral-White,#fff);
    box-shadow: 2px 0 8px 0 rgba(0,0,0,.2);
    padding: 0 1rem
}

.styles_link__NoQ1Z {
    padding: 5px
}

.styles_no_decoration__V73pB {
    text-decoration: none;
    font-size: 12px
}

.styles_small_button__7IIcp {
    padding: 3px
}

.styles_login__W23q6 {
    display: flex;
    width: 100vw;
    padding: 10px 15px 10px 12px;
    align-items: center;
    gap: 20px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    justify-content: space-between;
    height: 52px
}

.styles_logo__rAxm_ {
    padding: 15px;
    cursor: pointer
}

.styles_buttons__KbDR_,.styles_div_buttons__fPU3n {
    padding: 15px
}

.styles_notiIcon__TQLUd {
    padding: 0
}

.styles_rSection__PKieW {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_rSection__PKieW a {
    padding: 0!important
}

.styles_footerBar__9fTip {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: green;
    z-index: 1
}

.styles_drawer__Jo8_d {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_drawer__Jo8_d [class*=MuiFab-root] {
    background-color: #fff;
    color: #000;
    position: fixed;
    left: 84%;
    top: 10px
}

.styles_drawer__Jo8_d [class*=MuiFab-root]:hover {
    background: #fff
}

.styles_logged__TkZaj [class*=MuiButtonBase-root] {
    color: #fff
}

.styles_lSection__YKbuK,.styles_searchTool__RhfPr {
    align-items: center;
    vertical-align: middle;
    display: flex
}

.styles_searchTool__RhfPr,.styles_searchTool__RhfPr>div {
    width: 100%
}

.styles_groupLeft__6HoFI {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0
}

.styles_lSection__YKbuK .styles_text__rKKcw {
    color: #fff;
    font-family: ggsm,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .styles_div_buttons__fPU3n {
        padding:0
    }

    .styles_div_buttons__fPU3n button {
        padding: 4px 11px
    }

    .styles_div_buttons__fPU3n button:last-child {
        margin-right: 0!important
    }

    .styles_div_buttons__fPU3n button span {
        font-size: 14px
    }
}

@media (max-width: 640px) {
    .styles_div_buttons__fPU3n button {
        padding:10px 20px;
        line-height: 1
    }

    .styles_login_wrapper__iYXLC {
        position: sticky;
        width: 100%;
        z-index: 99;
        top: 0
    }
}

.styles_search_tool_wrapper__7M73n {
    background: #fff
}

.styles_searchTool__RhfPr>div>div {
    margin: 0;
    border-left: 0!important;
    border-right: 0!important;
    border-top: 0!important;
    border-bottom: 1px solid rgba(195,204,220,.4);
    border-radius: 0!important;
    padding: 10px;
    line-height: 1;
    height: inherit
}

.styles_searchTool__RhfPr>div>div>div {
    display: none
}

.styles_search_tool_wrapper__7M73n .styles_lSection__YKbuK button {
    color: #919aa3
}

.styles_cart_wrapper__fYZYj .styles_text__rKKcw,.styles_search_tool_wrapper__7M73n .styles_rSection__PKieW button {
    color: var(--primary-color)!important
}

.styles_search_tool_wrapper__7M73n .styles_lSection__YKbuK {
    margin-right: 10px
}

.styles_cart_wrapper__fYZYj [class*=MuiButtonBase-root] {
    color: #0000008a!important
}

.styles_badgeCart__6T_ZI [class*=MuiBadge-anchorOriginTopRightRectangle],.styles_badgeCart__6T_ZI [class*=MuiBadge-anchorOriginTopRightRectangular] {
    min-width: 16px;
    padding: 4px;
    border-radius: 12px;
    background: var(--Color-Red,#d4323b);
    color: #fff;
    text-align: center;
    font-family: ggsr;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    right: 1px;
    height: 16px
}

.styles_appBar__Kzodx[class*=MuiPaper-root] {
    position: sticky;
    top: 0;
    background-color: var(--primary-color);
    box-shadow: unset;
    color: #000;
    z-index: 10
}

.styles_icon__I2_YC {
    width: 18px;
    height: 18px
}

.styles_toolBar__DQTee[class*=MuiToolbar-root] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    gap: 5px
}

.styles_formTitle__o8AZx {
    flex: 1;
    color: #fff;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_notify__MgBZD {
    position: relative;
    padding: 0
}

.styles_quantityNotify__ACLik {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateY(30%);
    min-width: 20px;
    padding: 0 3px;
    border-radius: 12px;
    background: var(--Color-Red,#d4323b);
    color: #fff;
    text-align: center;
    font-family: ggsr;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    right: -1px
}

.styles_btnHamburger__POqzB {
    padding: 0;
    min-width: auto
}

.styles_backgroundWhite__2X9gb {
    background-color: #fff
}

.styles_backgroundWhite__2X9gb .styles_text__rKKcw {
    color: #000;
    font-family: ggsm,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_search__92K3d {
    align-items: center;
    display: flex;
    gap: 12px;
    height: 32px;
    flex: 1 0 0;
    cursor: pointer
}

.styles_boxSearch__kjrNB {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 40px;
    display: flex;
    flex: 1;
    flex-grow: 1;
    gap: 8px;
    padding: 11px 12px;
    position: relative
}

.styles_search__92K3d .styles_outline-interface__23K2N {
    height: 24px;
    margin-bottom: -7px;
    margin-top: -7px;
    position: relative;
    width: 24px
}

.styles_textWrapper__qH2VM {
    color: var(--Neutral-Description,#797979);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    margin: 0
}

.styles_tabHorizontal__jlMCt {
    align-items: center;
    background-color: #fff;
    display: flex;
    padding: 1em 0;
    width: 100%;
    min-width: 375px
}

.styles_frame__iMSxe {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: .75em;
    border-right: 1px solid #e8e8e8
}

.styles_frame__iMSxe:last-child {
    border-right: none
}

.styles_textWrapperTab__O4uU7 {
    font-size: 12px;
    color: var(--Neutral-Text,#000)
}

.styles_wrapper__7piYE {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.styles_containerList__EB2bE {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  flex: 1;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.styles_containerList__EB2bE::-webkit-scrollbar {
  display: none;
}
.styles_scrollButton__9ompJ {
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_scrollButton__9ompJ:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: #f5f5f5;
}
.styles_scrollButton__9ompJ:active {
  background-color: #e8f5f0;
}
.styles_item__cI8YZ {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 44px;
  font-size: 13px !important;
  padding: 8px 14px !important;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #e9e9e9;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
  text-decoration: none;
  color: #333;
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-weight: 500;
}
.styles_item__cI8YZ:hover {
  border-color: var(--primary-color);
  background-color: #f5f5f5;
}
.styles_wrapperContent__KcVAH {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}
.styles_iconWrapper__xq2Nj {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_activeItem__UI9iD {
  border: 1px solid var(--primary-color) !important;
  background: #e8f5f0;
  color: var(--primary-color);
}
.styles_activeItem__UI9iD .styles_wrapperContent__KcVAH {
  color: var(--primary-color);
  font-weight: 600;
}
.styles_containerList__JeHRb {
  display: flex;
  align-items: center;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 5px;
}
.styles_containerList__JeHRb::-webkit-scrollbar {
  height: 6px;
}
.styles_pointerEvent__YIf8n {
  pointer-events: none;
}
.styles_containerList__JeHRb::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  background: #efefef;
  border-radius: 10px;
}
.styles_containerList__JeHRb::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #ccc;
}
.styles_item__WLG0R {
  margin-right: 8px;
  display: inline-block !important;
  cursor: pointer;
  height: 36px;
  font-size: 14px !important;
  padding: 8px 12px !important;
  text-align: center;
  border-radius: 20px;
  border: 1px solid var(--neutral-line, #e9e9e9);
  background: var(--neutral-white, #fff);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
  align-items: center;
}
.styles_wrapperContent__MBs8N {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 5px;
}
.styles_activeTab__8BPIs {
  border: 1px solid var(--primary-color) !important;
  background: #ddf4ea;
}
.styles_noScroll__7kJ2c {
  inline-size: 100%;
  overflow-y: scroll !important;
}
.styles_item_breadcrumb__eYGFd {
  font-family: googlesansmedium !important;
  color: #999;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.75;
  text-transform: capitalize;
  max-width: 500px;
}
.styles_item_breadcrumb__eYGFd,
.styles_last_breadcrumb__c7IQm {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.styles_last_breadcrumb__c7IQm {
  color: #333 !important;
  flex: 1;
  min-width: 0;
}
@media (max-width: 476px) {
  .styles_item_breadcrumb__eYGFd {
    font-size: 14px;
  }
}
.styles_containerFilter___rtUq {
  width: 220px;
  padding: 8px;
  margin-bottom: 16px;
  background: #fff;
  border-radius: 8px;
}
.styles_accordionHeader__xUFrY {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  border-bottom: 1px solid #e4e8ed;
}
.styles_accordionHeader__xUFrY p {
  font-family: ggsm;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  text-transform: capitalize;
  color: #000;
  margin: 0 0 8px;
}
.styles_buttonExpand__QQLBp {
  border: none;
  outline: none;
  background: none;
  padding: 0;
  cursor: pointer;
  transform: translate(35%, -5px);
  transition: all 0.2s ease-in-out;
}
.styles_accordionHeader__xUFrY svg {
  color: #ababab !important;
}
.styles_buttonExpanded__jSTHs {
  transform: rotateX(180deg) translate(35%, 6px);
}
.styles_accordion-sumary__EpJO6 svg {
  color: var(--primary-color);
}
.styles_accordionLink__ORPM6 {
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  word-break: break-word;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.87);
}
.styles_accordionLink__ORPM6.styles_active__TW5Vn,
.styles_accordionLink__ORPM6:hover {
  color: var(--primary-color);
}
.styles_accordion-detail__8Mzcm {
  display: block !important;
}
.styles_viewMore___9ngG {
  border-top: 1px solid #dcdbdb;
  border-bottom: 1px solid #dcdbdb;
  text-align: center;
}
.styles_viewMore___9ngG button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  width: 100%;
  font-family: googlesansregular;
  border: none;
  outline: none;
  background-color: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #0e1983;
  cursor: pointer;
}
.styles_viewMore___9ngG svg {
  transform: scale(0.7) translate(-3px, 1px);
}
.styles_containerList__c3d5v {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  padding-right: 4px;
  gap: 4px;
  margin-top: 8px;
}
.styles_item__rQ1Ka {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 4px 6px 8px;
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  text-align: left;
  border: none;
  transition: all 0.2s ease;
  text-decoration: none;
  font-family: Inter, sans-serif;
  font-weight: 400;
  border-radius: 4px;
}
.styles_itemWithDropdown__58jnU {
  position: relative;
}
.styles_dropdownIcon__KxDhe {
  font-size: 8px;
  color: #fff;
  transition: all 0.2s ease;
  align-items: center;
  justify-content: center;
}
.styles_dropdownIconActive__2VJI0 {
  color: #fff;
}
.styles_activeItem__7Yk8F {
  background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
  color: #fff;
  font-weight: 500;
}
.styles_activeItem__7Yk8F .styles_dropdownIcon__KxDhe {
  color: #fff;
}
.styles_subEffWrapper__1f7Dz {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
  width: 100%;
  gap: 4px;
  box-sizing: border-box;
  position: relative;
  padding-left: 16px;
}
.styles_subEffWrapper__1f7Dz:before {
  content: "";
  position: absolute;
  left: 8px;
  top: -6px;
  width: 1px;
  height: calc(100% - 25px);
  background: #d0d0d0;
}
.styles_subEffItem__xE1nQ {
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  padding: 6px 8px;
  text-align: left;
  transition: all 0.2s ease;
  color: #20283d;
  font-family: Inter, sans-serif;
  position: relative;
  border-radius: 4px;
  margin: 0;
}
.styles_subEffItem__xE1nQ:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 2px;
  bottom: 50%;
  width: 8px;
  border-left: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-radius: 0 0 0 8px;
  z-index: 100;
}
.styles_activeSubEff__ETV0G,
.styles_subEffItem__xE1nQ:hover {
  background-color: #f5f5f5;
  color: var(--primary-color);
}
.styles_subEffItem__xE1nQ:last-child:before {
  bottom: 50%;
}
.styles_subEffItem__xE1nQ:last-child:after {
  content: "";
  position: absolute;
  left: -8px;
  top: calc(50% - 7px);
  height: calc(50% + 2px);
  background: #fff;
  z-index: 1;
  width: 1px;
  border-radius: 8px;
}
.styles_itemList__qvTM4 {
  max-height: 479px;
  overflow-y: auto;
}
.styles_itemList__qvTM4::-webkit-scrollbar {
  width: 5px;
}
.styles_itemList__qvTM4::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  background: transparent;
  border-radius: 10px;
}
.styles_itemList__qvTM4::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: silver;
}
@media (max-width: 870px) {
  .styles_containerFilter___rtUq {
    width: 100%;
    padding: 0;
  }
}
.style_search_result__5jWKu {
  font-size: 14px;
  font-weight: 400;
  color: #797979;
  font-family: ggsr;
}
.style_search_result__5jWKu strong {
  color: #000;
}
.styles_tagBannerCarousel__pqP61 {
  width: 100%;
  max-width: 940px;
  margin: 8px auto;
  position: relative;
}
.styles_bannerContainer__Y3tR_ {
  position: relative;
  width: 100%;
  aspect-ratio: 940/140;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
  transition: box-shadow 0.2s ease;
}
.styles_bannerContainer__Y3tR_:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.styles_bannerImagesContainer__Nrm0K {
  position: relative;
  width: 100%;
  height: 100%;
}
.styles_bannerImage__8B0gO {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition:
    transform 0.2s ease,
    opacity 0.4s ease;
  opacity: 1;
}
.styles_bannerImage__8B0gO.styles_hiddenBanner__uo7j9 {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
.styles_bannerImage__8B0gO.styles_nextBanner__rcUOP {
  z-index: 2;
  opacity: 1;
  pointer-events: none;
}
.styles_bannerImage__8B0gO.styles_currentBanner__kBJrq {
  z-index: 3;
  opacity: 1;
  pointer-events: auto;
}
.styles_bannerImage__8B0gO.styles_currentBanner__kBJrq.styles_fadingOut__5_J61 {
  opacity: 0;
  pointer-events: none;
}
.styles_bannerImage__8B0gO.styles_clickable__zGoIA {
  cursor: pointer;
}
.styles_bannerImage__8B0gO.styles_clickable__zGoIA:hover img {
  transform: scale(1.02);
}
.styles_bannerImage__8B0gO.styles_notClickable__mCG_Y {
  cursor: default;
}
.styles_bannerOverlay__y5_Ef {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.styles_bannerOverlay__y5_Ef > * {
  pointer-events: auto;
}
.styles_bannerImage__8B0gO img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.2s ease;
}
.styles_closeButton__Ugf79 {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background: rgba(0, 0, 0, 0.2) !important;
  color: hsla(0, 0%, 100%, 0.3) !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  z-index: 10;
  transition: all 0.2s ease !important;
}
.styles_bannerContainer__Y3tR_:hover .styles_closeButton__Ugf79 {
  background: rgba(0, 0, 0, 0.6) !important;
  color: #fff !important;
}
.styles_closeButton__Ugf79:hover {
  background: rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
}
.styles_closeButton__Ugf79 svg {
  font-size: 14px !important;
}
.styles_indicators__IVpwH {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  z-index: 10;
}
.styles_indicator__KRnV3 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}
.styles_indicator__KRnV3:hover {
  background: hsla(0, 0%, 100%, 0.8);
}
.styles_indicator__KRnV3.styles_active__1i4Si {
  background: #fff;
}
.styles_navButton__LNMsd {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 5;
  opacity: 0;
}
.styles_bannerContainer__Y3tR_:hover .styles_navButton__LNMsd {
  opacity: 1;
}
.styles_navButton__LNMsd:hover {
  background: rgba(0, 0, 0, 0.6);
  transform: translateY(-50%) scale(1.1);
}
.styles_navButton__LNMsd:active {
  transform: translateY(-50%) scale(0.95);
}
.styles_navButtonLeft__STCb5 {
  left: 12px;
}
.styles_navButtonRight__lEKDK {
  right: 12px;
}
.styles_navButton__LNMsd svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 960px) {
  .styles_tagBannerCarousel__pqP61 {
    max-width: 100%;
    margin: 8px 16px;
  }
  .styles_bannerContainer__Y3tR_ {
    height: 120px;
  }
}
@media (max-width: 768px) {
  .styles_tagBannerCarousel__pqP61 {
    margin: 8px 12px;
  }
  .styles_bannerContainer__Y3tR_ {
    height: 100px;
  }
  .styles_closeButton__Ugf79 {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    top: 6px !important;
    right: 6px !important;
  }
  .styles_closeButton__Ugf79 svg {
    font-size: 12px !important;
  }
  .styles_indicators__IVpwH {
    bottom: 8px;
    gap: 4px;
  }
  .styles_indicator__KRnV3 {
    width: 6px;
    height: 6px;
  }
  .styles_navButton__LNMsd {
    width: 32px;
    height: 32px;
    opacity: 0.7;
  }
  .styles_navButtonLeft__STCb5 {
    left: 8px;
  }
  .styles_navButtonRight__lEKDK {
    right: 8px;
  }
  .styles_navButton__LNMsd svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 480px) {
  .styles_tagBannerCarousel__pqP61 {
    margin: 8px;
  }
  .styles_bannerContainer__Y3tR_ {
    height: 80px;
  }
}
.styles_overlay__TrOo0 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(2px);
}
.styles_dialog__X5Fss {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  max-width: 480px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  font-family: "Inter, sans-serif";
  animation: styles_dialogSlideIn__BqtxG 0.2s ease-out;
}
@keyframes styles_dialogSlideIn__BqtxG {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(-20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
.styles_dialogTitle__HDYUW {
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  margin: 0 0 8px;
  text-align: center;
}
.styles_dialogDescription__RTH4l {
  font-size: 14px;
  color: #666;
  margin: 0 0 20px;
  text-align: center;
  line-height: 1.5;
}
.styles_optionsGrid__DnePK {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.styles_optionButton__ue35V {
  background: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #495057;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: "Inter, sans-serif";
}
.styles_optionButton__ue35V:hover {
  background: #e9ecef;
  border-color: var(--primary-color, #007bff);
  color: var(--primary-color, #007bff);
  transform: translateY(-1px);
}
.styles_optionButton__ue35V:active {
  transform: translateY(0);
}
.styles_dialogActions__kEWe7 {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e9ecef;
}
.styles_cancelButton__cfSAp {
  background: transparent;
  border: 2px solid #dc3545;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #dc3545;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: "Inter, sans-serif";
}
.styles_cancelButton__cfSAp:hover {
  background: #dc3545;
  color: #fff;
}
.styles_confirmButton__HJ7ME {
  background: var(--primary-color, #007bff);
  border: 2px solid var(--primary-color, #007bff);
  border-radius: 6px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: "Inter, sans-serif";
}
.styles_confirmButton__HJ7ME:hover:not(:disabled) {
  background: var(--primary-color-light, #15a959);
  border-color: var(--primary-color-light, #15a959);
  transform: translateY(-1px);
}
.styles_confirmButton__HJ7ME:disabled {
  background: #6c757d;
  border-color: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .styles_dialog__X5Fss {
    padding: 20px;
    margin: 16px;
    max-width: none;
  }
  .styles_optionsGrid__DnePK {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .styles_optionButton__ue35V {
    padding: 14px 16px;
  }
  .styles_dialogTitle__HDYUW {
    font-size: 16px;
  }
  .styles_dialogActions__kEWe7 {
    flex-direction: column;
    gap: 8px;
  }
  .styles_cancelButton__cfSAp,
  .styles_confirmButton__HJ7ME {
    width: 100%;
    padding: 12px 20px;
  }
}
@supports not (aspect-ratio: 1) {
  .styles_bannerContainer__Y3tR_ {
    height: 140px;
  }
}
@media (max-width: 940px) {
  @supports not (aspect-ratio: 1) {
    .styles_bannerContainer__Y3tR_ {
      height: calc(100vw / 6.71);
    }
  }
}
.style_container__eyX8n {
  width: 1180px;
  height: 100%;
  margin: 0 auto 20px;
}
@media (max-width: 1199px)  {
    .style_container__eyX8n {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
}
.style_wrapper__bwV9H {
  display: flex;
  width: 1180px;
  height: 100%;
  margin: 0 auto 60px;
}
.style_wrapperBreadCrumb__5V8CJ {
  display: flex;
  gap: 10px;
  align-items: center;
  max-width: 1180px;
  margin: 10px auto;
}
.style_sidebar__l2b5C {
  width: 220px;
  padding: 0 10px 0 0;
}
.style_result__yN01l {
  width: 100%;
}
.style_headTitle__6Jtx2 {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.style_headTitle__6Jtx2 > span {
  color: var(--primary-color);
  font-size: 18px;
}
.style_headTitle__6Jtx2 > div {
  padding-left: 10px;
  text-transform: uppercase;
  font-weight: 500;
  color: #212529;
  font-size: 16px;
}
.style_hr__fnI3e {
  width: calc(100%);
}
.style_hr__fnI3e,
.style_hr_clear__xfsYr {
  border-top: 1px solid rgba(195, 204, 220, 0.4);
  margin: 0;
}
.style_hr_clear__xfsYr {
  padding: 0;
}
.style_formControl__9QpWW {
  min-width: 65% !important;
  border-radius: 40px;
}
.style_selectInput__BwC8s {
  width: 100%;
}
.style_selectInput__BwC8s select {
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-top: 4px;
  padding-left: 2px;
  color: #333;
  height: 30px;
}
.style_selectInput__BwC8s:after,
.style_selectInput__BwC8s:before {
  border-bottom: none !important;
}
.style_selectAfter__dwnFC {
  color: var(--primary-color);
}
.style_selectInput__BwC8s svg {
  top: calc(50% - 12px);
  right: 10px;
  position: absolute;
  pointer-events: none;
  width: 30px;
}
.style_select__rqefc {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 250px;
  font-family: ggsr;
  padding-right: 12px;
}
@media screen and (max-width: 1199px) {
    .style_select__rqefc {
        padding-right: 0;
    }
}
.style_headLoading__qAxSU,
.style_select__rqefc {
  display: flex;
  justify-content: flex-end;
}
.style_headSort__VGBNI {
  color: var(--Functional-color-Text-Secondary, #8c8c8c);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.style_group__V1E_g {
  position: sticky;
  top: 100px;
}
.style_group__V1E_g [class*="accordion"] {
  box-shadow: none;
  background-color: transparent;
  padding: 0 1px 0 0;
}
.style_group__V1E_g [class*="accordion"]:before {
  display: none;
}
.style_group__V1E_g [class*="accordion-detail"] {
  padding: 0;
}
.style_group__V1E_g .style_accordion-detail__TRrJK [class*="MuiList-root"] {
  width: 100%;
}
.style_group__V1E_g [class*="accordion-sumary"] p {
  font-weight: 500;
  font-size: 18px;
}
.style_group__V1E_g [class*="accordion-sumary"] svg {
  color: var(--primary-color);
}
.style_group__V1E_g .style_accordionLink__v4ItM {
  cursor: pointer;
  display: block;
  padding: 3px 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
  word-break: break-word;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.87);
}
.style_group__V1E_g .style_accordionLink__v4ItM.style_active__E6Tu3,
.style_group__V1E_g .style_accordionLink__v4ItM:hover {
  color: var(--primary-color);
}
.style_product_main__USHVn [class*="product_title"] {
  color: var(--primary-color);
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 28px;
}
.style_product_main__USHVn [class*="current_breadcrumb"] {
  color: #000;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  text-transform: capitalize;
}
.style_product_main__USHVn {
  width: 100%;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 1199px) {
  .style_product_main__USHVn {
    padding: 0;
  }
}
.style_product_main__USHVn .style_product_counts__gid14 {
  font-size: 16px;
}
.style_product_main__USHVn .style_filters__JlXZa {
  border: 1px solid transparent;
}
.style_product_main__USHVn .style_filters__JlXZa .style_active__E6Tu3 {
  border: 1px solid var(--primary-color) !important;
  background: #ddf4ea;
  font-family: ggsm !important;
  font-weight: 500;
}
.style_product_main__USHVn .style_filters__JlXZa .style_active__E6Tu3 span,
.style_product_main__USHVn .style_filters__JlXZa a {
  color: var(--primary-color);
}
.style_product_main__USHVn .style_filters__JlXZa .style_filter_btn__SXcL9:hover {
  border: 1px solid var(--primary-color) !important;
  color: var(--primary-color);
  background: #ddf4ea;
}
.style_product_main__USHVn .style_filters__JlXZa .style_filter_btn__SXcL9 {
  font-family: ggsr;
  font-style: normal;
  text-transform: capitalize;
  font-size: 16px;
  color: #000;
  border: 1px solid #e9e9e9;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  margin-right: 1em;
  margin-top: 12px;
  word-break: break-all;
  line-height: 1;
  overflow: hidden;
  height: 50px;
  padding: 7px 14px;
}
.style_product_main__USHVn .style_filters__JlXZa .style_iconLeft__eCW7a,
.style_product_main__USHVn .style_filters__JlXZa .style_iconRight___hl8d {
  color: #f9b514 !important;
}
.style_product_main__USHVn .style_filters__JlXZa .style_iconLeft__eCW7a {
  margin-right: 4px;
}
.style_product_main__USHVn .style_filters__JlXZa .style_iconRight___hl8d {
  margin-left: 4px;
}
.style_product_main__USHVn .style_empty__L2iRx {
  margin-top: 30px;
}
.style_product_listing__JNAkG {
  margin-top: 10px;
}
.style_pagging__zgOUZ {
  padding-bottom: 30px;
}
.style_bottomPagging__kzl7h,
.style_pagging__zgOUZ {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_bottomPagging__kzl7h {
  padding-top: 30px;
}
.style_product_grid_wrapper__lYnBj {
  margin-top: 24px;
  margin-bottom: 20px;
}
.style_gridProductList__dZkzy {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  grid-auto-flow: row;
  width: 100.5%;
  padding-right: 12px;
}
.style_gridProductRandom__kZRVj {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  padding: 0 1em;
}
.style_textHidden__kn0HQ,
.style_textIsHidden__l14ab {
  color: #000;
  font-size: 14px;
  line-height: normal;
  margin-right: 4px;
}
.style_textHidden__kn0HQ span,
.style_textIsHidden__l14ab span {
  font-size: 14px;
  line-height: normal;
}
.style_sort___U0J9 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .style_sort___U0J9 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.style_wrapperListTag__O7hG5 {
  position: relative;
  width: 940px;
}
.style_hiddenContainer__3MwzR {
  display: block;
  width: 50%;
}
.style_hiddenContainer__3MwzR svg {
  width: 0.9em;
  height: 0.9em;
}
@media screen and (min-width: 1200px) {
    .style_topPagging__fUaNu {
        position: absolute;
        right: 50%;
        transform: translateX(48%);
        z-index: 2;
    }
}

.style_wrapperBreadCrumb__5V8CJ ol {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}
.style_wrapperBreadCrumb__5V8CJ li {
  padding: 0 5px;
  margin: 0;
}
.style_wrapperBreadCrumb__5V8CJ .style_MuiBreadcrumbs-separator__KkODZ {
  padding: 0;
  margin: 0;
}
.style_wrapperBreadCrumb__5V8CJ li a,
.style_wrapperBreadCrumb__5V8CJ li p {
  font-size: 14px;
}
.style_wrapperIcon__Teb1W {
  position: absolute;
  background-color: #f5f5f5;
  right: 15px;
  top: 8px;
}
.style_customButtonSelect__iI282 {
  color: #333;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.style_listTopic__sTgL5 {
  position: sticky;
  z-index: 10;
  top: 122px;
  margin: 0 auto 16px 0;
  border-radius: 8px;
  background: linear-gradient(90deg, #cfd9df, #e2ebf0);
  padding: 20px;
}
.style_containerList__XZ48i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
  padding-bottom: 5px;
  gap: 1em;
}
.style_isOverflow__CQYBp {
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: flex-start;
}
.style_containerList__XZ48i::-webkit-scrollbar {
  height: 6px;
}
.style_pointerEvent__GbUzQ {
  pointer-events: none;
}
.style_containerList__XZ48i::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  background: #efefef;
  border-radius: 10px;
}
.style_containerList__XZ48i::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #ccc;
}
.style_item__h3a93 {
  display: inline-block !important;
  cursor: pointer;
  height: 32px;
  padding: 4px 16px;
  background: var(--neutral-white, #fff);
  border-radius: 16px;
  color: var(--primary-color);
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.style_wrapperContent__X3MCA {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 5px;
}
.style_topicActive__7uQwj {
  color: var(--primary-color);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  display: inline-block;
  padding: 4px 16px;
  align-items: center;
  gap: 4px;
  border-radius: 24px;
  background: var(--Base-color-Primary-color-Green-2, #c7ead7);
  border: 1.2px solid var(--Functional-color-Stroke-Active, #3fb877);
}
.style_wrapperBlockRandom__gFkZu {
  border-radius: 10px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.style_titleRandom__6zDvj {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  align-self: stretch;
  border-radius: 10px 10px 0 0;
  color: var(--bw-white, #fff);
  gap: 16px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  padding: 8px 0;
  margin: 0 0 16px;
  min-height: 64px;
}
.style_titleRandom__6zDvj,
.style_wrapperButton__99gMW {
  align-items: center;
  display: flex;
  justify-content: center;
}
.style_wrapperButton__99gMW {
  margin-top: 12px;
}
.style_buttonBase__nATvV {
  display: flex;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 20px;
  background: var(--bw-white, #fff);
  backdrop-filter: blur(2px);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  min-width: 176px;
  height: 40px;
}
.style_wrapperText__8DV76 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 25px;
}
@media (max-width: 1200px) {
  .style_wrapperBreadCrumb__5V8CJ,
  .style_wrapper__bwV9H {
    width: 100%;
  }
  .style_gridProductList__dZkzy {
    display: grid;
    grid-template-columns: repeat(3, 32.2%);
    gap: 12px;
    padding-right: 0;
  }
  .style_wrapperListTag__O7hG5 {
    width: 69.5vw;
  }
}
@media (max-width: 1080px) {
  .style_wrapperListTag__O7hG5 {
    width: 67vw;
  }
  .style_hr__fnI3e {
    width: calc(100% - 20px);
  }
}
@media (max-width: 980px) {
  .style_wrapperListTag__O7hG5 {
    width: 64.5vw;
  }
  .style_headSort__VGBNI {
    display: none;
  }
}
@media (max-width: 940px) {
  .style_gridProductList__dZkzy {
    grid-template-columns: repeat(2, 48%);
    gap: 20px;
  }
  .style_wrapperListTag__O7hG5 {
    width: 62vw;
  }
  .style_textIsHidden__l14ab {
    display: none;
  }
}
@media (max-width: 870px) {
  .style_wrapper__bwV9H {
    flex-direction: column;
  }
  .style_product_main__USHVn {
    padding: 0;
  }
  .style_sidebar__l2b5C {
    width: 100%;
    padding: 20px 0 0;
  }
  .style_gridProductList__dZkzy {
    grid-template-columns: repeat(3, 31.5%);
    gap: 20px;
  }
  .style_wrapperListTag__O7hG5 {
    margin-top: 16px;
    width: calc(80vw + 4em);
  }
  .style_hr__fnI3e {
    width: calc(100%);
  }
}
@media (max-width: 700px) {
  .style_gridProductList__dZkzy {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .style_wrapperListTag__O7hG5 {
    width: calc(80vw + 1.5em);
  }
}
.style_skeletonContainer__ckAdI {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  grid-auto-flow: row;
}
.style_groupPaging__E5nPU {
  margin-top: 24px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_card__3U9Vg {
  width: 220px !important;
  height: 390px !important;
}
.style_hiddenText__K6Ruo {
  width: 162px !important;
  height: 18px !important;
}
.style_paging__mhhXL {
  width: 220px !important;
  height: 24px !important;
}
.style_sort__XlkhS {
  width: 195px !important;
  height: 32px !important;
}
@media (max-width: 1200px) {
  .style_skeletonContainer__ckAdI {
    grid-template-columns: repeat(3, 32.2%);
    gap: 12px;
  }
  .style_card__3U9Vg {
    width: 100% !important;
    height: 390px !important;
  }
  .style_hiddenText__K6Ruo {
    width: 20% !important;
    height: 18px !important;
  }
  .style_paging__mhhXL {
    width: 35% !important;
    height: 24px !important;
  }
  .style_sort__XlkhS {
    width: 20% !important;
    height: 32px !important;
  }
}
@media (max-width: 940px) {
  .style_skeletonContainer__ckAdI {
    grid-template-columns: repeat(2, 48%);
    gap: 20px;
  }
}
@media (max-width: 870px) {
  .style_skeletonContainer__ckAdI {
    grid-template-columns: repeat(3, 31.5%);
    gap: 20px;
  }
}
@media (max-width: 700px) {
  .style_skeletonContainer__ckAdI {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}


.MuiBreadcrumbs-ol {
  margin: 0;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
}
.MuiBreadcrumbs-separator {
  display: flex;
  margin-left: 8px;
  user-select: none;
  margin-right: 8px;
}

.fw-400 {
  font-weight: 400 !important;
}

.lh-1-5 span {
  line-height: 1.5 !important;
}

.jss8 {
  padding: 9px;
}
.jss11 {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}

.cuEQuH .MuiCheckbox-colorSecondary.Mui-checked {
    color: green;
}

.jss273 .MuiPaginationItem-root {
  color: #333;
  border: 1px solid #DFE3E8;
  height: 32px;
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
}
.jss273 .Mui-selected {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-weight: 700;
}
.jss273 .Mui-disabled {
  color: #C4CDD5;
  opacity: 1;
}


.MuiPagination-root {
  padding: 10px;
}
.MuiPagination-ul {
  margin: 0;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
}

.MuiPaginationItem-root {
  color: rgba(0, 0, 0, 0.87);
  height: 32px;
  margin: 0 3px;
  padding: 0 6px;
  font-size: 0.875rem;
  min-width: 32px;
  box-sizing: border-box;
  text-align: center;
  font-family: ggsr, sans-serif;
  font-weight: 400;
  line-height: 1.43;
  border-radius: 16px;
}
.MuiPaginationItem-page {
  color: #0E1983;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiPaginationItem-page:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.MuiPaginationItem-page.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiPaginationItem-page.Mui-selected {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  background-color: none;
}
.MuiPaginationItem-page.Mui-disabled {
  opacity: 0.18;
}
.MuiPaginationItem-page.Mui-selected:hover, .MuiPaginationItem-page.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiPaginationItem-page.Mui-selected.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
}
@media (hover: none) {
  .MuiPaginationItem-page.Mui-selected:hover, .MuiPaginationItem-page.Mui-selected.Mui-focusVisible {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
@media (hover: none) {
  .MuiPaginationItem-page:hover {
    background-color: transparent;
  }
}
.MuiPaginationItem-sizeSmall {
  height: 26px;
  margin: 0 1px;
  padding: 0 4px;
  min-width: 26px;
  border-radius: 13px;
}
.MuiPaginationItem-sizeSmall .MuiPaginationItem-icon {
  font-size: 1.125rem;
}
.MuiPaginationItem-sizeLarge {
  height: 40px;
  padding: 0 10px;
  font-size: 0.9375rem;
  min-width: 40px;
  border-radius: 20px;
}
.MuiPaginationItem-sizeLarge .MuiPaginationItem-icon {
  font-size: 1.375rem;
}
.MuiPaginationItem-textPrimary.Mui-selected {
  color: #fff;
  background-color: #E3352C;
}
.MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible {
  background-color: #007B55;
}
.MuiPaginationItem-textPrimary.Mui-selected.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiPaginationItem-textPrimary.Mui-selected:hover, .MuiPaginationItem-textPrimary.Mui-selected.Mui-focusVisible {
    background-color: #E3352C;
  }
}
.MuiPaginationItem-textSecondary.Mui-selected {
  color: #fff;
  background-color: #ff4fae;
}
.MuiPaginationItem-textSecondary.Mui-selected:hover, .MuiPaginationItem-textSecondary.Mui-selected.Mui-focusVisible {
  background-color: rgb(178, 55, 121);
}
.MuiPaginationItem-textSecondary.Mui-selected.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiPaginationItem-textSecondary.Mui-selected:hover, .MuiPaginationItem-textSecondary.Mui-selected.Mui-focusVisible {
    background-color: #ff4fae;
  }
}
.MuiPaginationItem-outlined {
  border: 1px solid rgba(0, 0, 0, 0.23);
}
.MuiPaginationItem-outlined.Mui-selected.Mui-disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiPaginationItem-outlinedPrimary.Mui-selected {
  color: #E3352C;
  border: 1px solid rgba(0, 92, 41, 0.5);
  background-color: rgba(0, 92, 41, 0.12);
}
.MuiPaginationItem-outlinedPrimary.Mui-selected:hover, .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-focusVisible {
  background-color: rgba(0, 92, 41, 0.16);
}
.MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiPaginationItem-outlinedPrimary.Mui-selected:hover, .MuiPaginationItem-outlinedPrimary.Mui-selected.Mui-focusVisible {
    background-color: transparent;
  }
}
.MuiPaginationItem-outlinedSecondary.Mui-selected {
  color: #ff4fae;
  border: 1px solid rgba(255, 79, 174, 0.5);
  background-color: rgba(255, 79, 174, 0.12);
}
.MuiPaginationItem-outlinedSecondary.Mui-selected:hover, .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-focusVisible {
  background-color: rgba(255, 79, 174, 0.16);
}
.MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
}
@media (hover: none) {
  .MuiPaginationItem-outlinedSecondary.Mui-selected:hover, .MuiPaginationItem-outlinedSecondary.Mui-selected.Mui-focusVisible {
    background-color: transparent;
  }
}
.MuiPaginationItem-rounded {
  border-radius: 4px;
}
.MuiPaginationItem-ellipsis {
  height: auto;
}
.MuiPaginationItem-ellipsis.Mui-disabled {
  opacity: 0.38;
}
.MuiPaginationItem-icon {
  margin: 0 -8px;
  font-size: 1.25rem;
}

.MuiMenu-paper {
  max-height: calc(100% - 96px);
  -webkit-overflow-scrolling: touch;
}
.MuiMenu-list {
  outline: 0;
}

.jss297 {
  color: #555;
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
}
.jss297:focus {
  color: var(--primary-color);
  font-weight: 500;
  background-color: #F5F5F5;
}
.jss297selected {
  color: var(--primary-color);
  font-weight: 500;
  background-color: #F5F5F5;
}
.jss297hover {
  color: var(--primary-color);
  font-weight: 500;
  background-color: #F5F5F5;
}


.MuiListItem-root {
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  text-align: left;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  justify-content: flex-start;
  text-decoration: none;
}
.MuiListItem-root.Mui-focusVisible {
  background-color: rgba(0, 0, 0, 0.08);
}
.MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.MuiListItem-root.Mui-disabled {
  opacity: 0.5;
}
.MuiListItem-container {
  position: relative;
}
.MuiListItem-dense {
  padding-top: 4px;
  padding-bottom: 4px;
}
.MuiListItem-alignItemsFlexStart {
  align-items: flex-start;
}
.MuiListItem-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background-clip: padding-box;
}
.MuiListItem-gutters {
  padding-left: 16px;
  padding-right: 16px;
}
.MuiListItem-button {
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiListItem-button:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .MuiListItem-button:hover {
    background-color: transparent;
  }
}
.MuiListItem-secondaryAction {
  padding-right: 48px;
}

.jss275 {
    border: none;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
    border-radius: 8px;
}

.t-bg-white {
    --high-profit-angle: 180deg;
    --high-profit-head-percent-color: 0%;
    --high-profit-middle-percent-color: 50%;
    --high-profit-end-percent-color: 100%;
    border: none !important;
}

.t-bg-color {
    --high-profit-head-color: #f5a447;
    --high-profit-middle-color: #f5a447;
    --high-profit-end-color: #ffffff;
    --high-profit-angle: 180deg;
    --high-profit-head-percent-color: 0%;
    --high-profit-middle-percent-color: 50%;
    --high-profit-end-percent-color: 100%;
    background: linear-gradient(var(--high-profit-angle), var(--high-profit-head-color) var(--high-profit-head-percent-color), var(--high-profit-middle-color) var(--high-profit-middle-percent-color), var(--high-profit-end-color) var(--high-profit-end-percent-color)) !important;
    overflow: hidden;
    border: none !important;
}

.t-bg-color .styles_maxWidth__zBhsQ {
    background: #ffffff !important;
}
.style_wrapperBlockRandom__gFkZu {
  scroll-margin-top: 200px; /* chiều cao header */
}

@media (max-width: 767px) {
    .style_filterMobile__4vy1x {
        margin: 0;
        padding: 0;
    }
}

.style_filterSortRow__4D2kS {
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .style_filterSortRow__4D2kS {
        width: 100%;
        margin-bottom: 0;
    }
}

.style_breadcrumbContainer__tDpz3 nav, .style_filterSortRow__4D2kS {
    display: flex;
    align-items: center;
}

.style_filterButton__6xPq4 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #d9dfe5;
    border-radius: 40px;
    background: #fff;
}

.style_filterButton__6xPq4 svg {
    width: 14px;
    height: 14px;
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}

.style_filterButton__6xPq4 .style_btnText__DXTjV {
    font-family: Inter;
    font-size: 12px;
    color: #20283d;
}

.style_btnText__DXTjV {
    margin-left: 5px;
}


@media print {
  .MuiDialog-root {
    position: absolute !important;
  }
}
.MuiDialog-scrollPaper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MuiDialog-scrollBody {
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}
.MuiDialog-scrollBody:after {
  width: 0;
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.MuiDialog-container {
  height: 100%;
  outline: 0;
}
@media print {
  .MuiDialog-container {
    height: auto;
  }
}
.MuiDialog-paper {
  margin: 32px;
  position: relative;
  overflow-y: auto;
}
@media print {
  .MuiDialog-paper {
    box-shadow: none;
    overflow-y: visible;
  }
}
.MuiDialog-paperScrollPaper {
  display: flex;
  max-height: calc(100% - 64px);
  flex-direction: column;
}
.MuiDialog-paperScrollBody {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.MuiDialog-paperWidthFalse {
  max-width: calc(100% - 64px);
}
.MuiDialog-paperWidthXs {
  max-width: 444px;
}
@media (max-width:507.95px) {
  .MuiDialog-paperWidthXs.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthSm {
  max-width: 600px;
}
@media (max-width:663.95px) {
  .MuiDialog-paperWidthSm.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthMd {
  max-width: 960px;
}
@media (max-width:1023.95px) {
  .MuiDialog-paperWidthMd.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthLg {
  max-width: 1280px;
}
@media (max-width:1343.95px) {
  .MuiDialog-paperWidthLg.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperWidthXl {
  max-width: 1920px;
}
@media (max-width:1983.95px) {
  .MuiDialog-paperWidthXl.MuiDialog-paperScrollBody {
    max-width: calc(100% - 64px);
  }
}
.MuiDialog-paperFullWidth {
  width: calc(100% - 64px);
}
.MuiDialog-paperFullScreen {
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  max-height: none;
  border-radius: 0;
}
.MuiDialog-paperFullScreen.MuiDialog-paperScrollBody {
  margin: 0;
  max-width: 100%;
}


.MuiPaper-root {
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #fff;
}
.MuiPaper-rounded {
  border-radius: 4px;
}
.MuiPaper-outlined {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiPaper-elevation0 {
  box-shadow: none;
}
.MuiPaper-elevation1 {
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation2 {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation3 {
  box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation4 {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation5 {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation6 {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation7 {
  box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
}
.MuiPaper-elevation8 {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}
.MuiPaper-elevation9 {
  box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
}
.MuiPaper-elevation10 {
  box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
}
.MuiPaper-elevation11 {
  box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
}
.MuiPaper-elevation12 {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
}
.MuiPaper-elevation13 {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
}
.MuiPaper-elevation14 {
  box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
}
.MuiPaper-elevation15 {
  box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
}
.MuiPaper-elevation16 {
  box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
}
.MuiPaper-elevation17 {
  box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
}
.MuiPaper-elevation18 {
  box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
}
.MuiPaper-elevation19 {
  box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
}
.MuiPaper-elevation20 {
  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
}
.MuiPaper-elevation21 {
  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
}
.MuiPaper-elevation22 {
  box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
}
.MuiPaper-elevation23 {
  box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
}
.MuiPaper-elevation24 {
  box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
}

.styles_root__HOA5n {
    margin: 0;
    padding: 6px 0 !important;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .08);
}

.styles_closeButton__Q610w, .styles_title__Oprqw {
    color: #919aa3;
}

.styles_dialogContent__rXjIW {
    border: 0 !important;
    margin-bottom: 60px;
}

.jss25 {
    padding: 16px;
}

.styles_accordionDetail__qoKEV {
    padding: 0 !important;
    display: block !important;
}

.MuiAccordion-root.Mui-expanded:last-child {
    margin-bottom: 0;
}

.MuiAccordion-root.Mui-expanded:first-child {
    margin-top: 0;
}

.styles_group__KLzfg [class*=accordion] {
    box-shadow: none;
    background-color: transparent;
    padding: 0 1px 0 0;
    border: none;
}

.MuiAccordion-rounded:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.MuiAccordion-rounded:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.MuiAccordion-root.Mui-expanded {
    margin: 16px 0;
}

.MuiAccordion-root {
    position: relative;
    transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}


.MuiCollapse-root {
  height: 0;
  overflow: hidden;
  transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCollapse-entered {
  height: auto;
  overflow: visible;
}
.MuiCollapse-hidden {
  visibility: hidden;
}
.MuiCollapse-wrapper {
  display: flex;
}
.MuiCollapse-wrapperInner {
  width: 100%;
}
.styles_wrapper__pC8HE {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}
.styles_containerList__xa02o {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    flex: 1;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles_item__nZbeR, .styles_wrapperContent__Rvdm2 {
    align-items: center;
    color: #20283d;
    font-family: Inter, sans-serif;
}
.styles_item__nZbeR {
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
    height: 28px;
    font-size: 12px;
    padding: 5px 12px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #e9e9e9;
    transition: all .2s ease;
    text-decoration: none;
    white-space: nowrap;
}
.styles_item__nZbeR, .styles_wrapperContent__Rvdm2 {
    align-items: center;
    color: #20283d;
    font-family: Inter, sans-serif;
}
.styles_wrapperContent__Rvdm2 {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    gap: 6px;
    font-weight: 500;
}
.styles_iconWrapper__y7op3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
}

.jss9 {
  padding: 9px;
}
.jss12 {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}

.jss26 {
    display: flex;
    position: relative;
}

.jss26.jss28 .jss27 {
    transform: scale(1);
    transition: transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.jss27 {
    left: 0;
    position: absolute;
}
.MuiDialogActions-root {
    flex: 0 0 auto;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-end;
}
.styles_dialogActions__bEqxu {
    justify-content: center !important;
    box-shadow: 0 -3px 20px rgba(0, 0, 0, .08);
    position: fixed;
    width: 100%;
    overflow: auto;
    z-index: 1;
    background: #fff;
    bottom: 0;
    gap: 12px;
    padding: 12px 16px !important;
}


.MuiFab-root {
  color: rgba(0, 0, 0, 0.87);
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 0.875rem;
  min-width: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,180,110,0.25);
  box-sizing: border-box;
  min-height: 36px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: ggsr, sans-serif;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 50%;
  text-transform: unset;
  background-color: #fff;
}
.MuiFab-root:active {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
}
.MuiFab-root:hover {
  text-decoration: none;
  background-color: #d5d5d5;
}
.MuiFab-root.Mui-focusVisible {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.MuiFab-root.Mui-disabled {
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiFab-root.MuiFab-extended {
  color: #919aa3;
  height: 38px;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.08);
  padding-top: 5px;
  padding-left: 20px;
  border-radius: 25px;
  padding-right: 20px;
  padding-bottom: 5px;
}
.MuiFab-root.MuiFab-extended:hover {
  color: #343a40;
  background-color: transparent;
}
@media (hover: none) {
  .MuiFab-root:hover {
    background-color: #DFE3E8  ;
  }
}
.MuiFab-root:hover.Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.MuiFab-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}
.MuiFab-primary {
  color: #fff;
  background-color: #E3352C;
}
.MuiFab-primary:hover {
  background-color: #007B55;
}
@media (hover: none) {
  .MuiFab-primary:hover {
    background-color: #E3352C;
  }
}
.MuiFab-secondary {
  color: #fff;
  background-color: #ff4fae;
}
.MuiFab-secondary:hover {
  background-color: rgb(178, 55, 121);
}
@media (hover: none) {
  .MuiFab-secondary:hover {
    background-color: #ff4fae;
  }
}
.MuiFab-extended {
  width: auto;
  height: 48px;
  padding: 0 16px;
  min-width: 48px;
  min-height: auto;
  border-radius: 24px;
}
.MuiFab-extended.MuiFab-sizeSmall {
  width: auto;
  height: 34px;
  padding: 0 8px;
  min-width: 34px;
  border-radius: 17px;
}
.MuiFab-extended.MuiFab-sizeMedium {
  width: auto;
  height: 40px;
  padding: 0 16px;
  min-width: 40px;
  border-radius: 20px;
}
.MuiFab-colorInherit {
  color: inherit;
}
.MuiFab-sizeSmall {
  width: 40px;
  height: 40px;
}
.MuiFab-sizeMedium {
  width: 48px;
  height: 48px;
}
.styles_clearButton__Ax6om {
    background-color: #fff !important;
    color: #E3352C !important;
    border: 1px solid #E3352C !important;
    font-weight: 500 !important;
    flex: 1;
}

.styles_close__N9S7i {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 700;
    flex: 1;
}

@charset "UTF-8";.style_icon__JH0TV {
    margin-right: .25rem!important
}

.style_icon__JH0TV,.style_icon_svg__xHhyG {
    font-size: 13px!important
}

.tag_date_tag_container__bq5VK {
    height: -moz-fit-content;
    height: fit-content;
    padding: 4px 8px
}

.tag_tag_container__Ypz6S {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-max-content;
    width: max-content;
    justify-content: center
}

.tag_tag_container__Ypz6S,.tag_tag_containerv2__66m1A {
    border-radius: 4px;
    border: 1px solid;
    font-weight: 500;
    font-size: 12px;
    display: inline-flex;
    line-height: 15px;
    vertical-align: top;
    cursor: pointer;
    padding: 4px 8px;
    align-items: center
}

.tag_normal_tag_container__Twl9u {
    padding: 4px 8px
}

.tag_icon_tag_container__1zOAv {
    border-radius: 4px;
    border: 1px solid;
    font-weight: 500;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    line-height: 15px;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    padding: 4px 8px
}

.tag_icon_tag_container__1zOAv svg {
    width: 15px!important;
    height: 14px!important
}

.tag_tag_container__Ypz6S:hover {
    opacity: .5
}

.tag_nameTag__RvjhU {
    font-family: ggsr;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    margin-left: 2px
}

.tag_nameTagMobileV2__E_Q_J {
    font-size: 9px;
    line-height: 10px
}

.tag_tag_container_mobilev2__NWEoN {
    height: 16px;
    line-height: unset;
    padding: 0 3px
}

.styles_tag_quantity__1qcXT {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-color);
    border-radius: 50%;
    background-color: #f2f4fd;
    font-weight: 500;
    font-size: 12px;
    height: 20px;
    width: 20px;
    cursor: pointer
}

.styles_tag_quantity__1qcXT:hover {
    opacity: .5
}

.styles_tag__eOcXj {
    border-radius: 50%;
    font-weight: 500;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    line-height: 15px;
    vertical-align: top;
    cursor: pointer;
    height: 25px;
    padding: 4px 12.5px
}

.styles_tag_mv2__MRr7b {
    height: 18px;
    padding: 4px 9px
}

.styles_container__69g11 {
    border-radius: 8px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    padding: 12px 12px 4px
}

.styles_priceInfo__JuAS3 {
    display: flex;
    gap: 4px;
    flex-direction: column;
    text-align: end;
    align-items: flex-end
}

.styles_save__sy_bS {
    color: var(--primary-color);
    font-size: 14px;
    font-family: ggsr
}

.styles_price__5VAWV {
    font-size: 18px;
    font-weight: 500;
    font-family: ggsm;
    color: #000
}

.styles_originalPrice__A_NaW {
    color: var(--neutral-decription-light,#8d8d8d);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    font-family: ggsm;
    text-decoration-line: line-through
}

.styles_discountPercent__Ij6kq {
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    background: var(--color-red,#d4323b);
    padding: 1px 2px;
    margin-right: 2px
}

.styles_discountPercent__Ij6kq,.styles_title__Ux2v3 {
    font-weight: 500;
    font-family: ggsm
}

.styles_tableRow__nPBAg {
    display: flex
}

.styles_table__eHMwY {
    padding: 0 12px;
    margin: 12px 0
}

.styles_gridContainer___4ekf:not(:last-child) {
    border-bottom: 1px solid var(--neutral-line-field,#dcdbdb)
}

.styles_column__TA_14 {
    display: flex;
    align-items: center;
    padding: 12px!important
}

.styles_column__TA_14:not(:last-child) {
    border-right: 1px solid var(--neutral-line-field,#dcdbdb)
}

.styles_right__f_rT7 {
    justify-content: flex-end
}

.styles_header__Iu00O {
    color: #000;
    font-size: 14px
}

.styles_headerRight__36ePF {
    color: #000;
    font-size: 14px;
    text-align: end
}

.styles_hightLightTag__0iEIC {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.styles_showAll__7X2yY {
    color: var(--blue-text-link,#0e1983);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    font-family: ggsm
}

.styles_wrapQuantity__se49l {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding: 20px 0
}

.styles_countCanBuy__YpywJ {
    color: var(--neutral-decription,#797979);
    font-size: 12px;
    min-width: 135px
}

.styles_row__j9Ol2 {
    color: var(--blue-text-link,#0e1983);
    font-size: 14px;
    font-weight: 500;
    font-family: ggsm
}

@media only screen and (max-width: 1024px) {
    .styles_column__TA_14 {
        padding:8px!important
    }
}

.styles_wrapQuantity__se49l .qty-control-table-consult-btn {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.styles_title__RGiY9 {
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    color: var(--orange,#d55d2a)
}

.styles_itemDeal__XCSeQ {
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    padding: 12px;
    gap: 8px
}

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

.styles_groupInfoDeal__4asyE {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px
}

.styles_groupInfoDealTop__uzKh1 {
    display: flex;
    gap: 16px;
    width: 50%
}

.styles_productImage__uqHGx {
    min-width: 100px
}

.styles_groupInfoDeal__4asyE img {
    max-width: 56px;
    max-height: 56px
}

.styles_nameXs__r_wZW {
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_groupQuantity__XjAhv {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    text-align: end;
    margin-right: 20px
}

.styles_buyWithDeal__3lBhm {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--color-orange-bg,#fff4ef);
    padding: 12px 20px 20px;
    border-radius: 12px;
    border: 1px solid var(--orange,#d55d2a)
}

.styles_discountDeal__jyjjV {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    background: var(--color-red,#d4323b);
    color: var(--neutral-white,#fff);
    font-size: 10px;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize;
    padding: 2px 8px
}

.styles_score__aAOfl {
    color: #0e1983;
    font-size: 12px;
    margin-left: 4px
}

.styles_price__uJPje,.styles_score__aAOfl {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_price__uJPje {
    font-size: 18px;
    text-transform: capitalize;
    display: flex;
    justify-content: flex-end
}

.styles_priceBig__5rH9t {
    font-size: 18px;
    font-weight: 500;
    font-family: ggsm;
    color: var(--primary-color,#E3352C)
}

.styles_originalPrice___Y6uj {
    color: var(--neutral-description-light,#a2a0a0);
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: line-through;
    align-self: self-end
}

.styles_quantityControlWithDeal__Objwg {
    width: 195px
}

.styles_flexContainer__kruTU .qty-control-table-consult-btn {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.styles_wrapperDeal__v_Hlj {
    position: relative;
    border-radius: 8px;
    border: 1px solid var(--neutral-line-field,#dcdbdb);
    background: var(--neutral-white,#fff)
}

.styles_hightLightTag__VXHOD {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.styles_flexContainer__kruTU {
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_volume__FNvRU {
    color: var(--neutral-description-light,#a2a0a0);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_nameTag__7UyL3 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.styles_image__fJU5_ {
    width: 100%;
    max-width: 112px
}

.styles_amountSaved__snboG {
    color: var(--primary-color);
    text-align: right;
    font-weight: 400;
    font-size: 12px;
    font-style: normal;
    line-height: normal
}

@media screen and (max-width: 1024px) {
    .styles_quantityControlWithDeal__Objwg {
        width:140px
    }

    .styles_groupQuantity__XjAhv {
        margin-right: 0
    }
}

.styles_comboContainer__GFocL {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px
}

.styles_comboItem__v8LNb {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center
}

.styles_nameCombo__2snSO {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--blue-text-link,#0e1983);
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    align-self: stretch
}

.styles_hightLightTag__lEja_ {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.styles_priceCombo__BVIIv {
    color: var(--neutral-text,#000);
    font-size: 12px;
    font-weight: 600
}

.styles_groupInfoProduct__LZfXn {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.styles_imageContainer__0KQQ_ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    border: 1px solid var(--neutral-line-field,#dcdbdb)
}

.styles_addContainer__VYtL8 {
    cursor: pointer;
    position: absolute;
    margin-bottom: 2px;
    right: 0;
    top: 50%
}

.styles_addIcon__1jUYE,.styles_addIcon__1jUYE:after {
    width: 8px;
    height: 2px;
    background: silver;
    border-radius: 2px
}

.styles_addIcon__1jUYE:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_titleCombo__OCO8B {
    font-weight: 600;
    text-transform: capitalize
}

.styles_minWidth__jKcwk {
    max-width: 4px
}

.styles_hotInfo__9A396 {
    display: flex;
    max-width: -moz-fit-content;
    max-width: fit-content;
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(90deg,#fff,#fff),linear-gradient(0deg,#ff8000,#fabc4b);
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    gap: 32px
}

.styles_textContainer__1QrRo {
    text-align: center;
    height: 100%;
    padding: 8px 16px;
    background: linear-gradient(45deg,#f12711,#f5af19);
    border-radius: 20px
}

.styles_text__GLibt {
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.styles_rightInfo__bpgar {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: 16px
}

.styles_countBuy__xCs2l {
    color: var(--color-red,#d4323b);
    font-weight: 500;
    font-family: ggsm;
    font-size: 14px
}

.styles_timeDiscount__lsraI {
    color: var(--neutral-text,#000);
    max-width: -moz-fit-content;
    max-width: fit-content;
    font-weight: 500;
    font-family: ggsm;
    font-size: 14px
}

@media only screen and (max-width: 1024px) {
    .styles_hotInfo__9A396 {
        min-width:-moz-fit-content;
        min-width: fit-content;
        flex-direction: column;
        gap: 12px;
        padding: 8px;
    }

    .styles_countBuy__xCs2l,.styles_timeDiscount__lsraI {
        font-size: 12px
    }

    .styles_textContainer__1QrRo {
        width: 120px
    }

    .styles_text__GLibt {
        font-size: 12px
    }
}

.styles_container__EWHMz {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_root__h_lXN {
    border: 1px solid silver;
    color: silver;
    padding: 4px;
    transition: all .2s ease-in-out
}

.styles_root__h_lXN:hover {
    background-color: var(--green-primary-button,var(--primary-color));
    color: #fff;
    padding: 4px;
    border-color: transparent
}

.styles_typography__KesV2 {
    color: #797979;
    font-size: 14px
}

.styles_hightLight__VAfLn {
    background-color: var(--green-primary-button,var(--primary-color))!important;
    color: #fff!important;
    padding: 4px;
    border-color: transparent
}

.styles_mobile__JGU_e {
    border: none;
    background-color: transparent!important;
    color: silver!important
}

.styles_banner__WaQpd {
    background: #e88438;
    position: relative;
    display: flex;
    height: 268px;
    justify-content: center;
    border-radius: 12px 12px 0 0;
    padding-top: 34px
}

.styles_styleDesktop__wQyBO {
    top: 50%;
    transform: translate(-50%,-50%);
    width: 840px;
    height: 594px;
    border: none;
    border-radius: 12px
}

.styles_styleDesktop__wQyBO,.styles_styleMobile__Qjj9p {
    position: absolute;
    left: 50%;
    background-color: #fff;
    outline: none
}

.styles_styleMobile__Qjj9p {
    bottom: 0;
    transform: translate(-50%);
    width: 100%;
    border: none;
    border-radius: 12px 12px 0 0
}

.styles_content__XwWYY {
    display: flex;
    padding: 36px 32px;
    justify-content: space-between
}

.styles_titleContainer__tK_d6 {
    width: 60%
}

.styles_title___qmtl {
    font-size: 32px;
    font-weight: 500;
    font-family: ggsm
}

.styles_new__YMMMv {
    color: #e88438;
    font-size: 20px;
    font-family: ggsr;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_groupContent__rWRg7 {
    width: 40%;
    display: flex;
    gap: 20px
}

.styles_groupContent__rWRg7 ul {
    padding: 0 10px;
    margin: 0;
    font-size: 20px
}

.styles_understand__4QQn9 {
    color: #e88438;
    border-radius: 30px;
    border: 1px solid #e88438
}

.styles_try__lB5Ek,.styles_understand__4QQn9 {
    font-family: ggsm;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    display: flex;
    height: 40px;
    padding: 0 40px;
    justify-content: center;
    align-items: center
}

.styles_try__lB5Ek {
    border-radius: 30px;
    background: #e88438;
    color: var(--neutral-white,#fff)
}

.styles_groupButton__jRRLg {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 0 32px 40px 16px
}

.styles_closeButton__1aVf_ {
    position: absolute;
    right: 0;
    top: 0
}

.styles_closeButton__1aVf_ svg {
    color: #fff
}

@media only screen and (max-width: 450px) {
    .styles_banner__WaQpd {
        height:158px;
        padding-top: 8px
    }

    .styles_content__XwWYY {
        flex-direction: column;
        padding: 8px 16px 16px
    }

    .styles_title___qmtl {
        font-size: 18px
    }

    .styles_titleContainer__tK_d6 {
        display: flex;
        width: 100%;
        gap: 4px;
        text-transform: capitalize;
        margin-bottom: 16px
    }

    .styles_new__YMMMv {
        font-size: 16px
    }

    .styles_groupContent__rWRg7 {
        width: 100%;
        gap: 48px
    }

    .styles_groupContent__rWRg7 ul {
        padding: 0 10px;
        margin: 0;
        font-size: 16px
    }

    .styles_groupButton__jRRLg {
        position: static;
        justify-content: space-between;
        padding: 16px 16px 24px
    }

    .styles_try__lB5Ek,.styles_understand__4QQn9 {
        width: 100%;
        height: 32px;
        text-transform: none;
        padding: 0 20px;
        font-size: 14px
    }
}

.styles_gridContainer__vaY_M {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: -moz-fit-content;
    height: fit-content;
    gap: 24px
}

.styles_avatar__v6V2q {
    width: 60px;
    height: 60px
}

.styles_avatar__v6V2q img {
    -o-object-fit: contain;
    object-fit: contain
}

.styles_typography__QMz4F {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    border-radius: 4px;
    bottom: -12px;
    left: -10px;
    background: var(--color-gold,#b98f0f);
    font-size: 10px;
    color: #fff;
    padding: 2px 4px
}

.styles_nameSeller__WGOvw {
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    font-family: ggsm;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.styles_groupButton__ZCSDy {
    display: flex;
    gap: 16px;
    width: -moz-max-content;
    width: max-content
}

.styles_button__B2nNt {
    border-radius: 30px;
    border: 1px solid var(--primary-color);
    box-shadow: none;
    height: 32px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0 16px
}

.styles_button__B2nNt img {
    margin-right: 2px
}

.styles_viewStore__6TUng,.styles_viewStore__6TUng:hover {
    background: var(--green-primary-button,var(--primary-color));
    color: #fff
}

.styles_viewStore__6TUng:hover {
    box-shadow: none
}

.styles_quickChat__uPyjh,.styles_quickChat__uPyjh:hover {
    background: #fff;
    color: var(--primary-color)
}

.styles_quickChat__uPyjh:hover {
    box-shadow: none
}

.styles_rightContent__jP7Th {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.styles_text__NABNi {
    margin-left: 2.5px
}

.styles_gotoStore___7DPZ {
    color: #fff
}

.styles_productTitle__iKJ7T {
    color: var(--neutral-decription,#797979);
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize
}

.styles_sellerIcon__3OQlt {
    text-align: center
}

.styles_bottom1__va7FI {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: center
}

.styles_bottom1__va7FI h4 {
    color: #000;
    font-family: ggsr;
    font-weight: 400
}

.styles_bottom1__va7FI a,.styles_bottom1__va7FI h4 {
    font-size: 16px;
    font-style: normal;
    line-height: normal
}

.styles_bottom1__va7FI a {
    color: #0e1983;
    font-family: ggsm;
    font-weight: 500;
    text-decoration-line: underline
}

.styles_wrapperLeft__WA9KX {
    position: relative
}

.styles_countProduct__GIfnw {
    display: flex;
    gap: 4px
}

.styles_storeTag__2Y3oN,.styles_store__3b7Aq {
    width: -moz-max-content;
    width: max-content
}

.styles_storeTag__2Y3oN {
    position: absolute;
    border-radius: 4px;
    bottom: -12px;
    left: -10px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    font-size: 10px;
    color: #fff;
    padding: 2px 4px
}

@media only screen and (max-width: 1024px) {
    .styles_store__3b7Aq {
        width:-moz-fit-content;
        width: fit-content
    }
}

.styles_priceContainer__OGS2_,.styles_priceDiscount__SPZz8 {
    display: flex;
    align-items: center
}

.styles_priceDiscount__SPZz8 {
    gap: 4px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 8px;
    margin-right: 2px
}

.styles_wrapperIcon__oGQJP {
    width: 24px;
    height: 24px
}

.styles_boldColor__pzm8a {
    color: #0e1983;
    font-family: ggsm,sans-serif;
    font-weight: 500
}

.styles_cartPriceContainer__Ze2wc {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: flex-end
}

.styles_cartLabelDiscountPrice__F5nUQ {
    font-size: 10px;
    font-family: Inter-Medium;
    font-weight: 500;
    padding-top: 2px;
    max-width: 88px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_cartPriceDiscount__kPHFP {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #333;
    line-height: normal;
    overflow: hidden
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(https://cdn-web-next.thuocsi.vn/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn-web-next.thuocsi.vn/_next/static/media/slick.25572f22.eot);
    src: url(https://cdn-web-next.thuocsi.vn/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"),url(https://cdn-web-next.thuocsi.vn/_next/static/media/slick.653a4cbb.woff) format("woff"),url(https://cdn-web-next.thuocsi.vn/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(https://cdn-web-next.thuocsi.vn/_next/static/media/slick.db61df16.svg#slick) format("svg")
}

.slick-next,.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.styles_targetVideo__Y0nzb::-webkit-media-controls-fullscreen-button {
    display: none
}

.styles_wrapper_modal__JD2VD {
    width: 940px;
    height: 651px;
    background-color: #fff;
    box-shadow: 0 2px 16px rgba(0,0,0,.05);
    border-radius: 10px
}

.styles_modalBackdrop__6l882 {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.styles_modalImage__ATIHb {
    margin: 0 5px;
    height: auto!important;
    width: auto!important;
    border-radius: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    min-width: auto!important;
    max-width: 568px!important;
    max-height: 568px!important;
    padding: 20px!important;
    background-color: #fff
}

@media (max-width: 767px) {
    .styles_modalImage__ATIHb {
        padding:20px!important;
        width: 100%!important
    }
}

.styles_modalImage__ATIHb:focus {
    outline: none
}

.styles_closeWrapper__uCKj0 {
    width: 100%;
    padding: 19px;
    display: flex;
    justify-content: flex-end
}

.styles_imageMainMobile__hZnbT,.styles_imageMain__spbIb {
    -o-object-fit: contain;
    object-fit: contain
}

.styles_imageMainMobile__hZnbT {
    max-width: 80%!important;
    min-height: 80%!important
}

.styles_wrapperImg__PDDk2 {
    margin-left: 59px;
    margin-bottom: 32px;
    width: 550px;
    height: 550px;
    justify-content: center
}

@media screen and (max-width: 991px) {
    .styles_wrapperImg__PDDk2 {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        width: 100%;
        height: auto;
    }
}

.styles_wrapperImg__PDDk2,.styles_wrapperMobileImg__L8TbE {
    background: #fff;
    border: 1px solid #dcdbdb;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.styles_wrapperMobileImg__L8TbE {
    margin-top: 10px;
    justify-content: space-between;
    width: 300px;
    height: 300px;
    position: relative
}

.styles_imageNameText__9IHtY {
    color: #000;
    font-family: ggsm;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px
}

.styles_wrapper_thumbnail__oQiOk {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px
}

.styles_scroll_vertical__l9ELW {
    height: 500px;
    overflow-y: scroll
}

.styles_wrapper_mobile_thumbnail__qoNG6 {
    width: 300px
}

.styles_flex_center__p71b_ {
    width: 300px;
    display: flex;
    justify-content: center
}

.styles_thumbnail_image_wrapper__h4gYD {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    border: 1px solid #dcdbdb;
    padding: 8px!important
}

.styles_thumbnail_image_wrapper__h4gYD:hover {
    border: 1px solid #2cd888!important
}

.styles_thumbnail_image_wrapper_mobile__PqCTw {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    padding: 6px!important;
    margin-right: 8px
}

.styles_thumbnail_selected__RBkuM {
    background: #edfdf6!important;
    border: 1px solid #2cd888!important
}

.styles_slider__7hMX7 [class*=slick-next],.styles_slider__7hMX7 [class*=slick-prev] {
    color: #afafaf;
    top: 20px
}

.styles_slider__7hMX7 [class*=slick-next]:hover,.styles_slider__7hMX7 [class*=slick-prev]:hover {
    color: #000
}

.styles_slider__7hMX7 [class*=slick-prev] {
    left: -4px
}

.styles_slider__7hMX7 [class*=slick-next] {
    right: -4px
}

.styles_slider__7hMX7 {
    padding: 12px 16px;
    width: 100%
}

.styles_leftNavBtn__GOfq4 {
    z-index: 10;
    position: absolute;
    left: -20px
}

.styles_rightNavBtn__nZUo1 {
    z-index: 10;
    position: absolute;
    right: -20px
}

.styles_wrapListPromo__CnTiE {
    display: flex
}

.styles_wrapPromoImg__fkeWP {
    border: 1px solid #dcdbdb;
    margin: 8px 8px 0 0;
    border-radius: 8px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_wrapPromoImg__fkeWP div span {
    top: 2px
}

.styles_wrapPromoResize__XV1C0 div span {
    right: 3px;
    top: 2px
}

.styles_plus__xiUzq {
    position: absolute;
    right: 10px
}

.styles_hidePlus__B_4JH {
    display: none
}

.styles_wrapPromoImgMobile__Q95Bt {
    height: 55px;
    width: 55px
}

.styles_wrapPromoImgMobile__Q95Bt div span {
    right: 1px
}

.styles_dividerRoot__oP9c4 {
    background-color: #f0f0f0;
    min-height: 8px;
    min-width: 100%
}

.styles_wrapPromoMobile__7hfkb {
    width: 100%;
    display: inline-flex;
    padding: 16px 24px
}

.styles_promoContent__DYdmo {
    width: 100%;
    justify-content: space-between
}

.styles_promoContent__DYdmo,.styles_wrapTitlePromo__hP_Op {
    display: flex;
    align-items: center
}

.styles_wrapTitlePromo__hP_Op p {
    margin-left: 6px;
    font-family: ggsm;
    color: #000!important
}

.styles_wrapActionPromo__kgsnS svg {
    color: #2737c4;
    font-size: 16px
}

.styles_gift__yYUmM {
    display: inline-flex;
    align-items: center;
    margin-top: 9px
}

.styles_wrapPromoList__5HnL1 {
    display: flex
}

.styles_titleDetail__UVV_f {
    font-family: ggsr!important;
    color: #0e1983!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-left: 8px;
    cursor: pointer
}

.styles_titleGift__SZnAD {
    margin-left: 6px;
    font-family: ggsm!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #000!important
}

.styles_swiper-slide__yKpNM {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_swiper-slide__yKpNM img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.styles_wrapPromoList__5HnL1 [class*=swiper-initialized] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 260px
}

.styles_wrapPromoList__5HnL1 [class*=swiper-button-next]:after {
    color: #a2a0a0;
    font-size: 12px;
    font-weight: 700;
    margin-left: 39px;
    min-width: 10px;
    background: #fff
}

.styles_wrapPromoList__5HnL1 [class*=swiper-button-prev]:after {
    color: #a2a0a0;
    font-size: 12px;
    font-weight: 700;
    left: -16px;
    position: relative
}

.styles_wrapPromoList__5HnL1 [class*=swiper-wrapper] {
    margin-left: 18px
}

.styles_wrapPromoList__5HnL1 [class*=swiper-initialized] [class*=swiper-wrapper] [class*=swiper-slide] {
    max-width: 85px;
    overflow: visible
}

.styles_wrapPromoList__5HnL1 [class*=swiper-initialized] [class*=swiper-wrapper] [class*=swiper-slide-active] {
    max-width: 80px;
    margin-left: 3px
}

.styles_wrapPromoList__5HnL1 [class*=swiper-initialized] [class*=swiper-wrapper] [class*=swiper-slide-next] {
    max-width: 80px
}

.styles_listSwipperPromo__7ZjXp div [class*=swiper] [class*=swiper-wrapper] div:first-child {
    margin-left: 6px
}

.styles_append-buttons__DrxIz {
    text-align: center;
    margin-top: 20px
}

.styles_append-buttons__DrxIz button {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px
}

.styles_plus__Muw6I {
    position: absolute;
    bottom: 20px;
    color: #a2a0a0;
    font-weight: 700;
    left: -8px
}

.styles_wrapPromoList__5HnL1 [class*=swiper-initialized] [class*=swiper-wrapper] [class*=swiper-slide-active]>span {
    display: none
}

.styles_listResize__OlQiG {
    left: -13px
}

.styles_wrapActionPromo__kgsnS {
    display: flex;
    align-items: center
}

.styles_wrapActionPromo__kgsnS p {
    margin-right: 6px;
    color: #0e1983!important;
    font-size: 14px
}

.styles_specialChar__dOOA2 {
    position: relative;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    transform: translateY(1px)
}

.styles_specialChar__dOOA2:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #f12711;
    transform: rotate(45deg)
}

.styles_thunderBolt__2o0bs {
    display: flex;
    justify-content: center
}

.styles_shape__tk7jN {
    position: relative;
    width: 0;
    height: 0;
    margin-right: 3px;
    border-bottom: 12px solid #fff;
    border-left: 4px solid transparent;
    transform: skewX(-6deg)
}

.styles_shape__tk7jN:before {
    content: "";
    position: absolute;
    bottom: -20px;
    right: -3px;
    width: 0;
    height: 0;
    border-top: 12px solid #fff;
    border-right: 4px solid transparent
}

.styles_bold__J7AP_ {
    font-weight: 700
}

@media only screen and (max-width: 450px) {
    .styles_specialChar__dOOA2:after {
        right:5px
    }
}

.styles_portalContainer__uu6eI {
    position: fixed;
    top: 0;
    background-color: #0202026a;
    z-index: 1012;
    width: 100%;
    height: 100%
}

.styles_activeTour__ZXZM3 {
    display: block;
    position: relative;
    z-index: 1020!important;
    background-color: #fff;
    border-radius: 8px;
    height: -moz-fit-content;
    height: fit-content;
    pointer-events: none;
    animation: styles_beautiful__GyZzX .4s linear
}

@keyframes styles_beautiful__GyZzX {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
    pointer-events: all;
    position: absolute;
    color: #fff;
    background-color: #eb9f52;
    font-size: 20px;
    border-radius: 8px;
    width: 310px;
    z-index: 1005;
    padding: 16px 12px
}

.styles_right__ifCAI {
    right: 0;
    top: 0;
    transform: translateX(105%)
}

.styles_left__LqZRN {
    left: 0;
    top: 0;
    transform: translateX(-105%)
}

.styles_bottom__o5und {
    bottom: 0;
    right: 50%;
    transform: translate(50%,110%)
}

.styles_top__NSSG4 {
    bottom: -20px;
    transform: translateY(-110%)
}

.styles_topSticky__NM5_W {
    position: fixed
}

.styles_animationToolTip__VbFjB {
    animation: styles_fadeIn__1JccD .8s ease-in-out
}

.styles_arrow__yBXS8 {
    border: 15px solid transparent;
    border-top-color: #eb9f52;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(180deg) translateX(-50%);
    top: -28px;
    right: 50%
}

@keyframes styles_fadeIn__1JccD {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_back__XEKoT {
    color: #fff
}

.styles_back__XEKoT,.styles_next__CjiE_ {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: ggsr
}

.styles_next__CjiE_ {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    color: #eb9f52;
    width: 111px
}

.styles_groupButton__WvfAD {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

.styles_closeButton__uRN4F {
    position: absolute;
    right: 50px;
    top: 120px
}

.styles_closeButton__uRN4F svg {
    color: #fff;
    font-size: 24px
}

.styles_closeButton__uRN4F span {
    display: flex;
    flex-direction: column;
    color: #fff
}

.styles_closeText__HfNSq {
    font-size: 20px;
    font-weight: 500
}

.styles_footer__gVmEo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

.styles_stepActive__d3fLP {
    font-size: 16px
}

.styles_linerProgress__ccoQ_ {
    position: absolute;
    bottom: -1px;
    left: 0
}

.styles_wrapper__PdYwL {
    position: absolute;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #d9d9d9;
    bottom: -2px;
    right: 0;
    border-radius: 0 0 5px 5px
}

.styles_modal__xBAZH {
    font-family: Inter,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media only screen and (max-width: 1280px) {
    .styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
        font-size:1em
    }

    .styles_modal__xBAZH>* {
        font-family: Inter,sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .styles_back__XEKoT,.styles_closeText__HfNSq,.styles_next__CjiE_,.styles_stepActive__d3fLP {
        font-size: 1em
    }
}

.styles_container__boKoW {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 396px;
    border-radius: 12px;
    margin-bottom: 3px;
    border: 1px solid var(--neutral-line-field,#dcdbdb);
    background: var(--neutral-white,#fff);
    padding: 8px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05)
}

.styles_containerModal__9Jqsx {
    min-height: -moz-fit-content;
    min-height: fit-content
}

.styles_customButton__VYlIZ {
    cursor: pointer;
    display: inline
}

.styles_tooltipLeft__UbYbr {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px
}

.styles_tooltipRight__JopJL {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 8px
}

.styles_icon__wvMZT {
    transition: fill .2s cubic-bezier(.4,0,.2,1) 0ms
}

.styles_icon__wvMZT:hover * {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: transparent
}

.styles_bottomSpan__55nIe {
    color: var(--neutral-decription,#797979);
    text-align: center;
    font-size: 12px
}

.styles_image__g98t2 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

.styles_image__g98t2 img {
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

@media only screen and (max-width: 1024px) {
    .styles_container__boKoW {
        width:100%;
        height: 100%
    }
}

.ComboSuggestion_comboSuggestionContainer__igFyj {
    height: 3.5em;
    overflow: hidden;
    position: relative
}

.ComboSuggestion_comboSuggestion__IfC5W {
    width: 100%;
    position: absolute;
    background: #f0f5ff;
    border-radius: 8px;
    font-family: Inter;
    z-index: 11;
    cursor: pointer;
    visibility: hidden;
    transform: translateY(3.5em);
    transition: transform var(--animation-duration),visibility 0s;
    transition-delay: var(--animation-duration)
}

.ComboSuggestion_comboSuggestion__IfC5W.ComboSuggestion_active__SRJXT {
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
    z-index: 12
}

.ComboSuggestion_suggestionLabel__omAcR {
    background: #fef6f2;
    color: #f36f0b;
    padding: .25rem .5rem;
    border: 1px solid #f36f0b;
    border-radius: .25rem;
    font-size: .75rem;
    white-space: nowrap
}

.ComboSuggestion_suggestionContent__xJra_ {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1
}

.ComboSuggestion_suggestionLink__eQkQy {
    color: #1d39c4
}

.ComboSuggestion_suggestionLink__eQkQy a {
    white-space: nowrap;
    color: #1d39c4;
    text-decoration-line: underline
}

.ComboSuggestion_comboSuggestion__IfC5W .ComboSuggestion_suggestionLinkChevron__YnGhG {
    transition: transform .3s
}

.ComboSuggestion_comboSuggestion__IfC5W:hover .ComboSuggestion_suggestionLinkChevron__YnGhG {
    transform: translateX(2px)
}

.ComboSuggestion_diffPrice__dSVQr {
    color: #f36f0b;
    font-weight: 700
}

.styles_sliderContainer__FwX5B {
    width: 55%;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 10
}

.styles_lessThenThree__9inJ4 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center
}

.styles_wrapperSlider__ChLsw {
    position: relative
}

.styles_imageItem__bGCgm {
    opacity: .8;
    cursor: pointer;
    width: 60px;
    height: 60px;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-left: 4px;
    border: 1px solid #dcdbdb;
    transition: all .2s ease;
    background-color: #fff
}

.styles_active__wKQN9 {
    border: 1px solid var(--green-hover,#2cd888);
    background: var(--green-green-bg,#edfdf6)
}

.styles_imageItem__bGCgm img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.styles_arrow__BgiX1 {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border: solid #a2a0a0;
    border-width: 0 3px 3px 0;
    border-radius: 2px;
    display: inline-block;
    padding: 3px
}

.styles_right__snSLq {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.styles_left__nHNaN {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.styles_wrapperRight__ryBSR {
    right: -18px
}

.styles_wrapperLeft__9oUEY,.styles_wrapperRight__ryBSR {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    cursor: pointer;
    position: absolute;
    top: calc(50%);
    width: 30px;
    height: 25px
}

.styles_wrapperLeft__9oUEY {
    left: -22px
}

@media only screen and (max-width: 1024px) {
    .styles_sliderContainer__FwX5B {
        width:85%
    }
}

.styles_container__RJvSq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(90deg,#fff,#fff),linear-gradient(0deg,#ff8000,#fabc4b);
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    width: 100%
}

.styles_minusContainer__61A8K {
    border-right: 1px solid #ff8000;
    padding: 15px 24px;
    cursor: pointer;
    transform: scale(1);
    transition: all .4s ease-in-out
}

.styles_minus__BA244 {
    width: 16px;
    height: 4px;
    background: linear-gradient(0deg,#ff8000,#fabc4b);
    border-radius: 2px
}

.styles_addContainer__07KXb {
    padding: 15px 24px;
    background: linear-gradient(0deg,#ff8000,#fabc4b);
    cursor: pointer;
    position: relative
}

.styles_addIcon__SXVYV,.styles_addIcon__SXVYV:after {
    width: 16px;
    height: 4px;
    background: #fff;
    border-radius: 2px
}

.styles_addIcon__SXVYV:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_container__RJvSq [class*=MuiInputBase-input] {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: ggsm;
    height: auto
}

.styles_disabled__dMV3X {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background: #dcdbdb;
    border-right: none
}

.styles_disabled__dMV3X .styles_addIcon__SXVYV:after,.styles_disabled__dMV3X>* {
    background: #a2a0a0
}

.styles_container___m5M6 {
    margin-top: 17px;
    margin-bottom: 24px
}

.styles_wrapper__TtmRi {
    background-color: #fff;
    padding: 4px;
    margin: 0 0 24px;
    border-radius: 12px
}

.styles_stickyContainer__ByBKM {
    display: flex;
    gap: 12px
}

.styles_imageShow__0_WTL {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.styles_bigImage__8LWEO {
    position: sticky;
    top: 100px;
    display: flex;
    gap: 12px
}

.styles_numberBuy__3nhbg {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize
}

.styles_typography__yL4Xa {
    color: #797979;
    font-size: 14px;
    text-align: center
}

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

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

.styles_score__sUEVW {
    color: var(--primary-color,#E3352C);
    font-weight: 500;
    padding-right: 5px;
    min-height: 24px
}

.styles_typographyTitle__YpUGR {
    font-size: 22px;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize
}

.styles_typographyRight__UsiZM {
    color: #797979;
    font-size: 12px
}

.styles_rightGrid__ffv5P {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_rowPrice__8goJz {
    display: flex;
    gap: 44px;
    align-items: center
}

.styles_priceInfo__JmtxW {
    display: flex;
    gap: 12px;
    align-items: center
}

.styles_assessPrice__PRTid {
    display: flex;
    gap: 20px;
    align-items: center
}

.styles_price__7na5l {
    font-size: 22px;
    font-weight: 500;
    font-family: ggsm;
    color: var(--primary-color,#E3352C)
}

.styles_originalPrice__xzIli {
    color: var(--neutral-decription-light,#8d8d8d);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: line-through
}

.styles_discountPercent__AteQV {
    color: #d01010;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize
}

.styles_hightLightTag__UnbK_ {
    display: flex;
    gap: 8px
}

.styles_promoLevel__KUBsg {
    display: flex;
    font-size: 14px;
    color: #797979;
    gap: 4px
}

.styles_pricePromo__SnM7G {
    color: var(--primary-color,#E3352C)
}

.styles_level__zhlQn {
    color: var(--blue-text-link,#0e1983);
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize
}

.styles_groupInfoSeller__kUgYs {
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #e9e9e9;
    margin: 0
}

.styles_maybeLike__LvQnj {
    border: none;
    padding: 0
}

.styles_wrapperImage__Sngdw {
    position: relative
}

.styles_wrapperImage__Sngdw image,.styles_wrapperImage__Sngdw video {
    max-height: 300px
}

.styles_imageSlider__FV2Sv {
    position: absolute;
    bottom: 14px;
    right: 50%;
    transform: translateX(50%)
}

@media only screen and (max-width: 1024px) {
    .styles_numberBuy__3nhbg,.styles_typography__yL4Xa {
        display:inline;
        font-size: 12px
    }

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

    .styles_countBuy__Ev3_S {
        display: inline-flex;
        align-items: center
    }

    .styles_score__sUEVW {
        color: var(--primary-color,#E3352C);
        font-weight: 500;
        padding-right: 5px;
        font-size: 14px;
        min-height: 100%
    }
}

.styles_readMoreWrapper__26uhD {
    position: relative;
    width: 100%
}

.styles_isBlur__Nyrzz:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 62px;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(5px);
    background-image: linear-gradient(hsla(0,0%,100%,.8),#fff);
    z-index: 10
}

.styles_isReadMore__DJKfO .styles_action__tcbFX,.styles_isReadMore__DJKfO:after {
    position: unset
}

.styles_isReadMore__DJKfO .styles_icon__yM41D {
    transform: rotate(180deg)
}

.styles_icon__yM41D {
    width: 16px;
    height: 16px
}

.styles_readMoreAction__OSndJ {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    width: 100%;
    height: 32px;
    text-align: center;
    z-index: 11;
    bottom: 0
}

.styles_textLink__95MpV {
    color: #1b4be5;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline
}

.styles_textLink__95MpV:hover {
    cursor: pointer
}

.styles_readMoreWrapper__cQ0iz {
    position: relative
}

.styles_isBlur__qYsnd:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 62px;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(5px);
    background-image: linear-gradient(hsla(0,0%,100%,.8),#fff);
    z-index: 10
}

.styles_isReadMore__uCEoc .styles_action__XDmNF,.styles_isReadMore__uCEoc:after {
    position: unset
}

.styles_isReadMore__uCEoc .styles_icon__h9aEM {
    transform: rotate(180deg);
    cursor: pointer
}

.styles_icon__h9aEM {
    width: 16px;
    height: 16px
}

.styles_readMoreAction__XK6Gj {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    width: 100%;
    height: 32px;
    text-align: center;
    z-index: 11;
    bottom: 0
}

.styles_textLink__XTo35 {
    color: #1b4be5;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline
}

.styles_textLink__XTo35:hover {
    cursor: pointer
}

.styles_commentList__Qbjbb {
    display: flex;
    flex-direction: column;
    gap: 28px
}

.styles_commentItem__nWOGk {
    --width-avatar: 24px;
    --width-branch: 2px;
    --distance-left-branch: calc(var(--width-avatar) / 2);
    --color-branch: #e4e8ed;
    --corner-radius-branch: 0px;
    --border-style-branch: dashed;
    --height-header: 120px;
    --padding-top: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    scroll-margin-top: var(--height-header)
}

.styles_subCommentItem___bLrj {
    position: relative;
    width: 100%;
    padding-top: var(--padding-top)
}

.styles_subCommentItem___bLrj:before {
    width: 30px;
    height: calc((var(--distance-left-branch)) + (var(--width-branch)));
    border-bottom-left-radius: var(--corner-radius-branch);
    border-bottom: var(--width-branch) var(--border-style-branch) var(--color-branch)
}

.styles_subCommentItem___bLrj:before,.styles_subCommentItem___bLrj:not(:last-child):after {
    position: absolute;
    content: "";
    left: calc((var(--distance-left-branch)) - (var(--width-branch)));
    border-left: var(--width-branch) var(--border-style-branch) var(--color-branch)
}

.styles_subCommentItem___bLrj:not(:last-child):after {
    width: var(--width-branch);
    height: 100%
}

.styles_commentInner__tt6x7 {
    display: flex;
    gap: 12px
}

.styles_commentAvatar__fa0Mc {
    position: relative
}

.styles_commentItem__nWOGk .styles_commentAvatar__fa0Mc.styles_hasChildBranch__weVqR:before {
    position: absolute;
    content: "";
    top: var(--width-avatar);
    left: calc((var(--distance-left-branch)) - (var(--width-branch)));
    width: var(--width-branch);
    border-left: var(--width-branch) var(--border-style-branch) var(--color-branch);
    height: 100%;
    z-index: 1
}

.styles_commentAvatarImg__jlxDQ {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #f1f1f1;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2
}

.styles_commentInfo__VUjW7 {
    flex: 1
}

.styles_commentName__X_cRE {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: ggsm;
    font-weight: 600
}

.styles_commentContent__jaaOa,.styles_commentName__X_cRE {
    color: #1f1f1f;
    font-size: 14px;
    line-height: 22px;
    word-break: break-word
}

.styles_commentContent__jaaOa,.styles_commentTime___jR8W {
    font-family: ggsr;
    font-weight: 400
}

.styles_commentTime___jR8W {
    color: #8c8c8c;
    font-size: 12px;
    line-height: 22px
}

.styles_commentChip__vysZX {
    margin-left: 8px
}

.styles_commentUtils__pwwsc {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_commentReply__JftrS {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    color: var(--primary-color);
    font-size: 12px;
    font-family: ggsr
}

.styles_commentReply__JftrS:hover {
    cursor: pointer
}

.styles_replyInput__9WyqP {
    position: relative;
    width: 100%;
    display: flex;
    gap: 12px;
    padding-top: var(--padding-top)
}

.styles_replyInfo__Pyi5E {
    flex: 1
}

.styles_replyName__cFBJi {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1f1f1f;
    font-family: ggsm;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    word-break: break-word
}

.styles_replyName__cFBJi span {
    font-weight: 600
}

.styles_replyAvatar__YJ14U {
    position: relative
}

.styles_replyForm__RhKnd {
    width: 100%;
    display: flex;
    gap: 20px
}
@media screen and (max-width: 600px) {
    .styles_replyForm__RhKnd {
        flex-direction:column;
        gap: 12px
    }
}

.styles_replyForm__RhKnd .styles_replyFormInput__Mekc6 {
    width: 82%
}

@media screen and (max-width: 480px) {
    .styles_replyForm__RhKnd .styles_replyFormInput__Mekc6 {
        width: 100%;
    }
}

.styles_replyForm__RhKnd .styles_submit__KDOGl {
    flex: 1
}

.styles_replyForm__RhKnd .styles_submit__KDOGl button {
    width: 100%
}

.styles_hasReplies__u4ALo.styles_replyInput-type-COMMENT__Q_7lM:after {
    position: absolute;
    content: "";
    width: var(--width-branch);
    height: 100%;
    left: calc((var(--distance-left-branch)) - (var(--width-branch)));
    border-left: var(--width-branch) var(--border-style-branch) var(--color-branch)
}

.styles_input__guBXf {
    width: 100%;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    overflow: auto;
    outline: none;
    box-shadow: none;
    padding: 10px;
    resize: none;
    height: 80px
}

.styles_input__guBXf::-moz-placeholder {
    color: #bfbfbf
}

.styles_input__guBXf::placeholder {
    color: #bfbfbf
}

.styles_input__guBXf:hover {
    border-color: var(--primary-color)
}

.styles_textareaCount__dhFX3 {
    text-align: end;
    color: #bfbfbf;
    font-family: ggsr;
    font-size: 12px;
    font-weight: 400
}

.styles_input__guBXf.styles_error__EEQ3N {
    border: 1px solid #f5222d
}

.styles_formTextarea__tEzx5 span {
    color: #f5222d;
    font-family: ggsr;
    font-size: 12px;
    font-weight: 400
}

.styles_textEmptyComment__Fnn60 {
    color: #1f1f1f;
    text-align: center;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400
}

.styles_placeholder__AdF8W {
    color: #999;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    letter-spacing: .098px
}

.styles_loadMoreReply__0gNh3 [class*=readMoreAction] {
    justify-content: flex-start;
    padding: 30px 0 0 74px
}

.styles_dialog__sLwuc [class*=MuiDialog-paper][class*=MuiPaper-rounded] {
    border-radius: 12px
}

.styles_dialog__sLwuc [class*=MuiBackdrop-root] {
    background-color: rgba(0,0,0,.2)
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthXs] {
    max-width: 380px
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthMd] {
    max-width: 698px
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthLg] {
    max-width: 928px
}

.styles_headerDialog__eP0xR {
    display: flex;
    justify-content: space-between;
    padding: 15px 24px 12px
}

.styles_headerDialog__eP0xR.styles_isTitleCenter__udrAM {
    justify-content: center
}

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

.styles_iconInner__fpTRA:hover {
    cursor: pointer
}

.styles_title__iDbGS {
    padding: 0;
    color: #000;
    font-family: ggsm;
    font-size: 20px
}

.styles_closeText__o_q3O {
    margin: 0;
    color: #797979;
    font-family: ggsm;
    font-size: 18px
}

.styles_title__iDbGS.styles_isTitleCenter__udrAM {
    display: flex;
    justify-content: center
}

.styles_title__iDbGS [class*=MuiTypography-h6] {
    color: #000;
    font-family: ggsm;
    font-size: 20px
}

.styles_subTitle__JFJmi[class*=MuiDialogTitle-root] {
    padding: 0 20px 15px
}

.styles_subTitle__JFJmi [class*=MuiTypography-h6] {
    color: #333;
    font-family: ggsm;
    font-weight: 500;
    font-size: 16px
}

.styles_content__XFqhI {
    padding: 0 24px 12px
}

.styles_actions__TKot9 {
    padding: 0 24px 20px;
    gap: 1em;
    justify-content: center
}

.styles_input__htKbU {
    width: 100%;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    overflow: auto;
    outline: none;
    box-shadow: none;
    padding: 10px;
    resize: none;
    height: 80px
}

.styles_input__htKbU::-moz-placeholder {
    color: #bfbfbf
}

.styles_input__htKbU::placeholder {
    color: #bfbfbf
}

.styles_input__htKbU:hover {
    border-color: var(--primary-color)
}

.styles_textareaCount__pYuWE {
    text-align: end;
    color: #bfbfbf;
    font-family: ggsr;
    font-size: 12px;
    font-weight: 400
}

.styles_input__htKbU.styles_error__hy1BH {
    border: 1px solid #f5222d
}

.styles_formTextarea__ng5zd span {
    color: #f5222d;
    font-family: ggsr;
    font-size: 12px;
    font-weight: 400
}

.styles_actionBtn__Sg7BN {
    display: flex;
    justify-content: flex-end;
    gap: 8px
}

.styles_textEmptyComment__eay_M {
    color: #1f1f1f;
    text-align: center;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400
}

.styles_loggedFormModal__QkhVv [class*=colorPrimary] {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_isLoading__yHUJ4,.styles_loggedFormModal__QkhVv [class*=colorPrimary]:disabled,.styles_loggedFormModal__QkhVv [class*=colorPrimary][disabled] {
    color: #212529;
    opacity: .65;
    background: #919eab;
    border: 1px solid #919eab;
    pointer-events: none
}

.styles_placeholder__t6RfU {
    color: #999;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    letter-spacing: .098px
}

.styles_select__PCYRo[class*=Mui-focused] [class*=MuiOutlinedInput-notchedOutline] {
    box-shadow: unset;
    border-width: 1px;
    border-color: var(--primary-color)
}

.styles_select__PCYRo[class*=MuiOutlinedInput-root]:hover fieldset {
    box-shadow: unset!important;
    border-color: var(--primary-color)!important
}

.styles_select__PCYRo[class*=MuiFormLabel-root] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.styles_select__PCYRo[class*=MuiInputBase-root] {
    height: 48px;
    border-radius: 10px!important
}

.styles_select__PCYRo [class*=MuiOutlinedInput-notchedOutline],.styles_select__PCYRo[class*=Mui-disabled] [class*=MuiOutlinedInput-notchedOutline] {
    border-color: #d9d9d9
}

.styles_select__PCYRo [class*=MuiSelect-root] {
    margin-left: 10px!important;
    font-size: 14px;
    background-color: unset
}

.styles_select__PCYRo[class*=MuiOutlinedInput-adornedStart] {
    padding-left: 20px
}

.styles_select__PCYRo [class*=MuiInputAdornment-positionStart] {
    margin: 0
}

.styles_iconSelect__f1hcB,.styles_icon__u_ZtY {
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    transition: transform .2s ease
}

.styles_menuItem__zVOqo {
    min-height: unset;
    padding: 0;
    width: 50%;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 24px
}

.styles_menuItem__zVOqo [class*=MuiListItemText-root] {
    margin: 0;
    white-space: break-spaces
}

.styles_menuItem__zVOqo[class*=Mui-selected] {
    background-color: unset
}

.styles_menuItem__zVOqo [class*=MuiRadio-colorSecondary] {
    color: #d0d5dd
}

.styles_menuItem__zVOqo [class*=MuiRadio-colorSecondary][class*=Mui-checked] {
    color: var(--primary-color)
}

.styles_menuItem__zVOqo[class*=Mui-selected] [class*=MuiTypography-root] {
    font-family: ggsb
}

.styles_menuItem__zVOqo [class*=MuiTypography-root] {
    font-size: 14px;
    word-break: break-word
}

.styles_menuItem__zVOqo [class*=MuiButtonBase-root] {
    padding: 3px
}

.styles_menuItem__zVOqo [class*=MuiSvgIcon-root] {
    font-size: 16px
}

.styles_placeholder__Brd9x {
    color: #999;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    letter-spacing: .098px
}

.styles_input__tHIAG [class*=Mui-focused] [class*=MuiOutlinedInput-notchedOutline] {
    box-shadow: unset;
    border-width: 1px;
    border-color: var(--primary-color)
}

.styles_input__tHIAG [class*=MuiOutlinedInput-root]:hover fieldset {
    box-shadow: unset!important;
    border-color: var(--primary-color)!important
}

.styles_input__tHIAG [class*=MuiFormLabel-root] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.styles_input__tHIAG [class*=MuiFormHelperText-root],.styles_textError__fdEMw {
    margin-left: 0;
    font-family: ggsr;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    margin-top: 5px;
    color: #ff4842
}

.styles_input__tHIAG [class*=MuiFormLabel-root]+[class*=MuiInput-formControl] {
    margin-top: 26px
}

.styles_input__tHIAG [class*=MuiInputBase-root] {
    min-height: 48px;
    border-radius: 10px!important
}

.styles_input__tHIAG [class*=MuiOutlinedInput-notchedOutline] {
    border-color: #d9d9d9
}

.styles_input__tHIAG [class*=MuiInputBase-input] {
    font-size: 14px;
    text-overflow: ellipsis;
    margin-right: 14px;
    margin-left: 10px!important
}

.styles_input__tHIAG [class*=MuiOutlinedInput-adornedStart] {
    padding-left: 20px
}

.styles_input__tHIAG [class*=MuiInputAdornment-positionStart] {
    margin: 0
}

.styles_input__tHIAG[class*=is-input-open] [class*=icon] {
    transform: rotate(90deg)
}

.styles_input__tHIAG [class*=MuiInputBase-input]:-webkit-autofill {
    color: #000!important;
    -webkit-text-fill-color: #000!important;
    -webkit-box-shadow: inset 0 0 0 1000px #fff!important;
    -webkit-background-clip: text!important;
    background-clip: text!important
}

.styles_input__Uiwx8 {
    width: 100%;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    overflow: auto;
    outline: none;
    box-shadow: none;
    padding: 10px;
    resize: none;
    height: 80px
}

.styles_input__Uiwx8::-moz-placeholder {
    color: #bfbfbf
}

.styles_input__Uiwx8::placeholder {
    color: #bfbfbf
}

.styles_input__Uiwx8:hover {
    border-color: var(--primary-color)
}

.styles_textareaCount__sKoiK {
    text-align: end;
    color: #bfbfbf;
    font-family: ggsr;
    font-size: 12px;
    font-weight: 400
}

.styles_input__Uiwx8.styles_error__C4q4K {
    border: 1px solid #f5222d
}

.styles_formTextarea__Nhrc9 span {
    color: #f5222d;
    font-family: ggsr;
    font-size: 12px;
    font-weight: 400
}

.styles_actionBtn__ns_nF {
    display: flex;
    justify-content: flex-end;
    gap: 8px
}

.styles_textEmptyComment___b82t {
    color: #1f1f1f;
    text-align: center;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400
}

.styles_loginFormModal__CAfgk [class*=colorPrimary] {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_isLoading__0BaTb,.styles_loginFormModal__CAfgk [class*=colorPrimary]:disabled,.styles_loginFormModal__CAfgk [class*=colorPrimary][disabled] {
    color: #212529;
    opacity: .65;
    background: #919eab;
    border: 1px solid #919eab;
    pointer-events: none
}

.styles_placeholder__soT27 {
    color: #999;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    letter-spacing: .098px
}

.styles_comment__tvkRA {
    padding: 16px;
    background-color: #fff;
    border-radius: 20px
}

.styles_titleComment__MnezQ {
    display: flex;
    align-items: center
}

.styles_logo__ONLCd {
    width: 32px;
    height: 32px;
    margin-right: 4px
}

.styles_headingComment__Rzl_3 {
    color: #000;
    font-family: ggsm;
    font-size: 20px;
    font-weight: 600;
    margin-right: 8px
}

.styles_headingComment__Rzl_3 span {
    color: #8c8c8c;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400
}

.styles_actionComment__s5JCB {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.styles_filterComment__UDHOg {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 30px;
    border-bottom: 2px dashed #f1f1f1
}

.styles_filterHeading__Wceo0 {
    color: #1f1f1f;
    font-family: ggsm;
    font-size: 14px;
    font-weight: 600
}

.styles_btnGroup__s4AYh {
    display: flex;
    gap: 12px
}

.styles_btnGroup__s4AYh [class*=MuiRadio-colorSecondary] {
    display: none
}

.styles_btnGroup__s4AYh [class*=MuiFormControlLabel-root] {
    margin: 0
}

.styles_btnGroup__s4AYh [class*=MuiTypography-body1] {
    position: relative;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #1f1f1f;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden
}

.styles_btnGroup__s4AYh [class*=Mui-checked]+span[class*=MuiTypography-body1]:before {
    position: absolute;
    content: "";
    top: -12px;
    left: -12px;
    width: 24px;
    height: 24px;
    background-color: var(--primary-color);
    transform: rotate(-45deg)
}

.styles_btnGroup__s4AYh [class*=Mui-checked]+span[class*=MuiTypography-body1]:after {
    position: absolute;
    content: "";
    top: 3px;
    left: 2px;
    width: 8px;
    height: 5px;
    background-image: url(https://thuocsi.vn/images/checked_qa.svg)
}

.styles_btnGroup__s4AYh [class*=Mui-checked]+span {
    border-color: #3fb877;
    font-family: ggsr;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary-color)
}

.styles_mainComment__7SwfO {
    margin-top: 28px
}

.styles_commentList__byBaU {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 0
}

.styles_emptyComment__SuUnK {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}

.styles_item_breadcrumb__eYGFd {
    font-family: googlesansmedium!important;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.75;
    text-transform: capitalize;
    max-width: 500px
}

.styles_item_breadcrumb__eYGFd,.styles_last_breadcrumb__c7IQm {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle
}

.styles_last_breadcrumb__c7IQm {
    color: #333!important;
    flex: 1;
    min-width: 0
}

@media (max-width: 476px) {
    .styles_item_breadcrumb__eYGFd {
        font-size:14px
    }
}

.styles_root__odMpk {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    padding: 30px 8px;
    border-radius: 10px!important
}

.styles_account_form_input__mkT1d {
    height: 24px
}

.styles_form_control__oozI7 {
    width: 100%;
    margin-top: 15px!important
}

.styles_required__olRBx {
    color: red
}

.styles_input_label__MVezz {
    color: #000!important;
    font-weight: 450!important;
    font-size: 1rem!important;
    min-width: 400px
}

.styles_title__ISKl_ {
    display: flex;
    flex: 1;
    color: #000;
    justify-content: center
}

.styles_input_adornment__aJgfm {
    font-size: 16;
    padding: 8px 12px
}

.styles_input_adornment__aJgfm:focus {
    border-color: var(--primary-color)
}

.styles_padding_none__6Pj19 {
    padding: 0!important
}

.styles_padding_none__6Pj19>.styles_MuiOutlinedInput-adornedEnd____eDl {
    padding-right: 0!important
}

.styles_form_control__oozI7 [class*=MuiFormLabel-root] {
    line-height: 1!important;
    position: relative!important
}

.styles_form_control__oozI7 [class*=MuiInputBase-root] {
    margin: .25rem 1rem 1rem 0!important
}

.styles_form_control__oozI7 [class*=MuiInputBase-multiline] {
    margin: 0!important
}

.styles_error__ZoNYm {
    color: #ff1744!important
}

@media (max-width: 300px) {
    .styles_input_label__MVezz {
        min-width:100px
    }
}

.style_feedback_order__mVSi3 {
    width: 100%;
    max-width: 700px;
    height: min(450px,80vh);
    background: #f4f7fc;
    overflow: auto;
    outline: 0
}

.style_container__fE1Ui {
    padding: 15px
}

.style_title__Pc5yG {
    background: rgba(0,175,107,.878);
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 15px;
    margin-bottom: 15px
}

.style_label__BD_Al {
    color: #565656;
    font-weight: 400
}

.style_text_body__lc48m {
    font-size: 15px;
    font-weight: 500;
    padding: 5px 0!important
}

.style_button_find__VCXTC {
    padding: 3px!important
}

.style_text_red__w91nN {
    display: block;
    color: red
}

.style_button__SF5UP {
    width: 200px!important;
    margin-top: 30px!important
}

.style_container__fE1Ui [class*=input__info] {
    height: 50px!important
}

.style_info_group__eqYSY {
    margin-bottom: 20px!important;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.styles_wrapLoad__koJen {
    flex-direction: column
}

.styles_wrapLoad__koJen,.styles_wrapper__Xmdgo {
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_wrapper__Xmdgo {
    position: relative!important;
    min-height: 5em
}

.styles_progress___u83G {
    color: var(--primary-color);
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -41px;
    margin-left: -40px
}

.styles_confirm_modal_wrap__uTxNL {
    position: relative;
    box-sizing: border-box;
    border: none;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 96px rgba(0,0,0,.15);
    max-height: calc(100vh - 100px);
    width: 60%;
    font-size: 1rem;
    outline: none
}

.styles_header__lEBHn {
    position: sticky;
    top: 0
}

.styles_closeIcon__8jfJQ {
    position: absolute;
    right: 1rem;
    color: #fff;
    transition: all .1s ease-in-out;
    cursor: pointer
}

.styles_closeIcon__8jfJQ:hover {
    color: #000
}

.styles_fixed_width_wrapper__G_sjn {
    width: 100%;
    max-width: 35rem
}

.styles_modal_title__2q_64 {
    margin: 16px 8px;
    padding-left: 5px;
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    text-transform: capitalize;
    color: #fff
}

.styles_children__W0hg0 {
    padding: 0 10px;
    min-height: 100%;
    height: 250px;
    word-wrap: break-word;
    overflow-y: scroll
}

.styles_gift_icon__TNl3o {
    padding-left: 16px
}

.styles_wrapLoading__tiTSv {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 265px;
    max-height: 265px
}

.styles_containerPromoDiablog__tgs8S {
    padding: 0 1px 6px 6px
}

.styles_wrapImg__iDCCh {
    border-radius: 50%;
    background: #fff;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
    margin-left: 20px;
    display: flex
}

.styles_header__lEBHn {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

@media (min-width: 800px) {
    .styles_btn_container__7SXzj {
        margin:16px 0 0
    }

    .styles_confirm_modal_wrap__uTxNL {
        width: 48%
    }
}

@media (max-width: 968px) {
    .styles_btn_container__7SXzj {
        margin:16px 0 0
    }

    .styles_confirm_modal_wrap__uTxNL {
        width: 80%
    }
}

.styles_dFlex__9j05d,.styles_dFlex_spacing_4__JOtSp {
    display: flex
}

.styles_slideCouponContainer__QJ0h1 {
    justify-content: center
}

.styles_headLabel__tKC70 {
    font-size: 16px;
    font-family: ggsm
}

.styles_listCouponWrapper__yPH5B {
    position: relative
}

.styles_couponWrapper__ZKKgG {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.styles_coupounPart_container__9BabF {
    background-image: url(https://cdn-web-next.thuocsi.vn/images/product-detail/voucher_border.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 5px 14px;
    color: #597ef7;
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 14px;
    font-family: ggsm;
    white-space: nowrap
}

.styles_couponMissingPart_left__BemKr {
    left: 0;
    translate: -50% -50%
}

.styles_couponMissingPart_left__BemKr,.styles_couponMissingPart_right__x7gHQ {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    border: 1px solid #597ef7;
    width: 15px;
    height: 15px;
    background-color: #fff;
    z-index: 4
}

.styles_couponMissingPart_right__x7gHQ {
    right: 0;
    translate: 50% -50%;
    content: ""
}

.styles_buttonAction__dEObZ {
    color: #1d39c4;
    padding: 5px 2px
}

.styles_buttonAction__dEObZ span {
    gap: 4px;
    display: flex
}

.styles_slider__yU6vN {
    width: 100%;
    max-width: 100vh;
    overflow: hidden!important;
    cursor: pointer
}

.styles_slider__yU6vN [class*=slick-track] {
    display: flex;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-left: 0
}

.styles_slider__yU6vN [class*=slick-slide] {
    margin-right: 10px;
    max-width: -moz-max-content;
    max-width: max-content;
    width: unset!important
}

.styles_drawerHeadTitle__TZ1RV {
    font-family: ggsm;
    font-size: 20px
}

.styles_voucherTicket_container__ZVNbH {
    width: 100%;
    max-width: 100%;
    height: 124px;
    position: relative;
    overflow: hidden
}

.styles_voucherTicket_childContainer__W4em_ {
    position: relative;
    border: 1px solid #597ef7;
    border-radius: 8px;
    flex-wrap: nowrap;
    background-color: #f0f5ff;
    height: 100%
}

.styles_voucherTicket_childContainerMarketplace__Qt15d {
    border: 1px solid #E3352C;
    background-color: #ebfff4;
    position: relative;
    border-radius: 8px;
    flex-wrap: nowrap;
    height: 100%
}

.styles_voucherTicket_action__gcA0_ {
    position: relative
}

.styles_voucherTicketMissingPart_top__HQKl5 {
    border: 1px solid #597ef7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    right: 31.5%;
    background-color: #fff;
    z-index: 10
}

.styles_voucherTicketMissingPart_topMarketplace__3x8Nx {
    border: 1px solid #E3352C;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -8px;
    right: 31.5%;
    background-color: #fff;
    z-index: 10
}

.styles_voucherTicketMissingPart_bottom__2ocE1 {
    border: 1px solid #597ef7;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -8px;
    right: 31.5%;
    background-color: #fff;
    z-index: 10
}

.styles_voucherTicketMissingPart_bottomMarketplace__Lat34 {
    border: 1px solid #E3352C;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -8px;
    right: 31.5%;
    background-color: #fff;
    z-index: 10
}

.styles_couponListWrapper__6AD6m {
    background-color: #fff;
    margin-top: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 0 16px;
    height: calc(100vh - 70px)
}

.styles_sectionVoucher_title__7Cux6 {
    font-family: ggsm;
    color: #000;
    width: 100%
}

.styles_coupon_card_grid__WyglQ:not(:last-child) {
    padding-bottom: 12px
}

.styles_sectionVoucher_sticky__DlbAS {
    position: sticky;
    position: -webkit-sticky;
    z-index: 11;
    width: 100%;
    background-color: #fff;
    will-change: transform;
    transform-origin: top left;
    top: 0;
    padding: 16px 20px
}

.styles_voucherList_container__wcJki {
    padding: 1px 20px 0
}

.styles_verticalDivider__mkts8 {
    background-image: linear-gradient(0deg,#c9c9c9 50%,transparent 0);
    background-position: top;
    background-size: 1px 15%;
    background-repeat: repeat-y;
    width: 1px;
    height: 100%
}

.styles_voucherTicket_name__Ho2DZ {
    color: #597ef7;
    font-family: ggsm;
    font-size: 16px;
    font-weight: 700
}

.styles_voucherTicket_nameMarketplace__KhCA_ {
    color: #E3352C;
    font-family: ggsm;
    font-size: 16px;
    font-weight: 700
}

.styles_voucherTicket_leftContainer__HSp4p {
    position: relative;
    height: 100%;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.styles_content_2Line__6fSIC {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1f1f1f
}

.styles_btnSeeMoreItem__8fQxp {
    color: #0e1983;
    font-size: 16px;
    text-transform: unset;
    width: 100%;
    padding: 0;
    margin: 12px 0 0
}

.styles_btnSeeMoreItem__8fQxp span {
    display: flex;
    gap: 8px
}

.styles_newDivider__vn2GG {
    width: 100%;
    height: 12px;
    background-color: #f5f5f5;
    margin-top: 16px
}

.styles_buttonCondition__mNNBY {
    color: #1d39c4;
    padding: 6px 8px;
    text-transform: unset;
    z-index: 10
}

.styles_textCenter__X57ZP {
    text-align: center
}

.styles_guildlinePopup_container__A3ggs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 24px;
    padding: 20px;
    max-width: 540px;
    min-width: 536px;
    max-height: 90vh;
    overflow: auto
}

.styles_guildlinePopup_titleContainer__Hj60p {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center
}

.styles_guildlinePopup_titleContainer__Hj60p h6 {
    font-family: ggsm;
    line-height: 26px;
    color: #000;
    font-size: 24px
}

.styles_guildlineStep_container__DVUAs {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.styles_btnClosePopup__z7cPc {
    border: 1.4px solid #e9e9e9;
    border-radius: 40px;
    padding: 0
}

.styles_btnClosePopup__z7cPc>span {
    padding: 12px 40px;
    color: #000;
    font-family: ggsm
}

.styles_contentPopupCondition_wrapper__tCdvy {
    border: 1px solid #dcdbdb;
    border-radius: 12px;
    padding: 12px 0 12px 16px
}

.styles_contentPopupCondition_title__A8Ur_ {
    color: #797979;
    font-family: ggsr;
    font-size: 14px;
    padding: 8px 0
}

.styles_contentPopupCondition_value__YMvFi {
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    padding: 8px 16px 8px 0
}

.styles_contentPopupCondition_value__YMvFi div p,.styles_contentPopupCondition_value__YMvFi ul {
    margin: 0
}

.styles_popupCondition_divider__x5SLu {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #f0f0f0
}

.styles_voucherContent_title__ft4Bt {
    font-size: 18px;
    color: #ff683a;
    font-family: ggsm;
    font-weight: 700
}

.styles_popupCondition_btn__u48ba {
    min-width: 169px;
    padding: 12px 0;
    line-height: 16px
}

.styles_iconCopy__QtMFF {
    cursor: pointer;
    color: #0e1983;
    font-size: 18px
}

.styles_iconCopyDone__XGAVc {
    align-items: center;
    font-size: 16px;
    color: var(--primary-color)
}

.styles_popupCondition_groupCodeBtn__0L9Wh {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.styles_popupCondition_btnClose__q8ebp {
    border: 1px solid #d9d9d9;
    color: #000
}

.styles_popupCondition_btnClose__q8ebp,.styles_popupCondition_btnCollect__AHeF6 {
    width: 100%;
    height: 42px;
    border-radius: 8px;
    font-family: ggsm;
    font-size: 14px;
    line-height: 18px
}

.styles_popupCondition_btnCollect__AHeF6 {
    color: #fff;
    background-color: var(--primary-color)
}

.styles_popupCondition_btnCollect__AHeF6:active,.styles_popupCondition_btnCollect__AHeF6:hover {
    background-color: var(--primary-color)!important
}

.styles_textCollectedSeller__wm9WS {
    color: #597ef7;
    font-family: ggsm;
    font-size: 14px
}

.styles_textCollectedMarketplace___zjML {
    color: #E3352C;
    font-family: ggsm;
    font-size: 14px
}

.styles_textOwnerVoucher__Sn3os {
    color: #8c8c8c;
    font-family: ggsm;
    font-size: 14px
}

.styles_sellerButtonCollect___Jm_l {
    width: 100%;
    max-width: 100px;
    height: 32px;
    border-radius: 8px;
    color: #fff;
    font-family: ggsm;
    font-size: 14px;
    line-height: 18px;
    background-color: #597ef7
}

.styles_sellerButtonCollect___Jm_l:active,.styles_sellerButtonCollect___Jm_l:hover {
    background-color: #597ef7!important
}

.styles_marketplaceButtonCollect__XWDy_:disabled,.styles_sellerButtonCollect___Jm_l:disabled {
    color: #fff
}

.styles_marketplaceButtonCollect__XWDy_ {
    width: 100%;
    max-width: 100px;
    height: 32px;
    border-radius: 8px;
    color: #fff;
    font-family: ggsm;
    font-size: 14px;
    line-height: 18px;
    background-color: #E3352C
}

.styles_marketplaceButtonCollect__XWDy_:active,.styles_marketplaceButtonCollect__XWDy_:hover {
    background-color: #E3352C!important
}

.styles_buttonCollectWrapper__AOAJI {
    position: relative;
    margin: auto 0;
    text-align: center
}

.styles_unScrollY__GTgdp {
    overflow-y: hidden!important
}

.styles_loadLogo__gFCSW,.styles_loadLogo__gFCSW>div {
    height: 100%
}

.styles_labelExpiredDate__qXiTb {
    color: #8c8c8c;
    font-family: ggsm;
    font-size: 12px;
    line-height: 18px
}

.styles_labelCondition__d_tJv {
    padding-left: 8px;
    font-size: 12px;
    line-height: 18px;
    font-family: ggsr
}

.styles_textCountDownTime__33jqx {
    line-height: 18px;
    color: #000;
    font-family: ggsr;
    font-size: 14px
}

.styles_whiteProgressColor__xdRwY {
    color: #fff
}

.style_containerLoading__uSjRW {
    margin-top: 17px
}

.style_wrapper__cy4Xf {
    background-color: #fff;
    padding: 4px;
    margin: 0 0 24px;
    border-radius: 12px
}

.style_rightGrid__5faRt {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.style_sliderSkeleton__eezxh {
    display: flex;
    gap: 12px
}

.style_skeleTonWrapper__P2fp_ {
    margin: 0 auto;
    width: calc(100% + 24px);
    border-radius: 12px;
    overflow: hidden
}

.styles_modalContainer__d2rwh {
    position: fixed;
    top: 19%;
    right: 0;
    background-color: #fff;
    padding: 12px 20px 20px;
    width: 962px;
    border-radius: 12px 0 0 12px;
    box-shadow: -2px 0 4px 0 rgba(0,0,0,.1);
    z-index: -1
}

.styles_modalWrapper__wzdyY {
    overflow-y: auto;
    max-height: 657px
}

@media only screen and (max-width: 1600px) {
    .styles_modalWrapper__wzdyY {
        max-height:450px
    }
}

.styles_modalWrapper__wzdyY::-webkit-scrollbar {
    width: 6px
}

.styles_modalWrapper__wzdyY::-webkit-scrollbar-track {
    background: #fff
}

.styles_modalWrapper__wzdyY::-webkit-scrollbar-thumb {
    background: #79797947;
    border-radius: 20px
}

.styles_modalWrapper__wzdyY::-webkit-scrollbar-thumb:hover {
    background: #79797968
}

.styles_numberBuy__fvyPQ {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize
}

.styles_typography__W_XV9 {
    color: #797979;
    font-size: 14px;
    text-align: center
}

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

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

.styles_score__cbZrl {
    color: var(--primary-color,#E3352C);
    font-weight: 500;
    padding-right: 5px;
    min-height: 24px
}

.styles_typographyTitle__SmOKg {
    font-size: 22px;
    font-weight: 500;
    font-family: ggsm
}

.styles_typographyRight__nDm_H {
    color: #797979;
    font-size: 12px
}

.styles_rightGrid__b1WjE {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_rowPrice__9wz_a {
    display: flex;
    gap: 44px;
    align-items: center
}

.styles_priceInfo__QUQ4x {
    display: flex;
    gap: 12px;
    align-items: center
}

.styles_assessPrice__6f6fG {
    display: flex;
    gap: 20px;
    align-items: center
}

.styles_price__Ke_a8 {
    font-size: 22px;
    font-weight: 500;
    font-family: ggsm;
    color: var(--primary-color,#E3352C)
}

.styles_originalPrice__8_Ddu {
    color: var(--neutral-decription-light,#8d8d8d);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: line-through
}

.styles_discountPercent__aXIZp {
    color: #d01010;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize
}

.styles_hightLightTag__r9Mnu {
    display: flex;
    gap: 8px
}

.styles_show__TZY9j {
    z-index: 1;
    animation: styles_show__TZY9j .2s ease-in-out
}

@keyframes styles_show__TZY9j {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_buttonModal__esb7P {
    color: var(--neutral-decription,#797979);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px
}

.styles_quantityModal__Yly6k {
    max-width: 270px
}

.styles_rightContent__Wt1HZ {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_sameSeller__gPtEm {
    border-top: 1px solid var(--neutral-line,#e9e9e9);
    border-bottom: 1px solid var(--neutral-line,#e9e9e9);
    background: var(--neutral-bg,#f5f5f5);
    padding: 6px 12px;
    font-weight: 500;
    font-family: ggsm
}

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

.styles_container__4niLh {
    display: flex;
    gap: 16px;
    border-radius: 12px;
    border: 1px solid var(--Functional-color-Stroke-Default,#d9d9d9);
    padding: 16px
}

.styles_leftPlace__n_wAL {
    width: 24%
}

.styles_title__FekYv {
    gap: 4px;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0;
    margin-bottom: 12px
}

.styles_title__FekYv,.styles_viewMore__RZ0Yd {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Functional-color-Text-Link,#1d39c4);
    font-family: Inter-Medium,sans-serif;
    font-style: normal;
    font-weight: 500
}

.styles_viewMore__RZ0Yd {
    height: 36px;
    min-width: 100%;
    padding: 0 16px;
    gap: 8px;
    align-self: stretch;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    border-radius: 8px;
    background: var(--Functional-color-Layer-Blue,#f0f5ff)
}

.styles_rightPlace__FHKhc {
    width: 75%;
    position: relative;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(49,69,91,.25);
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 12px
}

.styles_name__21nBf {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_cardContainer__LLIwq {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

.styles_replaceSticker__VghHx {
    position: absolute;
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    border-radius: 10px 0 0 0;
    top: -7px;
    left: 0;
    height: 22px;
    padding: 0 8px;
    background-color: var(--primary-color);
    color: var(--Functional-color-Text-White,#fff);
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.styles_replaceSticker__VghHx:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-right: 6.5px solid transparent;
    border-bottom: 6.5px solid #c7c9d9;
    display: inline-block;
    top: 0;
    right: -6.5px
}

.styles_viewDetail__JzjO_ {
    color: var(--Functional-color-Text-Link,#1d39c4);
    text-align: center;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration-line: underline
}

.styles_content__pEN8B {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 320px
}

.styles_volume__Mrt3R {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--Functional-color-Text-Secondary,#8c8c8c);
    font-family: Inter-Medium,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.styles_itemFlex__qQLH5 {
    display: flex;
    gap: 16px
}

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

.styles_bestProducts__0ZKaG {
    padding: 20px 16px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border: 1px solid #e9e9e9;
    border-radius: 12px 12px 0 0
}

.styles_title__W7HFl {
    text-align: center;
    margin-top: 0!important;
    font-size: 32px;
    color: var(--primary-color);
    font-weight: 500
}

.styles_root__Ko_37 {
    max-width: 555px;
    height: 224px;
    margin: 8px!important;
    box-shadow: 0 0 18px -10px!important
}

.styles_media__RMmSH {
    height: 0!important;
    padding-top: 56.25%!important
}

.styles_large__tQqRx {
    width: 80px!important;
    height: 80px!important
}

.styles_card_header__M6wzK {
    padding-bottom: 0!important;
    padding-top: 24px
}

.styles_header_customer__sPI7u {
    position: relative;
    top: -15px;
    font-size: 20px!important;
    color: var(--primary-color);
    font-weight: 700!important
}

.styles_header_title__kAY7K {
    position: relative;
    top: -15px;
    font-size: 16px!important;
    color: var(--primary-color)!important
}

.styles_wrapper_media_container__mzr38 {
    max-width: 1180px;
    margin: 0 auto
}

.styles_wrapper_media__8E69V:nth-child(2n) .styles_progress__MGuNV * {
    color: #fff!important
}

.styles_wrapper_media__8E69V:nth-child(2n) .styles_title__W7HFl {
    color: #fff
}

.styles_card_content__n_NFr {
    position: relative;
    top: -20px;
    padding-left: 112px!important;
    padding-right: 20px!important;
    padding-top: 0!important
}

.styles_comment_style__GopNa {
    font-size: 16px!important;
    font-style: italic
}

.styles_rotate__ssmGf {
    transform: rotate(180deg)
}

.styles_quote__bZeC9 {
    font-size: 16px!important;
    color: var(--primary-color);
    opacity: .2
}

.styles_seeAllWrapper__LVbbZ {
    display: flex;
    justify-content: center
}

.styles_seeAll__R2mnW {
    display: flex;
    gap: 4px;
    color: var(--primary-color)!important;
    text-align: center;
    font-family: ggsm;
    font-size: 18px!important;
    font-weight: 500;
    line-height: normal
}

.styles_seeAllWrapperMega__AU7jy {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px
}

.styles_seeAllWrapperMega__AU7jy .styles_seeAll__R2mnW {
    color: #fff!important;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;!important;
    padding: 7px 32px;
    border-radius: 30px
}

.styles_SliderProductWrap__FM9kz {
    gap: 8px;
    display: flex;
    flex-direction: column
}

@media (max-width: 767px) {
    .styles_SliderProductWrap__FM9kz h2 {
        font-size:24px;
        color: #212529
    }
}

.styles_SliderProductWrapV2__RpSUD {
    padding: 20px 0
}

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

.styles_name__PAY0o {
    font-size: 28px;
    font-weight: 500;
    margin-left: 10px;
    font-family: googlesansmedium;
    width: 100%;
    word-wrap: break-word
}

.styles_bestProductsName__VOjDx {
    color: #fff;
    text-transform: uppercase;
    width: calc(100% - 160px)
}

.styles_seeAllMobile___Q7i7 {
    color: #0e1983!important;
    font-family: ggsm;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

@media (max-width: 767px) {
    .styles_name__PAY0o {
        font-size:20px
    }

    .styles_header__LQMML {
        padding: 0 10px;
        align-items: center
    }

    .styles_SliderProductWrap__FM9kz {
        padding: 16px 0
    }

    .styles_seeAllMobile___Q7i7 {
        padding: 0
    }

    .styles_seeAllWrapper__LVbbZ {
        margin-top: 8px
    }

    .styles_seeAllWrapperMega__AU7jy {
        margin-top: 16px
    }
}

.styles_view_more__oP_PL {
    display: flex;
    justify-content: center
}

.styles_view_more__oP_PL p {
    font-size: 16px;
    font-family: googlesansmedium
}

.styles_wrapper__Be83M {
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 6px rgba(0,0,0,.05);
    border-radius: 10px;
    padding: 18px 30px;
    margin-bottom: 50px
}

.styles_bestProductsWrapper__p8dax {
    padding: 0!important
}

.styles_bestProducts_view_more__W5FqA {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-wrap: no-wrap
}

.styles_bestProducts_view_more__W5FqA a {
    color: #fff;
    font-size: 16px;
    font-family: googlesansmedium
}

.styles_bestProducts_view_more__W5FqA a span:first-child {
    transform: translateY(-2px);
    margin-right: 10px;
    display: inline-block
}

.styles_icon_name__GN52V {
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-bottom: 10px;
    justify-content: space-between
}

.styles_wrapper_mv2__ulLGw {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 10px;
    margin-bottom: 20px
}

.styles_view_more_mv2__UVFkx p {
    font-size: 14px
}

.styles_icon_name_mv2__xYYvS {
    padding-bottom: 5px;
    padding-top: 10px
}

.styles_name_mv2__oWnUQ {
    font-size: 16px;
    margin-left: 0;
    display: flex;
    align-items: center;
    gap: 8px
}

.styles_megaSale_name__hNJNF {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    background-image: url(/images/home/background_green_2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 12px;
    width: 72%;
    gap: 10px;
    margin: 0 auto
}

.styles_megaSaleSlider__l3M54 {
    margin: 20px 0
}

.styles_wrapper_media_mobile__OCWC8 {
    background: #fff;
    padding: 0 15px;
    margin-top: 12px
}

.styles_wrapper_media_mobile__OCWC8:last-child {
    margin-bottom: 20px
}

.styles_wrapper_media_mobile_container__pDaaq {
    max-width: 1240px;
    margin: 0 auto
}

.styles_wrapper_media_mobile__OCWC8:first-child {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/images/home/BG_MOBILE.svg)
}

.styles_wrapper_media_mobile__OCWC8:nth-child(2n) .styles_progress__MGuNV * {
    color: #fff!important
}

.styles_wrapper_media_mobile__OCWC8:nth-child(2n) .styles_title__W7HFl {
    color: #fff
}

.styles_wrapperContentTitle__AGJR6 {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 0
}

.styles_contentTitle__y8kvU {
    color: var(--Orange,#d55d2a);
    font-family: ggsm;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_contentTitleTop__YJVee {
    color: var(--neutral-white,#fff);
    font-family: ggsm;
    font-size: 28px;
    text-transform: capitalize
}

.styles_backgroundMega__aCiLv {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 14px 0
}

.styles_wrapperMega__BIzkZ {
    padding: 0;
    margin-top: 0
}

.styles_wrapperTitle__DaSRf {
    background-color: #fff;
    padding: 15px 20px;
    margin-bottom: (10px - .4rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--primary-color)
}

@media (max-width: 476px) {
    .styles_bestProducts_view_more__W5FqA a {
        font-size:14px;
        line-height: 1
    }

    .styles_wrapperContentTitle__AGJR6 {
        align-items: center
    }

    .styles_name__PAY0o {
        width: calc(100% - 50px)
    }

    .styles_bestProducts_view_more__W5FqA a span:first-child {
        transform: translateY(-2px);
        margin-right: 0;
        margin-left: 10px
    }

    .styles_bestProducts_view_more__W5FqA img {
        display: none!important
    }

    .styles_contentTitle__y8kvU {
        color: #d55d2a;
        font-family: ggsm;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .styles_backgroundMega__aCiLv {
        position: relative;
        background-image: none;
        padding: 0
    }

    .styles_backgroundTitle__0oI4D {
        position: absolute;
        display: block;
        background-image: url(/images/home/BG_TITLE.png);
        background-size: 100% 100%;
        top: -34px;
        width: 100%;
        height: 61px
    }

    .styles_contentTitleTop__YJVee {
        font-family: ggsm;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: capitalize
    }

    .styles_wrapperMega__BIzkZ {
        padding: 16px 15px
    }

    .styles_seeAllWrapperMega__AU7jy {
        margin-top: 2px
    }
}

.styles_sliderContainer__IjY4Y {
    width: 1200px
}

.styles_removeAddingSpace__tys5e {
    position: relative
}

.styles_removeAddingSpace__tys5e:after {
    right: 0
}

.styles_removeAddingSpace__tys5e:after,.styles_removeAddingSpace__tys5e:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 100%;
    top: 0;
    background-color: #f5f5f5;
    z-index: 2
}

.styles_removeAddingSpace__tys5e:before {
    left: 0
}

@media (max-width: 1240px) {
    .styles_sliderContainer__IjY4Y {
        width:1196px
    }
}

@media (max-width: 1200px) {
    .styles_sliderContainer__IjY4Y {
        width:101%
    }

    .styles_removeAddingSpace__tys5e:after {
        right: -8px
    }

    .styles_removeAddingSpace__tys5e:after,.styles_removeAddingSpace__tys5e:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 100%;
        top: 0;
        background-color: #f5f5f5;
        z-index: 2
    }

    .styles_removeAddingSpace__tys5e:before {
        left: 0
    }

    .styles_wrapperMega__BIzkZ,.styles_wrapper_media__8E69V {
        padding: 0 16px
    }

    .styles_megaSale_name__hNJNF {
        padding: 8px 0
    }
}

@media (max-width: 960px) {
    .styles_megaSale_name__hNJNF {
        padding:0;
        width: 80%
    }
}

@media (max-width: 760px) {
    .styles_megaSale_name__hNJNF {
        padding:5px
    }

    .styles_megaSale_name__hNJNF img {
        width: 24px!important;
        height: 24px!important
    }

    .styles_contentTitleTop__YJVee {
        font-size: 16px
    }
}

.styles_titleSliderProduct__T2fWl {
    width: 300px;
    height: 50px
}

.styles_productCardSkeleton__rrHkJ {
    width: 230px!important;
    height: 400px;
    border-radius: 12px;
    position: relative;
    margin: 0 10px
}

.styles_buttonSliderProductSkeleton__Q8a4a {
    margin-top: 10px;
    height: 3.5em;
    width: 180px;
    border-radius: 50px
}

.styles_sliderProductBlockWrapper__nMGrY {
    max-width: 1180px;
    margin: 0 auto
}

.styles_sliderWrapper__UuWW0 {
    margin-top: 20px;
    display: flex;
    justify-content: center
}

.styles_sliderProductBlockWrapper__nMGrY:nth-child(2n) {
    background-color: #e7e7e7
}

@media (max-width: 1140px) {
    .styles_productCardSkeleton__rrHkJ:nth-child(5) {
        display:none!important
    }
}

@media (max-width: 960px) {
    .styles_productCardSkeleton__rrHkJ:nth-child(4) {
        display:none!important
    }
}

@media (max-width: 768px) {
    .styles_titleSliderProduct__T2fWl {
        width:230px;
        height: 35px
    }
}

@media (max-width: 640px) {
    .styles_productCardSkeleton__rrHkJ:nth-child(3) {
        display:none!important
    }
}

@media (max-width: 420px) {
    .styles_productCardSkeleton__rrHkJ:nth-child(2) {
        display:none!important
    }
}

.styles_wrapperContainer__zxrSf {
    position: relative;
    padding-top: 20px;
    margin-bottom: 24px;
    font-family: ggsr
}

.styles_showModal__yUNbE {
    position: relative
}

.styles_showModal__yUNbE:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 200%;
    top: 0;
    right: 0;
    background-color: #0000002f;
    animation: styles_backgroundEffect__6ajcf .2s ease-in-out
}

@keyframes styles_backgroundEffect__6ajcf {
    0% {
        background-color: transparent
    }

    to {
        background-color: #0000002f
    }
}

.styles_wrapper__Xa5hm {
    background-color: #fff;
    padding: 4px;
    margin: 0 0 24px;
    border-radius: 12px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .styles_wrapper__Xa5hm {
        flex-direction: column;
        gap: 16px
    }
}

.styles_stickyContainer__wgIWp {
    display: flex;
    gap: 12px
}

.styles_bigImage__9eFTb {
    position: sticky;
    top: 125px;
    display: flex;
    gap: 12px
}

.styles_numberBuy__UT2cN {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize
}

.styles_typography__9hV93 {
    color: #797979;
    font-size: 14px;
    text-align: center
}

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

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

.styles_score__XS_Xx {
    color: var(--primary-color,#E3352C);
    font-weight: 500;
    padding-right: 5px
}

.styles_typographyTitle__RTV69 {
    font-size: 22px;
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize
}

.styles_typographyRight__0cmji {
    color: #797979;
    font-size: 14px
}

.styles_rightGrid__PGQ7R {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%
}

.styles_rowPrice__giLxB {
    display: flex;
    gap: 44px;
    align-items: center
}

@media (max-width: 991px) {
    .styles_rowPrice__giLxB {
        flex-direction:column;
        gap: 16px
    }
}

.styles_priceInfo__66bgZ {
    display: flex;
    gap: 12px;
    align-items: center
}

.styles_assessPrice__0YRCt {
    display: flex;
    gap: 20px;
    align-items: center
}

.styles_price__uDwZz {
    font-size: 22px;
    font-weight: 500;
    font-family: ggsm;
    color: var(--primary-color,#E3352C)
}

.styles_originalPrice__5lefU {
    color: var(--neutral-decription-light,#8d8d8d);
    font-family: ggsm;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: line-through
}

.styles_discountPercent__SrLu1 {
    color: #d01010;
    font-family: ggsm;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize
}

.styles_hightLightTag__Wk7k7 {
    display: flex;
    gap: 8px
}

.styles_promoLevel__94K1w,.styles_referenceRetailPrice__yb15C {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #797979;
    gap: 4px
}

.styles_referenceRetailPrice__yb15C p {
    color: var(--primary-color,#E3352C);
    font-size: 14px
}

.styles_pricePromo__4vwpM {
    color: var(--primary-color,#E3352C)
}

.styles_level__Zg7Zh {
    color: var(--blue-text-link,#0e1983);
    font-weight: 500;
    font-family: ggsm;
    text-transform: capitalize
}

.styles_groupInfoSeller__oSepT {
    display: flex;
    gap: 12px;
    border-radius: 8px;
    padding: 16px 16px 8px;
    border: 1px solid #e9e9e9;
    margin: 0
}

.styles_maybeLike__aRbcK {
    border: none;
    padding: 0
}

.styles_hightLight__JL4ku {
    background-color: var(--green-primary-button,var(--primary-color))!important;
    color: #fff!important;
    border-color: transparent!important
}

.styles_modalContainer__s8equ {
    position: fixed;
    top: 250px;
    right: 0;
    background-color: #fff;
    padding: 12px 20px 20px;
    width: 962px;
    height: 656px;
    border-radius: 12px 0 0 12px;
    box-shadow: -2px 0 4px 0 rgba(0,0,0,.1);
    z-index: -1
}

.styles_show__psNZF {
    z-index: 1;
    animation: styles_show__psNZF .2s ease-in-out
}

@keyframes styles_show__psNZF {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_buttonModal__2qU3o {
    color: var(--neutral-decription,#797979);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px
}

.styles_quantityModal__rimtS {
    max-width: 270px
}

.styles_rightContent__MT5UB {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_sameSeller__XnAia {
    border-top: 1px solid var(--neutral-line,#e9e9e9);
    border-bottom: 1px solid var(--neutral-line,#e9e9e9);
    background: var(--neutral-bg,#f5f5f5);
    margin-left: -20px;
    padding: 6px 10px;
    font-weight: 500;
    font-family: ggsm
}

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

.styles_dealShock__WyGWD {
    font-weight: 500;
    font-family: ggsm
}

.styles_productDeal__FRNY0 {
    font-size: 16px;
    font-family: ggsm
}

.styles_titleSlider__0_4WJ {
    font-size: 28px;
    font-family: ggsm;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_titleCommon__fuvmR {
    font-family: ggsm;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px
}

.styles_commonContainer__4S6TZ {
    border-left: 1px solid #e9e9e9;
    padding-left: 12px
}

.styles_description__Gyjcg {
    overflow: hidden;
    color: #797979;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_content__uVYH_ {
    color: #797979;
    overflow: hidden;
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.styles_content__uVYH_>* {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

.styles_containerPage__eKW1A {
    position: relative;
    width: 1180px;
    margin: 0 auto
}

@media screen and (max-width: 1200px) {
    .styles_containerPage__eKW1A {
        width:100%
    }
}

.InfoProduct_container__jT3vh {
    position: relative;
    border-radius: 12px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    padding: 0 24px 30px;
    transition: height .3s ease-in-out;
    overflow: hidden
}

.InfoProduct_mobile__A1mUq {
    border-radius: 0
}

.InfoProduct_mobile__A1mUq .InfoProduct_paddingCustom__blgZW {
    flex-direction: column-reverse
}

.InfoProduct_info__q7gX7 {
    padding: 4px 8px;
    border-radius: 4px
}

.InfoProduct_infoNotLogin__i71BR,.InfoProduct_info__q7gX7 {
    background-color: #e6e6e6;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    background: var(--neutral-side-bar,#e6e6e6);
    margin-bottom: 4px
}

.InfoProduct_infoNotLogin__i71BR {
    padding: 4px 12px
}

.InfoProduct_infoDetail__28d2g {
    color: var(--neutral-decription,#797979);
    font-size: 14px
}

.InfoProduct_text__hQzVw {
    font-size: 14px;
    font-family: ggsr
}

.InfoProduct_leftContent___oZwt {
    display: flex;
    flex-direction: column;
    width: 100%
}

.InfoProduct_leftContent___oZwt:not(:last-child) {
    border-right: 1px solid var(--neutral-line,#e9e9e9);
    padding-right: 24px
}

.InfoProduct_category__M7OAn {
    display: flex;
    margin-top: 12px;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap
}

.InfoProduct_prefix__efmxX {
    font-family: ggsm;
    font-weight: 400;
    font-size: 16px
}

.InfoProduct_ingredientLink__9IIJr {
    font-size: 14px
}

.InfoProduct_link__gpsMp {
    cursor: pointer;
    color: #0e1983
}

.InfoProduct_rightContent__P6erW {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-left: 24px
}

.InfoProduct_rightContentNotLogin__vtmiv {
    padding-left: 20px
}

.InfoProduct_rightContentMobile__swPUk {
    padding-left: 0
}

.InfoProduct_groupIngredient__JDCnp {
    color: var(--neutral-description,#797979);
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.InfoProduct_groupIngredientIsNotLogin__wDOSV {
    color: #000;
    display: flex;
    padding: 0 10px;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.InfoProduct_groupIngredientIsNotLogin__wDOSV .InfoProduct_ingredient__G3bbI {
    color: #000
}

.InfoProduct_textIngredient__4DsAf {
    font-size: 12px;
    color: #797979
}

.InfoProduct_tabList__P7q9c [class*=Mui-selected] {
    color: #797979;
    font-weight: 600
}

.InfoProduct_tabList__P7q9c [class*=MuiTab-root] {
    font-family: ggsm;
    font-weight: 500;
    font-size: 16px;
    color: #797979
}

.InfoProduct_tabList__P7q9c [class*=Mui-select] {
    color: #000;
    font-family: ggsm;
    font-weight: 500;
    font-size: 16px
}

.InfoProduct_tabList__P7q9c [class*=MuiTab-wrapper] {
    width: -moz-fit-content;
    width: fit-content;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.InfoProduct_tabList__P7q9c [class*=MuiTab-root] {
    text-transform: none;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-right: 32px;
    padding: 0
}

.InfoProduct_tabList__P7q9c [class*=MuiTabs-flexContainer] {
    border-bottom: 2px solid #d9d9d9
}

.InfoProduct_container__jT3vh [class*=MuiTabPanel-root] {
    padding: 12px 0 0
}

.InfoProduct_showMore__PH3hD {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 100%;
    transform: translateX(50%);
    padding-bottom: 8px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: #0e1983;
    transition: box-shadow .4s ease
}

.InfoProduct_hiddenState__hOTpo {
    width: 100%;
    background: linear-gradient(0deg,#fff,#ffffff73);
    backdrop-filter: blur(2px)
}

.InfoProduct_leftContentTabTwo__agzT3 {
    border-right: 1px solid var(--neutral-line,#e9e9e9);
    padding-right: 12px
}

.InfoProduct_leftContentTabTwoCenter__aPs0Z {
    border-right: 1px solid var(--neutral-line,#e9e9e9);
    padding: 0 12px
}

.InfoProduct_leftContentTabTwoRight___jNc0 {
    border-left: 1px solid var(--neutral-line,#e9e9e9);
    padding-left: 12px
}

.InfoProduct_tabMobile__cYyie {
    width: 100%
}

.InfoProduct_content__ESXeI {
    display: inline
}

.InfoProduct_contentNotLogin___Bak8 {
    display: block;
    padding: 0 12px;
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    line-height: normal
}

.InfoProduct_content__ESXeI>* {
    color: #797979;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.InfoProduct_ingredient__G3bbI {
    color: var(--neutral-description,#797979);
    font-family: ggsr;
    text-decoration: none;
    font-size: 12px;
    padding: 5px;
    color: #000;
    display: flex
}

@media only screen and (max-width: 1024px) {
    .InfoProduct_container__jT3vh {
        padding:12px 15px 20px
    }

    .InfoProduct_rightContent__P6erW {
        padding-left: 0
    }

    .InfoProduct_leftContent___oZwt.InfoProduct_leftContent___oZwt:not(:last-child) {
        border-right: none;
        padding-right: 0
    }

    .InfoProduct_leftContentTabTwo__agzT3 {
        border: none
    }

    .InfoProduct_leftContentTabTwoRight___jNc0 {
        border: none;
        padding-left: 0
    }

    .InfoProduct_leftContentTabTwoCenter__aPs0Z {
        border: none;
        padding-right: 12px;
        padding-left: 0
    }

    .InfoProduct_content__ESXeI>* {
        color: #000
    }

    .InfoProduct_mobileGroup___iLmG {
        display: flex;
        flex-direction: column;
        gap: 12px
    }

    .InfoProduct_ingredientVolume__DqQQY {
        color: var(--neutral-description,#797979);
        font-family: ggsr;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .InfoProduct_groupIngredient__JDCnp {
        padding: 0
    }
}

@media only screen and (max-width: 1280px) {
    .InfoProduct_rightContentNotLogin__vtmiv {
        padding-left:0;
        margin-top: 20px
    }
}

.InfoProduct_marginBottom__U9qUJ {
    margin-bottom: 16px
}

.InfoProduct_wrapperInfo__v0AiW {
    border-radius: 4px;
    border: 1px solid var(--neutral-line,#e9e9e9)
}

.styles_containerNotLogin__UIvTM {
    margin: 20px auto 48px
}

.styles_wrapper__gxfQH {
    background-color: #fff;
    padding: 8px;
    border-radius: 12px;
    margin: 0 auto 16px;
    width: 100%
}

.styles_typographyTitle__O1Kne {
    font-family: ggsm;
    font-weight: 500;
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 12px
}

.styles_priceHidden__NXH0O {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 18px;
    font-family: ggsm;
    margin-bottom: 12px
}

.styles_infoProduct__KWWEt {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    padding: 4px 0 0 16px
}

.styles_flexItem__CnwTR {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 16px
}

.styles_titleContent__g_aZU {
    padding: 8px 0
}

.styles_infoTitle__XyJd3 {
    border-top: 1px solid var(--neutral-4,#f0f0f0)
}

.styles_infoTitleTop__YZFeo,.styles_infoTitle__XyJd3 {
    padding: 8px 0;
    width: 65%;
    overflow: hidden;
    white-space: wrap
}

.styles_infoTitleTop__YZFeo {
    cursor: pointer
}

.styles_noneBorder__DzoFt {
    border: none
}

.styles_viewPrice__DszZZ {
    font-size: 16px;
    font-weight: 500;
    align-items: center;
    border-radius: 36px;
    background: #e88438;
    color: #fff;
    display: flex;
    gap: 8px;
    padding: 8px 12px
}

.styles_registerNow__S0vij {
    color: #fff;
    display: flex;
    font-family: ggsr;
    width: 100%;
    padding: 8px 16px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    background: var(--gradient-orange,linear-gradient(0deg,#ff8000 0,#fabc4b 100%))
}

.styles_registerTitle__34bJj {
    font-family: ggsm;
    font-weight: 500;
    font-size: 18px
}

.styles_registerSubTitle__hX2m9 {
    font-size: 14px
}

.styles_infoContainerNotLogin__hr6YH {
    padding: 8px 20px 20px;
    border: none
}

.styles_clickBaitContainer__I__eS {
    border-radius: 12px;
    background: #e8c0a2;
    overflow: hidden;
    padding-bottom: 20px
}

.styles_titleTop__nSRxP {
    background: var(--neutral-disable-bg,#e88438);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 0
}

.styles_countProduct___rHg4 {
    color: var(--neutral-white,#fff);
    font-size: 40px;
    text-transform: capitalize;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #0e1983
}

.styles_countProduct___rHg4,.styles_textCount__Fdj5G {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_textCount__Fdj5G {
    color: #fff;
    text-shadow: 0 1px 0 #000;
    font-size: 32px;
    text-transform: capitalize
}

.styles_listProduct__Zzm1E {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    width: 87%;
    margin: 0 auto;
    gap: 16px;
    padding: 16px 0
}

.styles_cardItem__zbiI8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    border-radius: 12px;
    background: var(--neutral-disable-bg,#fff);
    width: 100%;
    overflow: hidden;
    padding-bottom: 12px
}

.styles_wrapperInfoProduct__mFA1e {
    background-color: #fff;
    width: 100%;
    padding: 0 24px
}

.styles_wrapperImage__WSQNK {
    padding: 16px 42px
}

.styles_wrapperImageBanner__o2fXh span {
    border-radius: 8px
}

.styles_rightGrid__HsToy {
    padding: 12px 12px 0 0
}

.styles_nameCard__MaYHd {
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    max-width: 224px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.styles_volume__RIikA {
    color: var(--neutral-description-light,#a2a0a0);
    font-size: 12px
}

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

.styles_clickBaitButton__RdGfL {
    color: #fff;
    font-family: ggsm;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 49px;
    background: #e88438;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.12);
    padding: 12px 32px;
    text-align: center
}

.styles_link__e2o3w {
    cursor: pointer;
    color: var(--blue-text-link,#0e1983);
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    letter-spacing: .1px
}


.jss219 {
  width: 940px;
  height: 651px;
  display: flex;
  position: absolute;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  background-color: #FFFFFF;
}
@media screen and (max-width: 991px) {
  .jss219 {
    width: 90%;
    height: auto;
  }
}
.jss220 {
  width: 95%;
  height: 400px;
  display: flex;
  position: absolute;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  background-color: #FFFFFF;
}
.jss221 {
  color: #C0C0C0;
  width: 30px;
  height: 30px;
}
.jss222 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.jss223 {
  color: #ffffff;
  width: 40px;
  height: 40px;
  position: absolute;
  background: rgba(0, 0, 0, 0.15);
}
.jss223:hover {
  color: #2CD888;
  background: rgba(0, 0, 0, 0.15);
}
.jss224 {
  width: 40px;
  height: 40px;
}
.jss225 {
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.15);
}
.styles_text_limit__z1qJ0 {
    margin-top: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #797979;
    font-family: googlesansregular;
}
.css-1xesb5u {
    width: 140px !important;
    border-radius: 20px !important;
    height: 8px !important;
}

.css-1xesb5u .MuiLinearProgress-bar {
    border-radius: 0px;
    background-color: rgb(251, 201, 190);
}

.jss265 {
    margin: 0;
    padding: 16px;
    z-index: 1300;
    min-width: 384px;
    box-shadow: 0px 0px 30px 0px #0000001F;
    border-radius: 10px;
    background-color: #fff;
}

.css-120nera {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
}

@media (max-width: 991px) {
    .css-120nera {
        flex-direction:column;
        gap: 16px
    }
}

.css-14r5gjr {
    min-width: 28%;
}
@media (max-width: 991px) {
    .css-14r5gjr {
        width: 100%;
    }
}
.css-ktqgk7 {
    min-width: 55%;
}
@media (max-width: 991px) {
    .css-ktqgk7 {
        width: 100%;
    }
}

.styles_listCouponWrapper__yPH5B {
    position: relative;
}
.css-6hmvm7 {
    min-width: 17%;
    margin-left: auto;
}

.ant-drawer {
    z-index: 1300;
}

.css-xjv6ud {
    min-width: 436px;
}

.css-1qnpokk {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 16px 20px;
}

.css-icb29k {
    display: flex;
    gap: 4px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.ovh-hidden.ant-drawer .ant-drawer-body {
    overflow: hidden;
}

.MuiGrid-root.styles_voucherList_container__wcJki.MuiGrid-container .styles_voucherList_container__wcJki:not(:last-child) {
    margin-bottom: 12px;
}

.MuiFormControlLabel-root {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-left: -11px;
    margin-right: 16px;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.css-1vv0xgi {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1199px) {
    .css-1vv0xgi {
        gap: 8px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 600px) {
    .max-w-full-1199 {
        width: 100%;
        grid-column: span 3 / span 3 !important;
    }
}


.grid-full-1199 {
    flex-direction: row;
    gap: 0;
}
@media screen and (max-width: 991px) {
    .grid-full-1199 {
        flex-direction: column;
        gap: 16px;
        justify-content: center;
    }
}

.styles_container__eEOzu {
    max-width: 1180px;
}

@media screen and (max-width: 1199px) {
    .styles_container__eEOzu {
        padding:0 16px
    }
}

.styles_cart___t_W5 {
    --height-header: 96px;
    position: sticky;
    top: calc(var(--height-header) + 40px);
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05);
    padding: 20px 15px;
    margin: 40px 0 20px
}

.styles_cartTitle__HN77U {
    font-family: ggsr,sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    margin: 0 0 20px
}

.styles_cartTop__Tjqh0 {
    margin-bottom: 16px;
    border-bottom: 1px dashed silver
}

.styles_cartItem__lzzsO {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.styles_cartItem__lzzsO:last-child {
    margin-bottom: 16px
}

.styles_cartDesc__vgi2G,.styles_cartText__wJejn {
    margin: 0
}

.styles_cartDesc__vgi2G {
    font-family: ggsr,sans-serif;
    font-size: 16px;
    color: #797979
}

.styles_cartDesc__vgi2G.styles_bold__Erruu {
    font-family: ggsm;
    color: #000
}

.styles_cartText__wJejn {
    font-family: ggsm,sans-serif;
    font-size: 16px;
    color: #000
}

.styles_cartText__wJejn.styles_cartPrimary__sjJnj {
    color: var(--primary-color)
}

.styles_btnSubmit__hiIAd {
    width: 100%;
    height: 44px;
    padding: 12px 40px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    box-shadow: unset
}

.styles_btnSubmit__hiIAd p {
    font-size: 16px;
    font-family: ggsr;
    color: #fff
}

.styles_btnSubmit__hiIAd:hover {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    filter: brightness(96%);
    box-shadow: unset
}

.styles_btnSubmit__hiIAd[class*=Mui-disabled] {
    background-color: #f5f5f5
}

.styles_container___oLk_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dcdbdb;
    border-radius: 20px;
    overflow: hidden;
    width: 100%
}

.styles_minusContainer__dNp6u {
    border-right: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer
}

.styles_minus__MIxu_ {
    width: 12px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addContainerNew__v_8_6 {
    border-left: 1px solid #dadada;
    z-index: 1
}

.styles_addContainerNew__v_8_6,.styles_minusContainerNew__flGSc {
    padding: 0 0 0 2px;
    height: 32px;
    min-width: 34px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_minusContainerNew__flGSc {
    border-right: 1px solid #dadada
}

.styles_count__w3HoS {
    color: #a2a0a0;
    font-weight: 600
}

.styles_addContainer__kb4hZ {
    border-left: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer;
    position: relative
}

.styles_addIcon__mVGfP,.styles_addIcon__mVGfP:after {
    width: 14px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addIcon__mVGfP:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_container___oLk_ [class*=MuiInputBase-input] {
    color: var(--neutral-description-light,#a2a0a0);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: ggsm;
    height: auto
}

.styles_disabled__XQ_cS {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background: #dcdbdb;
    border-right: none
}

.styles_disabled__XQ_cS .styles_addIcon__mVGfP:after,.styles_disabled__XQ_cS>* {
    background: #a2a0a0
}

.styles_newCardInput__hecWu {
    width: -moz-fit-content;
    width: fit-content;
    transform: translateY(5%);
    line-height: normal!important
}

.styles_container___oLk_ [class*=MuiInputBase-input] {
    font-size: 14px
}

.styles_newCardInput__hecWu [class*=MuiInputBase-input] {
    font-size: 14px;
    color: #000;
    font-family: ggsr;
    width: 100%;
    text-align: center
}

.styles_maxWidth__qS6it {
    width: 100%;
    max-width: 160px;
    margin-top: auto
}

.styles_groupInput__H1lLR {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(10px)
}

.styles_cartIconContainer__FoKUV {
    display: flex;
    align-items: center;
    position: absolute;
    padding-right: 4px;
    right: 50%;
    transform: translateX(30%)
}

.styles_inputVisible__m_CzR {
    display: flex;
    align-items: center;
    text-align: right;
    width: 100%
}

.styles_currentValue__b2ijJ {
    display: block;
    visibility: hidden;
    font-size: 14px;
    min-width: 26px
}

.styles_disableStyle__Q2Jre [class*=MuiInputBase-input] {
    color: #999
}

.styles_card__LJZqf {
    display: flex;
    gap: 16px;
    padding: 16px;
    border-radius: 0 0 8px 8px;
    box-shadow: unset
}

.styles_readMoreCard__WdBjt {
    width: 28.8964733%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px
}

.styles_readMoreCard__WdBjt [class*=base] {
    font-size: 14px
}

.styles_detailCard__FUoNT {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 2px 10px 0 rgba(49,69,91,.25);
    position: relative
}

.styles_tagCard__UIeRw {
    position: absolute;
    top: -6px;
    left: 0;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-top-left-radius: 8px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 2px 4px;
    font-family: ggsr;
    font-size: 10px;
    z-index: 5
}

.styles_tagCard__UIeRw:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 6px solid #c7c9d9;
    border-right: 6px solid transparent
}

.styles_imageCard__1MdYF {
    width: 20%
}

.styles_imageCard__1MdYF .styles_image__MlYyb,.styles_imageCard__1MdYF img {
    width: 100%;
    height: 100%
}

.styles_contentCard__85ewv {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.styles_productName__lC2jC {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    color: #000;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 0;
    margin: 0
}

.styles_cardSubTitle__gGJEL,.styles_productName__lC2jC {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-family: ggsr
}

.styles_cardSubTitle__gGJEL {
    color: #8c8c8c;
    font-size: 10px;
    -webkit-line-clamp: 1
}

.styles_linkCard__i653h a {
    width: 48px;
    color: #1d39c4;
    font-family: ggsr;
    font-size: 14px;
    text-decoration-line: underline
}

.styles_suggestCard__vLv4i {
    width: 100%;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #1d39c4;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal
}

.styles_cardPrice__sa87_ {
    color: var(--primary-color);
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.styles_portalContainer__uu6eI {
    position: fixed;
    top: 0;
    background-color: #0202026a;
    z-index: 1012;
    width: 100%;
    height: 100%
}

.styles_activeTour__ZXZM3 {
    display: block;
    position: relative;
    z-index: 1020!important;
    background-color: #fff;
    border-radius: 8px;
    height: -moz-fit-content;
    height: fit-content;
    pointer-events: none;
    animation: styles_beautiful__GyZzX .4s linear
}

@keyframes styles_beautiful__GyZzX {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
    pointer-events: all;
    position: absolute;
    color: #fff;
    background-color: #eb9f52;
    font-size: 20px;
    border-radius: 8px;
    width: 310px;
    z-index: 1005;
    padding: 16px 12px
}

.styles_right__ifCAI {
    right: 0;
    top: 0;
    transform: translateX(105%)
}

.styles_left__LqZRN {
    left: 0;
    top: 0;
    transform: translateX(-105%)
}

.styles_bottom__o5und {
    bottom: 0;
    right: 50%;
    transform: translate(50%,110%)
}

.styles_top__NSSG4 {
    bottom: -20px;
    transform: translateY(-110%)
}

.styles_topSticky__NM5_W {
    position: fixed
}

.styles_animationToolTip__VbFjB {
    animation: styles_fadeIn__1JccD .8s ease-in-out
}

.styles_arrow__yBXS8 {
    border: 15px solid transparent;
    border-top-color: #eb9f52;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(180deg) translateX(-50%);
    top: -28px;
    right: 50%
}

@keyframes styles_fadeIn__1JccD {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_back__XEKoT {
    color: #fff
}

.styles_back__XEKoT,.styles_next__CjiE_ {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: ggsr
}

.styles_next__CjiE_ {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    color: #eb9f52;
    width: 111px
}

.styles_groupButton__WvfAD {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

.styles_closeButton__uRN4F {
    position: absolute;
    right: 50px;
    top: 120px
}

.styles_closeButton__uRN4F svg {
    color: #fff;
    font-size: 24px
}

.styles_closeButton__uRN4F span {
    display: flex;
    flex-direction: column;
    color: #fff
}

.styles_closeText__HfNSq {
    font-size: 20px;
    font-weight: 500
}

.styles_footer__gVmEo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

.styles_stepActive__d3fLP {
    font-size: 16px
}

.styles_linerProgress__ccoQ_ {
    position: absolute;
    bottom: -1px;
    left: 0
}

.styles_wrapper__PdYwL {
    position: absolute;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #d9d9d9;
    bottom: -2px;
    right: 0;
    border-radius: 0 0 5px 5px
}

.styles_modal__xBAZH {
    font-family: Inter,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media only screen and (max-width: 1280px) {
    .styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
        font-size:1em
    }

    .styles_modal__xBAZH>* {
        font-family: Inter,sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .styles_back__XEKoT,.styles_closeText__HfNSq,.styles_next__CjiE_,.styles_stepActive__d3fLP {
        font-size: 1em
    }
}

.styles_card__wBpbF {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 110px;
    padding: 6px 15px;
    border-radius: 8px;
    background: #fff;
    border-bottom: 1px solid #ededed;
    box-shadow: unset;
    overflow: unset
}

@media screen and (max-width: 767px) {
    .styles_card__wBpbF {
        flex-wrap: wrap;
        gap: 12px;
        height: auto;
    }
}

.styles_substituteSKUCard__yOsFb {
    background-color: #fff
}

.styles_cardOutOfStock__atkKU {
    border-bottom: 1px dashed #ededed;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.styles_cardWishList__xjQ_X {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    width: 28px;
    height: 28px
}

.styles_cardWishList__xjQ_X:hover {
    cursor: pointer
}

.styles_cardImage__NDRZc {
    width: 11.7647059%;
    height: 100%
}

.styles_cardImage__NDRZc .styles_image__j5quc,.styles_cardImage__NDRZc img {
    width: 100%;
    height: 100%
}

.styles_cardDesc__EzCGV {
    width: 40.4705882%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 8px
}

@media screen and (max-width: 767px) {
    .styles_cardDesc__EzCGV {
        flex-grow: 1;
    }
}

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

.styles_cardNameStore__a_Oks {
    color: #0e1983;
    font-family: ggsm;
    font-size: 12px;
    padding: 0;
    flex: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.styles_cardBadges__JMC4V {
    width: 100%;
    display: flex;
    height: 20px;
    max-height: 20px;
    overflow: hidden;
    gap: 4px
}

.styles_cardBadges__JMC4V a {
    padding: 0
}

.styles_cardBadges__JMC4V img {
    max-height: 20px
}

.styles_cardActions__4sm0A,.styles_cardPrice__Phq1m {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 20%;
    height: 100%;
    padding: 0
}

@media screen and (max-width: 767px) {
    .styles_cardActions__4sm0A,.styles_cardPrice__Phq1m {
        max-width: 100%;
        flex: 0 0 auto;
        width: 100%;
    }
}

.styles_cardActionsItem__PKAZb {
    width: 100%;
    text-align: center
}

@media screen and (max-width: 767px) {
    .styles_cardActionsItem__PKAZb {
        justify-content: center;
    }
}

.styles_cardActionsItem__PKAZb:not(:first-child) {
    margin-left: 0
}

.styles_cardErrorMessage__AIse8 {
    display: flex;
    align-items: center;
    height: 100%;
    color: red;
    text-align: center;
    font-family: ggsr;
    font-size: 12px
}

.styles_cardErrorMessage__AIse8.styles_warning__NQIOR {
    color: #dc570c
}

.styles_cardDiscount__PV2BF {
    display: flex;
    gap: 6px
}

.styles_cardChip__PVKO8:hover {
    cursor: pointer
}

.styles_cardActionsItem__PKAZb,.styles_cardPriceItem__0Z9Ac {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_cardPriceItem__0Z9Ac {
    justify-content: flex-end
}

@media screen and (max-width: 767px) {
    .styles_cardPriceItem__0Z9Ac {
        justify-content:center
    }

    .mobile-w-60 {
        width: 60%
    }
    .mobile-w-40 {
        width: 40%
    }
    .styles_voucherTicketMissingPart_topMarketplace__3x8Nx, .styles_voucherTicketMissingPart_bottom__2ocE1{
        right: 38%;
    }
}

.styles_cardActionsItem__PKAZb:first-child,.styles_cardPriceItem__0Z9Ac:first-child {
    height: 24px
}

.styles_cardOriginalPrice__5Ml2l {
    color: #333;
    text-overflow: ellipsis;
    font-family: ggsr;
    font-size: 14px;
    text-decoration: line-through;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.styles_cardChip__PVKO8 {
    border-radius: 4px;
    height: 20px;
    background: #e80000;
    padding: 0 4px;
    color: #fff;
    font-family: ggsr;
    font-size: 12px
}

.styles_cardChip__PVKO8 [class*=MuiChip-labelSmall] {
    padding: 0
}

.styles_cardCurrentPrice__FRdV0 {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 24px;
    text-transform: capitalize;
    padding: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.styles_cardNoted__s14eQ {
    width: 100%;
    color: #333;
    text-align: center;
    font-family: ggsr;
    font-size: 12px
}

.styles_cardTitle__cU0KJ {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize;
    font-family: ggsm
}

.styles_cardTitle__cU0KJ:hover {
    color: var(--primary-color);
    transition: color .2s
}

.styles_labelImage__1HlRN {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4px);
    margin-right: 2px;
    width: -moz-fit-content;
    width: fit-content
}

.styles_hangDiemLabelImage__K2Kqo {
    transform: translateY(0);
    vertical-align: top
}

.styles_labelImage__1HlRN img {
    max-height: 18px
}

.styles_cardBadges__JMC4V,.styles_cardImage__NDRZc,.styles_cardStore__F6qYF,.styles_cardTitle__cU0KJ,.styles_cardWishList__xjQ_X,.styles_labelImage__1HlRN {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_nearExpiration__zVQIh {
    width: 99px;
    height: 20px;
    padding: 0 4px;
    background: #ff4003;
    color: #fff;
    font-family: SVN-Internation;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px
}

.styles_contract__Nijpd,.styles_nearExpiration__zVQIh {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-align: center;
    font-style: normal
}

.styles_contract__Nijpd {
    background: var(--Blue-Text-Link,#0e1983);
    height: 18px;
    padding: 4px 6px;
    gap: 8px;
    color: var(--Neutral-White,#fff);
    font-family: ggsm,sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    transform: translateX(-5px)
}

.styles_quantityControlContainer__tKXM0 {
    border-radius: 8px!important
}

.styles_cardWrapper__DC_WP,.styles_listProducts__nQnSb {
    display: flex;
    flex-direction: column
}

.styles_listProducts__nQnSb {
    gap: 10px
}

.styles_item_breadcrumb__eYGFd {
    font-family: googlesansmedium!important;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.75;
    text-transform: capitalize;
    max-width: 500px
}

.styles_item_breadcrumb__eYGFd,.styles_last_breadcrumb__c7IQm {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle
}

.styles_last_breadcrumb__c7IQm {
    color: #333!important;
    flex: 1;
    min-width: 0
}

@media (max-width: 476px) {
    .styles_item_breadcrumb__eYGFd {
        font-size:14px
    }
}

.styles_root_input__fUHE5 {
    width: 100%;
    height: 48px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #dadada;
    padding: 12px 16px;
    color: #999;
    font-family: ggsr;
    font-size: 14px
}

.styles_root_input__fUHE5 [class*=MuiInputAdornment-positionStar] {
    margin: unset;
    margin-right: 4px
}

.styles_input__p8e0Z {
    text-align: left;
    color: #495057;
    height: auto
}

.styles_focus__5PBzS {
    border: 1px solid var(--primary-color)
}

.styles_container__eEOzu {
    max-width: 1180px
}

.styles_containerProducts__MMWm5 {
    margin: 10px 0 20px
}

.styles_searchWrapper__1VsnB {
    --height-header: 125px;
    position: sticky;
    top: calc(var(--height-header) - 1px);
    z-index: 10;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 16px
}

.styles_searchWrapper__1VsnB.styles_isBoxShadow__mHaGR {
    box-shadow: 0 3px 20px rgba(0,0,0,.08)
}

.styles_containerBreadcrumbs__K4TEO {
    margin-top: 6px
}

.styles_listProducts__Qdpgj {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.styles_containerPagination____I_6 {
    margin-bottom: 20px
}

.css-1a5basm {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.5rem;
    fill: rgb(14, 25, 131);
    margin-right: 0.5em;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 1199px) {
    .NoneHeaderFooter .pt-66px-1199, .NoneHeaderFooter .header-block {
        display: none;
    }
    .NoneFooter .pt-66px-1199 {
        display: none;
    }
}

.mt-20-1199-0 {
    margin-top: 20px;
}

.w-full-1199-24px {
    display: none;
}

@media screen and (max-width: 1199px) {
    .total-quick-order-sidebar {
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100% !important;
        flex-basis: 100% !important;
        padding: 0 !important;
        z-index: 2;
    }
    .w-full-1199 {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .styles_cartBottom__H3Y2o {
        display: flex;
        justify-content: space-between;
    }
    .mt-20-1199-0 {
        margin-top: 0;
    }
    .styles_cart___t_W5 {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 04px;
    }
    .styles_cartTop__Tjqh0 {
        margin-bottom: 8px;
    }
    .MuiAppBar-positionFixed {
        position: fixed !important;
    }
    .styles_searchWrapper__1VsnB {
        position: fixed;
        width: 100%;
        left: 0;
        top: 48px;
        padding: 0;
        margin-bottom: 0;
    }
    .px-1199-100-140 {
        padding-top: 120px !important;
        padding-bottom: 112px !important;
    }

    .px-1199-20-140 {
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }

    .MuiTypography-root.MuiBreadcrumbs-root.MuiTypography-body1.MuiTypography-colorTextSecondary {
        padding-left: 16px;
        padding-right: 16px;
    }

    .NoneHeaderFooter .styles_login_wrapper__iYXLC {
        display: none !important;
    }
}

@media screen and (max-width: 500px) {
    .MuiTypography-root.styles_headingComment__Rzl_3.MuiTypography-body1 {
        flex-direction: column;
        display: flex;
    }
}

.styles_wrapper_breadcrums__FOYxY {
    margin: 10px 0 0;
    padding: 8px 10px 8px 0;
}


.styles_wrapper_slider__ArKGC {
    padding: 20px 0;
}

@media screen and (max-width: 1199px) {
    .styles_wrapper_slider__ArKGC {
        padding-top: 0;
    }
}
.styles_container__ySmzO {
    max-width: 1180px;
    margin: 0 auto;
    padding-bottom: 24px;
}

.styles_banner_bg_img__JnBFU {
    position: relative;
    background-image: radial-gradient(circle,#f4f7fc 17%,#e0e8f7 100%);
    background-color: #343a40;
    height: 250px;
    padding-top: 33.15%
}
@media screen and (max-width: 767px) {
    .styles_banner_bg_img__JnBFU {
        height:auto;
        padding-top: auto
    }
}

.styles_banner_bg_img__JnBFU,.styles_banner_img__Ck8JM {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    width: 100%
}

.styles_banner_img__Ck8JM {
    height: 100%;
    position: absolute;
    top: -1px;
    left: 0
}

.styles_wrapperSlider__1UaJZ {
    margin-bottom: 35px;
    width: 100%;
}

.styles_wrapperTitle__OSLjq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid var(--primary-color);
    background: #fff;
}

@media screen and (max-width: 991px) {
    .styles_wrapperTitle__OSLjq {
        flex-direction: column;
        gap: 12px;
    }
}

.styles_flexBasis__jC8QR {
    flex-basis: 60%;
}

.styles_wrapper_icon_name__zDLid {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.styles_title__esM0Y {
    font-family: googlesansmedium;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    text-transform: capitalize;
    margin-right: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 36px;
    margin-left: 12px;
}

@media screen and (max-width: 480px) {
    .styles_title__esM0Y {
        font-size: 18px;
        line-height: 1;
        display: flex;
        align-items: center;
    }
}

.styles_flex__vEzd3 {
    display: flex;
    align-items: center
}
@media screen and (max-width: 480px) {
    .styles_flex__vEzd3 {
        flex-direction: column;
        gap: 12px;
    }
}

.styles_btn_from_to__cmIRG {
    font-family: googlesansregular;
    margin-left: 10px;
    padding: 12px;
    border-radius: 8px
}

.styles_active_btn__OYRvX, .styles_active_fromDate_btn__8BHs6 {
    color: #fff;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}
.styles_active_btn__OYRvX span span:first-child, .styles_active_fromDate_btn__8BHs6 span span, .styles_deactive_btn__pHb2r span span:first-child, .styles_selected_btn__eaa_x span span:first-child, .styles_will_active_btn__KhEPE span span:first-child {
    font-family: ggsm, "sans-serif";
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    text-transform: capitalize;
}

/* khung countdown tổng */
.styles_container__cNG6N.styles_haveDays__qjdgU {
  display: flex;
  align-items: center;
  gap: 6px;
}

.styles_wrapper_date__QnmfL {
  background: #f3f4f6;
  padding: 4px 10px;
  border-radius: 12px;
}

.styles_wrapper_date__QnmfL p {
  margin: 0;
  font-weight: 600;
  color: #0a1b7a;
  font-size: 16px;
}

.styles_colon__4IHky {
  font-size: 16px;
  font-weight: 700;
  color: #0a1b7a;
}

.styles_wrapper_time__t8Si5 {
  background: #0a1b7a;
  height: 32px;
  border-radius: 8px;
  min-width: 32px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

.styles_wrapper_time__t8Si5 p {
  margin: 0;
  font-size: 16px;
  color: white;
}

.styles_contract__X4DFE, .styles_nearExpiration__MruDA, .styles_promo__cmbDd, .styles_storeVip__E6mJ7, .styles_store__rwR8f {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: -moz-fit-content;
    width: fit-content;
    padding: 2px 4px;
    color: var(--neutral-white, #fff);
    font-family: Inter, sans-serif;
    height: 22px;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 8px 0 8px 0;
}

.styles_container__ruVTs {
    position: relative;
    max-width: 100%;
    height: 390px;
    border-radius: 10px;
    border: 1px solid hsl(var(--border)) !important;
    transition: border .1s ease-in;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.styles_seeAllContainer__9tVf0 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}
.styles_emptyData___74Ox, .styles_seeAll___XmLX {
    text-align: center;
    font-family: ggsm, "sans-serif";
    font-weight: 500;
}
.styles_seeAll___XmLX {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    gap: 4px;
    font-size: 14px !important;
    line-height: normal;
    color: #fff !important;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    padding: 7px 32px;
    border-radius: 30px;
}
.styles_attentionList__cHet8 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 10px 0 16px;
}
.styles_attentionItem__7nBC5 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .05);
}
.styles_attentionContent__Y3b_H {
    display: flex;
    gap: 8px;
    align-items: center;
}
.styles_attentionLink__vUsEO {
    display: inline-block;
    padding: 0;
    color: #1b4be5;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    text-decoration-line: underline
}
.styles_alertList__AQzMl {
    padding: 16px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .05);
}

.styles_readMoreWrapper__cQ0iz {
    position: relative
}

.styles_isBlur__qYsnd:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 62px;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(5px);
    background-image: linear-gradient(hsla(0,0%,100%,.8),#fff);
    z-index: 10
}

.styles_isReadMore__uCEoc .styles_action__XDmNF,.styles_isReadMore__uCEoc:after {
    position: unset
}

.styles_isReadMore__uCEoc .styles_icon__h9aEM {
    transform: rotate(180deg);
    cursor: pointer
}

.styles_icon__h9aEM {
    width: 16px;
    height: 16px
}

.styles_readMoreAction__XK6Gj {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    width: 100%;
    height: 32px;
    text-align: center;
    z-index: 11;
    bottom: 0
}

.styles_textLink__XTo35 {
    color: #1b4be5;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline
}

.styles_textLink__XTo35:hover {
    cursor: pointer
}

.styles_cartItemSimple__mt2C4 {
    display: flex;
    height: 80px;
    gap: 4px
}

.styles_cartContent__LAG4r {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    gap: 6px
}

.styles_cartTitle__VgcgT {
    margin: 0;
    color: #000;
    font-family: ggsr;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.styles_dialog__sLwuc [class*=MuiDialog-paper][class*=MuiPaper-rounded] {
    border-radius: 12px
}

.styles_dialog__sLwuc [class*=MuiBackdrop-root] {
    background-color: rgba(0,0,0,.2)
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthXs] {
    max-width: 380px
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthMd] {
    max-width: 698px
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthLg] {
    max-width: 928px
}

.styles_headerDialog__eP0xR {
    display: flex;
    justify-content: space-between;
    padding: 15px 24px 12px
}

.styles_headerDialog__eP0xR.styles_isTitleCenter__udrAM {
    justify-content: center
}

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

.styles_iconInner__fpTRA:hover {
    cursor: pointer
}

.styles_title__iDbGS {
    padding: 0;
    color: #000;
    font-family: ggsm;
    font-size: 20px
}

.styles_closeText__o_q3O {
    margin: 0;
    color: #797979;
    font-family: ggsm;
    font-size: 18px
}

.styles_title__iDbGS.styles_isTitleCenter__udrAM {
    display: flex;
    justify-content: center
}

.styles_title__iDbGS [class*=MuiTypography-h6] {
    color: #000;
    font-family: ggsm;
    font-size: 20px
}

.styles_subTitle__JFJmi[class*=MuiDialogTitle-root] {
    padding: 0 20px 15px
}

.styles_subTitle__JFJmi [class*=MuiTypography-h6] {
    color: #333;
    font-family: ggsm;
    font-weight: 500;
    font-size: 16px
}

.styles_content__XFqhI {
    padding: 0 24px 12px
}

.styles_actions__TKot9 {
    padding: 0 24px 20px;
    gap: 1em;
    justify-content: center
}

.styles_container__3SoFg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dcdbdb;
    overflow: hidden;
    width: 100%;
    border-radius: 6px
}

.styles_minusContainer__KgCH5 {
    border-right: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer
}

.styles_minus__jP0Io {
    width: 12px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addContainerNew__lteuA {
    border-left: 1px solid #dadada;
    z-index: 1
}

.styles_addContainerNew__lteuA,.styles_minusContainerNew__8hlZU {
    width: 34px;
    height: 34px;
    padding: 4px 8px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_minusContainerNew__8hlZU {
    background: #fff;
    border-right: 1px solid #dadada;
    mix-blend-mode: multiply
}

.styles_btnEnabled__Rin_J {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.styles_btnDisabled__fc9Pt {
    background: #fff
}

.styles_count__M9OpT {
    color: #a2a0a0;
    font-weight: 600
}

.styles_addContainer__XJ6hS {
    border-left: 1px solid #dcdbdb;
    padding: 14px 16px;
    cursor: pointer;
    position: relative
}

.styles_addIcon__FKXOq,.styles_addIcon__FKXOq:after {
    width: 14px;
    height: 4px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    border-radius: 2px
}

.styles_addIcon__FKXOq:after {
    content: "";
    position: absolute;
    transform: rotate(90deg)
}

.styles_addContainerNew__lteuA.styles_maxCart__NjnIq {
    cursor: unset;
    background: #fff
}

.styles_container__3SoFg [class*=MuiInputBase-input] {
    color: var(--neutral-description-light,#a2a0a0);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: ggsm;
    height: auto
}

.styles_disabled__oO4mp {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background: #dcdbdb;
    border-right: none
}

.styles_disabled__oO4mp .styles_addIcon__FKXOq:after,.styles_disabled__oO4mp>* {
    background: #a2a0a0
}

.styles_newCardInput__0QItk {
    width: -moz-fit-content;
    width: fit-content;
    transform: translateY(5%);
    line-height: normal!important
}

.styles_container__3SoFg [class*=MuiInputBase-input] {
    font-size: 14px
}

.styles_newCardInput__0QItk [class*=MuiInputBase-input] {
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    width: 100%;
    text-align: center
}

.styles_maxWidth__bVfiF {
    width: 100%;
    margin-top: auto
}

.styles_groupInput__D0r99 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(10px)
}

.styles_cartIconContainer__7aY_l {
    display: flex;
    align-items: center;
    position: absolute;
    padding-right: 4px;
    right: 50%;
    transform: translateX(30%)
}

.styles_inputVisible__By2Hp {
    display: flex;
    align-items: center;
    text-align: right
}

.styles_currentValue__PzTgx {
    display: block;
    visibility: hidden;
    font-size: 14px;
    min-width: 26px
}

.styles_customModalRemoved__oStEC [class*=base] {
    width: 100%;
    max-width: unset
}

.styles_customModalRemoved__oStEC [class*=actions] {
    flex-direction: row-reverse
}

.styles_customModalRemoved__oStEC [class*=base]:last-child {
    margin-left: 0;
    margin-right: 8px
}

.styles_contents__6sc0W {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_description__ghq0Y {
    color: #000;
    font-family: ggsr;
    margin: 0;
    text-align: center
}

.styles_listProduct__i_qLm {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 240px;
    overflow: auto
}

.styles_contentCenter__K0N_7 {
    text-align: center
}

.styles_cartConsultSection__x_bYv {
    display: flex;
    flex-direction: column;
    gap: .5em
}

.styles_cartConsultSectionQty__0RRq3 {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 6px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5em
}

.styles_card__LJZqf {
    display: flex;
    gap: 16px;
    padding: 16px;
    border-radius: 0 0 8px 8px;
    box-shadow: unset
}

.styles_readMoreCard__WdBjt {
    width: 28.8964733%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px
}

.styles_readMoreCard__WdBjt [class*=base] {
    font-size: 14px
}

.styles_detailCard__FUoNT {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 2px 10px 0 rgba(49,69,91,.25);
    position: relative
}

.styles_tagCard__UIeRw {
    position: absolute;
    top: -6px;
    left: 0;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-top-left-radius: 8px;
    background-color: var(--primary-color);
    color: #fff;
    padding: 2px 4px;
    font-family: ggsr;
    font-size: 10px;
    z-index: 5
}

.styles_tagCard__UIeRw:after {
    position: absolute;
    content: "";
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 6px solid #c7c9d9;
    border-right: 6px solid transparent
}

.styles_imageCard__1MdYF {
    width: 20%
}

.styles_imageCard__1MdYF .styles_image__MlYyb,.styles_imageCard__1MdYF img {
    width: 100%;
    height: 100%
}

.styles_contentCard__85ewv {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.styles_productName__lC2jC {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    color: #000;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 0;
    margin: 0
}

.styles_cardSubTitle__gGJEL,.styles_productName__lC2jC {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-family: ggsr
}

.styles_cardSubTitle__gGJEL {
    color: #8c8c8c;
    font-size: 10px;
    -webkit-line-clamp: 1
}

.styles_linkCard__i653h a {
    width: 48px;
    color: #1d39c4;
    font-family: ggsr;
    font-size: 14px;
    text-decoration-line: underline
}

.styles_suggestCard__vLv4i {
    width: 100%;
    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #1d39c4;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal
}

.styles_cardPrice__sa87_ {
    color: var(--primary-color);
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 500
}

.styles_portalContainer__uu6eI {
    position: fixed;
    top: 0;
    background-color: #0202026a;
    z-index: 1012;
    width: 100%;
    height: 100%
}

.styles_activeTour__ZXZM3 {
    display: block;
    position: relative;
    z-index: 1020!important;
    background-color: #fff;
    border-radius: 8px;
    height: -moz-fit-content;
    height: fit-content;
    pointer-events: none;
    animation: styles_beautiful__GyZzX .4s linear
}

@keyframes styles_beautiful__GyZzX {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
    pointer-events: all;
    position: absolute;
    color: #fff;
    background-color: #eb9f52;
    font-size: 20px;
    border-radius: 8px;
    width: 310px;
    z-index: 1005;
    padding: 16px 12px
}

.styles_right__ifCAI {
    right: 0;
    top: 0;
    transform: translateX(105%)
}

.styles_left__LqZRN {
    left: 0;
    top: 0;
    transform: translateX(-105%)
}

.styles_bottom__o5und {
    bottom: 0;
    right: 50%;
    transform: translate(50%,110%)
}

.styles_top__NSSG4 {
    bottom: -20px;
    transform: translateY(-110%)
}

.styles_topSticky__NM5_W {
    position: fixed
}

.styles_animationToolTip__VbFjB {
    animation: styles_fadeIn__1JccD .8s ease-in-out
}

.styles_arrow__yBXS8 {
    border: 15px solid transparent;
    border-top-color: #eb9f52;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(180deg) translateX(-50%);
    top: -28px;
    right: 50%
}

@keyframes styles_fadeIn__1JccD {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_back__XEKoT {
    color: #fff
}

.styles_back__XEKoT,.styles_next__CjiE_ {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: ggsr
}

.styles_next__CjiE_ {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    color: #eb9f52;
    width: 111px
}

.styles_groupButton__WvfAD {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

.styles_closeButton__uRN4F {
    position: absolute;
    right: 50px;
    top: 120px
}

.styles_closeButton__uRN4F svg {
    color: #fff;
    font-size: 24px
}

.styles_closeButton__uRN4F span {
    display: flex;
    flex-direction: column;
    color: #fff
}

.styles_closeText__HfNSq {
    font-size: 20px;
    font-weight: 500
}

.styles_footer__gVmEo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

.styles_stepActive__d3fLP {
    font-size: 16px
}

.styles_linerProgress__ccoQ_ {
    position: absolute;
    bottom: -1px;
    left: 0
}

.styles_wrapper__PdYwL {
    position: absolute;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #d9d9d9;
    bottom: -2px;
    right: 0;
    border-radius: 0 0 5px 5px
}

.styles_modal__xBAZH {
    font-family: Inter,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media only screen and (max-width: 1280px) {
    .styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
        font-size:1em
    }

    .styles_modal__xBAZH>* {
        font-family: Inter,sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .styles_back__XEKoT,.styles_closeText__HfNSq,.styles_next__CjiE_,.styles_stepActive__d3fLP {
        font-size: 1em
    }
}

.styles_cardBadges__Ucbc0 {
    width: 100%;
    height: 20px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    gap: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_cardBadges__Ucbc0 a {
    padding: 0
}

.styles_cardBadges__Ucbc0 img {
    max-height: 20px
}

.styles_nearExpiration__0RL_Z {
    display: flex;
    height: 20px;
    padding: 0 4px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #ff4003;
    color: #fff;
    text-align: center;
    font-family: SVN-Internation;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px
}

.styles_card__R7fh2 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 15px 24px 15px 32px;
    border-radius: 0;
    background: #fff;
    border-bottom: 1px solid #ededed;
    box-shadow: unset;
    overflow: unset
}

.styles_card__R7fh2:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.styles_card__R7fh2.styles_outOfStock__eqzuT:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ececec;
    opacity: .5;
    z-index: 10
}

.styles_cardMain__PljwK {
    position: relative;
    display: flex;
    align-items: center;
    height: 90px;
    width: 100%
}

.styles_cardFooter__UhW2w {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.styles_voucherNotApplyContent__qCQvB {
    display: flex;
    justify-content: flex-end;
    gap: 8px
}

.styles_voucherNotApplyContent__qCQvB:hover {
    cursor: pointer
}

.styles_voucherNotApplyContent__qCQvB.styles_isOpenVoucherNotApply__vNl1_ {
    margin-bottom: 8px
}

.styles_isOpenVoucherNotApply__vNl1_ .styles_voucherIcon__D7Ovn {
    transform: rotate(0)
}

.styles_voucherIcon__D7Ovn {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg)
}

.styles_voucherNotApplyTxt__hgExm {
    margin: 0;
    color: #f68500;
    font-family: Inter;
    font-size: 14px;
    mix-blend-mode: multiply
}

.styles_voucherList__83pzR {
    width: 322px;
    background: #ffd099;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 18px;
    margin-left: auto
}

.styles_boxVoucher__yB6jv {
    text-align: center;
    font-size: 12px;
    color: #2f54eb;
    font-family: Inter;
    padding: 2px 8px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 83px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.styles_boxErrorItem__KH0kU {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px
}

.styles_errorMessage__YVPDH {
    color: #f5222d;
    font-family: ggsm;
    font-size: 14px;
    margin: 0
}

.styles_cardWishList__c45Cu {
    --padding-left-card: -32px;
    position: absolute;
    top: 50%;
    left: var(--padding-left-card);
    transform: translate(-50%,-50%);
    width: 28px;
    height: 28px
}

.styles_cardWishList__c45Cu:hover {
    cursor: pointer
}

.styles_cardPrice__Bm_A0 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20.631068%;
    height: 100%;
    padding: 0;
    margin-left: 30px
}

.styles_cardPriceItem__RGJxx {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end
}

.styles_priceTextDiscount__F5k1h {
    font-size: 12px;
    font-family: ggsm;
    color: #000;
    border-radius: 4px;
    height: 16px;
    padding-right: 4px
}

.styles_cardFluctuatedItem__GUC9B {
    width: 18px;
    height: 18px;
    transform: translate(4px,4px)
}

.styles_cardPriceItem__RGJxx:first-child,.styles_cardPriceItem__RGJxx:last-child {
    height: 18px
}

.styles_cardActions__4cb9z {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 26.631068%;
    height: 100%;
    padding: 0;
    margin-left: 30px
}

.styles_cardActions__4cb9z.styles_justifyCenter__ZVbdC {
    justify-content: center
}

.styles_cartEvents__rilD_ {
    width: 6.7961165%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 30px
}

.styles_cardActionsItem__JAjvz {
    width: 100%;
    text-align: center
}

.styles_cardActionsItem__JAjvz:not(:first-child) {
    margin-left: 0
}

.styles_cardErrorMessage__S5Ki8 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    color: red;
    font-family: Inter;
    font-size: 12px
}

.styles_cardErrorMessage__S5Ki8.styles_warning__I9Fqc {
    color: #dc570c
}

.styles_cardActionsItem__JAjvz {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_cardOriginalPrice__F2cmK {
    color: #333;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 14px;
    text-decoration: line-through;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.styles_cardChip__m89pd {
    border-radius: 4px;
    height: 18px;
    background: #e80000;
    padding: 0 4px;
    color: #fff;
    font-family: Inter;
    font-size: 12px
}

.styles_cardChip__m89pd [class*=MuiChip-labelSmall] {
    padding: 0
}

.styles_cardCurrentPrice__U8eC2 {
    color: var(--primary-color);
    font-family: Inter;
    font-size: 24px;
    text-transform: capitalize;
    padding: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    font-weight: 600;
}

.styles_cardNoted__qtjUy {
    width: 100%;
    color: #333;
    text-align: center;
    font-family: Inter;
    font-size: 12px
}

.styles_cardWishList__c45Cu {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_cardErrorMessage__S5Ki8,.styles_cardWishList__c45Cu,.styles_cartTitleNoLink__R4RYp {
    z-index: 11
}

.styles_voucherCollapseWrapper__LNn7f {
    width: 100%
}

.styles_voucherCollapseWrapper__LNn7f [class*=MuiCollapse-wrapperInner] {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_voucherBorderContainer__DTzti [class*=MuiTypography-root] {
    font-size: 12px
}

.styles_voucherBorderContainer__DTzti {
    border-top: .5px solid #2f54eb;
    border-bottom: .5px solid #2f54eb;
    position: relative;
    padding: 0 8px;
    background-color: #fff
}

.styles_voucherBorderDisabledContainer__j__vK {
    border-top: .5px solid #797979;
    border-bottom: .5px solid #797979;
    position: relative;
    padding: 0 4px;
    background-color: #f0f0f0
}

.styles_voucherBorderLeft__aKus3 {
    left: -2px;
    background-image: url(/images/cart/border_left_v2.svg);
    background-position: 0;
    z-index: 100
}

.styles_voucherBorderLeft__aKus3,.styles_voucherBorderRight__GUBXW {
    position: absolute;
    top: -1px;
    width: 20px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: contain
}

.styles_voucherBorderRight__GUBXW {
    right: -2px;
    background-image: url(/images/cart/border_right.svg);
    background-position: 100%
}

.styles_promoCode__LlURK {
    color: #2f54eb
}

.styles_voucherBorderDisabledLeft__b2rbN {
    left: -3px;
    background-image: url(/images/cart/voucher_border_disabled_left.svg);
    background-position: 0
}

.styles_voucherBorderDisabledLeft__b2rbN,.styles_voucherBorderDisabledRight__u3bIh {
    position: absolute;
    top: -1px;
    width: 100%;
    height: 110%;
    background-repeat: no-repeat;
    background-size: contain
}

.styles_voucherBorderDisabledRight__u3bIh {
    right: -3px;
    background-image: url(/images/cart/voucher_border_disabled_right.svg);
    background-position: 100%
}

.styles_contract__as4SR {
    border-radius: 4px;
    background: var(--Blue-Text-Link,#0e1983);
    display: flex;
    height: 18px;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--Neutral-White,#fff);
    text-align: center;
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    transform: translateX(-5px)
}

.styles_substituteCard__80_c1 {
    z-index: 50;
    background-color: #fff;
    margin-top: 1em;
    border-radius: 12px
}

.styles_cardImage__9LN5I {
    height: 100px
}

.styles_cardImage__9LN5I .styles_image__R9hvL,.styles_cardImage__9LN5I img {
    width: 100%;
    height: 100%
}

.styles_cardImage__9LN5I,.styles_cardStore__PJfqT,.styles_cardTitle__OiNzy,.styles_labelImage__rlc3q {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_cardImage__9LN5I,.styles_cardStore__PJfqT,.styles_cardTitle__OiNzy {
    z-index: 11
}

.styles_cardDesc__TRPvz {
    width: 28.3980583%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
    gap: .5em;
    margin-left: 16px
}

.styles_cardStore__PJfqT {
    font-size: 13px;
    height: 16px;
    -webkit-line-clamp: 1
}

.styles_cardStore__PJfqT,.styles_cardTitle__OiNzy {
    font-family: Inter;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.styles_cardTitle__OiNzy {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    color: #000;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    text-transform: capitalize
}

a.styles_cardTitle__OiNzy:hover {
    color: var(--primary-color);
    transition: color .2s
}

.styles_labelImage__rlc3q {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4px);
    margin-right: 2px;
    width: -moz-fit-content;
    width: fit-content
}

.styles_labelImage__rlc3q img {
    max-height: 18px
}

.ComboSuggestion_comboSuggestionContainer__igFyj {
    height: 3.5em;
    overflow: hidden;
    position: relative
}

.ComboSuggestion_comboSuggestion__IfC5W {
    width: 100%;
    position: absolute;
    background: #f0f5ff;
    border-radius: 8px;
    font-family: Inter;
    z-index: 11;
    cursor: pointer;
    visibility: hidden;
    transform: translateY(3.5em);
    transition: transform var(--animation-duration),visibility 0s;
    transition-delay: var(--animation-duration)
}

.ComboSuggestion_comboSuggestion__IfC5W.ComboSuggestion_active__SRJXT {
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
    z-index: 12
}

.ComboSuggestion_suggestionLabel__omAcR {
    background: #fef6f2;
    color: #f36f0b;
    padding: .25rem .5rem;
    border: 1px solid #f36f0b;
    border-radius: .25rem;
    font-size: .75rem;
    white-space: nowrap
}

.ComboSuggestion_suggestionContent__xJra_ {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1
}

.ComboSuggestion_suggestionLink__eQkQy {
    color: #1d39c4
}

.ComboSuggestion_suggestionLink__eQkQy a {
    white-space: nowrap;
    color: #1d39c4;
    text-decoration-line: underline
}

.ComboSuggestion_comboSuggestion__IfC5W .ComboSuggestion_suggestionLinkChevron__YnGhG {
    transition: transform .3s
}

.ComboSuggestion_comboSuggestion__IfC5W:hover .ComboSuggestion_suggestionLinkChevron__YnGhG {
    transform: translateX(2px)
}

.ComboSuggestion_diffPrice__dSVQr {
    color: #f36f0b;
    font-weight: 700
}

.MarkItemAsImportant_cardWishList__eJZ3F {
    --padding-left-card: -32px;
    position: absolute;
    top: 50%;
    left: var(--padding-left-card);
    transform: translate(-50%,-50%);
    width: 28px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 11
}

.MarkItemAsImportant_cardWishList__eJZ3F:hover {
    cursor: pointer
}

.MarkItemAsImportant_customModalNotify__lzKLE [class*=base] {
    width: 100%;
    max-width: unset
}

.MarkItemAsImportant_contentCenter__CNPxS {
    text-align: center;
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-weight: 400
}

.RemoveItemInCart_cartRemove__RraHh {
    width: 18px;
    height: 18px;
    z-index: 11
}

.RemoveItemInCart_cartRemove__RraHh:hover {
    cursor: pointer
}

.RemoveItemInCart_customModalRemoved__Muouw [class*=base] {
    width: 100%;
    max-width: unset
}

.RemoveItemInCart_customModalRemoved__Muouw [class*=actions] {
    flex-direction: row-reverse
}

.RemoveItemInCart_customModalRemoved__Muouw [class*=base]:last-child {
    margin-left: 0;
    margin-right: 8px
}

.RemoveItemInCart_contents__1YIOy {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.RemoveItemInCart_description__8rFrE {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-align: center
}

.RemoveItemInCart_listProduct__hFWPB {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 240px;
    overflow: auto
}

.SelectItem_cartCheckBox__FE9_K [class*=MuiCheckbox-root] {
    padding: 0;
    z-index: 11
}

.SelectItem_cartCheckBox__FE9_K[class*=Mui-checked] {
    color: var(--primary-color)
}

.styles_suggestButton__JgX7R {
    display: flex;
    align-items: center;
    color: #fa8a05;
    font-family: Inter;
    cursor: pointer;
    min-width: 110px;
    justify-content: flex-end
}

.styles_suggestButton__JgX7R svg {
    transition: transform .3s ease-in-out
}

.styles_suggestButton__JgX7R:hover svg {
    transform: translateX(.25rem)
}

.styles_suggestText__Li4Vi {
    color: #fa8a05;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px
}

.styles_suggestVoucherProductButton__5ML3B {
    display: flex;
    align-items: center;
    font-family: Inter;
    cursor: pointer;
    min-width: 110px;
    justify-content: flex-end
}

.styles_suggestVoucherHighProfit__gcg3L {
    background-image: linear-gradient(180deg,#dee0ff,#efebf6 34%,#f5edf0 70%,#ffece1)
}

.styles_suggestProductTextHighProfit__1EmZJ {
    color: #1f1f1f;
    font-family: Inter;
    font-size: 14px
}

.styles_cartErrorItem__1g7NJ {
    display: flex;
    align-items: center;
    padding: 15px 10px
}

.styles_cartErrorItem__1g7NJ+[class*=cartErrorItem] {
    border-top: 1px solid #ededed
}

.styles_cartImage__322Hn {
    width: 76px;
    height: 76px;
    margin-right: 16px
}

.styles_cartContent__1yC3G {
    width: 213px;
    margin-right: 30px
}

.styles_cartDesc__VeJog {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.styles_cartInfo__6mA7r {
    display: flex;
    gap: 4px;
    align-items: center
}

.styles_cartLabel__8hR5T {
    color: #000;
    font-family: ggsr;
    font-size: 14px
}

.styles_cartText__yWunM {
    font-family: Inter;
    font-size: 14px;
    color: #797979
}

.styles_cartText__yWunM.styles_danger__r7HVq {
    color: #f5222d;
    font-family: ggsm;
    font-weight: 500
}

.styles_cartText__yWunM {
    margin: 0
}

.styles_cartTitle__JmMKc {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-family: ggsr;
    line-height: 18px;
    text-transform: capitalize
}

.styles_labelImage__KMzui {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4px);
    margin-right: 2px;
    width: -moz-fit-content;
    width: fit-content
}

.styles_labelImage__KMzui img {
    max-height: 18px
}

.styles_cartInfo__0SA1a {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05);
    padding: 15px;
    margin-top: 42px
}

.styles_cartInfoHeading__XC2KU {
    color: #000;
    font-family: ggsr;
    font-size: 18px;
    text-transform: capitalize;
    margin: 0 0 20px
}

.styles_cartBody__HwEuR,.styles_cartTop__8bSkd {
    padding-bottom: 20px
}

.styles_cartFooter__i6d0j {
    padding-top: 20px
}

.styles_cartBody__HwEuR,.styles_cartTop__8bSkd {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-bottom: 1px dashed silver
}

.styles_cartBody__HwEuR {
    padding-top: 20px
}

.styles_cartFooter__i6d0j {
    display: flex;
    flex-direction: column;
    gap: 20px
}

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

.styles_cartItemLabel__eFnz4 {
    color: #797979;
    font-family: ggsr;
    font-size: 16px
}

.styles_cartItemLabel__eFnz4.styles_bold__72Kns {
    color: #000;
    font-family: ggsm
}

.styles_cartItemNumber__gEPCN {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0
}

.styles_cartItemNumber__gEPCN.styles_primary__LIgRb {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize
}

.styles_cartDiscountInput__FyhpR {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px dashed #e88438;
    background: #fdf3eb
}

.styles_cartDiscountInput__FyhpR:hover {
    cursor: pointer
}

.styles_cartDiscountInputText__k7za6 {
    color: #e88438;
    font-family: ggsr;
    font-size: 14px;
    margin: 0
}

.styles_btnSubmit__gOXLq {
    width: 100%;
    height: 44px;
    padding: 12px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    font-size: 16px;
    font-family: ggsr;
    color: #fff;
    box-shadow: unset
}

.styles_btnSubmit__gOXLq:hover {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    filter: brightness(96%);
    box-shadow: unset
}

.styles_btnSubmit__gOXLq[class*=Mui-disabled] {
    background-color: #f5f5f5
}

.styles_cartDiscountItem__8Ddi3,.styles_cartDiscount__RJYT_ {
    display: flex;
    width: 100%;
    align-items: center
}

.styles_cartDiscountItem__8Ddi3 {
    justify-content: space-between
}

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

.styles_promo_left__YYKqk {
    display: flex;
    align-items: center
}

.styles_cartDiscountIcon__qAHa7 {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.styles_cartDiscountText__Lw6iE {
    font-family: ggsr!important;
    font-size: 16px;
    line-break: anywhere;
    line-height: 20px;
    color: #000
}

.styles_cartDiscountText__Lw6iE.styles_noWrap__8pTB8 {
    width: 70px;
    min-width: 70px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.styles_numberDiscount__1jWWf {
    font-size: 14px;
    font-family: ggsr!important;
    color: #000;
    text-align: right
}

.styles_errorMessage__Lw75q {
    font-size: 12px;
    font-family: ggsr;
    text-align: right;
    padding-left: 1.5rem
}

.styles_button__l7oVR {
    font-size: 20px;
    font-family: ggsm;
    font-weight: 500;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
    min-height: 44px
}

.styles_textQuantityGift__NmHi5 {
    margin-right: 5px;
    font-family: ggsm;
    font-size: 14px;
    color: #797979
}

.styles_dialog__8EcR0 {
    font-family: ggsm;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 12px;
    max-width: 380px
}

.styles_dialogNonPadding__do4pe {
    padding: 0
}

.styles_dialogAction__04kL0 {
    padding: 0;
    display: flex
}

.styles_popupTitle__7dvNH {
    font-family: ggsm;
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

.styles_popupContent__BXkPZ {
    text-align: center;
    font-family: ggsr;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.styles_groupButton__aNQyw {
    font-family: ggsr;
    font-size: 16px;
    line-height: 22px;
    padding: 9px 20px
}

.styles_btnClose__ZlqHQ {
    width: 50%;
    border-radius: 8px;
    background-color: #f5f5f5
}

.styles_btnClose__ZlqHQ:hover {
    background-color: #f5f5f5;
    opacity: .8
}

.styles_btnSubmit__Do1AY {
    background-color: #13aa59;
    color: #fff;
    width: 50%;
    text-transform: none;
    border-radius: 8px
}

.styles_btnSubmit__Do1AY:hover {
    background-color: #13aa59;
    opacity: .8
}

.styles_wrapLoad__koJen {
    flex-direction: column
}

.styles_wrapLoad__koJen,.styles_wrapper__Xmdgo {
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_wrapper__Xmdgo {
    position: relative!important;
    min-height: 5em
}

.styles_progress___u83G {
    color: var(--primary-color);
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -41px;
    margin-left: -40px
}

.styles_dialogPrice_header__je5FH,.styles_priceFluctation_header__bGn95 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.styles_priceFluctation_header__bGn95 {
    width: 100%
}

.styles_dialogContainer__wjz86 {
    padding: 20px;
    border-radius: 8px
}

.styles_btnClose__8XDuF {
    border: 1px solid #d9d9d9;
    color: #8c8c8c;
    background-color: #fff;
    font-size: 16px;
    font-family: ggsm;
    line-height: 20.34px;
    text-transform: capitalize;
    border-radius: 8px;
    padding: 12px 0;
    width: 100%
}

.styles_btnClose__8XDuF[class*=Mui-disabled] {
    border: 1px solid rgba(0,0,0,.26)
}

.styles_btnSubmit__2u8X9 {
    color: #fff;
    font-size: 16px;
    font-family: ggsm;
    line-height: 20px;
    text-transform: unset;
    border-radius: 8px;
    padding: 12px 0;
    width: 100%
}

.styles_btnSubmit__2u8X9,.styles_btnSubmit__2u8X9:hover {
    background-color: var(--primary-color)
}

.styles_groupProduct_container__xYZhA {
    height: -moz-max-content;
    height: max-content;
    position: relative;
    overflow: hidden
}

.styles_groupProduct_container__xYZhA>div {
    padding-right: 12px
}

.styles_groupProduct_container__xYZhA>div:first-child {
    padding: 12px 12px 12px 0
}

.styles_groupProduct_container__xYZhA>div:not(:first-child) {
    border-top: 1px solid #e9e9e9;
    padding: 12px 12px 12px 0
}

.styles_collapsePrice_defaultContainer__R6gwT {
    height: 100%
}

.styles_drawerContainer__qJrKr {
    width: 100%;
    background-color: #f5f5f5;
    height: 100%
}

.styles_drawerWrapper__sYU1w {
    position: relative
}

.styles_drawerPrice_header__KQ7z3 {
    background-color: #fff;
    padding: 20px 15px
}

.styles_drawerDecreasePrice_container__c0deV {
    margin-top: 12px;
    background-color: #fff;
    padding: 11px 15px
}

.styles_collapseFull__Dbd6z {
    height: 100%
}

.styles_popupPriceFooter__kX86o {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 12px 15px;
    background-color: #fff;
    z-index: 1401;
    box-shadow: 0 -2px 8px 0 #0000001f;
    margin-top: auto
}

.styles_popupPriceHeader_cursorPointer__J49RG {
    cursor: pointer
}

.styles_groupBtn_label__smKJC {
    font-family: ggsr!important;
    color: #797979!important;
    font-size: 14px!important;
    -webkit-text-size-adjust: 100%
}

.styles_item_breadcrumb__eYGFd {
    font-family: googlesansmedium!important;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.75;
    text-transform: capitalize;
    max-width: 500px
}

.styles_item_breadcrumb__eYGFd,.styles_last_breadcrumb__c7IQm {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle
}

.styles_last_breadcrumb__c7IQm {
    color: #333!important;
    flex: 1;
    min-width: 0
}

@media (max-width: 476px) {
    .styles_item_breadcrumb__eYGFd {
        font-size:14px
    }
}

.styles_text_area__ay6bm {
    display: block;
    width: 100%;
    height: 111px!important;
    padding: .475rem .75rem;
    line-height: 1.5;
    color: #a2a0a0!important;
    background-color: #fff;
    background-clip: padding-box!important;
    border: 1px solid #dcdbdb!important;
    border-radius: 6px!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    resize: vertical;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize
}

.styles_text_area__ay6bm:focus {
    color: #a2a0a0;
    background-color: #fff;
    border-color: transparent!important;
    outline: 0!important;
    box-shadow: 0 0 0 .2rem rgba(0,180,110,.25)
}

.styles_attentionItem__7nBC5 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05)
}

.styles_isRemoveStyle__yzowF {
    padding: unset;
    border-radius: unset;
    background: unset;
    box-shadow: unset
}

.styles_attentionIcon__Qctnh {
    width: 20px;
    height: 20px
}

.styles_attentionItem__7nBC5.styles_danger__F26gP {
    border: 1.4px solid #f5222d;
    background: #fee9e9
}

.styles_danger__F26gP .styles_attentionText__Jg6dB {
    color: #f5222d
}

.styles_attentionContent__Y3b_H {
    gap: 8px
}

.styles_attentionAction__z0eO5 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.styles_attentionAction__z0eO5:hover {
    cursor: pointer
}

.styles_attentionActionText__ihoHO {
    color: #1b4be5;
    font-family: ggsr;
    font-size: 14px;
    text-decoration-line: underline
}

.styles_attentionContent__Y3b_H {
    display: flex
}

.styles_attentionText__Jg6dB {
    margin: 0;
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    flex: 1
}

.styles_attentionActionIcon__lU6rv {
    width: 16px;
    height: 16px;
    transform: rotate(180deg)
}

.styles_attentionActionIconOpen__hmL_d {
    transform: rotate(0)
}

.styles_attentionLink__HNn7S {
    display: inline-block;
    padding: 0;
    color: #1b4be5;
    font-family: ggsr;
    font-size: 14px;
    text-decoration-line: underline
}

.styles_attentionLink__HNn7S:hover {
    cursor: pointer
}

.styles_card__SDzIZ {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 15px 24px 15px 32px;
    background: #fff;
    box-shadow: unset;
    overflow: unset;
    border-top: 1px solid var(--Functional-color-Stroke-Default,transparent);
    border-radius: 12px 12px 0 0
}

.styles_card__SDzIZ+.styles_card__SDzIZ {
    border-top: 1px solid #ededed
}

.styles_cardMain__frIbd {
    display: flex;
    align-items: center;
    height: 90px;
    width: 100%
}

.styles_cardFooter__nBqgd {
    display: flex;
    justify-content: flex-end;
    color: #f68500;
    text-align: right;
    font-family: ggsm;
    font-size: 14px
}

.styles_cardImage__84OF_ {
    width: 10%;
    height: 88px
}

.styles_cardImage__84OF_ .styles_image__unFoA,.styles_cardImage__84OF_ img {
    width: 100%;
    height: 100%
}

.styles_cardDesc__a_IgE {
    width: 32.9545455%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 6px;
    margin-left: 16px
}

.styles_cardStore__eBZlC {
    font-size: 13px;
    height: 16px;
    -webkit-line-clamp: 1
}

.styles_cardStore__eBZlC,.styles_cardTitle__9JH_r {
    font-family: ggsr;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_cardTitle__9JH_r {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    color: #000;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    text-transform: capitalize
}

.styles_cardBadges__1XeF2 {
    width: 100%;
    height: 20px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    gap: 4px
}

.styles_cardBadges__1XeF2 a {
    padding: 0
}

.styles_cardBadges__1XeF2 img {
    max-height: 20px
}

.styles_cardPrice__oh897 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 22.7272727%;
    height: 100%;
    padding: 0;
    margin-left: 30px
}

.styles_groupText__2OPCN {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 20px
}

.styles_priceDecrease__mS16u,.styles_priceIncrease__Afz61 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px
}

.styles_priceDecrease__mS16u .styles_text__RwNom {
    color: #0e1983;
    font-family: ggsm;
    font-size: 14px;
    margin: 0
}

.styles_priceIncrease__Afz61 .styles_text__RwNom {
    color: #d55d2a;
    font-family: ggsm;
    font-size: 14px;
    margin: 0
}

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

.styles_reasonBox__HNBEx .styles_label__pP_Wg {
    color: #000;
    font-family: ggsr;
    font-size: 12px
}

.styles_reasonBox__HNBEx .styles_text__RwNom {
    color: #797979;
    text-align: right;
    font-family: ggsr;
    font-size: 12px;
    margin: 0
}

.styles_groupText__2OPCN .styles_label__pP_Wg {
    color: #000;
    font-family: ggsr;
    font-size: 16px
}

.styles_groupText__2OPCN .styles_text__RwNom {
    color: var(--primary-color);
    text-align: right;
    font-family: ggsm;
    font-size: 16px;
    margin: 0
}

.styles_groupTextDisable__zr_Zi .styles_label__pP_Wg,.styles_groupTextDisable__zr_Zi .styles_text__RwNom {
    color: #797979;
    font-family: ggsr
}

.styles_cardFluctuatedItem__x3Vkv {
    width: 18px;
    height: 18px;
    transform: translate(4px,4px)
}

.styles_cardPriceItem__JcGzl:first-child,.styles_cardPriceItem__JcGzl:last-child {
    height: 18px
}

.styles_cardActions__D_HxB {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 19.3181818%;
    height: 100%;
    padding: 0;
    margin-left: 30px
}

.styles_cardActions__D_HxB.styles_justifyCenter__AxgKd {
    justify-content: center
}

.styles_cartEvents__1fgXl {
    width: 6.7961165%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 30px
}

.styles_cartRemove__nLHN_ {
    width: 18px;
    height: 18px
}

.styles_cartRemove__nLHN_:hover {
    cursor: pointer
}

.styles_cartCheckBox__Bq_Vm [class*=MuiCheckbox-root] {
    padding: 0
}

.styles_cartCheckBox__Bq_Vm[class*=Mui-checked] {
    color: var(--primary-color)
}

.styles_cardActionsItem__x1_l4 {
    width: 100%;
    text-align: center
}

.styles_cardActionsItem__x1_l4:not(:first-child) {
    margin-left: 0
}

.styles_cardErrorMessage__C1mep {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    color: red;
    text-align: center;
    font-family: ggsr;
    font-size: 12px
}

.styles_cardErrorMessage__C1mep.styles_warning__EbPt_ {
    color: #dc570c
}

.styles_cardActionsItem__x1_l4 {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_cardOriginalPrice__OGEJ2 {
    color: #333;
    text-overflow: ellipsis;
    font-family: ggsr;
    font-size: 14px;
    text-decoration: line-through;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.styles_cardChip__7u83k {
    border-radius: 4px;
    height: 18px;
    background: #e80000;
    padding: 0 4px;
    color: #fff;
    font-family: ggsr;
    font-size: 12px
}

.styles_cardChip__7u83k [class*=MuiChip-labelSmall] {
    padding: 0
}

.styles_cardCurrentPrice__ulCsn {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 24px;
    text-transform: capitalize;
    padding: 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden
}

.styles_cardNoted__SSa6A {
    width: 100%;
    color: #333;
    text-align: center;
    font-family: ggsr;
    font-size: 12px
}

.styles_labelImage__Bghdi {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4px);
    margin-right: 2px;
    width: -moz-fit-content;
    width: fit-content
}

.styles_labelImage__Bghdi img {
    max-height: 18px
}

.styles_cardBadges__1XeF2,.styles_cardImage__84OF_,.styles_cardStore__eBZlC,.styles_cardTitle__9JH_r,.styles_cardWishList__x6hVJ,.styles_labelImage__Bghdi {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_cardErrorMessage__C1mep,.styles_cardWishList__x6hVJ,.styles_cartCheckBox__Bq_Vm [class*=MuiCheckbox-root],.styles_cartRemove__nLHN_ {
    z-index: 11
}

.styles_container__vk7cj {
    display: flex;
    gap: 16px;
    border-top: 2px dashed #d9d9d9;
    padding-top: 12px
}

.styles_leftPlace__B5N_h {
    width: 24%;
    padding-bottom: 12px
}

.styles_title__tEDAp {
    gap: 4px;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0;
    margin-bottom: 12px
}

.styles_title__tEDAp,.styles_viewMore__81zgp {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Functional-color-Text-Link,#1d39c4);
    font-family: Inter-Medium,sans-serif;
    font-style: normal;
    font-weight: 500
}

.styles_viewMore__81zgp {
    height: 36px;
    min-width: 100%;
    padding: 0 16px;
    gap: 8px;
    align-self: stretch;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    border-radius: 8px;
    background: var(--Functional-color-Layer-Blue,#f0f5ff)
}

.styles_rightPlace__Y8_EI {
    width: 75%;
    position: relative;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(49,69,91,.25);
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 12px
}

.styles_name__PDCP4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_cardContainer__kxyQj {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 16px
}

.styles_replaceSticker__A0jUH {
    position: absolute;
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    border-radius: 10px 0 0 0;
    top: -7px;
    left: 0;
    height: 22px;
    padding: 0 8px;
    background-color: var(--primary-color);
    color: var(--Functional-color-Text-White,#fff);
    font-family: Inter,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.styles_replaceSticker__A0jUH:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-right: 6.5px solid transparent;
    border-bottom: 6.5px solid #c7c9d9;
    display: inline-block;
    top: 0;
    right: -6.5px
}

.styles_viewDetail__GaLtd {
    color: var(--Functional-color-Text-Link,#1d39c4);
    text-align: center;
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration-line: underline
}

.styles_content__dzJXv {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 320px
}

.styles_volume__Y9m4F {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--Functional-color-Text-Secondary,#8c8c8c);
    font-family: Inter-Medium,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.styles_itemFlex__6emtd {
    display: flex;
    gap: 16px
}

.styles_attentionList__cHet8 {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 10px 0 16px
}

.styles_attentionItem__e9477 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05)
}

.styles_attentionIcon__98cys {
    width: 20px;
    height: 20px
}

.styles_attentionItem__e9477.styles_danger__tFWMJ {
    border: 1.4px solid #f5222d;
    background: #fee9e9
}

.styles_attentionContent__2Yzsc {
    gap: 8px
}

.styles_attentionAction__jJEVf {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.styles_attentionAction__jJEVf:hover {
    cursor: pointer
}

.styles_attentionActionText__pIwV_ {
    margin: 0;
    color: #1b4be5;
    font-family: ggsr;
    font-size: 14px;
    text-decoration-line: underline
}

.styles_attentionContent__2Yzsc {
    display: flex
}

.styles_attentionText__MYF38 {
    margin: 0;
    color: #000;
    font-family: ggsr;
    font-size: 14px
}

.styles_danger__tFWMJ .styles_attentionText__MYF38 {
    color: #f5222d
}

.styles_attentionActionIcon__mnV1r {
    width: 16px;
    height: 16px;
    transform: rotate(180deg)
}

.styles_attentionActionIconOpen__0EF7C {
    transform: rotate(0)
}

.styles_attentionLink__vUsEO {
    display: inline-block;
    padding: 0;
    color: #1b4be5;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    text-decoration-line: underline
}

.styles_attentionLink__vUsEO:hover {
    cursor: pointer
}

.styles_alertList__AQzMl {
    padding: 16px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05)
}

.styles_alertList__AQzMl [class*=attentionItem]+[class*=attentionItem] {
    margin-top: 12px
}

.styles_fluctuationTitle__N2W8M {
    border-radius: 8px;
    background: #ebf0ff;
    color: #0e1983;
    padding: 8px 12px;
    text-align: center;
    font-family: ggsm;
    margin-bottom: 18px
}

.styles_fluctuationTitle__N2W8M.styles_titleDanger__fmwNJ {
    background: #ffede5;
    color: #d55d2a
}

.styles_fluctuationItem__1XGrT+.styles_fluctuationItem__1XGrT {
    margin-top: 15px
}

.styles_actions__esJP2 {
    width: 100%;
    margin-top: 14px
}

.styles_actionText__xHTcL {
    color: #333;
    text-align: center;
    font-family: ggsr;
    font-size: 16px;
    margin-bottom: 15px
}

.styles_actionText__xHTcL .styles_actionTextBold__NBypV {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 16px
}

.styles_actionButton__YZG_z {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px
}

.styles_actionButton__YZG_z [class*=colorSecondary] {
    font-weight: 500;
    font-family: ggsm
}

.styles_containerCard__nQSyy {
    border-radius: 12px;
    border: 1px solid #d9d9d9;
    padding: 12px;
    margin-bottom: 8px
}

.styles_cartErrorItemSimple__d1cEb {
    display: flex;
    align-items: center
}

.styles_cartErrorItemSimple__d1cEb:not(:last-child) {
    padding-bottom: 8px
}

.styles_cartErrorItemSimple__d1cEb+[class*=cartErrorItemSimple] {
    padding-top: 8px;
    border-top: 1px solid #ededed
}

.styles_cartImage__tDtXS {
    width: 72px;
    height: 72px;
    margin-right: 16px
}

.styles_cartContent__fTi55 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%
}

.styles_cartDesc__7w01M {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.styles_cartText__4gfdt {
    font-family: Inter;
    font-size: 12px;
    color: #797979
}

.styles_cartTextDanger__WXjSC {
    font-size: 13px;
    font-family: Inter;
    font-weight: 400;
    margin: 0;
    color: #f5222d
}

.styles_cartText__4gfdt {
    margin: 0
}

.styles_cartTitle___JoTu {
    margin: 0;
    width: 100%;
    color: #000;
    font-size: 14px;
    font-family: Inter;
    line-height: normal;
    text-transform: capitalize
}

a.styles_cartTitle___JoTu:hover {
    color: var(--primary-color);
    transition: color .2s
}

.styles_labelImage__O3yCV {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4px);
    margin-right: 2px;
    width: -moz-fit-content;
    width: fit-content
}

.styles_labelImage__O3yCV img {
    max-height: 18px
}

.styles_cartErrorTop__iDXlu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px
}

.styles_cartErrorBody__F64Lw {
    padding: 8px 15px 15px
}

.styles_cartErrorText__NMwd3 {
    color: #000;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    margin: 0
}

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

.styles_cartErrorRemove__pa5au:hover {
    cursor: pointer
}

.styles_cartError__xcaR1 {
    margin-top: 16px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05);
    border-radius: 8px;
    background-color: #fff
}

.styles_text_err_notification__827Q0 {
    margin-top: 16px
}

.styles_errorList__U2fx2 {
    list-style: none;
    margin: 0;
    padding: 0
}

.styles_errorList__U2fx2 li {
    color: #f5222d;
    font-family: ggsr;
    font-size: 12px
}

.styles_cartStore__HcADi {
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.05);
    background: #fff
}

.styles_cartStoreTop__0lxo2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border-bottom: 1px solid #ededed
}

.styles_cartStoreTopInfo__1bkfc {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    height: 32px
}

.styles_cartStoreImage__VO14L {
    max-height: 28px
}

.styles_cartStoreImage__VO14L img {
    -o-object-fit: contain;
    object-fit: contain
}

.styles_cartStoreTopAction__uW164 [class*=MuiFormControlLabel-labelPlacementStart] {
    margin-right: 0
}

.styles_cartCheckBox__qXy_f {
    padding: 0 0 0 10px
}

.styles_cartCheckBox__qXy_f[class*=Mui-checked] {
    color: var(--primary-color)
}

.styles_cartStoreHeading__9yeym {
    flex: 1;
    color: #000;
    font-family: ggsm;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.styles_cartStoreFooter__M2vMy {
    display: flex;
    justify-content: flex-end;
    padding: 16px
}

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

.styles_cartSaveMoneyText__Un_DZ {
    color: #333;
    font-family: ggsm;
    font-size: 16px;
    margin: 0
}

.styles_cartSaveMoneyText__Un_DZ.styles_primary__yDbLQ {
    color: var(--primary-color)
}

.styles_isTotalDiscountStore__j7npI [class*=card]:last-child {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset
}

.styles_cartSaveMoneyIcon__exQnd {
    width: 24px;
    height: 24px
}

.styles_cartContainer__uJI18 {
    margin-bottom: 16px;
    margin-top: 16px;
}

.styles_cartAction__yOdw7 {
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 8px 24px
}

.styles_cartActionRight__OVpce,.styles_cartAction__yOdw7 {
    display: flex;
    align-items: center
}

.styles_cartRemoveIcon__q4_Ak {
    width: 17px;
    height: 17px
}

.styles_cartRemoveAll__gUrix {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    border: 1px solid transparent;
    position: relative
}

.styles_cartRemoveAll__gUrix:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #cdcdcd
}

.styles_cartRemoveAll__gUrix:hover {
    cursor: not-allowed
}

.styles_cartRemoveAll__gUrix.styles_outline__E_cox:hover {
    cursor: pointer;
    filter: brightness(99%)
}

.styles_cartRemoveAll__gUrix.styles_outline__E_cox .styles_cartRemoveText__beh15 {
    color: var(--primary-color)
}

.styles_cartCheckBox__TfdlH {
    padding: 0 0 0 10px
}

.styles_cartCheckBox__TfdlH[class*=Mui-checked] {
    color: var(--primary-color)
}

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

.styles_cartSelectAll__3_iRm [class*=MuiCheckbox-root] {
    padding: 0 0 0 10px
}

.styles_cartRemoveText__beh15 {
    margin: 0;
    color: #333;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    height: 17px
}

.styles_cartSelectAll__3_iRm [class*=MuiFormControlLabel-labelPlacementStart] {
    margin-right: 0
}

.styles_cartSelectAll__3_iRm span[class*=MuiTypography-root] {
    margin: 0;
    color: #333;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px
}

.styles_cartActionText__n8puB {
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    margin: 0
}

.styles_cartList__KDbuH {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.styles_customModalNotify__nDC_R [class*=base] {
    width: 100%;
    max-width: 100%
}

.styles_contents__FAQNy {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_description__vuXjP {
    font-family: ggsr;
    font-weight: 400;
    font-size: 16px;
    margin: 0
}

.styles_loadingScreen__83YUt {
    position: relative;
    height: 400px
}

.styles_container__IFsP3 {
    max-width: 1180px;
    margin-bottom: 60px
}

.styles_containerProducts__UtNGA {
    margin: 10px 0 20px
}

.styles_searchWrapper__jxhNy {
    --height-header: 96px;
    position: sticky;
    top: calc(var(--height-header) - 1px);
    z-index: 10;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 16px
}

.styles_containerBreadcrumbs__nzSea {
    margin-top: 6px
}

.styles_listProductV2__5d0rp {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.styles_containerPagination__9kSz_ {
    margin-bottom: 20px
}

.styles_notes__Li8i1 {
    padding: 1rem!important;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 20px rgba(0,0,0,.08)
}

.styles_notes__Li8i1 [class*=text_area] {
    height: 64px!important
}

.styles_notes__Li8i1 [class*=text_area]::-moz-placeholder {
    color: #333!important;
    font-family: ggsm;
    font-size: 14px;
    font-weight: 500
}

.styles_notes__Li8i1 [class*=text_area],.styles_notes__Li8i1 [class*=text_area]::placeholder {
    color: #333!important;
    font-family: ggsm;
    font-size: 14px;
    font-weight: 500
}

.styles_note_title__kjYyO {
    font-weight: 500!important;
    margin-bottom: 8px;
    font-size: 16px
}

.styles_note_content__qKelT {
    color: #000;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 12px
}

.styles_customModalNotify__NKDBH [class*=base],.styles_customModalRemoved__YN_FC [class*=base] {
    width: 100%;
    max-width: 100%
}

.styles_customModalRemoved__YN_FC [class*=actions] {
    flex-direction: row-reverse
}

.styles_customModalRemoved__YN_FC [class*=base]:last-child {
    margin-left: 0;
    margin-right: 8px
}

.styles_contents___czcD {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_description__90lSH {
    color: #000;
    font-size: 16px;
    font-family: ggsr;
    font-weight: 400;
    margin: 0;
    text-align: center
}

.styles_listProduct__oaEkP {
    --height-product: 80px;
    --gap-product: 12px;
    --max-height-product: var(--height-product) * 3;
    --total-gap-product: var(--gap-product) * 3;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: calc(var(--max-height-product) + var(--total-gap-product));
    overflow: auto
}

.styles_product__on6NH {
    display: flex;
    height: 80px;
    gap: 4px
}

.styles_productContent__l9yg5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    gap: 6px
}

.styles_productTitle__nIkio {
    margin: 0;
    color: #000;
    font-family: ggsr;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.styles_sidebarSticky__Kfyvt {
    position: sticky;
    top: 120px
}

.styles_actions__JrWCf {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    width: 100%
}

.styles_topAction__laUpj {
    padding-top: 10px;
    border-top: 1px solid #f1f1f1
}

.styles_topAction__laUpj .styles_text__aOVjI {
    margin: 0;
    width: 100%;
    text-align: center;
    color: #333;
    font-family: ggsr;
    font-size: 16px
}

.styles_topAction__laUpj .styles_textBold__h_Cuc {
    color: #f5222d;
    font-weight: 500;
    font-family: ggsm
}

.styles_bottomAction__QNFou {
    display: flex;
    gap: 8px;
    justify-content: center;
    width: 100%
}

.styles_bottomAction__QNFou [class*=colorSecondary] {
    font-weight: 500;
    font-family: ggsm
}

.styles_emptyCart__nElY6 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px
}

.styles_containerSkeleton__k4SOs {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.styles_customModalRemoved__YN_FC [class*=content] {
    font-family: ggsr;
    font-weight: 400;
    font-size: 16px;
    color: #000
}

.styles_divider__yXFcj,.styles_wrapperContainer__nmpKM {
    margin-top: 30px
}


.MuiFormControlLabel-root {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-left: -11px;
  margin-right: 16px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
.MuiFormControlLabel-root.Mui-disabled {
  cursor: default;
}
.MuiFormControlLabel-labelPlacementStart {
  margin-left: 16px;
  margin-right: -11px;
  flex-direction: row-reverse;
}
.MuiFormControlLabel-labelPlacementTop {
  margin-left: 16px;
  flex-direction: column-reverse;
}
.MuiFormControlLabel-labelPlacementBottom {
  margin-left: 16px;
  flex-direction: column;
}
.MuiFormControlLabel-label.Mui-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.jss1 {
  /* padding: 9px; */
}
.jss4 {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute;
}
.css-4r1lgk {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background-color: rgb(253, 245, 233);
    padding: 12px 8px;
    border-radius: 8px;
}
.css-8ndowl {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}
.styles_modalContainer__Sdvdc {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px !important;
    margin: 0 auto !important;
}
.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}


.MuiGrid-root.styles_confirm_modal_wrap__q6yk7 {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    border-radius: 12px;
    background: #fff;
    font-family: inherit;
    font-size: 16px;
    outline: 0;
    padding: 0;
    min-width: 304px;
}

@media (orientation: landscape) {
    .MuiGrid-root.styles_confirm_modal_wrap__q6yk7 {
        min-height: 55vh;
    }
}

.styles_modal_title__Tpult {
    display: flex;
    padding: 16px 20px 12px;
}

.css-n6fgso {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 20px;
    gap: 12px;
    background-color: rgb(245, 245, 245);
}
.styles_notifySelectVoucher__DIGpC {
    color: #2f54eb;
    padding: 8px 12px;
    background-color: #f0f5ff;
    border: 1px solid #2f54eb;
    font-family: ggsm;
    font-size: 14px;
    margin-top: -1px;
    border-radius: 4px;
}
.MuiFormControl-root.MuiTextField-root.styles_inputSearchVoucher__8IG7n{
    padding: 0 4px 0 0;
    height: 40px;
    border-radius: 4px;
}
.styles_coupon_list_wrapper__bgnqH {
    background-color: #fff;
    margin-top: 0;
    padding: 0;
    max-height: 55vh;
    overflow: hidden;
    overflow-y: auto;
    min-height: 55vh;
}
.styles_sectionVoucher_title__vXIVr {
    padding: 12px 20px 16px;
    font-family: ggsm;
    color: #000;
    width: 100%;
}

.styles_voucherList_container__mD4a1 {
    padding: 0 20px;
    padding-bottom: 12px;
    max-width: 575px;
    width: 100%;
}

.styles_modal_footer__MPe6I {
    height: 60px;
    background-color: #fff;
    padding: 12px 20px;
    display: flex;
    box-shadow: 0 0 4px -2px #0000000f, 0 0 8px -2px #0000001a;
    align-items: center;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.jss234 {
    top: 0;
    left: 0;
    width: 100%;
    cursor: inherit;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute;
}

.styles_modalButtonClose__eQOiz, .styles_modalButtonClose__eQOiz:active, .styles_modalButtonClose__eQOiz:focus, .styles_modalButtonClose__eQOiz:hover {
    background-color: var(--primary-color);
}

.styles_modalButtonClose__eQOiz {
    color: #fff;
    padding: 11px 0;
    min-width: 140px;
    margin-left: auto;
    font-family: ggsm;
    line-height: 17.8px;
    text-transform: none;
}
.styles_voucherContent_title__W0Q3Z {
    font-size: 18px;
    color: #ff6a34;
    font-family: ggsm;
    font-weight: 700;
    line-height: 24px;
}
.MuiTypography-noWrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1199px) {
    .ctrl-mobile-total {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 21;
        width: 100%;
        padding: 0 !important;
        max-width: 100%;
        flex-basis: 100%;
    }
    .styles_cartInfo__0SA1a {
        margin-top: 0;
    }
    .styles_cartInfoHeading__XC2KU {
        display: none;
    }
    .styles_cartFooter__i6d0j {
        flex-direction: row;
        justify-content: space-between;
    }
    .styles_large__aTxqv {
        min-width: 120px;
    }
    .styles_button__l7oVR {
        font-size: 16px;
        min-height: 28px;
    }
    .styles_cartItem__9XQUj {
        gap: 8px;
    }
    .styles_cartFooter__i6d0j {
        padding-top: 4px;
    }
    .styles_cartBody__HwEuR {
        padding-top: 4px;
    }
    .styles_cartBody__HwEuR, .styles_cartTop__8bSkd {
        padding-bottom: 4px;
    }
    .styles_cartAction__yOdw7 {
        padding: 8px 8px 8px 0;
    }
    .styles_cartStoreTop__0lxo2 {
        padding: 12px 16px;
    }
    .styles_card__R7fh2 {
        padding: 12px;
    }
    .styles_cardMain__PljwK {
        flex-direction: column;
        gap: 12px;
        height: auto;
    }
    .styles_cardDesc__TRPvz {
        width: 100%;
        margin-left: 0;
    }
    .styles_cardPrice__Bm_A0 {
        width: 100%;
        margin-left: 0;
        align-items: flex-start;
        gap: 8px;
    }
    .styles_cardActions__4cb9z {
        width: 100%;
        margin-left: 0;
    }
    .styles_cartEvents__rilD_ {
        width: 100%;
        gap: 24px;
        margin-left: 0;
        justify-content: center;
    }
    .mobile-padding-0 {
        padding: 0 !important;
    }
    .mobile-pb-230 {
        padding-bottom: 220px !important;
    }
}

.styles_root__Bo4EW {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--neutral-line, #e9e9e9);
    background: var(--neutral-white, #fff);
}

.styles_payment_grid__kN77N {
    flex-wrap: unset;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.styles_title__jiXAZ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #000;
    margin: 0;
    font-weight: 500 !important;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}

.styles_add_new_button__2VFAd {
    color: var(--primary-color);
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: inherit;
    padding: 0;
    min-width: auto;
}
.styles_groupInfo__WP9N1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.styles_item__HGoUe {
    display: inline-flex;
    gap: 12px;
    align-items: flex-end;
}
.styles_item__HGoUe h6 {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-break: break-word;
}

.styles_root__o8ek_ {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e9e9e9;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.css-1qm1lh {
    margin-bottom: 16px;
}
.styles_title__Y0M1E {
    margin: 0;
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.MuiTableContainer-root {
    width: 100%;
    overflow-x: auto;
}
.MuiTable-root {
    width: 100%;
    display: table;
    border-spacing: 0;
    border-collapse: collapse;
}
.MuiTableBody-root {
    display: table-row-group;
}
.MuiTableRow-root {
    color: inherit;
    display: table-row;
    outline: 0;
    vertical-align: middle;
}
.styles_cartItemsTable__HT5Rb td:last-child {
    padding-right: 0;
}
.styles_cartItemsTable__HT5Rb td:first-child {
    padding-left: 0;
}
.MuiTableCell-sizeSmall {
    padding: 6px 24px 6px 16px;
}
.MuiTableCell-body {
    color: rgba(0, 0, 0, 0.87);
}
.css-j0ozid {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}
.styles_sellerImage___lZqP {
    min-width: 28px;
    max-height: 28px;
}
.css-i9gxme {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.styles_sellerName__PC1wP {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.styles_header__UfJLh {
    color: #6c6c6c;
}
.css-epvm6 {
    white-space: nowrap;
}
.styles_cartItemsTable__HT5Rb td:first-child {
    padding-left: 0;
}
.styles_dashBorder__uLpxz td {
    border-bottom: 1px dashed #d9d9d9;
}
.MuiTableCell-root {
    display: table-cell;
    font-size: 0.875rem;
    text-align: left;
    font-family: ggsr, sans-serif;
    font-weight: 400;
    line-height: 1.43;
    vertical-align: inherit;
}
.styles_lastBorder__U_ghb td {
    border-bottom: 2px solid #d9d9d9;
}
.MuiTableCell-alignCenter {
    text-align: center;
}
.MuiTableCell-alignRight {
    text-align: right;
    flex-direction: row-reverse;
}
.styles_justifyContentEnd__yd1n7 {
    justify-content: end;
}
.css-qq9c22 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 16px;
}
.styles_seeAll__ilpDo {
    color: #1b4be5;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
}
.MuiDialogTitle-root {
    flex: 0 0 auto;
    margin: 0;
    padding: 16px 24px;
}
.css-69i1ev {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.MuiDialogContent-root {
  flex: 1 1 auto;
  padding: 8px 24px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.MuiDialogContent-root:first-child {
  padding-top: 20px;
}
.MuiDialogContent-dividers {
  padding: 16px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.styles_root__NL0Ar {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #e9e9e9;
    background: #fff;
}
.styles_title__c9FhR {
    margin: 0;
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.styles_root__NL0Ar [class*=active_delivery] {
    border: 1px solid var(--neutral-line-field, var(--primary-color)) !important;
    background: #f8fdfb !important;
}
.styles_root__NL0Ar [class*=MuiFormControlLabel-root] {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 6px;
    border: 1px solid var(--green-primary-button, #e9e9e9);
    background: var(--neutral-white, #fff);
    margin: 0;
}
.styles_checkbox_color__I_LkQ {
    color: var(--primary-color) !important;
    padding: 0;
}
.jss5 {
    display: flex;
    position: relative;
}
.jss6 {
    left: 0;
    position: absolute;
}
.jss5.jss7 .jss6 {
    transform: scale(1);
    transition: transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.styles_colLeft__bTpDB {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}
.styles_fw500__l1726 {
    color: var(--neutral-text, #000);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.styles_checkout_description__lyJea {
    color: var(--neutral-decription, #797979);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.styles_root__NL0Ar [class*=MuiFormGroup-root] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.styles_root__NL0Ar [class*=MuiFormControl-root], .styles_root__NL0Ar [class*=MuiTypography-body1] {
    width: 100%;
}
.styles_boxSplitOrder__fNveK {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    font-weight: 500 !important;
    border-radius: 6px;
    background: #ebeffa;
}
.MuiAlert-standardInfo {
    color: rgb(9, 57, 102);
}
.styles_boxSplitOrder__fNveK [class*=MuiGrid-container] {
    gap: 12px;
}
.styles_info__HNFD6 h6, .styles_textLeft__QPuss {
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.styles_info__HNFD6 h6 {
    color: #000;
}
.styles_textSplitOrder__s_9Qk [class*=MuiFormControlLabel-root] {
    margin: 0;
    padding: 0;
    background: initial;
    border: none;
    gap: initial;
    border-radius: initial;
}
.styles_rowInfo__e2Y4E {
    display: flex;
    align-items: center;
}
.styles_root__NL0Ar [class*=MuiFormControl-root], .styles_root__NL0Ar [class*=MuiTypography-body1] {
    width: 100%;
}
.styles_checkbox__zxnw5 {
    color: var(--primary-color) !important;
    padding: 0;
}
.styles_textSplitOrder__s_9Qk [class*=MuiTypography-body1] {
    color: var(--neutral-text, #000);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 12px;
}
.styles_root__PnlWX {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
    gap: 20px;
    border: 1px solid #e9e9e9;
    border-radius: 12px !important;
}
.styles_boxTitle__EihvK {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.styles_title__WsbwW {
    margin: 0;
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.styles_boxTitle__EihvK .styles_decs___uINl {
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.styles_root__PnlWX [class*=MuiFormControl-root] {
    display: flex;
    gap: 16px;
}
.styles_paymentMethodsGrid__ay1iS {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
input[type='radio'], input[type='checkbox'] {
    box-sizing: border-box;
    padding: 0;
}
.styles_root__PnlWX [class*=MuiFormGroup-root] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-direction: row;
}
.styles_fieldset__BqASy [class*=MuiFormControlLabel-root] {
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 6px;
    padding: 12px 16px;
    border: 1px solid var(--neutral-line-field, #dcdbdb);
    background: var(--neutral-white, #fff);
    margin: 0;
    gap: 16px;
    height: 74px;
}
.styles_noncheckbox_color__HYKWr {
    color: #a2a0a0 !important;
    padding: 0;
}
.jss6 {
    left: 0;
    position: absolute;
    transform: scale(0);
    transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
}
.styles_fw500__Ev_4_ {
    color: var(--neutral-text, #000);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.styles_subTitle__J5Agn {
    color: var(--neutral-decription, #797979);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.css-1c1kq07 {
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
}
.styles_fieldset__BqASy [class*=active_payment] {
    border: 1px solid var(--primary-color);
    background: linear-gradient(0deg, #f8fdfb, #f8fdfb), #fff;
}
.styles_checkbox_color__KTpvK {
    color: var(--primary-color) !important;
    padding: 0;
}
.css-5geqnf {
    display: flex;
    gap: 4px;
}
.css-1enwbvd {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    flex-grow: 1;
    gap: 4px;
}
.styles_colNote__OTG6C {
    padding: 20px;
    gap: 20px;
    align-self: stretch;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
}
.styles_colNote__OTG6C, .styles_itemLeft__fZHT_ {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.MuiPaper-elevation0 {
    box-shadow: none;
}
.styles_colNote__OTG6C h4 {
    margin: 0;
    color: var(--neutral-text, #000);
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.styles_colNote__OTG6C p {
    color: #797979;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.styles_wMax__iGEzJ {
    width: 100%;
}
.styles_title__S616r h2 {
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.styles_address_dialog__cp8hp [class*=MuiDialogContent-root] {
    padding: 0;
    overflow: hidden;
}
.styles_deliveryCardList__vFEBY {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.styles_formContainer___MbmL {
    display: flex;
    gap: 16px;
    flex-direction: column;
    overflow-y: auto;
    max-height: 430px;
    transition: all .5s;
}
.styles_formContainer___MbmL[class*=MuiGrid-root] {
    padding: 0 24px 16px;
    margin-top: 16px;
}
.styles_formContainer___MbmL {
    max-height: 40vh;
}
.styles_radioGroupSelect__M0coO {
    border-radius: 4px;
    border: 1px solid var(--green-primary-button, var(--primary-color));
    background: #f8fdfb;
    overflow-y: auto;
}
.styles_radioGroup__BV60H {
    display: flex;
    gap: 12px;
}
.styles_radioGroupSelect__M0coO [class*=MuiFormControlLabel-root] {
    background-color: #f8fdfb;
}
.styles_radioGroup__BV60H [class*=MuiFormControlLabel-root] {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--neutral-line, #e9e9e9);
    background-color: #fff;
    margin: 0;
}
.styles_checkbox__gzU9V {
    color: var(--primary-color) !important;
}
.styles_radioGroup__BV60H [class*=MuiTypography-body1] {
    flex: 1;
}
.styles_groupInfo__z1wHS {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}
.styles_colInfoShip__NciP7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.styles_item__5pnGA {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    white-space: wrap;
    word-break: break-word;
}
.styles_text__vtQbd, .styles_title__h1tN8 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}
.styles_title__h1tN8 {
    font-family: ggsm;
    font-weight: 500;
}
.styles_isDefault__DAWTE {
    display: flex;
    padding: 2px 4px;
    align-items: center;
    gap: 8px;
    border-radius: 2px;
    border: 1px solid #e88438;
}
.styles_isDefault__DAWTE h6 {
    color: #e88438;
    text-align: center;
    font-family: ggsr;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.styles_textEdit__iMHSw {
    color: var(--primary-color, #E3352C);
    text-align: center;
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    min-width: auto;
}
.styles_radioGroupSelect__M0coO [class*=MuiFormControlLabel-root] {
    background-color: #f8fdfb;
}
.styles_buttonAddmoreWrapper__9UvDt {
    padding: 0 24px;
}
.styles_card__9H3QU {
    padding: 12px 16px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--neutral-line-field, #dcdbdb);
    background: var(--neutral-white, #fff);
    width: 100%;
    color: var(--primary-color);
}
.styles_add_icon_column__LUhdp, .styles_card__9H3QU {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.styles_add_icon_row__Xl49q span, .styles_textAdd__SB4kV {
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.styles_auth_modal_content_checkout__UhpEG {
    position: relative;
    background: #fff;
    outline: 0;
    overflow: hidden auto;
    padding: 24px;
    border-radius: 12px;
}
.styles_img_container__tyMor {
    border: 1px solid #dcdbdb;
    border-radius: 7px;
    height: 86px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_text_product_name__KHDFa {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #000
}

.styles_text_product_name__KHDFa:hover {
    color: var(--primary-color)!important;
    transition: color .2s
}

.styles_text_product_quantity__QQzsv {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--primary-color)
}

.styles_text_product_err__9vwjb {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #d01010
}

.styles_link__MZXJp {
    display: inline!important;
    padding: 0!important
}

.styles_modal_wrapper__ebZ5l {
    width: 502px;
    background: #fff;
    border-radius: 20px;
    border: none;
    padding: 20px
}

.styles_modal_mobile_wrapper__2zjZ8 {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    border: none;
    padding: 10px
}

.styles_warning_icon__sD2_w {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.styles_text_icon__vlSSv {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.styles_btn_cancel__tHSUr {
    width: 188px;
    padding: 12px;
    background: #fff;
    border: 1px solid #219653;
    border-radius: 30px
}

.styles_btn_cancel__tHSUr span {
    text-transform: uppercase;
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #219653
}

.styles_btn_ok__7KRMT {
    width: 188px;
    padding: 12px;
    background: #219653;
    border-radius: 30px
}

.styles_btn_ok__7KRMT:hover {
    background: #055628
}

.styles_btn_ok__7KRMT span {
    text-transform: uppercase;
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.styles_text_title__1zNVV {
    font-family: ggsr;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
    color: #000
}

.styles_btn_ok_mobile__CMCQ_ {
    padding: 4px;
    width: 190px;
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    display: flex;
    justify-content: space-evenly;
    filter: invert(38%) sepia(100%) saturate(6214%) hue-rotate(150deg) brightness(96%) contrast(93%)!important
}

.styles_btn_ok_mobile__CMCQ_ span {
    font-family: ggsr;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: var(--primary-color)
}

.styles_text_top_mobile__uiqhB {
    font-family: ggsr;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #d01010
}

.styles_btn_ic_close__W99e8 {
    position: absolute;
    top: -14px;
    right: -11px
}

.styles_btn_ic_close__W99e8 img {
    filter: invert(38%) sepia(100%) saturate(6214%) hue-rotate(150deg) brightness(96%) contrast(93%)!important
}

.styles_icon_close__p_9Wb {
    color: silver;
    size: 12px
}

.styles_dialog__8EcR0 {
    font-family: ggsm;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 12px;
    max-width: 380px
}

.styles_dialogNonPadding__do4pe {
    padding: 0
}

.styles_dialogAction__04kL0 {
    padding: 0;
    display: flex
}

.styles_popupTitle__7dvNH {
    font-family: ggsm;
    font-size: 20px;
    line-height: 28px;
    text-align: center
}

.styles_popupContent__BXkPZ {
    text-align: center;
    font-family: ggsr;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.styles_groupButton__aNQyw {
    font-family: ggsr;
    font-size: 16px;
    line-height: 22px;
    padding: 9px 20px
}

.styles_btnClose__ZlqHQ {
    width: 50%;
    border-radius: 8px;
    background-color: #f5f5f5
}

.styles_btnClose__ZlqHQ:hover {
    background-color: #f5f5f5;
    opacity: .8
}

.styles_btnSubmit__Do1AY {
    background-color: #13aa59;
    color: #fff;
    width: 50%;
    text-transform: none;
    border-radius: 8px
}

.styles_btnSubmit__Do1AY:hover {
    background-color: #13aa59;
    opacity: .8
}

.styles_portalContainer__uu6eI {
    position: fixed;
    top: 0;
    background-color: #0202026a;
    z-index: 1012;
    width: 100%;
    height: 100%
}

.styles_activeTour__ZXZM3 {
    display: block;
    position: relative;
    z-index: 1020!important;
    background-color: #fff;
    border-radius: 8px;
    height: -moz-fit-content;
    height: fit-content;
    pointer-events: none;
    animation: styles_beautiful__GyZzX .4s linear
}

@keyframes styles_beautiful__GyZzX {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
    pointer-events: all;
    position: absolute;
    color: #fff;
    background-color: #eb9f52;
    font-size: 20px;
    border-radius: 8px;
    width: 310px;
    z-index: 1005;
    padding: 16px 12px
}

.styles_right__ifCAI {
    right: 0;
    top: 0;
    transform: translateX(105%)
}

.styles_left__LqZRN {
    left: 0;
    top: 0;
    transform: translateX(-105%)
}

.styles_bottom__o5und {
    bottom: 0;
    right: 50%;
    transform: translate(50%,110%)
}

.styles_top__NSSG4 {
    bottom: -20px;
    transform: translateY(-110%)
}

.styles_topSticky__NM5_W {
    position: fixed
}

.styles_animationToolTip__VbFjB {
    animation: styles_fadeIn__1JccD .8s ease-in-out
}

.styles_arrow__yBXS8 {
    border: 15px solid transparent;
    border-top-color: #eb9f52;
    width: 0;
    height: 0;
    position: absolute;
    transform: rotate(180deg) translateX(-50%);
    top: -28px;
    right: 50%
}

@keyframes styles_fadeIn__1JccD {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.styles_back__XEKoT {
    color: #fff
}

.styles_back__XEKoT,.styles_next__CjiE_ {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: ggsr
}

.styles_next__CjiE_ {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    color: #eb9f52;
    width: 111px
}

.styles_groupButton__WvfAD {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px
}

.styles_closeButton__uRN4F {
    position: absolute;
    right: 50px;
    top: 120px
}

.styles_closeButton__uRN4F svg {
    color: #fff;
    font-size: 24px
}

.styles_closeButton__uRN4F span {
    display: flex;
    flex-direction: column;
    color: #fff
}

.styles_closeText__HfNSq {
    font-size: 20px;
    font-weight: 500
}

.styles_footer__gVmEo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

.styles_stepActive__d3fLP {
    font-size: 16px
}

.styles_linerProgress__ccoQ_ {
    position: absolute;
    bottom: -1px;
    left: 0
}

.styles_wrapper__PdYwL {
    position: absolute;
    width: 100%;
    height: 8px;
    overflow: hidden;
    background-color: #d9d9d9;
    bottom: -2px;
    right: 0;
    border-radius: 0 0 5px 5px
}

.styles_modal__xBAZH {
    font-family: Inter,sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media only screen and (max-width: 1280px) {
    .styles_bottom__o5und,.styles_left__LqZRN,.styles_right__ifCAI,.styles_topSticky__NM5_W,.styles_top__NSSG4 {
        font-size:1em
    }

    .styles_modal__xBAZH>* {
        font-family: Inter,sans-serif;
        font-size: 1em;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .styles_back__XEKoT,.styles_closeText__HfNSq,.styles_next__CjiE_,.styles_stepActive__d3fLP {
        font-size: 1em
    }
}

.styles_root__o8ek_ {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e9e9e9;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: column
}

.styles_title__Y0M1E {
    margin: 0;
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-weight: 500;
    line-height: normal
}

.styles_guideContainer__7YLTK {
    height: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: flex-start
}

.styles_cartItemsTable__HT5Rb td:first-child {
    padding-left: 0
}

.styles_cartItemsTable__HT5Rb td:last-child {
    padding-right: 0
}

.styles_sellerImage___lZqP {
    min-width: 28px;
    max-height: 28px
}

.styles_sellerImage___lZqP img {
    -o-object-fit: contain;
    object-fit: contain
}

.styles_sellerName__PC1wP {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.styles_header__UfJLh {
    color: #6c6c6c
}

.styles_noBorder__bNo5B td {
    border-bottom: none
}

.styles_dashBorder__uLpxz td {
    border-bottom: 1px dashed #d9d9d9
}

.styles_lastBorder__U_ghb td {
    border-bottom: 2px solid #d9d9d9
}

.styles_justifyContentEnd__yd1n7 {
    justify-content: end
}

.styles_seeAll__ilpDo {
    color: #1b4be5;
    font-family: ggsm;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer
}

.styles_seeAll__ilpDo:hover {
    text-decoration: underline
}

.styles_close__UduPr {
    color: #8f8f8f;
    cursor: pointer
}

.styles_close__UduPr:hover {
    color: #000
}

.styles_productImage__7FaA6 {
    position: relative;
    border-radius: 6px;
    background: #fff;
    display: inline-flex;
    align-items: center
}

.styles_productImage__7FaA6 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.styles_productImage__7FaA6,.styles_productName__FVRI6 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.styles_productName__FVRI6 {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-style: normal;
    line-height: 18px;
    text-transform: capitalize;
    font-family: ggsr
}

.styles_container__9cc9W {
    width: 100%;
    background: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    border-radius: 12px
}

.styles_content__ZyEb2 {
    padding: 19px 0
}

.styles_text_err_notification__EVbVf {
    font-family: ggsr;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #80191f
}

.styles_text_total_style__V8Tve {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    color: #636363
}

.styles_img_container__q0v_U {
    border: 1px solid #dcdbdb;
    border-radius: 7px;
    height: 86px;
    width: 86px;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_text_product_name__c82xl {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #000
}

.styles_text_product_quantity__6w5xy {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--primary-color)
}

.styles_text_product_err__JDQl2 {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #d01010
}

.styles_scroll_y__eAGjY {
    overflow-y: scroll
}

.styles_dialog__sLwuc [class*=MuiDialog-paper][class*=MuiPaper-rounded] {
    border-radius: 12px
}

.styles_dialog__sLwuc [class*=MuiBackdrop-root] {
    background-color: rgba(0,0,0,.2)
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthXs] {
    max-width: 380px
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthMd] {
    max-width: 698px
}

.styles_dialog__sLwuc [class*=MuiDialog-paperWidthLg] {
    max-width: 928px
}

.styles_headerDialog__eP0xR {
    display: flex;
    justify-content: space-between;
    padding: 15px 24px 12px
}

.styles_headerDialog__eP0xR.styles_isTitleCenter__udrAM {
    justify-content: center
}

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

.styles_iconInner__fpTRA:hover {
    cursor: pointer
}

.styles_title__iDbGS {
    padding: 0;
    color: #000;
    font-family: ggsm;
    font-size: 20px
}

.styles_closeText__o_q3O {
    margin: 0;
    color: #797979;
    font-family: ggsm;
    font-size: 18px
}

.styles_title__iDbGS.styles_isTitleCenter__udrAM {
    display: flex;
    justify-content: center
}

.styles_title__iDbGS [class*=MuiTypography-h6] {
    color: #000;
    font-family: ggsm;
    font-size: 20px
}

.styles_subTitle__JFJmi[class*=MuiDialogTitle-root] {
    padding: 0 20px 15px
}

.styles_subTitle__JFJmi [class*=MuiTypography-h6] {
    color: #333;
    font-family: ggsm;
    font-weight: 500;
    font-size: 16px
}

.styles_content__XFqhI {
    padding: 0 24px 12px
}

.styles_actions__TKot9 {
    padding: 0 24px 20px;
    gap: 1em;
    justify-content: center
}

.style_confirm_modal_wrap__ZgmeA {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0
}

.style_btn___MgGl {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 16px!important;
    line-height: 1.5;
    border-radius: 50px!important;
    transition: color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s
}

.style_outlined_btn__B9iEy {
    color: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important
}

.style_brown_btn__uRHWa,.style_outlined_btn__B9iEy {
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_brown_btn__uRHWa {
    color: #fff!important;
    background: #facea8!important;
    border: 1px solid #facea8!important
}

.style_brown_btn__uRHWa:hover {
    background: #fff!important;
    color: #facea8!important
}

.style_fill_btn__op2rZ {
    color: #fff!important;
    background-color: var(--primary-color)!important
}

.style_fill_btn__op2rZ,.style_fill_btn__op2rZ:hover {
    border: 1px solid var(--primary-color)!important;
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_fill_btn__op2rZ:hover {
    background: #fff!important;
    color: var(--primary-color)!important
}

.style_warning_icon__J42_2 {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.style_text_icon__Ooxdl {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.style_modal_title__2G9R7 {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em!important;
    padding: 0;
    color: #595959;
    font-size: 1.875em!important;
    font-weight: 600!important;
    text-align: center;
    text-transform: none;
    font-family: ggsm
}

.style_modal_content__KTErm {
    font-family: ggsr;
    color: #545454!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    text-align: center
}

.style_defaultBtn__mZIUX {
    background-color: #a9a9a9!important;
    color: #fff!important
}

.style_defaultBtn__mZIUX:hover {
    background-color: gray!important;
    color: #fff!important
}

.style_font_gg__R9o9V {
    font-family: ggsm!important
}

.style_size_icon_welcomeBack__C0zdX {
    font-size: 60px
}

.style_size_icon_welcomeBackMobile__9cRwx {
    font-size: 40px
}

.style_confirm_modal_wrap_welcomeBackMobile__gLA3r {
    width: 300px
}

.style_confirm_modal_wrap_welcomeBack__t8I3N {
    width: 547px
}

@keyframes style_slide-up__93Iyk {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.style_slide_up_animation__mtCe_ {
    animation: style_slide-up__93Iyk 1s;
    animation-fill-mode: both
}

.styles_auth_modal_content__PvVG_ {
    padding: 40px;
    box-shadow: 0 2px 16px rgba(0,0,0,.05);
    height: 100%;
    display: flex;
    flex-direction: column
}

.styles_auth_modal_content__PvVG_,.styles_auth_modal_content_checkout__wElRp {
    position: relative;
    background: #fff;
    outline: 0;
    overflow: hidden auto;
    border-radius: 12px
}

.styles_auth_modal_content_checkout__wElRp {
    width: 100%;
    padding: 24px
}

.styles_auth_modal_header__kRp9r {
    width: 100%;
    padding-bottom: 16px
}

.styles_auth_modal_title__rXe5Q {
    color: #000;
    font-size: 1.25rem;
    text-transform: capitalize;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%
}

.styles_auth_modal_close__FhiYT {
    background-color: transparent;
    border: 0;
    color: #afafaf
}

.styles_hiddenClose__7srCw {
    display: none
}

.styles_errorText__vdBV2 {
    padding: 8px 12px;
    background: #ffddd6;
    border-radius: 8px;
    color: #d4323b;
    font-family: googlesansregular
}

.styles_errorText__vdBV2 strong {
    color: #810000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_form_sign_up__2AyyJ form {
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 16px
}

.styles_input__EYLUj {
    width: 100%;
    margin: 0;
    height: 45px
}

.styles_inputDiffCheckout__7mAfQ {
    height: auto
}

.styles_inputDiffCheckout__7mAfQ [class*=MuiFilledInput-inputMultiline] {
    padding-top: 27px;
    margin-bottom: 10px
}

.styles_input__EYLUj [class*=MuiFilledInput]:focus-within {
    box-shadow: none
}

.styles_input__EYLUj ::-moz-placeholder {
    color: #797979;
    font-size: 16px
}

.styles_input__EYLUj ::placeholder {
    color: #797979;
    font-size: 16px
}

.styles_input__EYLUj [class*=MuiFilledInput-input]::-moz-placeholder {
    opacity: 1
}

.styles_input__EYLUj [class*=MuiFilledInput-input]::placeholder {
    opacity: 1
}

.styles_textError__V1TeQ {
    color: red;
    font-family: googlesansregular;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: .25em;
    padding-top: .25em
}

.styles_iconError__Qm_ie {
    font-size: 16px
}

.styles_textRequired__4p7OM {
    color: red
}

.styles_slideLeft__tDHbv {
    animation: styles_slide-left__7t8IP .3s
}

.styles_buttonsAction__oSPG4 {
    display: inline-flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    gap: 16px;
    margin-top: 28px
}

@keyframes styles_slide-right__cpbTS {
    0% {
        opacity: .5;
        transform: translateX(-50%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes styles_slide-left__7t8IP {
    0% {
        opacity: .5;
        transform: translateX(50%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.styles_close_button__5WKkd {
    position: absolute!important;
    right: .5em;
    top: .25em
}

.styles_textArea__UbavI .MuiFilledInput-root {
    height: 120px!important
}

.styles_paperroot__a1PzI {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 12px
}

.styles_root__6Rndk {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
    border-radius: 12px!important
}

.styles_title__MtkJe {
    color: #000;
    font-size: 16px;
    margin: 0 0 16px;
    font-weight: 500!important
}

.styles_margin_none__gTkXk {
    margin: 0!important
}

.styles_root__6Rndk [class*="MuiAccordion-root:before"] {
    display: none
}

.styles_root__6Rndk [class*=MuiAccordionSummary-root] {
    padding: 0!important;
    min-height: auto!important
}

.styles_root__6Rndk[class*=MuiPaper-elevation4] {
    box-shadow: none!important
}

.styles_root__6Rndk[class*=MuiAccordion-root]:before {
    display: none
}

.styles_root__6Rndk [class*=MuiAccordionSummary-content] {
    margin: 0!important
}

.styles_root__6Rndk [class*=MuiAccordionDetails-root]:hover:not(.styles_Mui-disabled__vOQxt),.styles_root__6Rndk [class*=MuiAccordionSummary-root]:hover:not(.styles_Mui-disabled__vOQxt) {
    cursor: default
}

.styles_root__6Rndk [class*=MuiGrid-container] {
    gap: 20px
}

.styles_root__6Rndk [class*=MuiCollapse-root] {
    padding: 0
}

.styles_root__6Rndk [class*=active_invoice] {
    border: 1px solid var(--neutral-line-field,var(--primary-color))!important
}

.styles_input__pC6jS {
    display: flex;
    padding: 12px 16px!important;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    margin: 0!important
}

.styles_textArea__2Cu0m {
    width: 100%
}

.styles_textArea__2Cu0m [class*=MuiOutlinedInput-multiline] [class*=MuiOutlinedInput-inputMultiline] {
    padding: 12px 16px!important
}

.styles_text_area__C_0HJ {
    display: block;
    width: 100%;
    height: 111px!important;
    padding: .475rem .75rem;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.5;
    color: #495057!important;
    background-color: #fff;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    resize: vertical
}

.styles_checkbox__vHqQl {
    color: #a2a0a0;
    padding: 0
}

.styles_checkbox__vHqQl[class*=Mui-checked] {
    color: var(--primary-color)
}

.styles_red_bill__UZL5d {
    color: var(--primary-color)!important
}

.styles_text_area__C_0HJ:focus {
    color: #495057;
    background-color: #fff;
    border-color: transparent!important;
    outline: 0!important;
    box-shadow: 0 0 0 .2rem rgba(0,180,110,.25)
}

.styles_fw500__TdRuN {
    font-weight: 500!important;
    font-size: 14px!important;
    color: #212529!important
}

.styles_root__6Rndk {
    margin: 0!important
}

.styles_root__6Rndk [class*=MuiAccordionDetails-root] {
    padding: 0
}

.styles_icon__2Q2fL {
    color: #1e52fc!important
}

.styles_full_width__d_gW4 {
    width: 100%
}

.styles_text_muted__4YtM3 {
    display: flex;
    align-items: center;
    gap: 4px
}

.styles_notifi_list__xyBH3 {
    margin: 8px 0 0;
    padding-inline-start:20px}

.styles_notifi_list__xyBH3 li {
    color: var(--blue-text-link,#0e1983);
    font-family: ggsm;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .24px
}

.styles_notifi_list__xyBH3 li::marker {
    font-size: .7rem
}

.styles_groupInfo__mMFCk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px
}

.styles_colInfoUser__X6MqA {
    display: flex;
    justify-content: center;
    gap: 16px
}

.styles_item__tIfex>div>span {
    height: 16px!important;
    width: 16px!important
}

.styles_item__tIfex {
    display: flex;
    justify-content: center;
    gap: 12px
}

.styles_item__tIfex h6 {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-break: break-word
}

.styles_item__tIfex.styles_companyName__WplHm {
    max-width: 550px
}

.styles_line__29eUq {
    width: 1px;
    height: 20px;
    background: #dcdbdb
}

.styles_radioGroup__E7sCK {
    display: flex;
    gap: 12px
}

.styles_radioGroup__E7sCK [class*=MuiFormControlLabel-root] {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    background: #fff;
    margin-left: 0;
    margin-right: 0
}

.styles_root__6Rndk [class*=MuiAccordionSummary-content] [class*=MuiFormControlLabel-root] {
    gap: 12px;
    margin-left: 0
}

.styles_add_new_button__vljPf {
    display: flex;
    height: 44px;
    padding: 12px 16px!important;
    align-items: center;
    gap: 16px;
    border-radius: 6px;
    border: 1px solid var(--green-primary-button,var(--primary-color));
    background: #fff;
    margin-top: 20px
}

.styles_add_new_button__vljPf span {
    color: var(--primary-color);
    gap: 16px;
    text-transform: none;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

@media (max-width: 767px) {
    .styles_root__6Rndk {
        padding:15px
    }

    .styles_grid_fix__ijkXq [class*=info_form_grid]:last-child {
        padding-top: 0!important
    }

    .styles_save_info_cb__5Ancq {
        margin-top: 20px
    }
}

.styles_errorText__b7ctr {
    padding: 8px 12px;
    background: #ffddd6;
    border-radius: 8px;
    color: #d4323b;
    font-family: googlesansregular
}

.styles_errorText__b7ctr strong {
    color: #810000;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_exportInvoiceInfo__4Qvyp {
    padding: 8px 12px;
    background: #edfaef;
    border-radius: 8px
}

.styles_height__1GCAR {
    height: 8px
}

.styles_guideContainer__auaaY {
    display: flex!important;
    align-items: center;
    width: 106%;
    height: 63px!important;
    margin: 0 -20px;
    padding-left: 20px
}

.styles_groupInvoice__E8WVZ {
    margin-bottom: 20px
}

.styles_groupInfo__mMFCk .styles_colInfoUser__X6MqA {
    align-items: flex-start
}

.styles_groupInvoice__E8WVZ [class*="MuiFormControlLabel-root active_invoice"] {
    background-color: #f8fdfb
}

.styles_titleInvoice__cG1fL {
    color: var(--neutral-text,#000);
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_formControlLabel__4e4W4 .MuiFormControlLabel-label {
    width: 100%
}

.styles_root__UKeJN {
    color: #797979!important;
    padding-top: 16px;
    overflow-y: scroll
}

.styles_root__UKeJN::-webkit-scrollbar {
    display: none
}

.styles_root__UKeJN * {
    font-family: ggsr
}

.styles_d_flex__gMFmz {
    display: inline-flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center!important;
    justify-content: space-between!important;
    padding: 0 12px 12px
}

.styles_d_flex__gMFmz:nth-child(5) {
    padding-bottom: 16px
}

.styles_d_flex__gMFmz.styles_total_redeems__0RqhF {
    padding-top: 16px;
    padding-bottom: 8px
}

.styles_d_flex__gMFmz.styles_totalPrice__BFKN0 {
    padding: 16px 12px
}

.styles_d_flex__gMFmz.styles_autoAdd__pZ5_Y {
    padding-bottom: 8px
}

.styles_checkout_title__cwEPb {
    display: flex;
    align-items: center!important;
    justify-content: space-between!important;
    margin-bottom: 10px
}

.styles_checkout_title__cwEPb h1 {
    font-size: 24px;
    margin-top: 0!important
}

.styles_checkout_title__cwEPb small {
    font-weight: 400!important
}

.styles_checkout_label_bold__KZdZj {
    display: inline-flex;
    color: #000;
    font-weight: 500!important;
    max-width: 70%;
    font-family: ggsm;
    font-size: 18px
}

.styles_checkout_label__86Gzy {
    display: inline-flex;
    max-width: 65%;
    color: #1f1f1f;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_checkout_label__86Gzy.styles_transfer__PDILf {
    display: block
}

.styles_dividerCustom__BK2Vd {
    height: 1px;
    width: 100%;
    display: block;
    background-image: linear-gradient(90deg,#fff 50%,silver 0);
    background-size: 14px 1px
}

.styles_labelConfirm__SnOWJ {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 14px
}

.styles_labelConfirm__SnOWJ .styles_agreement__Lj28J {
    max-width: 87px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.styles_labelConfirm__SnOWJ [class*=agreement]+[class*=mobile_rootBase] {
    padding: 0!important
}

.styles_formControlLabel__9jzcQ {
    width: 100%;
    box-sizing: border-box;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.styles_formControlLabel__9jzcQ[class*=MuiFormControlLabel-root] {
    margin: unset
}

.styles_formControlLabel1__cyH4P {
    width: 100%;
    box-sizing: border-box;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.styles_formControlLabel1__cyH4P[class*=MuiFormControlLabel-root] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 16px 0
}

.styles_agreementTamung__M8nLW {
    color: var(--Neutral-Decription,#797979);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_agreementTamung__M8nLW a {
    display: inline;
    padding: 0
}

.styles_agreementTamung__M8nLW span {
    color: #0e1983;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline
}

.styles_checkout_content__5fBwM {
    color: #000;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_checkout_label__86Gzy+.styles_checkout_content__5fBwM {
    font-size: 16px
}

.styles_checkout_promo_code__wrdkF {
    font-weight: 500;
    color: var(--primary-color);
    font-size: 16px!important;
    padding-bottom: 16px
}

.styles_total__I_U2S {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 18px;
    font-family: ggsm
}

.styles_debt__kA6mb {
    color: var(--primary-color);
    font-size: 12.8px;
    font-weight: 500!important
}

.styles_btn__bDJ05 {
    padding: 4px 8px!important;
    line-height: 1.5!important;
    border-radius: 50px!important;
    border-color: var(--primary-color)!important;
    margin: 0;
    color: var(--primary-color)
}

.styles_icon__v7H6J {
    margin-right: 4px
}

.styles_text_right__6Z7cA {
    text-align: right!important
}

.styles_text_right__6Z7cA p {
    font-size: 12.8px!important
}

.styles_checkout_btn__dq6uF {
    color: #212529!important;
    background-color: #f9b514!important;
    border-color: #f9b514!important;
    margin-top: 10px!important;
    padding: 8px 16px!important;
    font-size: 20px!important;
    line-height: 1.5;
    border-radius: 50px!important;
    font-weight: 500!important;
    text-transform: capitalize!important
}

.styles_condition__1HFqu {
    padding: 16px 12px 20px;
    text-align: start
}

.styles_condition__1HFqu p {
    text-align: start
}

.styles_condition__1HFqu label {
    margin-left: 0
}

.styles_condition__1HFqu [class*=MuiAlert-root] {
    justify-content: center;
    text-align: left
}

.styles_checkout_sticky__598hV {
    position: sticky;
    background-color: #fff;
    border-radius: 10px;
    top: 140px;
    width: 280px;
    padding-bottom: 16px;
    border: 1px solid #e9e9e9
}

.styles_checkout_sticky__598hV>.styles_root__UKeJN {
    border-radius: 10px
}

.styles_list_note__XUq_P p {
    margin: 0;
    font-size: 14px;
    color: #000;
    font-family: ggsr
}

.styles_list_note__XUq_P {
    background-color: #fff;
    padding-top: 16px;
    border-radius: 6px;
    line-height: 20px;
    font-size: large
}

.styles_checkbox__j3W3G {
    color: var(--primary-color)!important;
    height: 20px;
    width: 20px
}

.styles_check_agree_txt__jgV_U,.styles_check_agree_txt__jgV_U a {
    display: inline-flex;
    white-space: nowrap;
    font-size: 14px;
    padding: 0;
    max-width: 125px;
    overflow: hidden
}

.styles_check_agree_txt__jgV_U a:hover {
    color: #00683f
}

.styles_checkout_label_second__JJWqI {
    color: #797979;
    font-size: 12px
}

@media (max-width: 1199px) {
    .styles_checkout_sticky__598hV {
        width:100%;
        position: static
    }

    .styles_root__UKeJN {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .styles_checkout_title__cwEPb h1 {
        margin:0;
        font-size: 16px;
        font-weight: 500
    }

    .styles_text_right__6Z7cA {
        margin-top: 20px
    }

    .styles_fwc_container__XUhdT {
        display: flex;
        align-items: center;
        width: 100%
    }

    .styles_price__rKaos {
        color: #fff;
        font-size: 20px;
        font-weight: 500
    }

    .styles_flex_price__Fq0ej {
        flex-grow: 1;
        text-align: left
    }

    .styles_flex_price__Fq0ej .styles_price__rKaos {
        text-decoration: line-through;
        color: #d6d6d6;
        font-size: 12px!important;
        line-height: 1
    }

    .styles_flex_price__Fq0ej .styles_total__I_U2S,.styles_label__n2CVj {
        color: #fff;
        font-size: 16px!important
    }

    .styles_label__n2CVj {
        height: 24px!important;
        font-weight: 500!important;
        line-height: 2!important;
        text-transform: none!important
    }

    .styles_root_btn__BAofc {
        border-radius: 50px!important;
        border-color: #f8f9fa!important;
        font-family: ggsm
    }
}

.styles_totalM__yEFQV p {
    margin: 0;
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 16px!important;
    line-height: 20px;
    text-transform: capitalize;
    color: #000
}

.styles_totalM__yEFQV span {
    font-family: ggsm;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #797979
}

.styles_mobileRoot_btn__bDNc1 {
    border-radius: 50px!important;
    border-color: #f8f9fa!important;
    font-family: ggsm
}

.styles_mobileRoot_btn__bDNc1:hover {
    background-color: var(--primary-color)!important
}

.styles_card_err_container__u4lxO {
    width: 100%;
    margin-top: 20px;
    padding: 0 12px
}

.styles_text_err_notification__R3yvv {
    font-family: ggsr;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #d4323b;
    margin-bottom: 19px;
    word-break: break-word
}

.styles_delete_text__e1f0z {
    font-weight: 600;
    color: #d4323b
}

.styles_delete_text__e1f0z:hover {
    cursor: pointer;
    color: #f71e1e
}

.styles_delete_text__e1f0z [class*=MuiSvgIcon-root] {
    vertical-align: text-bottom!important
}

.styles_text_content_modal__11H9p {
    font-family: ggsr;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000
}

.styles_continue_btn__kSr4K * {
    font-family: ggsm!important
}

.styles_continue_btn__kSr4K {
    display: inline-flex;
    width: 100%!important;
    height: 100%!important;
    max-height: 40px;
    padding: 0;
    margin: 0!important
}

.styles_guideContainer__qXrNR {
    position: static
}

.styles_wrapperGuide__w7nVA {
    width: 100%!important;
    border-radius: 20px!important
}

.styles_checkoutGift_content__sz1qG {
    font-family: ggsm;
    margin-right: 5px;
    color: #000;
    font-size: 16px
}

.styles_boxDiscountSection__82B_y {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    padding: 0 12px 12px
}

.styles_boxSubDataSection__F1mot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.styles_checkout_label_subdata__n7qjo {
    color: #8c8c8c
}

.styles_checkout_label_subdata__n7qjo,.styles_checkout_value_subdata__zF1RA {
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.styles_checkout_value_subdata__zF1RA {
    color: #000
}

.styles_wrapperSkeleton__HmfHC {
    transform: translate(8px,8px)
}

.styles_formGrid__bgm3n :nth-child(5) {
    padding: 8px
}

.styles_formGrid__bgm3n :nth-child(4) label {
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 0 auto
}

.styles_formGridFieldName___9PUk {
    display: inline-flex;
    flex-wrap: nowrap;
    -moz-column-gap: 16px;
    column-gap: 16px;
    border: none;
    box-shadow: none!important
}

.styles_formGridFieldName___9PUk [class*=MuiOutlinedInput-root] {
    border: 1px solid var(--stroke-default,#c1c8d1);
    box-shadow: none!important
}

.styles_formGridFieldName___9PUk [class*=MuiOutlinedInput-root] fieldset {
    border-radius: 4px;
    border: none;
    box-shadow: none!important
}

.styles_formGridFieldName___9PUk [class*=MuiOutlinedInput-root]:hover {
    outline: 1px solid var(--stroke-default,var(--primary-color))
}

.styles_formGrid__bgm3n:only-child {
    row-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.styles_formGrid__bgm3n>:last-child {
    padding: 0!important
}

.styles_formGrid__bgm3n {
    display: inline-flex
}

.styles_auth_modal_content__vE3dB {
    position: relative;
    background: #fff;
    outline: 0;
    overflow: hidden auto;
    padding: 40px;
    box-shadow: 0 2px 16px rgba(0,0,0,.05);
    border-radius: 15px
}

.styles_auth_modal_content_checkout__UhpEG {
    position: relative;
    background: #fff;
    outline: 0;
    overflow: hidden auto;
    padding: 24px;
    border-radius: 12px
}

.styles_auth_modal_title__tQ0WQ {
    color: #000;
    font-size: 30px;
    font-weight: 500!important;
    font-style: normal;
    font-family: ggsm,sans-serif;
    line-height: 24px;
    letter-spacing: -.1px;
    text-transform: none
}

.styles_auth_modal_close__Ntzqk {
    background-color: transparent;
    border: 0;
    color: #afafaf;
    margin-bottom: 36px
}

.styles_hiddenClose__ps3te {
    display: none
}

.styles_iconBack__WesTE {
    margin-bottom: 36px
}

.styles_select__oxdi5 {
    width: 100%;
    border: none;
    margin-right: 8px
}

.styles_select__oxdi5 [class*=MuiInputBase-root] {
    padding: 12px 16px;
    color: #030a1f;
    font-family: ggsm;
    font-weight: 400;
    justify-content: space-between;
    width: 100%;
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.styles_select__oxdi5 [class*=MuiInputBase-root] select {
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.styles_select__oxdi5 [class*=MuiOutlinedInput-input] {
    position: relative;
    padding: 0;
    height: 24px;
    font-weight: 400;
    font-size: 16px;
    font-family: ggsr
}

.styles_select__oxdi5 [class*=MuiOutlinedInput-adornedEnd] svg {
    height: 16px;
    width: 16px;
    color: #797979
}

.styles_select__oxdi5 [class*=MuiSelect-icon] {
    display: none
}

.styles_select__oxdi5 [class*=MuiOutlinedInput-root]:hover {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,180,110,.25);
    border-color: #fff
}

.styles_auth_modal_header__358xt {
    margin-bottom: 16px
}

.styles_auth_modal_header__358xt [class*=MuiIconButton-root] {
    padding: unset
}

.styles_auth_modal_header__358xt [class*=MuiSvgIcon-root] {
    color: #000;
    height: 20px;
    width: 20px
}

.styles_input__a0YjR {
    height: 48px!important;
    margin: 0!important;
    padding: 12px 16px;
    color: #030a1f;
    font-weight: 400;
    font-family: ggsr
}

.styles_input__a0YjR [class*=MuiInputBase-input] {
    font: ggsr;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.styles_btnBox__zQz8x {
    display: flex;
    gap: 16px;
    justify-content: flex-end
}

.styles_btn_register__qgw1K {
    width: 180px;
    height: 44px;
    padding: 12px 40px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 30px;
    background: var(--green-primary-button,var(--primary-color));
    color: #fff;
    text-align: center;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_btn_register__qgw1K:hover {
    background-color: #079955
}

.styles_btn_cancel__WiBEo {
    border-radius: 30px;
    border: 1px solid var(--green-primary-button,var(--primary-color));
    color: var(--primary-color,#E3352C);
    font-size: 16px
}

.styles_btn_cancel__WiBEo,.styles_btn_delete__AkgFf {
    width: 180px;
    height: 44px;
    padding: 12px 40px;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.styles_btn_delete__AkgFf {
    display: flex;
    border-radius: 30px;
    border: 1px solid var(--color-red,#d4323b);
    background: #fff;
    color: #d4323b;
    font-family: ggsm;
    font-weight: 500
}

.styles_checkbox___9JzD {
    color: #a2a0a0;
    padding: 0
}

.styles_checkbox___9JzD[class*=Mui-checked] {
    color: var(--primary-color)
}

.styles_text_error__L7Emm {
    color: #d32e26;
    font-family: ggsm;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .24px;
    display: flex;
    padding: 2px 12px 0;
    align-items: flex-start;
    align-self: stretch
}

.styles_fw500__dIovq {
    font-weight: 500!important;
    font-size: 16px!important;
    color: #212529!important
}

.styles_full_width_center__WpE9Z {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.styles_container__jpKDg {
    justify-content: space-between;
    row-gap: 16px
}

.styles_addressWrapper__kN0xP {
    display: inline-flex;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.styles_addressWrapper__kN0xP:first-child {
    flex-wrap: wrap
}

.styles_addressWrapper__kN0xP [class*=root] {
    margin: 0
}

.styles_addressWrapper__kN0xP [class*=MuiSelect-root] {
    height: 100%;
    position: relative;
    display: inline-flex;
    z-index: 2
}

.styles_addressWrapper__kN0xP [class*=MuiInputBase-root] {
    max-width: unset;
    width: 100%
}

.styles_addressWrapper__kN0xP [class*=MuiInputBase-root] select {
    max-width: unset;
    display: inline-flex;
    height: 24px;
    width: 100%;
    background-color: transparent;
    padding-right: 24px;
    line-height: 28px
}

.styles_adormentCustom__qj2wv {
    cursor: pointer;
    position: absolute;
    right: 0;
    height: 24px;
    width: 24px;
    z-index: 1;
    transform: translateX(-50%)
}

.styles_addressWrapper__kN0xP {
    border: none;
    box-shadow: none!important
}

.styles_addressWrapper__kN0xP [class*=MuiOutlinedInput-root] {
    border: 1px solid var(--stroke-default,#c1c8d1);
    box-shadow: none!important
}

.styles_addressWrapper__kN0xP [class*=MuiOutlinedInput-root] fieldset {
    border-radius: 4px;
    border: none;
    box-shadow: none!important
}

.styles_addressWrapper__kN0xP [class*=MuiOutlinedInput-root]:hover {
    outline: 1px solid var(--stroke-default,var(--primary-color))!important
}

@media (max-width: 767px) {
    .styles_address_field__0gTLp {
        margin-top:0!important;
        padding-bottom: 12px
    }

    .styles_address_field__0gTLp [class*=info_form_grid] {
        padding-bottom: 0!important
    }

    .styles_address_field__0gTLp [class*=StyledAddressSelect] {
        margin-bottom: 0!important
    }
}

.styles_text_area__ay6bm {
    display: block;
    width: 100%;
    height: 111px!important;
    padding: .475rem .75rem;
    line-height: 1.5;
    color: #a2a0a0!important;
    background-color: #fff;
    background-clip: padding-box!important;
    border: 1px solid #dcdbdb!important;
    border-radius: 6px!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    resize: vertical;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize
}

.styles_text_area__ay6bm:focus {
    color: #a2a0a0;
    background-color: #fff;
    border-color: transparent!important;
    outline: 0!important;
    box-shadow: 0 0 0 .2rem rgba(0,180,110,.25)
}

.styles_root__jDQZh {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    background: var(--neutral-white,#fff)
}

.styles_title__NLIO_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #000;
    margin: 0;
    font-weight: 500!important;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    line-height: normal
}

.styles_groupInfo__P6hMU {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch
}

.styles_item__M8GQ_ {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 6px;
    background: var(--Functional-color-BG-Gray,#f5f5f5);
    height: 100%
}

.styles_leftContent__dC_3Y {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px
}

.styles_leftContent__dC_3Y h5 {
    text-align: justify;
    font-family: ggsm;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 0
}

.styles_leftContent__dC_3Y h5,.styles_leftContent__dC_3Y span {
    color: var(--Functional-color-Text-Primary,#1f1f1f);
    line-height: 22px
}

.styles_leftContent__dC_3Y span {
    font-family: ggsr;
    font-size: 12px;
    font-weight: 400;
    text-decoration-line: underline;
    cursor: pointer
}

.styles_totalPrice__qwRqB {
    color: var(--primary-color);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.styles_NewCustomModal___5gv_ {
    padding: 20px!important
}

.styles_root__Bo4EW {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    background: var(--neutral-white,#fff)
}

.styles_title__jiXAZ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #000;
    margin: 0;
    font-weight: 500!important;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    line-height: normal
}

.styles_checkbox__fYUKM,.styles_text_muted__biVZO {
    color: var(--primary-color)!important
}

.styles_text_muted__biVZO {
    font-style: italic!important;
    font-size: 12.8px;
    font-weight: 400!important
}

.styles_required__JzwBo {
    color: #dc3545!important
}

.styles_fw500__iy8nG {
    font-weight: 500!important;
    font-size: 14px!important;
    color: #212529!important
}

.styles_add_new_button__2VFAd {
    color: var(--primary-color);
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: inherit;
    padding: 0;
    min-width: auto
}

.styles_add_new_button__2VFAd:hover {
    background-color: initial
}

.styles_full_width__xfCV7 {
    width: 100%
}

.styles_groupInfo__WP9N1 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.styles_colInfoUser__hwbpo {
    display: flex;
    justify-content: center;
    gap: 16px;
    transition: all .3s
}

.styles_colInfoUser__hwbpo :first-child h6 {
    max-width: 600px
}

@media (max-width: 1200px) {
    .styles_colInfoUser__hwbpo :first-child h6 {
        max-width:500px
    }
}

@media (max-width: 1000px) {
    .styles_colInfoUser__hwbpo :first-child h6 {
        max-width:450px
    }
}

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

.styles_item__HGoUe>div>span {
    height: 16px!important;
    width: 16px!important
}

.styles_item__HGoUe h6 {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-break: break-word
}

.styles_item__HGoUe>[class*=MuiSkeleton-text] {
    width: 75%
}

.styles_line__AfCWB {
    width: 1px;
    height: 20px;
    background: #dcdbdb
}

.styles_input_icon__A1JIP img {
    filter: invert(13%) sepia(75%) saturate(4042%) hue-rotate(228deg) brightness(71%) contrast(98%)
}

@media (max-width: 767px) {
    .styles_root__Bo4EW {
        padding:15px
    }

    .styles_text_muted__biVZO .styles_text__FNHL9 {
        padding-left: 5px
    }

    .styles_grid_fix__B5rfu [class*=info_form_grid]:last-child {
        padding-top: 0!important
    }

    .styles_save_info_cb__cO1LP {
        margin-top: 20px
    }
}

.styles_root__NL0Ar {
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid #e9e9e9;
    background: #fff
}

.styles_root__NL0Ar [class*=MuiFormControl-root],.styles_root__NL0Ar [class*=MuiTypography-body1] {
    width: 100%
}

.styles_root__NL0Ar [class*=MuiFormGroup-root] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.styles_root__NL0Ar [class*=MuiFormControlLabel-root] {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 6px;
    border: 1px solid var(--green-primary-button,#e9e9e9);
    background: var(--neutral-white,#fff);
    margin: 0
}

.styles_root__NL0Ar [class*=active_delivery] {
    border: 1px solid var(--neutral-line-field,var(--primary-color))!important;
    background: #f8fdfb!important
}

.styles_root__NL0Ar [class*=disable_delivery] {
    background: var(--neutral-disable-bg,#f0f0f0)
}

.styles_title__c9FhR {
    margin: 0;
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_checkbox_color__I_LkQ {
    color: var(--primary-color)!important;
    padding: 0
}

.styles_noncheckbox_color__e69kJ {
    color: #a2a0a0!important;
    padding: 0
}

.styles_checkout_description__lyJea {
    color: var(--neutral-decription,#797979);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_checkout_description__lyJea p {
    margin-top: 0!important;
    margin-bottom: 8px!important
}

.styles_icon____coe {
    color: #17a2b8!important;
    margin-right: 8px
}

.styles_fw500__l1726 {
    color: var(--neutral-text,#000);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_fw300__5a8kF {
    font-weight: 300!important;
    font-size: small
}

.styles_info__HNFD6 {
    justify-content: space-between;
    flex: 1 0 0
}

.styles_colLeft__bTpDB {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0
}

.styles_checkbox__zxnw5 {
    color: var(--primary-color)!important;
    padding: 0
}

.styles_textSplitOrder__s_9Qk [class*=MuiTypography-body1] {
    color: var(--neutral-text,#000);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 12px
}

.styles_textSplitOrder__s_9Qk [class*=MuiFormControlLabel-root] {
    margin: 0;
    padding: 0;
    background: initial;
    border: none;
    gap: initial;
    border-radius: initial
}

.styles_boxSplitOrder__fNveK {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    font-weight: 500!important;
    border-radius: 6px;
    background: #ebeffa
}

.styles_boxSplitOrder__fNveK [class*=MuiAlert-message] {
    padding: 0
}

.styles_boxSplitOrder__fNveK [class*=MuiGrid-container] {
    gap: 12px
}

.styles_info__HNFD6 {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_info__HNFD6 h6 {
    color: #000
}

.styles_info__HNFD6 h6,.styles_textLeft__QPuss {
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_textLeft__QPuss {
    color: var(--neutral-description,#797979)
}

.styles_rowInfo__e2Y4E {
    display: flex;
    align-items: center
}

.styles_guideContainer__BiPLq {
    height: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .styles_root__NL0Ar {
        padding:15px
    }
}

.styles_root__PnlWX {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px;
    gap: 20px;
    border: 1px solid #e9e9e9;
    border-radius: 12px!important
}

.styles_root__PnlWX [class*=MuiFormControl-root] {
    display: flex;
    gap: 16px
}

.styles_root__PnlWX [class*=MuiFormGroup-root] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-direction: row
}

.styles_fieldset__BqASy [class*=MuiFormControlLabel-root] {
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 6px;
    padding: 12px 16px;
    border: 1px solid var(--neutral-line-field,#dcdbdb);
    background: var(--neutral-white,#fff);
    margin: 0;
    gap: 16px;
    height: 74px
}

.styles_fieldset__BqASy [class*=MuiTypography-body1] {
    width: 100%
}

.styles_fieldset__BqASy [class*=active_payment] {
    border: 1px solid var(--primary-color);
    background: linear-gradient(0deg,#f8fdfb,#f8fdfb),#fff
}

.styles_info_attention_icon__4qIh5 {
    color: #1e52fc!important
}

.styles_title__WsbwW {
    margin: 0;
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_checkbox_color__KTpvK {
    color: var(--primary-color)!important;
    padding: 0
}

.styles_noncheckbox_color__HYKWr {
    color: #a2a0a0!important;
    padding: 0
}

.styles_bank_info__QXFqo {
    display: flex;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    font-weight: 500!important;
    border-radius: 6px;
    background: #ebeffa
}

.styles_info__sGix2 {
    display: flex;
    align-items: center;
    gap: 12px
}

.styles_info__sGix2 h6 {
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_rowInfo__Gq4Rn {
    display: flex;
    align-items: center
}

.styles_textLeft__GcWUP {
    color: var(--neutral-description,#797979);
    font-family: ggsr;
    font-weight: 400
}

.styles_textLeft__GcWUP,.styles_textRight__VJNH6 {
    font-size: 14px;
    font-style: normal;
    line-height: normal
}

.styles_textRight__VJNH6 {
    color: #000;
    font-family: ggsm;
    font-weight: 500
}

.styles_bank_info__QXFqo [class*=MuiAlert-message] {
    padding: 0
}

.styles_bank_info__QXFqo [class*=MuiAlert-message] p {
    margin: 8px
}

.styles_bank_info__QXFqo [class*=MuiGrid-container] {
    gap: 8px
}

.styles_bank_info_label__amxRh {
    color: var(--primary-color);
    text-align: right;
    min-width: 7em;
    max-width: 7em;
    margin-right: 1em
}

.styles_fw500__Ev_4_ {
    color: var(--neutral-text,#000);
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.styles_d_flex__DmMy6 {
    display: flex!important;
    margin-bottom: .5rem!important
}

.styles_text_muted__QhYxo {
    color: var(--primary-color)!important;
    font-weight: 400!important;
    padding: 10px 0
}

.styles_subTitle__J5Agn {
    color: var(--neutral-decription,#797979);
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_checkbox__eFdbB {
    color: var(--primary-color)!important;
    padding: 0
}

.styles_guideContainer__QNJhn {
    height: 100%;
    flex-wrap: nowrap;
    overflow: hidden
}

.styles_paymentMethodsGrid__ay1iS {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px
}

.styles_boxTitle__EihvK {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.styles_boxTitle__EihvK .styles_decs___uINl {
    color: #000;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.styles_boxPercentage__LRqfu {
    display: flex;
    height: 44px;
    padding: 0 16px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: 8px;
    background: #eaf8ff
}

.styles_percentageText__CPF7L {
    color: #1565c0;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

@media (max-width: 767px) {
    .styles_root__PnlWX {
        padding:15px
    }
}

.styles_wrapLoad__koJen {
    flex-direction: column
}

.styles_wrapLoad__koJen,.styles_wrapper__Xmdgo {
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_wrapper__Xmdgo {
    position: relative!important;
    min-height: 5em
}

.styles_progress___u83G {
    color: var(--primary-color);
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -41px;
    margin-left: -40px
}

.style_confirm_modal_wrap__AN39n {
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    outline: 0
}

.style_btn__vTgO_ {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 16px!important;
    line-height: 1.5;
    border-radius: 50px!important;
    transition: color .15s ease-in-out 0s,background-color .15s ease-in-out 0s,border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s
}

.style_outlined_btn__cJEJx {
    color: var(--primary-color)!important;
    border: 1px solid var(--primary-color)!important
}

.style_brown_btn__fMyBz,.style_outlined_btn__cJEJx {
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_brown_btn__fMyBz {
    color: #fff!important;
    background: #facea8!important;
    border: 1px solid #facea8!important
}

.style_brown_btn__fMyBz:hover {
    background: #fff!important;
    color: #facea8!important
}

.style_fill_btn__dQNkZ {
    color: #fff!important;
    background-color: var(--primary-color)!important
}

.style_fill_btn__dQNkZ,.style_fill_btn__dQNkZ:hover {
    border: 1px solid var(--primary-color)!important;
    margin: .5rem!important;
    padding: 6px 1.5rem!important
}

.style_fill_btn__dQNkZ:hover {
    background: #fff!important;
    color: var(--primary-color)!important
}

.style_warning_icon__Ji2_B {
    display: flex;
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: .25em solid #facea8;
    color: #f8bb86
}

.style_text_icon__gkZCA {
    display: flex;
    align-items: center;
    font-size: 3.75em!important
}

.style_modal_title__EbHxf {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em!important;
    padding: 0;
    color: #595959;
    font-size: 1.875em!important;
    font-weight: 600!important;
    text-align: center;
    text-transform: none
}

.style_modal_content__Ah6TT {
    color: #545454!important;
    font-size: 1.125em!important;
    font-weight: 400!important;
    line-height: normal!important;
    text-align: center
}

.style_root__Yndk9 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 20px;
    border-radius: 10px!important
}

.style_title__XPQx_ {
    display: flex;
    flex: 1;
    color: #000;
    justify-content: center
}

.style_display_none___BMQx {
    display: none
}

.styles_default_tag__0jRYW,.styles_selected_tag__kk0ls {
    color: var(--primary-color);
    font-weight: 700
}

.styles_card__EMuyE {
    border: 2px solid #b7c7c1;
    height: 170px;
    position: relative
}

.styles_card__EMuyE [class*=MuiCardHeader-title] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 500;
    max-width: 319px
}

.styles_card__EMuyE [class*=MuiCardHeader-subheader] {
    color: rgba(0,0,0,.87);
    font-size: .875rem
}

.styles_card__EMuyE [class*=MuiCardHeader-subheader]:before {
    content: "Số điện thoại: ";
    font-weight: 500
}

.styles_card__EMuyE [class*=MuiCardContent-root] {
    padding-top: 0!important
}

.styles_card__EMuyE [class*=MuiCardHeader-root] {
    padding-bottom: 0!important
}

.styles_card_selected__tpbi7 {
    border: 3px solid var(--primary-color)
}

.styles_action_button__oTgTK {
    font-weight: 400!important;
    padding: 3px 7px!important;
    margin-right: 5px!important;
    box-shadow: none!important
}

.styles_important_action_button__ccpsy {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;!important;
    color: #fff!important
}

.styles_group_button__Es4pH {
    position: absolute;
    bottom: 12px
}

.styles_defaull_button__lZjJH {
    background: #f9b514!important
}

.styles_ellipsis_1_line__MTRZ0 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-appearance: textfield
}

.styles_ellipsis_2_line__K3X8F {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.styles_radioGroup__BV60H {
    display: flex;
    gap: 12px
}

.styles_radioGroup__BV60H [class*=MuiFormControlLabel-root] {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--neutral-line,#e9e9e9);
    background: #fff;
    margin: 0
}

.styles_radioGroup__BV60H [class*=MuiTypography-body1] {
    flex: 1
}

.styles_checkbox__gzU9V {
    color: var(--primary-color)!important
}

.styles_unCheckedCheckbox__EzbzQ {
    color: #a2a0a0!important
}

.styles_radioGroupSelect__M0coO {
    border-radius: 4px;
    border: 1px solid var(--green-primary-button,var(--primary-color));
    background: #f8fdfb;
    overflow-y: auto
}

.styles_radioGroupSelect__M0coO [class*=MuiFormControlLabel-root] {
    background-color: #f8fdfb
}

.styles_groupInfo__z1wHS {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px
}

.styles_colInfoUser__zbEge {
    display: flex;
    gap: 16px;
    align-self: stretch
}

.styles_typoAddress__HGyHI {
    max-width: 410px
}

.styles_item__5pnGA {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    white-space: wrap;
    word-break: break-word
}

.styles_line__7dNfy {
    width: 1px;
    height: 20px;
    background: #dcdbdb
}

.styles_isDefault__DAWTE {
    display: flex;
    padding: 2px 4px;
    align-items: center;
    gap: 8px;
    border-radius: 2px;
    border: 1px solid #e88438
}

.styles_isDefault__DAWTE h6 {
    color: #e88438;
    text-align: center;
    font-family: ggsr;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.styles_colInfoShip__NciP7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch
}

.styles_textEdit__iMHSw {
    color: var(--primary-color,#E3352C);
    text-align: center;
    font-family: ggsr;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    min-width: auto
}

.styles_textEdit__iMHSw:hover {
    background-color: initial
}

.styles_title__h1tN8 {
    font-family: ggsm;
    font-weight: 500
}

.styles_text__vtQbd,.styles_title__h1tN8 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: normal
}

.styles_text__vtQbd {
    font-family: ggsr;
    font-weight: 400;
    flex: 1
}

@media (max-width: 1072px) {
    .styles_card__EMuyE [class*=MuiCardHeader-title] {
        font-size:1rem!important;
        max-width: 200px
    }
}

.styles_deliveryCardList__vFEBY {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.styles_buttonAddmoreWrapper__9UvDt {
    padding: 0 24px
}

.styles_buttonSubmitWrapper__dW2px {
    border-top: 1px solid #e9e9e9;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 16px 24px
}

.styles_deliveryCardList__vFEBY>[class*=MuiGrid-root]:nth-child(3) [class*=MuiBox-root] {
    display: flex;
    margin-top: unset
}

.styles_deliveryCardList__vFEBY>[class*=MuiGrid-root]:nth-child(3) [class*=MuiBox-root] button {
    margin: 0
}

.styles_card__9H3QU {
    padding: 12px 16px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--neutral-line-field,#dcdbdb);
    background: var(--neutral-white,#fff);
    width: 100%;
    color: var(--primary-color)
}

.styles_add_icon_column__LUhdp,.styles_card__9H3QU {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px
}

.styles_add_icon_column__LUhdp {
    height: 100%
}

.styles_add_icon_row__Xl49q span {
    color: var(--primary-color);
    gap: 16px;
    text-transform: none;
    width: 20px;
    height: 20px
}

.styles_add_icon_row__Xl49q span,.styles_textAdd__SB4kV {
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_textAdd__SB4kV {
    color: var(--primary-color,#E3352C)
}

.styles_add_icon_row__Xl49q {
    text-align: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 0
}

.styles_sendData__UXMGO {
    border-radius: 30px;
    color: #fff!important;
    background: var(--green-primary-button,var(--primary-color))!important;
    border: 1px solid var(--primary-color)!important;
    color: var(--neutral-white,#fff)
}

.styles_disabledButton__2BcWk,.styles_sendData__UXMGO {
    padding: 12px 40px;
    min-width: 180px;
    margin: .25em;
    text-align: center;
    font-family: ggsm;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none
}

.styles_disabledButton__2BcWk {
    border-radius: 30px;
    background: var(--green-primary-button,#f0f0f0)!important;
    border: none!important;
    color: #797979!important
}

.styles_formContainer___MbmL {
    display: flex;
    gap: 16px;
    flex-direction: column;
    overflow-y: auto;
    max-height: 430px;
    transition: all .5s
}

@media (max-height: 700px) {
    .styles_formContainer___MbmL {
        max-height:40vh
    }
}

@media (max-height: 550px) {
    .styles_formContainer___MbmL {
        max-height:20vh
    }
}

@media (max-height: 350px) {
    .styles_formContainer___MbmL {
        max-height:10vh
    }
}

.styles_formContainer___MbmL[class*=MuiGrid-root] {
    padding: 0 24px 16px;
    margin-top: 16px
}

.styles_formContainer___MbmL::-webkit-scrollbar {
    width: 6px!important
}

.styles_formContainer___MbmL::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 4px
}

.styles_formContainer___MbmL::-webkit-scrollbar-track {
    background-color: #fff
}

.styles_scrollableContent__ElyFM {
    overflow-y: auto;
    max-height: 100%
}

.styles_close_button__yOVs_ {
    position: absolute!important;
    right: 0;
    top: 0
}

.styles_address_dialog__cp8hp [class*=MuiDialogContent-dividers] {
    padding: 0
}

.styles_address_dialog__cp8hp [class*=MuiDialogContent-root] {
    padding: 0;
    overflow: hidden
}

.styles_address_dialog__cp8hp [class*=MuiDialog-paper] {
    width: 100%!important
}

.styles_address_dialog__cp8hp [class*=MuiDialog-paperWidthSm] {
    max-width: 580px!important;
    border-radius: 12px
}

.styles_formContainer__e3dHy {
    height: 546px
}

@media (max-width: 1071px) {
    .styles_address_dialog__cp8hp [class*=MuiDialog-paper] {
        width:100%!important;
        margin-right: 0!important;
        margin-left: 0!important
    }
}

.styles_title__S616r h2 {
    color: #000;
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.styles_wrapper_gray__f8P4_ {
    background-color: #f5f5f5
}

.styles_payment_wrapper__R7Bz9 {
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 15px
}

.styles_payment_grid__kN77N {
    flex-wrap: unset;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.styles_itemLeft__fZHT_ {
    width: 73%;
    gap: 16px;
    max-width: 73%;
    flex: 0 0 auto;
}
@media screen and ( max-width: 1020px ) {
    .styles_itemLeft__fZHT_ {
        width:100%;
        max-width: 100%
    }
}
.styles_colNote__OTG6C,.styles_itemLeft__fZHT_ {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.styles_colNote__OTG6C {
    padding: 20px;
    gap: 20px;
    align-self: stretch;
    border: 1px solid #e9e9e9;
    border-radius: 12px
}

.styles_colNote__OTG6C h4 {
    margin: 0;
    color: var(--neutral-text,#000);
    font-family: ggsm;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize
}

.styles_colNote__OTG6C p {
    color: #797979;
    font-family: ggsr;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.styles_text_area__3Ef5_ {
    display: block;
    width: 100%;
    height: 111px!important;
    padding: .475rem .75rem;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.5;
    color: #495057!important;
    background-color: #fff;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    border-radius: .25rem!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    resize: vertical
}

.styles_overlay__ozvbI {
    background-color: #00000094!important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999
}

.styles_paymentMethods__ZB0EG {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.styles_paymentMethods__ZB0EG li {
    display: flex;
    gap: 4px;
    padding-left: 4px
}

.styles_textBlack__UnONe {
    color: #000;
    font-family: ggsm;
    font-weight: 500
}

.styles_wMax__iGEzJ {
    width: 100%
}

.styles_infoMethodGuideContainer__e3uC2 {
    height: 157px
}

.styles_wrapperGuide__OVA_B {
    padding: 10px;
    margin: -10px
}

.styles_centerText__RC5mT {
    display: block;
    width: 100%;
    text-align: center
}

.styles_deliveryGuideContainer__hHOQm {
    height: 145px
}

@media (max-width: 960px) {
    .styles_payment_grid__kN77N {
        flex-wrap:wrap;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media (max-width: 1199px) {
    .styles_payment_wrapper__R7Bz9 {
        padding:0 15px 120px;
        overflow: hidden
    }

    .styles_note_info_mb__QP7FK {
        padding: 0 20px
    }
}

@media (min-width: 768px) {
    .styles_root__Zhr_0 {
        padding:24px;
        border-radius: 10px!important
    }
}
.styles_auth_modal_title__tQ0WQ {
    color: #000;
    font-size: 30px;
    font-weight: 500 !important;
    font-style: normal;
    font-family: ggsm, sans-serif;
    line-height: 24px;
    letter-spacing: -.1px;
    text-transform: none;
    margin-bottom: 16px;
}
.iQEreR {
    color: rgb(255, 255, 255) !important;
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}
.iQEreR.payment_button {
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 500;
    margin: 10px;
    border-radius: 50px !important;
    font-size: 16px !important;
    text-transform: unset !important;
}
.egmplk {
    padding: 6px 16px;
    border-radius: 8px;
}

.styles_sticky_checkout_bar_mobile__Jv0cq {
    background-color: #fff;
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-top: 1px solid #e9e9e9;
}

@media screen and ( max-width: 1199px ) {
    .styles_root__NL0Ar [class*=MuiFormGroup-root] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .styles_paymentMethodsGrid__ay1iS {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
    .styles_root_btn__BAofc {
        border-radius: 50px !important;
        border-color: #f8f9fa !important;
        font-family: ggsm;
        background-color: var(--primary-color) !important;
        height: 44px;
        padding: 12px 33.5px;
        font-size: 16px;
        color: #fff !important;
    }
    .styles_fwc_container__XUhdT {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 12px;
        justify-content: center;
    }
}
@media screen and ( max-width: 991px ) {
    .mobile-mt-24 {
        padding-top: 24px;
    }
}
.styles_footerTotalPrice__P5gGa {
    color: #797979;
    font-size: 16px;
    font-family: ggsr;
    width: 100%;
}
.styles_footerTotalPrice__P5gGa span {
    color: var(--primary-color);
    font-family: ggsm;
}
.styles_footerTotalDiscount__mLQqT {
    color: #797979;
    font-size: 12px;
    width: 100%;
}
.styles_footerTotalDiscount__mLQqT span {
    color: var(--primary-color);
}

.bg-gradient {
    background: linear-gradient(180deg, #E3352C 0%,  #E36C0A 100%) !important;
}

.bg-done {
    background-color: var(--primary-color-green) !important;
}

.styles_bg__F8xF1 {
    background: linear-gradient(171.58deg,rgba(210,243,223,.1),rgba(21,169,89,.1) 29.1%)
}

.styles_company-introduce__AHRgn {
    position: relative;
    height: 426px;
    align-items: flex-start;
    padding: 0
}

.styles_company-introduce__AHRgn,.styles_container__RNN2S {
    display: flex;
    isolation: isolate;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    box-sizing: border-box
}

.styles_container__RNN2S {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    position: absolute;
    align-items: center;
    padding: 40px 28px 24px;
    height: 400px;
    left: 0;
    top: 26px
}

.styles_text__Ntjbk {
    display: flex;
    position: relative;
    isolation: isolate;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    box-sizing: border-box;
    align-self: stretch;
    max-width: 488px;
    margin: 0 0 0 40px;
    height: 100%;
    width: 100%
}

.styles_content__VM3Y0,.styles_title__JlrYL {
    text-align: left;
    white-space: pre-wrap;
    font-synthesis: none;
    color: #000;
    font-style: normal;
    font-family: ggsr;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    margin: 0
}

.styles_content__VM3Y0 {
    align-self: stretch
}

.styles_ivi-partner__Wqgt4,.styles_ivi-text__QJcqa {
    text-align: left;
    white-space: pre-wrap;
    font-synthesis: none;
    color: #000;
    font-style: normal;
    font-family: ggsr;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    align-self: stretch;
    margin: 20px 0 0
}

.styles_gridImagesWrapper__lvDL8 {
    max-width: 100%;
    max-height: 0;
    padding-bottom: calc(336 / 632 * 100%);
    position: relative;
    margin-right: 28px
}

.styles_gridImages__WFRH1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

.styles_gridImages__WFRH1 img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.styles_group-button__5C2r8 {
    display: flex;
    position: absolute;
    isolation: isolate;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    left: 24px;
    top: 0;
    height: 52px;
    width: 584px
}

.styles_tabs-slider__p7hOD {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    align-items: flex-start;
    padding: 4px;
    height: 52px;
    width: 584px
}

.styles_tab-item__xDTyc,.styles_tabs-slider__p7hOD {
    box-sizing: border-box;
    border-radius: 60px;
    display: flex;
    position: relative;
    isolation: isolate;
    flex-direction: row;
    justify-content: center;
    margin: 0
}

.styles_tab-item__xDTyc {
    align-items: center;
    padding: 12px 16px;
    width: 192px;
    height: 44px
}

.styles_tab-item__xDTyc.styles_active__lp2_f {
    background-color: #edfdf6
}

.styles_tab-item__xDTyc .styles_title__JlrYL {
    text-align: left;
    white-space: pre-wrap;
    color: #797979;
    font-style: normal;
    font-family: ggsr;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: capitalize
}

.styles_tab-item__xDTyc .styles_title__JlrYL.styles_active__lp2_f {
    color: var(--primary-color);
    border-radius: 60px;
    padding: 12px 16px;
    width: 192px;
    height: 44px;
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-color);
    font-family: ggsm
}

.styles_companyIntroduction__h04I7 {
    position: relative;
    padding-bottom: 20px
}

.styles_title__JlrYL {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative
}

.styles_companyTitle__W3WKs {
    color: #000;
    text-align: left;
    font-family: ggsm;
    font-size: 28px;
    position: relative
}

.styles_vector__ifrV4 {
    flex-shrink: 0;
    position: relative;
    overflow: visible
}

.styles_boxBtn__ydRBx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    border-radius: 40px;
    z-index: 1;
    border: 1px solid var(--neutral-line,#e9e9e9);
    background: var(--neutral-white,#fff)
}

.styles_boxBtn__ydRBx,.styles_boxBtn__ydRBx span svg {
    width: 40px;
    height: 40px
}

.styles_branchName__QPk2S {
    color: var(--primary-color)
}

.styles_companyIntroductionForU__tkUSt {
    color: #fff
}

.styles_iconButton__tC_3o:hover {
    color: #fff!important;
    background: var(--primary-color)!important;
    width: 40px;
    height: 40px;
    border-radius: 40px
}

.styles_disabled__7FIQ3 {
    background-color: rgba(0,0,0,.38)!important;
    color: #fff!important
}

.styles_disabled__7FIQ3 .styles_iconButton__tC_3o {
    color: #fff!important;
    width: 40px;
    height: 40px;
    border-radius: 40px
}

.styles_boxContainer__lxvkd {
    max-width: 1304px;
    padding: 20px 0
}

@media (max-width: 1280px) {
    .styles_boxContainer__lxvkd {
        padding:20px 40px
    }
}

.styles_container___VyYb {
    background-color: #fff;
    position: relative;
    z-index: 2
}

.styles_boxBtn__f2t_3 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px
}

.styles_boxBtn__f2t_3 button {
    height: 40px;
    padding: 12px 40px;
    border-radius: 30px;
    background-color: var(--primary-color);
    color: #fff;
    text-transform: uppercase
}

.styles_boxContainer__xZE8l {
    max-width: 1304px;
    padding: 20px 0
}

@media (max-width: 1280px) {
    .styles_boxContainer__xZE8l {
        padding:20px 16px
    }
}

.styles_gridImages__AfRal {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 10px
}

@media screen and ( min-width: 768px ) {
    .styles_gridImages__AfRal {
        grid-template-rows: repeat(4,1fr);
        display: grid;
        grid-template-columns: repeat(5,1fr);
    }
}

@media screen and ( max-width: 767px ) {
    .styles_gridImages__AfRal {
        flex-direction: column;
    }
}

.styles_gridImages__AfRal div {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    cursor: pointer;
    border-radius: 10px
}

.styles_gridImages__AfRal div img {
    border-radius: 10px
}


@media screen and ( min-width: 768px ) {
    .styles_miniBannerImageSize4_1__ohXmv {
        grid-column: 1/4;
        grid-row: 1/3;
        background-color: #c4c4c4
    }

    .styles_miniBannerImageSize4_2__T3yZS {
        grid-column: 4/6;
        grid-row: 1/3;
        background-color: #d9d9d9
    }

    .styles_miniBannerImageSize4_3__OP7YU {
        grid-column: 1/3;
        grid-row: 3/5;
        background-color: #d9d9d9
    }

    .styles_miniBannerImageSize4_4__mO1uG {
        grid-column: 3/6;
        grid-row: 3/5;
        background-color: #c4c4c4
    }
}

@media screen and ( max-width: 767px ) {
    .styles_gridImages__AfRal img {
        min-height: 250px !important;
        width: 100%;
    }
    .styles_gridImages__AfRal div {
        height: 260px;
        overflow: hidden;
    }
}

.styles_miniBannerImageSize5_1__aqKou {
    grid-column: 1/4;
    grid-row: 1/3;
    background-color: #c4c4c4
}

.styles_miniBannerImageSize5_2__f8AYi {
    grid-column: 4/6;
    grid-row: 1/3;
    background-color: #d9d9d9
}

.styles_miniBannerImageSize5_3__9v5vW {
    grid-column: 1/3;
    grid-row: 3/4;
    background-color: #d9d9d9
}

.styles_miniBannerImageSize5_4__6hDEr {
    grid-column: 1/3;
    grid-row: 4/5;
    background-color: #d9d9d9
}

.styles_miniBannerImageSize5_5__aOt3D {
    grid-column: 3/6;
    grid-row: 3/5;
    background-color: #c4c4c4
}

.styles_mobileBlock1__t1jfW,.styles_mobileBlock2__Ie_li {
    width: 100%;
    height: calc(100vw * (226 / 346));
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    padding: 7px
}

.styles_mobileBlock1__t1jfW div,.styles_mobileBlock2__Ie_li div {
    position: relative;
    border-radius: 5px
}

.styles_mobileBlock1__t1jfW div img,.styles_mobileBlock2__Ie_li div img {
    border-radius: 5px
}

.styles_miniBannerMobileBlock_1__YkN0t {
    grid-column: 1/2;
    grid-row: 1/3
}

.styles_miniBannerMobileBlock_2__Pr0Po {
    grid-column: 2/3;
    grid-row: 1/3
}

.styles_miniBannerMobileBlock_3__gytPf {
    grid-column: 1/2;
    grid-row: 1/3
}

.styles_miniBannerMobileBlock_4__37smp {
    grid-column: 2/3;
    grid-row: 1/2
}

.styles_isBannerSize4__ydhr7.styles_miniBannerMobileBlock_4__37smp {
    grid-column: 2/3;
    grid-row: 1/3
}

.styles_miniBannerMobileBlock_5__GYBh1 {
    grid-column: 2/3;
    grid-row: 2/3
}

.styles_centerContent__gI6Sf {
    text-align: center;
}
.styles_text1__yrKCY, .styles_text2__0R9w_ {
    font-family: ggsm;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
}
.styles_text1__yrKCY {
    color: #797979;
}
.styles_text2__0R9w_ {
    color: #000;
}
.styles_btn__ShfUU {
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    background: var(--primary-color);
    padding: 8px 40px;
    gap: 20px;
    color: #fff;
    text-transform: uppercase;
}

.jss178 .MuiAccordionSummary-content p {
    font-size: 20px;
    text-align: left;
    font-family: ggsr;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
}

.border-radius-0-2goc {
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.styles_wrapper__2377Z {
    background: linear-gradient(90deg,#498c78,#97d1c0);
    box-shadow: 0 1px 2px -1px #0000001a,0 1px 3px #0000001a
}

.styles_box__n8VEY {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    gap: 32px
}

@media (max-width: 960px) {
    .styles_box__n8VEY {
        flex-direction:column;
        gap: 16px
    }
}

.styles_blockWrapper__BHPXM {
    border: 0;
    height: 88px;
    width: 100%
}

.styles_block__0THo_ {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    display: flex;
    gap: 20px;
    height: 88px;
    padding: 24px 16px;
    width: 100%
}

.styles_text__iDlub {
    color: #000;
    font-family: ggsr;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    width: -moz-fit-content;
    width: fit-content
}

.styles_bgKey__uVDUt {
    border-radius: 8px;
    background-color: var(--primary-color);
    box-shadow: 0 1px 2px -1px rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.1);
    border: none;
    justify-content: flex-start
}

.styles_bgKey__uVDUt span {
    gap: 20px
}

.styles_bgKey__uVDUt p {
    color: #fff
}

.styles_boxContainer__t2s4X {
    max-width: 1304px;
    padding: 20px 0
}

@media (max-width: 1280px) {
    .styles_boxContainer__t2s4X {
        padding:20px 16px
    }
}