/* [project]/app/globals.scss.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }

    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-100: #ffe2e2;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-yellow-100: #fef9c2;
    --color-yellow-400: #fac800;
    --color-yellow-500: #edb200;
    --color-yellow-700: #a36100;
    --color-green-100: #dcfce7;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-700: #008138;
    --color-green-800: #016630;
    --color-indigo-500: #625fff;
    --color-purple-600: #9810fa;
    --color-slate-300: #cad5e2;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5dc;
    --color-gray-400: #99a1af;
    --color-gray-500: #6a7282;
    --color-gray-600: #4a5565;
    --color-gray-700: #364153;
    --color-gray-800: #1e2939;
    --color-gray-900: #101828;
    --color-neutral-800: #262626;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-xl: 80rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: color(display-p3 0 0 0)) {
    :root, :host {
      --color-red-100: color(display-p3 .980386 .889727 .887779);
      --color-red-400: color(display-p3 .933534 .431676 .423491);
      --color-red-500: color(display-p3 .903738 .262579 .253307);
      --color-red-600: color(display-p3 .830323 .140383 .133196);
      --color-red-700: color(display-p3 .692737 .116232 .104679);
      --color-red-800: color(display-p3 .569606 .121069 .108493);
      --color-yellow-100: color(display-p3 .993436 .977463 .782913);
      --color-yellow-400: color(display-p3 .959941 .790171 .0585198);
      --color-yellow-500: color(display-p3 .903651 .703062 .0745389);
      --color-yellow-700: color(display-p3 .613146 .386658 .0579687);
      --color-green-100: color(display-p3 .885269 .984329 .910368);
      --color-green-400: color(display-p3 .399536 .862346 .49324);
      --color-green-500: color(display-p3 .308734 .774754 .374307);
      --color-green-700: color(display-p3 .198355 .501799 .245335);
      --color-green-800: color(display-p3 .168568 .395123 .211217);
      --color-indigo-500: color(display-p3 .380374 .372235 .971707);
      --color-purple-600: color(display-p3 .546729 .130167 .94439);
      --color-slate-300: color(display-p3 .800294 .834432 .882803);
      --color-gray-50: color(display-p3 .977213 .98084 .985102);
      --color-gray-100: color(display-p3 .953567 .956796 .964321);
      --color-gray-200: color(display-p3 .899787 .906171 .92106);
      --color-gray-300: color(display-p3 .822033 .835264 .858521);
      --color-gray-400: color(display-p3 .605734 .630385 .680158);
      --color-gray-500: color(display-p3 .421287 .446085 .504784);
      --color-gray-600: color(display-p3 .297358 .332176 .39043);
      --color-gray-700: color(display-p3 .219968 .253721 .318679);
      --color-gray-800: color(display-p3 .125854 .159497 .216835);
      --color-gray-900: color(display-p3 .070423 .0928982 .151928);
      --color-neutral-800: color(display-p3 .149382 .149382 .149382);
    }
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-400: lab(63.7053% 60.7449 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-yellow-100: lab(97.3564% -4.51407 27.344);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-yellow-700: lab(47.8202% 25.2426 66.5015);
      --color-green-100: lab(96.186% -13.8464 6.52362);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8072);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-green-800: lab(37.4616% -36.7971 22.9692);
      --color-indigo-500: lab(48.295% 38.3129 -81.9673);
      --color-purple-600: lab(43.0295% 75.21 -86.5669);
      --color-slate-300: lab(84.7652% -1.94535 -7.93337);
      --color-gray-50: lab(98.2596% -.247031 -.706708);
      --color-gray-100: lab(96.1596% -.082314 -1.13575);
      --color-gray-200: lab(91.6229% -.159085 -2.26791);
      --color-gray-300: lab(85.1236% -.612259 -3.7138);
      --color-gray-400: lab(65.9269% -.832707 -8.17474);
      --color-gray-500: lab(47.7841% -.393212 -10.0268);
      --color-gray-600: lab(35.6337% -1.58697 -10.8425);
      --color-gray-700: lab(27.1134% -.956401 -12.3224);
      --color-gray-800: lab(16.1051% -1.18239 -11.7533);
      --color-gray-900: lab(8.11897% .811279 -12.254);
      --color-neutral-800: lab(15.204% 0 0);
    }
  }
}

@layer base {
  *, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::-webkit-file-upload-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

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

  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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-moz-any([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 20px;
  }

  :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 20px;
  }

  :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
    margin-right: 4px;
  }

  :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
    margin-right: 4px;
  }

  :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
    margin-right: 4px;
  }

  :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
    margin-left: 4px;
  }

  :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
    margin-left: 4px;
  }

  :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
    margin-left: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

  button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  input:where([type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

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

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

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

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: calc(var(--spacing) * 0);
  }

  .start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: calc(var(--spacing) * 0);
  }

  .start-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: calc(var(--spacing) * 0);
  }

  .start-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: calc(var(--spacing) * 0);
  }

  .start-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: calc(var(--spacing) * 0);
  }

  .start-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: calc(var(--spacing) * 0);
  }

  .end-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: calc(var(--spacing) * 0);
  }

  .end-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: calc(var(--spacing) * 0);
  }

  .end-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: calc(var(--spacing) * 0);
  }

  .end-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: calc(var(--spacing) * 0);
  }

  .end-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: calc(var(--spacing) * 0);
  }

  .end-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: calc(var(--spacing) * 0);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

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

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-8 {
    top: calc(var(--spacing) * 8);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-16 {
    top: calc(var(--spacing) * 16);
  }

  .top-\[90\%\] {
    top: 90%;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-6 {
    right: calc(var(--spacing) * 6);
  }

  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }

  .bottom-32 {
    bottom: calc(var(--spacing) * 32);
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

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

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-999 {
    z-index: 999;
  }

  .z-9999 {
    z-index: 9999;
  }

  .z-10000 {
    z-index: 10000;
  }

  .z-99999999 {
    z-index: 99999999;
  }

  .z-\[1010\] {
    z-index: 1010;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[99999\] {
    z-index: 99999;
  }

  .z-\[999999999\] {
    z-index: 999999999;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-auto {
    margin: auto;
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

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

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }

  .my-20 {
    margin-block: calc(var(--spacing) * 20);
  }

  .my-25 {
    margin-block: calc(var(--spacing) * 25);
  }

  .ms-1:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(var(--spacing) * 1);
  }

  .ms-1:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(var(--spacing) * 1);
  }

  .ms-1:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(var(--spacing) * 1);
  }

  .ms-1:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(var(--spacing) * 1);
  }

  .ms-1:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(var(--spacing) * 1);
  }

  .ms-1:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(var(--spacing) * 1);
  }

  .me-1:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: calc(var(--spacing) * 1);
  }

  .me-1:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: calc(var(--spacing) * 1);
  }

  .me-1:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: calc(var(--spacing) * 1);
  }

  .me-1:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: calc(var(--spacing) * 1);
  }

  .me-1:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: calc(var(--spacing) * 1);
  }

  .me-1:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: calc(var(--spacing) * 1);
  }

  .me-3:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: calc(var(--spacing) * 3);
  }

  .me-3:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: calc(var(--spacing) * 3);
  }

  .me-3:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: calc(var(--spacing) * 3);
  }

  .me-3:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: calc(var(--spacing) * 3);
  }

  .me-3:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: calc(var(--spacing) * 3);
  }

  .me-3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: calc(var(--spacing) * 3);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }

  .mt-90 {
    margin-top: calc(var(--spacing) * 90);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-full {
    height: 100%;
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

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

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

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

  .min-h-full {
    min-height: 100%;
  }

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

  .w-1\/4 {
    width: 25%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\/5 {
    width: 40%;
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-50 {
    width: calc(var(--spacing) * 50);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

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

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

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

  .w-screen {
    width: 100vw;
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

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

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

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

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

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

  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

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

  .flex-1 {
    flex: 1;
  }

  .flex-12 {
    flex: 12;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .origin-top-right {
    transform-origin: 100% 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, 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));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

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

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

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

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

  .justify-evenly {
    justify-content: space-evenly;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  :where(.-space-x-px > :not(:last-child)) {
    --tw-space-x-reverse: 0;
  }

  :where(.-space-x-px > :not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(-1px * var(--tw-space-x-reverse));
    margin-right: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-px > :not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(-1px * var(--tw-space-x-reverse));
    margin-right: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-px > :not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(-1px * var(--tw-space-x-reverse));
    margin-right: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-px > :not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-px > :not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.-space-x-px > :not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
  }

  :where(.space-x-3 > :not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-left: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-left: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-3 > :not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-left: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-green-400 {
    border-color: var(--color-green-400);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-transparent {
    border-color: rgba(0, 0, 0, 0);
  }

  .border-white\/10 {
    border-color: rgba(255, 255, 255, .1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black\/50 {
    background-color: rgba(0, 0, 0, .5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/90 {
    background-color: rgba(0, 0, 0, .9);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/90 {
      background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
    }
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-500\/75 {
    background-color: rgba(106, 114, 130, .75);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-500\/75 {
      background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
    }
  }

  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-600 {
    background-color: var(--color-red-600);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: rgba(255, 255, 255, .05);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-32 {
    padding: calc(var(--spacing) * 32);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .ps-3\.5:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .ps-3\.5:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .ps-3\.5:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .ps-3\.5:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .ps-3\.5:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .ps-3\.5:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .ps-10:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: calc(var(--spacing) * 10);
  }

  .ps-10:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: calc(var(--spacing) * 10);
  }

  .ps-10:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: calc(var(--spacing) * 10);
  }

  .ps-10:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: calc(var(--spacing) * 10);
  }

  .ps-10:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: calc(var(--spacing) * 10);
  }

  .ps-10:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: calc(var(--spacing) * 10);
  }

  .pe-3:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 3);
  }

  .pe-3:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 3);
  }

  .pe-3:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 3);
  }

  .pe-3:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 3);
  }

  .pe-3:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 3);
  }

  .pe-3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 3);
  }

  .pe-3\.5:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pe-3\.5:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pe-3\.5:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 3.5);
  }

  .pe-3\.5:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pe-3\.5:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pe-3\.5:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pe-10:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 10);
  }

  .pe-10:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 10);
  }

  .pe-10:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: calc(var(--spacing) * 10);
  }

  .pe-10:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 10);
  }

  .pe-10:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 10);
  }

  .pe-10:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: calc(var(--spacing) * 10);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-15 {
    padding-top: calc(var(--spacing) * 15);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }

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

  .text-end {
    text-align: end;
  }

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

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

  .text-start {
    text-align: start;
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

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

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-neutral-800 {
    color: var(--color-neutral-800);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0, 0, 0, .25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0, 0, 0, .1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, .05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-black\/5 {
    --tw-ring-color: rgba(0, 0, 0, .05);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .ring-gray-300 {
    --tw-ring-color: var(--color-gray-300);
  }

  .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, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }
  }

  @media (hover: hover) {
    .hover\:text-gray-900:hover {
      color: var(--color-gray-900);
    }
  }

  .focus\:z-10:focus {
    z-index: 10;
  }

  .focus\:z-20:focus {
    z-index: 20;
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-4:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-gray-100:focus {
    --tw-ring-color: var(--color-gray-100);
  }

  .focus\:ring-gray-200:focus {
    --tw-ring-color: var(--color-gray-200);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid rgba(0, 0, 0, 0);
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:border-purple-600:focus-visible {
    border-color: var(--color-purple-600);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-indigo-500:focus-visible {
    --tw-ring-color: var(--color-indigo-500);
  }

  .data-closed\:translate-y-4[data-closed] {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-closed\:scale-95[data-closed] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-closed\:transform[data-closed] {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .data-closed\:opacity-0[data-closed] {
    opacity: 0;
  }

  .data-enter\:duration-100[data-enter] {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .data-enter\:duration-300[data-enter] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-enter\:ease-out[data-enter] {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .data-focus\:bg-gray-100[data-focus] {
    background-color: var(--color-gray-100);
  }

  .data-focus\:text-gray-900[data-focus] {
    color: var(--color-gray-900);
  }

  .data-focus\:outline-hidden[data-focus] {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .data-focus\:outline-hidden[data-focus] {
      outline-offset: 2px;
      outline: 2px solid rgba(0, 0, 0, 0);
    }
  }

  .data-leave\:duration-75[data-leave] {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .data-leave\:duration-200[data-leave] {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .data-leave\:ease-in[data-leave] {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  @media (min-width: 40rem) {
    .sm\:my-8 {
      margin-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-96 {
      width: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .data-closed\:sm\:translate-y-0[data-closed] {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 40rem) {
    .data-closed\:sm\:scale-95[data-closed] {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-top: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-bottom: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
    }

    :where(.md\:space-x-4 > :not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      margin-left: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-right: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-4 > :not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      margin-left: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-right: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-4 > :not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      margin-left: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-right: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-4 > :not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      margin-right: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-left: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-4 > :not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      margin-right: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-left: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-4 > :not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      margin-right: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-left: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-x-8 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
    }

    :where(.md\:space-x-8 > :not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      margin-left: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-right: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-8 > :not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      margin-left: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-right: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-8 > :not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
      margin-left: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-right: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-8 > :not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      margin-right: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-left: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-8 > :not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      margin-right: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-left: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }

    :where(.md\:space-x-8 > :not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
      margin-right: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
      margin-left: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 48rem) {
    .md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:bg-white {
      background-color: var(--color-white);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    
  }

  @media (min-width: 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-1\/4 {
      width: 25%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-3\/4 {
      width: 75%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-r-2 {
      border-right-style: var(--tw-border-style);
      border-right-width: 2px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-l-2 {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:border-slate-300 {
      border-color: var(--color-slate-300);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pt-15 {
      padding-top: calc(var(--spacing) * 15);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pr-8 {
      padding-right: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 80rem) {
    .xl\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  :where(.rtl\:space-x-reverse:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  :where(.rtl\:space-x-reverse:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  :where(.rtl\:space-x-reverse:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) {
    --tw-space-x-reverse: 1;
  }

  .rtl\:text-right:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    text-align: right;
  }

  .rtl\:text-right:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    text-align: right;
  }

  .rtl\:text-right:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    text-align: right;
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-gray-700 {
      border-color: var(--color-gray-700);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-700 {
      background-color: var(--color-gray-700);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-400 {
      color: var(--color-gray-400);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-600 {
      color: var(--color-gray-600);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-white {
      color: var(--color-white);
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-gray-700:hover {
        background-color: var(--color-gray-700);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:focus\:ring-gray-600:focus {
      --tw-ring-color: var(--color-gray-600);
    }
  }
}

@font-face {
  font-family: icomoon;
  src: url("../media/icomoon.16a00267.eot");
  src: url("../media/icomoon.16a00267.eot") format("embedded-opentype"), url("../media/icomoon.f315064b.ttf") format("truetype"), url("../media/icomoon.00cdc495.woff") format("woff"), url("../media/icomoon.6974051e.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  speak: never;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: icomoon !important;
}

.icon-shop-1:before {
  content: "";
  color: #8d1a14;
}

.icon-arrow-right:before {
  content: "";
}

.icon-bag-happy-1:before {
  content: "";
  color: #8d1a14;
}

.icon-home-01-1:before {
  content: "";
  color: #8d1a14;
}

.icon-user-03-1:before {
  content: "";
  color: #8d1a14;
}

.icon-medal-star-1:before {
  content: "";
  color: #8d1a14;
}

.icon-home-01:before {
  content: "";
  color: #98a2b3;
}

.icon-medal-star:before {
  content: "";
  color: #98a2b3;
}

.icon-user-03:before {
  content: "";
  color: #98a2b3;
}

.icon-box1:before {
  content: "";
}

.icon-export:before {
  content: "";
}

.icon-import:before {
  content: "";
}

.icon-document-download:before {
  content: "";
}

.icon-directbox-send:before {
  content: "";
}

.icon-graph:before {
  content: "";
}

.icon-user-tick1:before {
  content: "";
}

.icon-calendar-2:before {
  content: "";
}

.icon-money-3:before {
  content: "";
}

.icon-cards:before {
  content: "";
}

.icon-PDF-1:before {
  content: "";
}

.icon-svgexport-15-1:before {
  content: "";
}

.icon-arrow-up-right-from-square:before {
  content: "";
}

.icon-ban-solid-full:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
  color: #fff;
}

.icon-instagram:before {
  content: "";
  color: #fff;
}

.icon-facebook:before {
  content: "";
  color: #fff;
}

.icon-expand-solid:before {
  content: "";
}

.icon-warning-2:before {
  content: "";
}

.icon-circle-play-regular:before {
  content: "";
}

.icon-message-regular:before {
  content: "";
}

.icon-whatsapp-brands:before {
  content: "";
}

.icon-envelope-regular:before {
  content: "";
}

.icon-message-solid:before {
  content: "";
}

.icon-view-on:before {
  content: "";
  color: #94959e;
}

.icon-filter-search:before {
  content: "";
}

.icon-element-plus:before {
  content: "";
}

.icon-setting-4:before {
  content: "";
}

.icon-shield-tick:before {
  content: "";
  color: #666876;
}

.icon-double-left:before {
  content: "";
  color: #7e818e;
}

.icon-double-right:before {
  content: "";
  color: #7e818e;
}

.icon-at:before {
  content: "";
  color: #4a4a49;
}

.icon-logout1:before {
  content: "";
  color: #4a4a49;
}

.icon-task:before {
  content: "";
  color: #4a4a49;
}

.icon-ranking .path1:before {
  content: "";
  color: #7e818e;
}

.icon-ranking .path2:before {
  content: "";
  color: #7e818e;
  opacity: .4;
  margin-left: -1em;
}

.icon-ranking .path3:before {
  content: "";
  color: #7e818e;
  opacity: .4;
  margin-left: -1em;
}

.icon-ranking .path4:before {
  content: "";
  color: #7e818e;
  opacity: .4;
  margin-left: -1em;
}

.icon-location:before {
  content: "";
  color: #4a4a49;
}

.icon-multiplication-sign:before {
  content: "";
}

.icon-arrow-left-01-round:before {
  content: "";
}

.icon-arrow-down-01-round:before {
  content: "";
}

.icon-arrow-right-01-round:before {
  content: "";
}

.icon-add:before {
  content: "";
  color: #4a4a49;
}

.icon-box .path1:before {
  content: "";
  color: #7e818e;
  opacity: .4;
}

.icon-box .path2:before {
  content: "";
  color: #7e818e;
  opacity: .4;
  margin-left: -1em;
}

.icon-box .path3:before {
  content: "";
  color: #7e818e;
  opacity: .4;
  margin-left: -1em;
}

.icon-box .path4:before {
  content: "";
  color: #7e818e;
  margin-left: -1em;
}

.icon-box .path5:before {
  content: "";
  color: #7e818e;
  margin-left: -1em;
}

.icon-search-normal:before {
  content: "";
  color: #7e818e;
}

.icon-minus:before {
  content: "";
  color: #4a4a49;
}

.icon-bag-happy:before {
  content: "";
  color: #4a4a49;
}

.icon-tick-circle:before {
  content: "";
  color: #8d1a14;
}

.icon-trash:before {
  content: "";
  color: #667085;
}

.icon-bag-cross .path1:before {
  content: "";
  color: #7e818e;
  opacity: .4;
}

.icon-bag-cross .path2:before {
  content: "";
  color: #7e818e;
  margin-left: -1em;
}

.icon-logout:before {
  content: "";
  color: #8d1a14;
}

.icon-bag-tick .path1:before {
  content: "";
  color: #009941;
  opacity: .4;
}

.icon-bag-tick .path2:before {
  content: "";
  color: #009941;
  margin-left: -1em;
}

.icon-bag .path1:before {
  content: "";
  color: #8d1a14;
  opacity: .4;
}

.icon-bag .path2:before {
  content: "";
  color: #8d1a14;
  margin-left: -1em;
}

.icon-logout-03:before {
  content: "";
  color: #8d1a14;
}

.icon-star-fill-lg:before {
  content: "";
  color: #ffc107;
}

.icon-star-blank-lg:before {
  content: "";
  color: #d9d9d9;
}

.icon-star-blank-sm:before {
  content: "";
  color: #c2c5d2;
}

.icon-star-fill-sm:before {
  content: "";
  color: #d8a343;
}

.icon-global:before {
  content: "";
  color: #4a4a49;
}

.icon-arrow-up:before {
  content: "";
}

.icon-user:before {
  content: "";
  color: #7e818e;
}

.icon-mobile:before {
  content: "";
  color: #7e818e;
}

.icon-sms:before {
  content: "";
  color: #7e818e;
}

.icon-shop:before {
  content: "";
  color: #7e818e;
}

.icon-user-tick:before {
  content: "";
}

.icon-user-remove:before {
  content: "";
}

.icon-view-off:before {
  content: "";
  color: #94959e;
}

.icon-shield-security:before {
  content: "";
  color: #7e818e;
}

.icon-call-center:before {
  content: "";
}

@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") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.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 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev, .swiper-button-next {
  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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg, .swiper-button-next svg {
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important;
}

.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-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

:root {
  --body-bg: #f6f6f6;
  --primary-color: #8d1a14;
  --primary-color-hover: #7a1410;
  --Gray---1: #7e818e;
  --Gray-1: #6a6e83;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--body-bg);
  font-family: TheSans, Arial, Helvetica, sans-serif;
}

@media (max-width: 993px) {
  body {
    padding-bottom: 100px;
  }
}

body.header-padding {
  padding-top: 86px;
}

.container {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

.section-title {
  color: #1e1f24;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
}

.main-title {
  color: #000;
  font-size: 28px;
  font-weight: 700;
}

.sub-title {
  color: #1e1e1e;
  font-size: 20px;
  font-weight: 700;
}

p {
  color: #292d32;
  margin-bottom: 20px;
  font-size: 16px;
}

p.mb-0 {
  margin-bottom: 0;
}

.card {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
}

@media (max-width: 992px) {
  .card {
    border-radius: 12px;
  }
}

.badge {
  border: none;
  border-radius: 4px;
  min-height: 32px;
  margin-bottom: 16px;
  font-size: 12px;
}

.badge.blue {
  color: #165897;
  background-color: rgba(22, 88, 151, .12);
}

.badge.green {
  color: #288d14;
  background-color: rgba(40, 141, 20, .12);
}

.badge.yellow {
  color: #d8a343;
  background-color: rgba(216, 163, 67, .12);
}

.badge.red {
  color: #8d1a14;
  background-color: rgba(141, 26, 20, .12);
}

input:focus-visible {
  outline: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.p-32 {
  padding: 32px;
}

@media (max-width: 768px) {
  .p-32 {
    padding: 16px;
  }
}

.mt-40 {
  margin-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-140 {
  margin-top: 140px;
}

.html-overflow {
  padding: 0;
  overflow: visible;
}

@media (max-width: 1023px) {
  .html-overflow {
    overflow: hidden;
  }
}

hr {
  border-color: #ccd3d9;
  margin: 24px 0;
}

.container, .max-w-screen-xl {
  width: 90%;
  max-width: 1920px;
}

@media (max-width: 600px) {
  .container, .max-w-screen-xl {
    width: 100%;
  }
}

.brand-logo {
  max-width: 190px;
  margin: 0 auto;
  transition: all .4s ease-in-out;
  position: relative !important;
}

.brand-logo:hover {
  transform: scale(1.1);
}

.clear-html {
  padding: 0 !important;
  overflow: visible !important;
}

.custom-py-40 {
  padding: 40px 0 !important;
}

.custom-py-40.pt-0 {
  padding-top: 0 !important;
}

@media (max-width: 600px) {
  .custom-py-40 {
    padding: 40px 20px !important;
  }
}

.loader-container {
  z-index: 9999;
  background-color: #f0f0f0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.loader-container .loader {
  box-sizing: border-box;
  border-top: 4px solid #fff;
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: 1s linear infinite rotation;
  display: inline-block;
}

.loader-container .loader:after {
  content: "";
  box-sizing: border-box;
  border-bottom: 4px solid var(--primary-color);
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.section-loader {
  border: 5px solid var(--primary-color);
  box-sizing: border-box;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: 1s linear infinite rotationSection;
  display: inline-block;
}

@keyframes rotationSection {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.filters-loader {
  border: 5px solid var(--primary-color);
  box-sizing: border-box;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: 1s linear infinite rotation;
  display: inline-block;
}

.circle-icon-container, .lang-switcher {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e5e8;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.circle-icon-container:focus-visible {
  outline: none;
}

.lang-switcher:focus-visible {
  outline: none;
}

.circle-icon-container span, .lang-switcher span {
  height: 22px;
}

.circle-icon-container span i, .lang-switcher span i {
  font-size: 22px;
}

.circle-icon-container span i:before, .lang-switcher span i:before {
  color: #292d32;
}

.lang-switcher-dropdown span {
  cursor: pointer;
}

.lang-switcher-dropdown i {
  font-size: 24px;
}

@media (max-width: 1023px) {
  .nav-lang-switcher {
    left: 0 !important;
    right: 0 !important;
    transform: translateX(0) !important;
  }
}

.vl {
  background-color: #e4e5e8;
  width: 1px;
  height: 48px;
  margin: 0 16px 0 5px;
}

.profile-dropdown {
  width: 257px;
}

@media (max-width: 1023px) {
  .profile-dropdown {
    left: 0 !important;
    right: 0 !important;
    transform: translateX(50%) !important;
  }
}

.profile-dropdown .profile-dropdown-header {
  border-bottom: 1px solid #e4e5e8;
}

.profile-dropdown .profile-dropdown-header .profile-img {
  text-align: center;
  background-color: #fff;
  border: 1px solid #e4e5e8;
  border-radius: 100px;
  width: 44px;
  height: 44px;
  line-height: 27px;
}

.profile-dropdown .profile-dropdown-header .username {
  font-size: 16px;
}

.profile-dropdown .profile-dropdown-header .user-email {
  color: var(--Gray-1);
  font-size: 12px;
}

.profile-dropdown .profile-item i {
  font-size: 24px;
}

.profile-dropdown .profile-item i:before {
  color: #4a4a49;
}

.profile-dropdown .profile-item span {
  color: #4a4a49;
  font-size: 16px;
}

.profile-dropdown .profile-item.logout span, .profile-dropdown .profile-item.logout i:before {
  color: var(--primary-color);
}

.form-group {
  margin-bottom: 18px;
}

.form-group label {
  color: #1e1f24;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
}

.form-group label .required {
  color: #e82832;
  font-weight: 400;
}

.form-group .error-msg {
  color: #e82832;
  margin-top: 3px;
  font-size: 14px;
  display: block;
}

.form-group input {
  color: #4a4a49;
  background-color: #fff;
  border: 1px solid #c2c5d2;
  border-radius: 6px;
  width: 100%;
  font-size: 16px;
  transition: border-color .3s;
}

.form-group input:focus {
  border-color: #4a90e2;
}

.form-group input:focus-visible {
  border-color: #4a90e2;
}

.form-group input:hover {
  border-color: #a0a3a8;
}

.form-group input::placeholder {
  color: #7e818e;
}

.form-group input[type="checkbox"], .form-group input[type="radio"] {
  width: auto;
}

.form-group .password-icon {
  cursor: pointer;
  left: 0;
  right: auto;
}

.form-group i {
  font-size: 20px;
}

.primary-btn {
  background-color: var(--primary-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  min-width: 70px;
  padding: 12px 24px;
  font-size: 16px;
  transition: background-color .3s ease-in-out;
}

.primary-btn i:before {
  color: #fff;
}

.primary-btn:hover {
  background-color: var(--primary-color-hover);
}

.primary-btn.green-btn {
  background-color: #288d14;
  min-width: 160px;
}

@media (max-width: 450px) {
  .primary-btn.green-btn {
    min-width: auto;
  }
}

.primary-btn.green-btn:hover {
  background-color: #1e650f;
}

.primary-btn.red-btn {
  min-width: 160px;
}

@media (max-width: 450px) {
  .primary-btn.red-btn {
    min-width: auto;
  }
}

.primary-btn.error-btn {
  background-color: #de1f1f;
}

.primary-btn.error-btn:hover {
  background-color: #bd1d1d;
}

.disabled {
  color: #7e818e;
  pointer-events: none;
  background-color: rgba(155, 146, 165, .16);
}

.gray-btn {
  color: #4a4a49;
  cursor: pointer;
  background-color: rgba(152, 154, 163, .2);
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-size: 16px;
  transition: background-color .3s ease-in-out;
}

.gray-btn:hover {
  background-color: rgba(83, 83, 87, .2);
}

.outline-btn {
  color: #8d1a14;
  background-color: #fff;
  border: 1px solid #8d1a14;
  border-radius: 6px;
  min-width: 70px;
  padding: 10px 15px;
  font-size: 16px;
  transition: all .3s ease-in-out;
}

.outline-btn:hover {
  color: #fff;
  background-color: #8d1a14;
}

.outline-btn.no-bg {
  background-color: rgba(0, 0, 0, 0);
}

.outline-btn.no-bg:hover {
  color: #fff;
  background-color: #8d1a14;
}

.sm-primary-btn {
  margin-top: -8px;
  margin-bottom: 16px;
  padding: 8px 16px;
  font-size: 13px;
}

.grid-card-container .swiper {
  padding-bottom: 64px !important;
}

.grid-card-container .swiper:after {
  content: "";
  background-color: #c2c5d2;
  width: calc(100% - 135px);
  height: 1px;
  display: block;
  position: absolute;
  bottom: 23px;
  right: 0;
}

@media (min-width: 1320px) {
  .grid-card-container .swiper.just-four-items {
    padding-bottom: 0 !important;
  }

  .grid-card-container .swiper.just-four-items:after {
    opacity: 0;
  }
}

.grid-card-container .swiper .swiper-button-prev, .grid-card-container .swiper .swiper-button-next {
  background-color: #fff;
  border-radius: 8px;
  width: 48px;
  height: 48px;
  position: absolute;
  top: auto;
  bottom: 0;
  right: auto !important;
}

.grid-card-container .swiper .swiper-button-prev:after, .grid-card-container .swiper .swiper-button-next:after {
  color: #292d32;
  font-family: icomoon;
  font-size: 17px;
}

.grid-card-container .swiper .swiper-button-prev.swiper-button-disabled, .grid-card-container .swiper .swiper-button-next.swiper-button-disabled {
  opacity: .6;
}

.grid-card-container .swiper .swiper-button-prev {
  left: 60px !important;
}

.grid-card-container .swiper .swiper-button-prev:after {
  content: "" !important;
}

.grid-card-container .swiper .swiper-button-next {
  left: 0 !important;
}

.grid-card-container .swiper .swiper-button-next:after {
  content: "" !important;
}

.circle-icon-container.back-to-top:not(.mobile-back-to-top) {
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #8d1a14;
  width: 48px;
  height: 48px;
  transition: all .3s ease-in-out;
  position: fixed;
  bottom: 20px;
  right: 75px;
}

.circle-icon-container.back-to-top:not(.mobile-back-to-top) i {
  color: #8d1a14;
  font-size: 18px;
}

.circle-icon-container.back-to-top:not(.mobile-back-to-top):hover {
  background-color: #8d1a14;
}

.circle-icon-container.back-to-top:not(.mobile-back-to-top):hover i {
  color: #fff;
}

.circle-icon-container.back-to-top:not(.mobile-back-to-top).show {
  opacity: 1;
  pointer-events: all;
}

.contact-tools {
  z-index: 999;
  align-items: end;
  gap: 8px;
  height: 50px;
  display: flex;
  position: fixed;
  bottom: 20px;
  right: 20px;
  overflow: hidden;
}

.contact-tools.open {
  height: 175px;
}

@media (max-width: 992px) {
  .contact-tools {
    bottom: 60px;
  }
}

.contact-tools .circle-icon-container {
  width: 48px;
  height: 48px;
  transition: all .3s ease-in-out;
}

.contact-tools .circle-icon-container.back-to-top {
  background-color: #fff;
  border: 1px solid #8d1a14;
}

.contact-tools .circle-icon-container.back-to-top i {
  color: #8d1a14;
  font-size: 18px;
}

.contact-tools .circle-icon-container.back-to-top:hover {
  background-color: #8d1a14;
}

.contact-tools .circle-icon-container.back-to-top:hover i {
  color: #fff;
}

.contact-tools .circle-icon-container.contact-link {
  z-index: 9;
  background-color: #8d1a14;
  border: 1px solid #8d1a14;
  position: relative;
}

.contact-tools .circle-icon-container.contact-link i {
  color: #fff;
  font-size: 27px;
}

.contact-tools .circle-icon-container.contact-link.contact-email {
  background-color: #74737d;
  border-color: #74737d;
}

.contact-tools .circle-icon-container.contact-link.contact-email:hover {
  background-color: #55545b;
  border-color: #55545b;
}

.contact-tools .circle-icon-container.contact-link.contact-email i:before {
  color: #fff;
}

.contact-tools .circle-icon-container.contact-link.contact-whatsapp {
  background-color: #25d366;
  border-color: #25d366;
}

.contact-tools .circle-icon-container.contact-link.contact-whatsapp:hover {
  background-color: #1a8f46;
  border-color: #1a8f46;
}

.contact-tools .circle-icon-container.contact-link.contact-whatsapp i:before {
  color: #fff;
}

.contact-tools .circle-icon-container.contact-link.contact-phone {
  background-color: #25d366;
  border-color: #25d366;
}

.contact-tools .circle-icon-container.contact-link.contact-phone:hover {
  background-color: #199347;
  border-color: #199347;
}

.contact-tools .circle-icon-container.show {
  opacity: 1;
  pointer-events: all;
}

.contact-tools .circle-icon-container.not-allowed {
  opacity: 0;
  pointer-events: none;
}

.contact-tools .socials {
  opacity: 0;
  transition: all .3s ease-in-out;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(122px);
}

.contact-tools .socials.open {
  opacity: 1;
  bottom: 60px;
  transform: translateY(0);
}

.contact-tools .close, .contact-tools.open .call {
  display: none;
}

.contact-tools.open .close {
  display: block;
}

@media (max-width: 550px) {
  .dropdown-wrapper {
    position: relative;
  }

  .dropdown-wrapper .dropdown-item {
    left: 0;
  }
}

.breadcrumb-wrapper ol li svg, .breadcrumb-wrapper ol li a, .breadcrumb-wrapper ol li span {
  color: #1e1e1e;
  font-size: 16px;
}

@media (max-width: 600px) {
  .breadcrumb-wrapper ol li svg, .breadcrumb-wrapper ol li a, .breadcrumb-wrapper ol li span {
    font-size: 12px;
  }
}

.breadcrumb-wrapper ol li .last {
  color: var(--primary-color) !important;
}

.breadcrumb-wrapper ol a {
  transition: all .3s ease-in-out;
}

.breadcrumb-wrapper ol a:hover {
  color: var(--primary-color);
}

@media (max-width: 1023px) {
  .products-gallery {
    min-height: auto;
    max-height: max-content;
  }
}

.products-gallery .main-image {
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 15px;
  display: flex;
}

@media (max-width: 767px) {
  .products-gallery .main-image {
    flex: auto;
    order: 1;
  }
}

.products-gallery .main-image img {
  object-fit: contain;
  border-radius: 5px;
  max-width: 100%;
}

.products-gallery .main-image iframe {
  border-radius: 5px;
}

.products-gallery .main-image video, .products-gallery .thumbnails {
  height: 100%;
}

@media (max-width: 767px) {
  .products-gallery .thumbnails {
    order: 2;
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .products-gallery .thumbnails {
    height: 530px;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.products-gallery .thumbnails button {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0);
}

.products-gallery .thumbnails .border-red-500 {
  border: 2px solid var(--primary-color);
  border-radius: 12px;
}

.products-gallery .player-icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}

.product-gallery-modal {
  background: rgba(0, 0, 0, .52);
}

.product-gallery-modal .swiper-button-next:after, .product-gallery-modal .swiper-button-prev:after {
  color: #fff;
}

@media (max-width: 767px) {
  .product-gallery-modal .swiper-button-next, .product-gallery-modal .swiper-button-prev {
    display: none !important;
  }
}

.product-gallery-modal .swiper-pagination-clickable .swiper-pagination-bullet {
  opacity: 1;
  background-color: #1e1e1e;
}

.product-gallery-modal .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}

.product-gallery-modal img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #fff;
  padding: 20px;
}

.empty-state svg {
  max-width: 100%;
}

.success-toast {
  min-width: 250px;
}

.rate-button {
  background: rgba(194, 197, 210, .2);
  border: none;
  transition: all .3s ease-in-out;
}

.rate-button:focus {
  box-shadow: none;
  outline: none;
}

.rate-button:focus-visible {
  box-shadow: none;
  outline: none;
}

.rate-button i:before {
  transition: all .3s ease-in-out;
}

.rate-button:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.rate-button:hover i:before {
  color: #fff;
}

input.disabled {
  background-color: rgba(194, 197, 210, .2);
  border-color: rgba(194, 197, 210, .2);
}

.not-found {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 177px);
  padding: 50px 20px;
  display: flex;
}

.not-found svg {
  width: 100%;
}

.not-found .img-text {
  margin-bottom: 30px;
  position: relative;
}

.not-found .img-text .title {
  color: #1e1e1e;
  width: 100%;
  font-size: 32px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 600px) {
  .not-found .img-text .title {
    font-size: 25px;
  }
}

.not-found + footer {
  margin-top: 0;
}

.section-min {
  min-height: calc(100vh - 217px);
}

.section-min-2 {
  min-height: calc(100vh - 257px);
}

.sku-number {
  font-size: 14px;
}

.custom-py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

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

.has-filters {
  position: relative;
}

.has-filters .red-filter {
  color: #fff;
  background-color: #e82832;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 0;
  right: 10px;
}

.filter-mobile.has-filters .red-filter {
  top: 7px;
}

.red-filter-home {
  color: #fff;
  background-color: #e82832;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 15px;
  right: 5px;
}

.reset-password-form-desc {
  width: 90%;
  line-height: 1.8;
}

.corporate-img {
  object-fit: contain;
  border-radius: 0;
  width: 120px;
  height: 50px;
}

@media (max-width: 600px) {
  .corporate-img {
    width: 90px;
  }
}

.profile-tabs-links .sellingGoals, .profile-tabs-links .statementOfAccount {
  display: none;
}

.profile-tabs-links.is-corporate-account .sellingGoals, .profile-tabs-links.is-corporate-account .statementOfAccount {
  display: block;
}

.home-sections-container > div:nth-child(2n) {
  background-color: #fff;
}

.home-sections-container > div:nth-child(2n) .swiper .swiper-button-prev, .home-sections-container > div:nth-child(2n) .swiper .swiper-button-next {
  background-color: var(--body-bg);
}

.home-sections-container > div:nth-child(odd) .swiper .swiper-button-prev, .home-sections-container > div:nth-child(odd) .swiper .swiper-button-next {
  background-color: #fff;
}

.forced-bg {
  background-color: var(--body-bg) !important;
}

.hass-qty-error {
  border: 2px solid var(--primary-color);
  background-color: rgba(141, 26, 20, .12) !important;
}

.gotohome {
  background: #288d14;
}

.gotohome:hover {
  background: #207010;
}

.auth-container {
  width: 100%;
  min-height: 700px;
  padding: 1.5rem 0;
}

.auth-container.register-auth-container .form-side {
  padding-bottom: 100px;
}

@media screen and (min-width: 1024px) {
  .auth-container.register-auth-container .form-side {
    padding: 105px 0;
  }
}

.auth-container .image-logo {
  padding-top: 100px;
  position: relative;
}

.auth-container .image-logo .pattern-img {
  z-index: -1;
  position: absolute;
  top: 0;
  right: -15px;
}

.auth-container .image-logo .logo-img {
  margin-bottom: 32px;
}

.auth-container .form-side {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .auth-container .form-side {
    display: block;
  }
}

.auth-container .form-side .lang-switcher {
  position: absolute;
  top: 20px;
  right: 0;
}

.auth-container .form-side form {
  width: 90%;
}

@media screen and (max-width: 1023px) {
  .auth-container .form-side form {
    width: 100%;
  }
}

.auth-container .form-side button[type="submit"] {
  margin-bottom: 18px;
}

.auth-container .form-side .form-blow span {
  color: var(--Gray---1);
  font-size: 16px;
}

.auth-container .form-side .form-blow a {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 700;
}

.auth-container .image-side img {
  border-radius: 20px;
  max-height: 897px;
}

.phone-input {
  text-align: right;
  direction: ltr;
}

.auth-wrapper {
  min-height: 100vh;
  display: flex;
}

.all-products-container {
  margin-top: 60px;
}

@media (max-width: 1023px) {
  .all-products-container .filters-gap {
    gap: 0;
  }
}

.all-products-container .products-results-title {
  color: #4a4a49;
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 1023px) {
  .all-products-container .products-filter-side {
    width: 0;
  }

  .all-products-container .products-list {
    width: 100%;
  }
}

.all-products-container .filter-mobile {
  z-index: 99;
  background: #fff;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  align-items: center;
  height: 50px;
  padding: 10px 20px;
  display: none;
  position: fixed;
  top: 50%;
  right: 0;
  box-shadow: 1px 1px 7px #ccc;
}

@media (max-width: 1023px) {
  .all-products-container .filter-mobile {
    display: flex;
  }
}

.all-products-container .filter-mobile i {
  font-size: 20px;
}

.all-products-container .products-header-filters {
  gap: 10px;
  margin-bottom: 32px;
}

@media (max-width: 1023px) {
  .all-products-container .products-header-filters {
    flex-wrap: wrap;
  }
}

.all-products-container .products-header-filters .search-input {
  width: 50%;
}

@media (max-width: 1023px) {
  .all-products-container .products-header-filters .search-input {
    width: 100%;
  }
}

.all-products-container .products-header-filters .search-input input {
  font-size: 13px;
}

@media (min-width: 1500px) {
  .all-products-container .products-header-filters .search-input input {
    font-size: 16px;
  }
}

.all-products-container .products-header-filters .filters-sort-display {
  width: 50%;
}

@media (max-width: 1023px) {
  .all-products-container .products-header-filters .filters-sort-display {
    width: 100%;
  }
}

.all-products-container .products-header-filters .filters-sort-display .dropdown-item {
  width: 100%;
}

@media (max-width: 550px) {
  .all-products-container .products-header-filters .filters-sort-display .flex-1 {
    flex: auto;
    width: 100%;
  }
}

.all-products-container .products-header-filters .dropdown-container {
  width: 100%;
  height: 100%;
}

.all-products-container .products-header-filters .dropdown-container .dropdown-title {
  height: 100%;
}

.all-products-container .products-header-filters .dropdown-container .dropdown-title button {
  color: #7e818e;
  outline: none;
  align-items: center;
  height: 100%;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

@media (min-width: 1500px) {
  .all-products-container .products-header-filters .dropdown-container .dropdown-title button {
    font-size: 16px;
  }
}

.all-products-container .products-header-filters .dropdown-container button i {
  font-size: 24px;
}

.all-products-container .products-header-filters .dropdown-container button.option-item {
  color: #4a4a49;
  font-size: 13px;
}

@media (min-width: 1500px) {
  .all-products-container .products-header-filters .dropdown-container button.option-item {
    font-size: 16px;
  }
}

.all-products-container .products-header-filters .dropdown-container button span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.all-products-container .empty-state {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  min-height: 600px;
  display: flex;
}

.product-details {
  padding: 60px 0 0;
}

@media (max-width: 1023px) {
  .product-details {
    padding: 60px 1rem;
  }
}

.product-details.error-product-details {
  padding: 20px 0 0;
}

.product-details .product-card-content .details-product-card-title {
  -webkit-line-clamp: none;
  max-height: max-content;
  margin-bottom: 16px;
  font-size: 22px !important;
  font-weight: 700 !important;
}

.product-details .product-card-content .product-card-description {
  color: #666876;
  max-height: -moz-fit-content;
  max-height: fit-content;
  font-size: 16px;
}

.product-details .product-card-content .stars {
  margin-bottom: 16px;
}

.product-details .product-card-content .stars i, .product-details .product-card-content .sku-number {
  font-size: 16px;
}

.product-details .product-description {
  color: #292d32;
  margin-bottom: 25px;
  font-size: 16px;
}

.product-details .product-description ul {
  list-style: outside;
}

.product-details .product-description ul:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

.product-details .product-description ul:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

.product-details .product-description ul:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

.product-details .product-description ul:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

.product-details .product-description ul:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

.product-details .product-description ul:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

.product-details .product-description ul li {
  margin-bottom: 10px;
}

.product-details .product-description ol {
  list-style: decimal;
}

.product-details .product-description ol:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

.product-details .product-description ol:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

.product-details .product-description ol:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 16px;
}

.product-details .product-description ol:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

.product-details .product-description ol:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

.product-details .product-description ol:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 16px;
}

.product-details .product-description ol li {
  margin-bottom: 10px;
}

.product-details .product-description br {
  display: none;
}

.product-details .details-card .add-to-cart {
  align-items: center;
  width: 60%;
  display: flex;
}

@media (max-width: 992px) {
  .product-details .details-card .add-to-cart {
    width: 100%;
  }
}

.product-details .badge.catalog-details {
  color: #4a4a49;
  background: rgba(194, 197, 210, .2);
  padding: 16px;
  font-size: 12px;
  font-weight: 700;
  transition: all .3s ease-in-out;
}

.product-details .badge.catalog-details:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.product-details .view-more-reviews {
  color: #4a4a49;
  background-color: #f5f5f5;
  border-radius: 6px;
  margin-top: 30px;
  padding: 10px 5px;
  font-size: 16px;
  transition: all .3s ease-in-out;
}

.product-details .view-more-reviews:hover {
  background-color: #d9d9d9;
}

.product-details .product-warning {
  margin-bottom: 2rem;
}

.product-details .product-warning ul li {
  margin-bottom: 10px;
  position: relative;
}

.product-details .product-warning ul li:before {
  content: "";
  color: #8d1a14;
  font-family: icomoon;
  font-size: 18px;
  position: relative;
  top: 3px;
}

.product-details .product-warning ul li:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  margin-right: 5px;
}

.product-details .product-warning ul li:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  margin-right: 5px;
}

.product-details .product-warning ul li:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
  margin-right: 5px;
}

.product-details .product-warning ul li:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  margin-left: 5px;
}

.product-details .product-warning ul li:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  margin-left: 5px;
}

.product-details .product-warning ul li:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
  margin-left: 5px;
}

.product-details .specifications-table {
  border: 1px solid #ccd3d9;
  border-radius: 16px;
}

.product-details .specifications-table .item:nth-child(odd) {
  background-color: rgba(194, 197, 210, .12);
}

.product-details .specifications-table .item div {
  padding: 15px;
  font-size: 16px;
}

.product-details .specifications-table .item .info {
  text-align: center;
  border-right: 1px solid #ccd3d9;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rate-comment-title {
  color: #424242;
  font-size: 16px;
}

#rate-comment, textarea {
  resize: none;
  color: #1e1e1e;
  border-color: #ccd3d9;
  outline: #ccd3d9;
  font-size: 14px;
}

#rate-comment:focus, textarea:focus {
  border-color: #545455;
}

#rate-comment::placeholder, textarea::placeholder {
  color: #a8b1ce;
}

.rate-number {
  color: #7e818e;
  font-size: 14px;
}

.remove-rate-btn {
  border: 1px solid rgba(141, 26, 20, .12);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: all .4s ease-in-out;
  display: flex;
}

.remove-rate-btn:hover {
  background-color: rgba(141, 26, 20, .12);
}

.remove-rate-btn i {
  font-size: 20px;
}

.remove-rate-btn i:before {
  color: #8d1a14;
}

@media (max-width: 767px) {
  .cart-page .cart-item {
    flex-wrap: wrap;
  }
}

.cart-page .cart-item .image-container {
  height: calc(var(--spacing) * 16);
}

@media (max-width: 767px) {
  .cart-page .cart-item .info {
    flex: auto;
    width: 100%;
    padding: 0;
  }
}

.cart-page .cart-item .name {
  color: #1e1e1e;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin: 4px 0;
  display: -webkit-box;
  overflow: hidden;
}

.cart-page .cart-item .price {
  color: var(--primary-color);
  font-weight: 700;
}

@media (max-width: 767px) {
  .cart-page .cart-item .actions {
    width: 100%;
  }
}

.cart-page .cart-item .add-to-cart {
  align-items: stretch;
}

@media (max-width: 767px) {
  .cart-page .cart-item .add-to-cart {
    width: 70%;
    margin-top: 15px;
  }
}

@media (max-width: 500px) {
  .cart-page .cart-item .add-to-cart {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .cart-page .cart-item .add-to-cart {
    flex-direction: row;
  }
}

.cart-page .cart-item .add-to-cart .remove-cart-item {
  background-color: rgba(155, 146, 165, .16);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  transition: all .3s ease-in-out;
}

.cart-page .cart-item .add-to-cart .remove-cart-item:hover {
  background-color: var(--primary-color);
}

.cart-page .cart-item .add-to-cart .remove-cart-item:hover i:before {
  color: #fff;
}

.cart-page .cart-item .add-to-cart .remove-cart-item i {
  font-size: 24px;
}

.cart-page .cart-item .add-to-cart .remove-cart-item i:before {
  color: var(--primary-color);
  transition: all .3s ease-in-out;
}

@media screen and (max-width: 380px) {
  .cart-page .cart-item .add-to-cart .product-card-quantity {
    width: 90%;
  }
}

.cart-page .items-count {
  color: var(--primary-color);
  background-color: rgba(141, 26, 20, .12);
  border-radius: 6px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
}

.cart-page .order-side {
  min-width: calc(100% - 500px);
}

.cart-page .order-summary {
  width: 500px;
  max-width: 500px;
}

@media (max-width: 1023px) {
  .cart-page .order-summary {
    width: 100%;
    max-width: 100%;
  }
}

.cart-page .order-summary.half-width {
  width: 600px;
  max-width: 600px;
}

@media (max-width: 1023px) {
  .cart-page .order-summary.half-width {
    width: 100%;
    max-width: 100%;
  }
}

.cart-page .order-summary .order-item p {
  color: #4a4a49;
}

.cart-page .order-summary .order-item .price {
  color: var(--primary-color);
  font-size: 20px;
  font-weight: 700;
}

.cart-page.checkout-page .order-side {
  min-width: calc(100% - 400px);
}

.cart-page.checkout-page .order-summary {
  width: 400px;
  max-width: 400px;
}

@media (max-width: 1023px) {
  .cart-page.checkout-page .order-summary {
    width: 100%;
    max-width: 100%;
  }
}

.cart-page .notes-text {
  height: 120px;
}

@media (max-width: 992px) {
  .cart-page .notes-text {
    height: 60px;
  }
}

.cart-page .addresses .card {
  padding: 0;
}

.cart-page .addresses .card input {
  display: none;
}

.cart-page .addresses .card input:checked + label {
  border-color: var(--primary-color);
  background-color: rgba(141, 26, 20, .12);
}

.cart-page .addresses .card input:checked + label .check {
  opacity: 1;
}

.cart-page .addresses .card label {
  color: #4a4a49;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 20px;
  transition: all .3s ease-in-out;
  position: relative;
}

.cart-page .addresses .card label:hover {
  border-color: var(--primary-color);
  background-color: rgba(141, 26, 20, .12);
}

.cart-page .addresses .card label .location {
  font-size: 20px;
}

.cart-page .addresses .card label .check {
  opacity: 0;
  font-size: 20px;
}

.cart-page .empty-state {
  padding: 50px 20px;
}

.cart-icon .cart-count-num {
  color: #fff;
  background-color: #e82832;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.checkout-table {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 1300px;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .checkout-table {
    width: 100%;
  }
}

.checkout-table thead {
  color: #fff;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.checkout-table thead th {
  text-transform: capitalize;
}

.checkout-table thead th.cel {
  text-align: center;
  height: 52px;
}

.checkout-table tbody {
  color: #1e1e1e;
}

.checkout-table tbody .remove-cart-item {
  background-color: rgba(155, 146, 165, .16);
  border-radius: 6px;
  width: 45px;
  height: 40px;
  transition: all .3s ease-in-out;
}

.checkout-table tbody .remove-cart-item:hover {
  background-color: var(--primary-color);
}

.checkout-table tbody .remove-cart-item:hover i:before {
  color: #fff;
}

.checkout-table tbody .remove-cart-item i {
  font-size: 24px;
}

.checkout-table tbody .remove-cart-item i:before {
  color: var(--primary-color);
  transition: all .3s ease-in-out;
}

@media (max-width: 450px) {
  .import-export-cart-btns button {
    font-size: 12px;
  }
}

.profile-side-bar .profile-dropdown-header {
  border-bottom: 1px solid #e4e5e8;
}

.profile-side-bar .profile-dropdown-header .profile-img {
  text-align: center;
  background-color: #fff;
  border: 1px solid #e4e5e8;
  border-radius: 100px;
  width: 44px;
  height: 44px;
  line-height: 27px;
}

.profile-side-bar .profile-dropdown-header .username {
  font-size: 16px;
}

.profile-side-bar .profile-dropdown-header .user-email {
  color: var(--Gray-1);
  font-size: 12px;
}

@media (min-width: 993px) {
  .profile-side-bar ul .active {
    color: #8d1a14;
    background-color: rgba(141, 26, 20, .12);
  }

  .profile-side-bar ul .active i:before {
    color: #8d1a14;
  }
}

.profile-side-bar i.type {
  font-size: 20px;
}

.profile-side-bar .logout-wrapper {
  transition: all .4s ease-in-out;
}

.profile-side-bar .logout-wrapper:hover {
  background-color: var(--primary-color);
}

.profile-side-bar .logout-wrapper:hover .logout, .profile-side-bar .logout-wrapper:hover .logout i:before {
  color: #fff;
}

.profile-side-bar .logout {
  color: #8d1a14;
  font-size: 16px;
  transition: all .4s ease-in-out;
}

.profile-side-bar .logout i:before {
  transition: all .4s ease-in-out;
}

.adress-item {
  color: #4a4a49;
  border: 1px solid #c2c5d2;
  border-radius: 16px;
  padding: 15px 10px;
}

.adress-item:last-of-type {
  margin-bottom: 0;
}

.order-card {
  border: 1px solid #ccd3d9;
}

.order-card .order-number {
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 700;
  transition: all .4s ease-in-out;
}

.order-card .order-number:hover {
  color: var(--primary-color);
}

.order-card .prod-img {
  border: 1px solid #ccd3d9;
}

.order-card .prod-title {
  color: #1e1e1e;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  min-height: 24px;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

.order-card .prod-qty {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 700;
}

.order-card .prod-price {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 700;
}

.order-card .extra-products {
  color: #4a4a49;
  background-color: rgba(194, 197, 210, .2);
  border-radius: 6px;
  margin-top: 15px;
  padding: 8px;
  font-size: 14px;
}

.order-card .order-total-price, .order-card .order-total-title {
  color: #1e1e1e;
  font-size: 14px;
  font-weight: 700;
}

.order-status {
  text-align: center;
  border-radius: 8px;
  min-width: 100px;
  padding: 5px 8px;
  font-size: 14px;
}

.order-status.closed {
  color: #009941;
  background-color: #e5fff0;
}

.order-status.canceled {
  color: #8d1a14;
  background-color: rgba(141, 26, 20, .12);
}

.order-status.in-progress {
  color: #d8a343;
  background-color: rgba(216, 163, 67, .12);
}

.order-status.in-delivery {
  color: #165897;
  background-color: rgba(22, 88, 151, .12);
}

.order-date {
  color: #7e818e;
  font-size: 16px;
}

@media (max-width: 767px) {
  .order-details .cart-item .actions {
    width: auto;
  }
}

.responsive-table {
  overflow-x: auto;
}

.profile-selling-tabs-links {
  border-bottom: 1px solid rgba(102, 112, 133, .12);
  display: flex;
}

.profile-selling-tabs-links li {
  position: relative;
}

.profile-selling-tabs-links li .active {
  color: #8d1a14;
}

.profile-selling-tabs-links li .active:after {
  content: "";
  background-color: #8d1a14;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.profile-selling-tabs-links li button:hover {
  color: #8d1a14;
  background-color: rgba(0, 0, 0, 0);
}

.selling-target-table {
  min-width: 860px;
}

.selling-target-table .shadow {
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.selling-target-table .selling-table-container .table-head {
  color: #fff;
  background-color: var(--primary-color);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 20px 0;
}

.selling-target-table .selling-table-container .table-head .width-10 {
  width: 10%;
}

.selling-target-table .selling-table-container .table-head .width-65 {
  width: 65%;
}

.selling-target-table .selling-table-container .table-head > div {
  padding: 0 20px;
}

.selling-target-table .selling-table-container .table-item {
  border: 1px solid #ccc;
  border-top: none;
}

.selling-target-table .selling-table-container .table-item:last-of-type {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.selling-target-table .selling-table-container .table-item .border-center {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.selling-target-table .selling-table-container .table-item .width-10 {
  width: 10%;
}

.selling-target-table .selling-table-container .table-item .width-65 {
  width: 65%;
}

.selling-target-table .selling-table-container .table-item > div {
  padding: 20px;
}

.selling-target-table .selling-table-container .target-content p {
  font-size: 14px;
}

.selling-target-table .selling-table-container .target-content .progress-bar {
  background-color: rgba(141, 26, 20, .12);
  border-radius: 8px;
  height: 10px;
  margin: 10px 0;
  position: relative;
}

.selling-target-table .selling-table-container .target-content .progress-bar .progress {
  background-color: #8d1a14;
  border-radius: 8px;
  height: 4px;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.selling-target-table .selling-table-container .target-content .red-text p {
  color: var(--primary-color);
}

.payment-methods label {
  cursor: pointer;
}

.payment-methods .card {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  height: 100%;
  position: relative;
}

.payment-methods .card i {
  font-size: 54px;
}

.payment-methods .card .icon-tick-circle {
  opacity: 0;
  font-size: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.payment-methods .card.selected {
  color: #8d1a14;
  border: 2px solid var(--primary-color);
  background-color: rgba(141, 26, 20, .12);
}

.payment-methods .card.selected .icon-tick-circle {
  opacity: 1;
}

.order-details .actions {
  color: #4a4a49;
  border: 1px solid #c2c5d2;
  border-radius: 6px;
}

.order-details .address-item label {
  pointer-events: none;
}

.modal-container {
  border-radius: 6px 0 0 6px;
  position: relative;
}

.modal-container .dialog-title {
  color: #000;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
}

.modal-container .dialog-desc {
  margin-bottom: 0;
}

.modal-container .icon-container {
  text-align: center;
  background-color: #000;
  border-radius: 8px;
  min-width: 44px;
  height: 44px;
}

.modal-container .icon-container i {
  color: #fff;
  font-size: 24px;
  line-height: 44px;
}

.modal-container:before {
  content: "";
  background-color: #000;
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.modal-container.error-modal {
  background-color: #ffe0e9;
}

.modal-container.error-modal .icon-container, .modal-container.error-modal:before {
  background-color: #de1f1f;
}

.modal-container.error-modal .dialog-title {
  color: #de1f1f;
}

.modal-container.success-modal {
  background-color: #e0ffe5;
}

.modal-container.success-modal .icon-container, .modal-container.success-modal:before {
  background-color: #288d14;
}

.modal-container.success-modal .dialog-title {
  color: #288d14;
}

.grid-card-container {
  margin-bottom: 0;
}

.grid-card-container .grid-header {
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 32px;
}

.grid-card-container .grid-header .grid-header-title {
  color: #000;
  font-size: 28px;
  font-weight: bold;
}

.product-card.list-card {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.product-card.list-card .product-card-image {
  margin: 0 auto 16px;
}

.product-card.grid-card {
  border: 1px solid #e4e5e8;
}

@media screen and (max-width: 650px) {
  .product-card.grid-card {
    flex-wrap: wrap;
  }

  .product-card.grid-card .product-card-image {
    margin: auto;
  }
}

.product-card .product-card-image {
  min-width: 250px;
  max-width: 250px;
  overflow: hidden;
}

.product-card .product-card-image img {
  transition: all .4s ease-in-out;
}

@media (min-width: 1024px) {
  .product-card .product-card-image img:hover {
    transform: scale(1.15);
  }
}

.product-card .product-card-content {
  width: 100%;
}

.product-card .product-card-content a:hover {
  color: var(--primary-color);
}

.product-card .product-card-title {
  color: #1e1e1e;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}

@media (min-width: 640px) {
  .product-card .product-card-title {
    max-height: 48px;
  }
}

.product-card .sku-number {
  margin-bottom: 8px;
}

.product-card .product-card-description {
  color: #666876;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 21px;
  margin-bottom: 12px;
  font-size: 14px;
  display: -webkit-box;
  overflow: hidden;
}

.product-card .stars {
  margin-bottom: 10px;
}

.product-card .stars i {
  font-size: 13px;
}

.product-card .price {
  margin-bottom: 16px;
}

.product-card .product-card-price {
  color: #8d1a14;
  font-size: 16px;
  font-weight: 700;
}

.product-card .product-card-price.details-product-card-price {
  font-size: 20px;
}

.product-card .discount {
  color: #c2c5d2;
  font-size: 16px;
  font-weight: 700;
  text-decoration: line-through;
}

.product-card .out-stock-btn {
  color: #666876;
  text-align: center;
  background: rgba(106, 110, 131, .16);
  border-radius: 6px;
  margin-bottom: 0;
  padding: 12px 5px;
  font-size: 16px;
}

.product-card .out-stock-btn.yellow {
  color: #d8a343;
  background-color: rgba(216, 163, 67, .12);
}

.product-card .out-stock-btn-new {
  color: #d87c43;
  font-size: 16px;
  font-weight: 700;
}

.add-to-cart {
  align-items: center;
  display: flex;
}

.add-to-cart .product-card-quantity {
  color: #4a4a49;
  border: 1px solid #c2c5d2;
  border-radius: 6px;
  height: 48px;
  font-size: 16px;
}

.add-to-cart .product-card-quantity input {
  text-align: center;
  width: 60px;
}

.add-to-cart .product-card-quantity .btn {
  cursor: pointer;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.add-to-cart .product-card-quantity .btn i:before {
  color: #4a4a49;
}

@media screen and (max-width: 380px) {
  .add-to-cart .add-to-cart-btn {
    width: 100%;
  }
}

.products-page-listing .product-card .product-card-image {
  min-width: auto;
  max-width: 250px;
  margin: 0 auto 15px;
}

@media (max-width: 1023px) {
  .products-page-listing .product-card .product-card-image {
    max-width: max-content;
  }
}

.discount {
  color: #c2c5d2;
  font-size: 16px;
  font-weight: 700;
  text-decoration: line-through;
}

.discount.sm {
  font-size: 14px;
}

.required {
  color: #e82832;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.related-listing .product-card-title {
  font-size: 16px;
}

.columnGridSwiper-container {
  position: relative;
}

@media (min-width: 1160px) {
  .columnGridSwiper-container .just-four-items.swiper {
    padding-bottom: 23px !important;
  }

  .columnGridSwiper-container .just-four-items.swiper:after {
    opacity: 0;
  }
}

.columnGridSwiper-container .logo-pattern {
  width: 500px;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.columnGridSwiper-container .columnGridSwiper .swiper .swiper-slide {
  height: auto;
}

.columnGridSwiper-container .columnGridSwiper .swiper .swiper-slide .product-card.list-card {
  border: 1px solid #e4e5e8;
  height: 100%;
}

.columnGridSwiper-container .columnGridSwiper .swiper .swiper-button-prev, .columnGridSwiper-container .columnGridSwiper .swiper .swiper-button-next {
  background-color: var(--body-bg);
}

.disabled {
  cursor: not-allowed;
}

#header-sticky {
  z-index: 9998;
  min-height: 86px;
}

@media (min-width: 992px) and (max-width: 1099px) {
  #header-sticky .menu-list li a {
    padding-left: 0;
    padding-right: 0;
    font-size: 12.4px;
  }
}

@media (min-width: 1100px) and (max-width: 1220px) {
  #header-sticky .menu-list li a {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }
}

#header-sticky .menu-list li a:hover, #header-sticky .menu-list li.active a {
  color: var(--primary-color);
}

#header-sticky .menu-list li i:before {
  color: #292d32;
}

#header-sticky .logo-img {
  transition: all .3s ease-in-out;
}

@media (max-width: 600px) {
  #header-sticky .logo-img {
    width: 100px;
  }
}

@media (min-width: 1024px) {
  #header-sticky .hide-logo {
    width: 0;
  }
}

@media (max-width: 600px) {
  #header-sticky .head-div {
    gap: 16px !important;
  }
}

footer {
  background-color: #000;
  margin-top: 40px;
}

footer section {
  height: 91px;
}

footer p {
  color: rgba(255, 255, 255, .6);
  opacity: .6;
}

.offcanvas__info {
  z-index: 99999;
  background: #fff;
  width: 100%;
  height: 100vh;
  transition: all .5s ease-in-out;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .offcanvas__info {
    display: block;
  }
}

.offcanvas__info.active {
  transform: translateX(0);
}

.offcanvas__info.not-active {
  transform: translateX(-100%);
}

.mobile-menu-links {
  margin-top: 40px;
}

.mobile-menu-links li {
  margin-bottom: 24px;
}

.mobile-menu-links li.active a {
  color: var(--primary-color);
}

.offcanvas__close i {
  font-size: 20px;
}

header .circle-icon-container, header .lang-switcher, header .circle-icon-container i:before, header .lang-switcher i:before {
  transition: all .3s ease-in-out;
}

@media (min-width: 993px) {
  header .circle-icon-container:hover, header .lang-switcher:hover {
    background-color: var(--primary-color);
  }

  header .circle-icon-container:hover i:before, header .lang-switcher:hover i:before {
    color: #fff;
  }
}

@media (max-width: 992px) {
  header .circle-icon-container, header .lang-switcher {
    border: none;
  }
}

.general-search {
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  background: #fff;
  border-top: 1px solid #ccc;
  width: 100%;
  padding: 20px 0;
  transition: all .4s ease-in-out;
  position: fixed;
  top: 89px;
  left: 0;
}

.general-search.open {
  pointer-events: all;
  opacity: 1;
}

.general-search .container {
  padding: 0;
}

.general-search .search-me:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: 50px;
}

.general-search .search-me:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: 50px;
}

.general-search .search-me:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: 50px;
}

.general-search .search-me:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: 50px;
}

.general-search .search-me:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: 50px;
}

.general-search .search-me:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: 50px;
}

.general-search input {
  border: 1px solid #ccc;
  border-radius: 8px;
}

.general-search .search-results-listing {
  width: 100%;
}

.general-search .view-details {
  display: none;
}

.general-search-overlay {
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, .67);
  width: 100%;
  height: 100%;
  transition: all .4s ease-in-out;
  position: fixed;
  top: 89px;
  left: 0;
}

.general-search-overlay.open {
  pointer-events: all;
  opacity: 1;
}

.hero-section {
  background-position: center;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 86px);
  min-height: 800px;
  max-height: 800px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1280px) {
  .hero-section {
    min-height: 600px;
    max-height: 600px;
  }
}

@media (max-width: 992px) {
  .hero-section {
    align-items: baseline;
    padding-top: 100px;
  }
}

@media (max-width: 600px) {
  .hero-section {
    padding-top: 62px;
  }
}

.hero-section .adds-title {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  z-index: 2;
  text-align: center;
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) and (max-width: 1160px) {
  .hero-section .adds-title {
    font-size: 23px;
  }
}

@media (max-width: 360px) {
  .hero-section .adds-title {
    font-size: 23px;
  }
}

.hero-section .hero-content {
  z-index: 9;
  text-align: center;
  width: 800px;
  max-width: 800px;
  margin: auto;
  position: relative;
}

@media (max-width: 992px) {
  .hero-section .hero-content {
    margin: 0 auto;
  }
}

.hero-section .hero-content .hero-title {
  color: #fff;
  margin-bottom: 38px;
  font-size: 32px;
  font-weight: 700;
}

.hero-section .hero-content .quick-add-container {
  justify-content: center;
  gap: 16px;
  margin-bottom: 38px;
}

@media (max-width: 992px) {
  .hero-section .hero-content .quick-add-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.hero-section .hero-content .quick-add-container .search-input {
  width: 70%;
}

@media (max-width: 992px) {
  .hero-section .hero-content .quick-add-container .search-input {
    height: 60px;
  }
}

@media (max-width: 600px) {
  .hero-section .hero-content .quick-add-container .search-input {
    width: 90%;
  }
}

.hero-section .hero-content .quick-add-container .quantatity-container {
  border-radius: 8px;
  justify-content: space-between;
  gap: 16px;
  width: 28%;
  padding: 6px 8px;
}

@media (max-width: 992px) {
  .hero-section .hero-content .quick-add-container .quantatity-container {
    width: 80%;
  }
}

.hero-section .hero-content .quick-add-container .quantatity-container input {
  text-align: center;
  border: none;
  width: 100px;
}

@media (max-width: 992px) {
  .hero-section .hero-content .quick-add-container .quantatity-container input {
    text-align: start;
    width: 140px;
  }
}

.hero-section .hero-content .add-bulk-open-btn {
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 11px;
  font-size: 16px;
  transition: background-color .3s ease-in-out;
  display: inline-flex;
}

.hero-section .hero-content .add-bulk-open-btn i {
  font-size: 24px;
}

.hero-section .hero-content .add-bulk-open-btn:hover {
  background: rgba(255, 255, 255, .16);
}

.hero-section .hero-images:before {
  content: "";
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 1400px) {
  .hero-section .hero-images:before {
    background-color: rgba(0, 0, 0, .2);
  }
}

.hero-section .hero-side-image {
  transform: translateY(-50%);
  width: auto !important;
  height: 200% !important;
  top: 50% !important;
  bottom: auto !important;
}

@media (max-width: 1400px) {
  .hero-section .hero-side-image {
    opacity: .7;
  }
}

.hero-section .hero-side-image.right {
  left: auto !important;
  right: 0 !important;
}

.hero-section .hero-side-image.left {
  left: 0 !important;
  right: auto !important;
}

@media (max-width: 992px) {
  .hero-section .hero-side-image {
    opacity: 0;
  }
}

.add-bulk-modal {
  width: 90%;
  overflow: visible;
}

.add-bulk-modal .modal-title {
  color: #1e1e1e;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 992px) {
  .add-bulk-modal .modal-title {
    margin-bottom: 0;
    font-size: 16px;
  }
}

.add-bulk-modal .add-bulk-table .table-head {
  gap: 12px;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .table-head {
    display: none;
  }
}

.add-bulk-modal .add-bulk-table .table-head .name-qty, .add-bulk-modal .add-bulk-table .table-head .info {
  background-color: #f6f6f6;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  font-weight: 700;
}

.add-bulk-modal .add-bulk-table .name-qty {
  color: #1e1e1e;
  border-radius: 6px;
  width: 30%;
  padding: 12px 8px;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .name-qty {
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
  }
}

.add-bulk-modal .add-bulk-table .name-qty .name {
  width: 70%;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .name-qty .name {
    width: 100%;
  }
}

.add-bulk-modal .add-bulk-table .name-qty .qty {
  text-align: center;
  width: 30%;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .name-qty .qty {
    text-align: start;
    width: 100%;
  }
}

.add-bulk-modal .add-bulk-table .name-qty .qty input {
  text-align: center;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .name-qty .qty input {
    text-align: start;
  }
}

.add-bulk-modal .add-bulk-table .info {
  color: #1e1e1e;
  border-radius: 6px;
  width: 70%;
  padding: 12px 8px;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .info {
    flex-wrap: wrap;
    width: 100%;
    padding-top: 0;
  }
}

.add-bulk-modal .add-bulk-table .info .item {
  text-align: center;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .info .item {
    text-align: start;
    flex: auto;
    width: 100%;
  }
}

.add-bulk-modal .add-bulk-table .info .item.delete {
  text-align: center;
  flex: .5;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .info .item.delete {
    text-align: start;
    flex: auto;
    margin-top: 16px;
  }
}

.add-bulk-modal .add-bulk-table .info .item.delete button {
  cursor: pointer;
  background-color: rgba(194, 197, 210, .2);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .4s ease-in-out;
  display: inline-flex;
}

.add-bulk-modal .add-bulk-table .info .item.delete button:hover {
  background-color: var(--primary-color);
}

.add-bulk-modal .add-bulk-table .info .item.delete button:hover span, .add-bulk-modal .add-bulk-table .info .item.delete button:hover i:before {
  color: #fff;
}

.add-bulk-modal .add-bulk-table .info .item.delete button span, .add-bulk-modal .add-bulk-table .info .item.delete button i:before {
  transition: all .4s ease-in-out;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .info .item.delete button {
    width: 100%;
    height: 48px;
  }

  .add-bulk-modal .add-bulk-table .info .item.delete button .mobile-title {
    margin: 0 8px;
  }
}

.add-bulk-modal .add-bulk-table .product-row {
  border-bottom: 1px solid #c2c5d2;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .product-row {
    flex-wrap: wrap;
    gap: 0;
    padding-bottom: 16px;
  }
}

.add-bulk-modal .add-bulk-table .bulk-action-btns {
  margin-top: 32px;
}

@media (max-width: 992px) {
  .add-bulk-modal .add-bulk-table .mobile-title {
    margin-top: 16px;
    margin-bottom: 10px;
    font-weight: 700;
    display: block;
  }

  .add-bulk-modal .add-bulk-table .mobile-box {
    border: 1px solid #ccd3d9;
    border-radius: 6px;
    height: 48px;
    padding: 0 10px;
    line-height: 48px;
    display: block;
  }
}

.toast {
  z-index: 99999;
  color: #b91c1c;
  background-color: #fef2f2;
  border-radius: 8px;
  padding: 12px 20px;
  font-weight: 600;
  animation: 3s forwards fade-in-out;
  position: fixed;
  top: 20px;
  right: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

@keyframes fade-in-out {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  10% {
    opacity: 1;
    transform: translateY(0);
  }

  90% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.hero-section {
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: background-image .6s ease-in-out, opacity .6s ease-in-out;
}

.hero-section.fade-in {
  opacity: 0;
  animation: 1s forwards fadeInHero;
}

@keyframes fadeInHero {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.spinner {
  border: 2px solid #ccc;
  border-top: 2px solid var(--primary-color);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  animation: 1s linear infinite spin;
  display: inline-block;
}

.spinner.green {
  border-top: 2px solid #288d14;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.sidebar-container {
  z-index: 99999;
  width: 100%;
  max-width: 375px;
  transition: all .3s ease-in-out;
}

.filter-bar {
  height: 100vh;
  overflow-y: auto;
}

.filter-bar.filter-products-page {
  height: auto;
  transition: all .4s ease-in-out;
  top: 105px;
  overflow-y: visible;
}

.filter-bar.filter-products-page .close-filter {
  display: none;
}

@media (max-width: 1023px) {
  .filter-bar.filter-products-page .close-filter {
    display: block;
  }

  .filter-bar.filter-products-page {
    z-index: 99999;
    border-radius: 0;
    width: 500px;
    max-width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100%;
    overflow: auto;
  }

  .filter-bar.filter-products-page .action-btns {
    opacity: 0;
    transition: all .5s ease-in-out;
  }

  .filter-bar.filter-products-page.active {
    padding-bottom: 140px;
    right: 0;
  }

  .filter-bar.filter-products-page.active .action-btns {
    opacity: 1;
    background: #fff;
    border-top: 1px solid #c2c5d2;
    width: 500px;
    max-width: 100%;
    padding: 10px 20px;
    position: fixed;
    bottom: 0;
    right: 0;
  }
}

.filter-bar.filter-products-page.active + .back {
  z-index: 9999;
  background-color: rgba(0, 0, 0, .5);
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 1023px) {
  .filter-bar.filter-products-page.active + .back {
    display: block;
  }
}

.filter-bar .filter-header {
  border-bottom: 1px solid #c2c5d2;
  padding-bottom: 23px;
}

.filter-bar .filter-header i {
  color: #4a4a49;
  font-size: 24px;
}

.filter-bar .filter-header .filter-title {
  color: #4a4a49;
  font-size: 20px;
}

.filter-bar .arrow-down {
  transition: all .3s ease-in-out;
}

.filter-bar .accordion-item {
  margin-top: 16px;
  margin-bottom: 16px;
}

.filter-bar .accordion-item .title {
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 700;
}

.filter-bar .accordion-item .title.small-title {
  font-weight: 400;
}

.filter-bar .accordion-item .arrow-down {
  font-size: 20px;
}

.filter-bar .accordion-wrapper {
  border-bottom: 1px solid #c2c5d2;
}

.filter-bar .accordion-wrapper .accordion-wrapper:last-of-type {
  border: none;
}

.filter-bar .accordion-wrapper .pp {
  padding-bottom: 16px;
}

.filter-bar .filter-body > .accordion-wrapper:last-of-type {
  border: none;
}

.filter-bar .options-list {
  padding-bottom: 4px;
}

.filter-bar .options-list .form-group {
  margin-bottom: 12px;
}

.filter-bar .options-list .form-group input {
  accent-color: #1e1e1e;
  width: 20px;
  height: 20px;
}

.filter-bar .options-list .form-group input:checked + label {
  color: #1e1e1e;
}

.filter-bar .options-list .form-group label {
  color: #7e818e;
  font-size: 14px;
  font-weight: 400;
}

.filter-bar .multi-select .css-t3ipsp-control, .filter-bar .multi-select .css-13cymwt-control {
  min-height: 54px;
  box-shadow: none;
  border-color: #ccd3d9;
  border-radius: 8px;
}

.filter-bar .multi-select .css-1p3m7a8-multiValue {
  background: rgba(155, 146, 165, .16);
  border-radius: 4px;
  padding: 3px 5px;
}

.filter-bar .multi-select .css-9jq23d {
  color: #666876;
  font-size: 12px;
}

.filter-bar .multi-select .css-v7duua {
  cursor: pointer;
  color: #7e818e;
}

.filter-bar .multi-select .css-v7duua:hover {
  background-color: rgba(0, 0, 0, 0);
}

.filter-bar .multi-select .css-19bb58m {
  color: #1e1e1e;
  font-size: 14px;
}

.filter-bar .multi-select .css-1nmdiq5-menu {
  z-index: 9;
}

.filter-bar .multi-select .css-1nmdiq5-menu .css-10wo9uf-option {
  color: #6a6e83;
  font-size: 14px;
}

.filter-bar .multi-select .css-1nmdiq5-menu .css-d7l1ni-option {
  color: #1e1e1e;
  background-color: #f2f2f2;
  font-size: 14px;
}

.filter-bar.hero-filter {
  padding-bottom: 68px;
  position: relative;
}

.filter-bar.hero-filter .action-btns {
  background: #fff;
  border-top: 1px solid #c2c5d2;
  width: 90%;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.slider-container {
  direction: ltr;
  height: 70px;
  position: relative;
}

[dir="rtl"] .slider-container {
  transform: scaleX(-1);
}

.slider-container .slider {
  width: 100%;
  position: relative;
  top: 50%;
}

.slider-container .slider__track, .slider-container .slider__range, .slider-container .slider__left-value, .slider-container .slider__right-value {
  position: absolute;
}

.slider-container .slider__track, .slider-container .slider__range {
  border-radius: 3px;
  height: 5px;
}

.slider-container .slider__track {
  z-index: 1;
  background-color: rgba(194, 197, 210, .5);
  width: 100%;
}

.slider-container .slider__range {
  z-index: 2;
  background-color: #8d1a14;
}

.slider-container .slider__left-value, .slider-container .slider__right-value {
  color: #7e818e;
  direction: rtl;
  font-size: 12px;
  top: -35px;
}

[dir="rtl"] .slider-container .slider__left-value, [dir="rtl"] .slider-container .slider__right-value {
  transform: scaleX(-1);
}

.slider-container .slider__left-value {
  left: 6px;
}

.slider-container .slider__right-value {
  right: -4px;
}

.slider-container .thumb {
  -webkit-appearance: none;
}

.slider-container .thumb::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.slider-container .thumb {
  pointer-events: none;
  outline: none;
  width: 100%;
  height: 0;
  position: absolute;
  top: 50%;
}

.slider-container .thumb--left {
  z-index: 3;
}

.slider-container .thumb--right {
  z-index: 4;
}

.slider-container .thumb::-webkit-slider-thumb {
  cursor: pointer;
  pointer-events: all;
  background-color: #fff;
  border: 3px solid #8d1a14;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  position: relative;
}

.slider-container .thumb::-moz-range-thumb {
  cursor: pointer;
  pointer-events: all;
  background-color: #fff;
  border: 3px solid #8d1a14;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  position: relative;
}

.translate-x-full.translate-x-full-100 {
  --tw-translate-x: -100%;
}

.brands-filters-container h2 {
  color: #1e1e1e;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}

.pagination-container button {
  cursor: pointer;
}

.pagination-container .dots, .pagination-container button {
  text-align: center;
  color: #7e818e;
  background-color: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 14px;
  transition: all .3s ease-in-out;
  display: flex;
}

.pagination-container .dots.active, .pagination-container button.active {
  color: #fff;
  background-color: var(--primary-color);
}

.pagination-container .dots:not(.active):hover, .pagination-container button:not(.active):hover {
  background: #ededed;
}

.pagination-container .dots.prev i, .pagination-container button.prev i {
  font-weight: 700;
}

.pagination-container .dots.prev i:before, .pagination-container button.prev i:before {
  color: var(--primary-color);
}

.pagination-container .dots.next i, .pagination-container button.next i {
  font-weight: 700;
}

.pagination-container .dots.next i:before, .pagination-container button.next i:before {
  color: var(--primary-color);
}

.search-results-listing {
  z-index: 2;
  text-align: start;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 560px;
  margin-top: 5px;
  padding: 15px 0;
  position: absolute;
}

@media (max-width: 660px) {
  .search-results-listing {
    width: 100%;
  }
}

.search-results-listing.no-results {
  text-align: center;
}

.search-results-listing.bulk-listing {
  height: 188px;
  overflow: auto;
}

.search-results-listing .search-item {
  cursor: pointer;
  padding: 8px 0 4px;
  transition: all .3s ease-in-out;
}

.search-results-listing .search-item:hover {
  background: rgba(155, 146, 165, .16);
}

.search-results-listing .search-item .image {
  background-color: #fff;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  padding: 5px;
}

.search-results-listing .search-item .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 65%;
  font-size: 16px;
  overflow: hidden;
}

.search-results-listing .search-item .price {
  color: var(--primary-color);
  width: 85px;
  font-size: 14px;
  font-weight: 600;
}

.search-results-listing .search-item .view-details i {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.search-results-listing hr {
  margin: 8px 0 15px;
}

.search-results-listing a {
  padding: 0 15px;
}

.search-results-listing .all-products {
  color: var(--primary-color);
  font-size: 14px;
}

.rate-item .rate-info {
  width: 200px;
}

.rate-item .rate-info .rate-name .user-short-name {
  color: #1e1e1e;
  background-color: #f6f6f6;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  font-weight: 700;
}

.rate-item .rate-info .rate-name .user-name {
  color: #4a4a49;
  font-size: 16px;
}

.rate-item .rate-info .rate-date {
  color: #7e818e;
  font-size: 12px;
}

.rate-item .rate-comment {
  max-width: 550px;
}

.rate-item .rate-comment p {
  margin-bottom: 0;
  font-size: 16px;
}

.go4109123758 {
  z-index: 2147483647 !important;
}

.payment-form-wrapper p {
  margin-bottom: 0;
}

.payment-form-wrapper input {
  border: 1px solid #c2c5d2;
}

.payment-form-wrapper .card-preview {
  font-family: TheSansArabic;
}

.payment-form-wrapper .card-preview * {
  color: #fff;
}

.payment-form-wrapper .card-preview .text-black {
  color: #000;
}

.payment-form-wrapper .card-preview .font-medium {
  font-weight: 600;
}

.isDesktop {
  display: none;
}

@media (min-width: 1024px) {
  .isDesktop {
    display: block;
  }
}

.isMobile {
  display: block;
}

@media (min-width: 1024px) {
  .isMobile {
    display: none;
  }
}

.isMobile .lang-switcher + div {
  left: 5px;
}

[dir="ltr"] .isMobile .lang-switcher + div {
  left: auto;
  right: 5px;
}

.menu-mobile-controller {
  display: block;
}

@media (min-width: 1024px) {
  .menu-mobile-controller {
    display: none;
  }
}

.fixed-mobile-menu {
  z-index: 999;
  background-color: #fff;
  width: 100%;
  height: 75px;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 0 -1px rgba(71, 84, 103, .2);
}

.fixed-mobile-menu a i {
  font-size: 20px;
  display: none;
}

.fixed-mobile-menu a i:not(.active) {
  display: block;
}

.fixed-mobile-menu a i:before {
  color: #98a2b3;
}

@media (min-width: 600px) {
  .fixed-mobile-menu a i {
    font-size: calc(20px + 25%);
  }
}

.fixed-mobile-menu a .txt {
  color: #98a2b3;
  font-size: 10px;
}

@media (min-width: 600px) {
  .fixed-mobile-menu a .txt {
    font-size: calc(11px + 25%);
  }
}

.fixed-mobile-menu a.active i {
  display: none;
}

.fixed-mobile-menu a.active i.active {
  display: block;
}

.fixed-mobile-menu a.active i:before {
  color: var(--primary-color);
}

.fixed-mobile-menu a.active .txt {
  color: var(--primary-color);
  font-weight: 600;
}

.mobile-card-boxes .card-box {
  position: relative;
}

.mobile-card-boxes .card-box span {
  text-align: center;
  color: #fff;
  width: 100%;
  font-size: 18px;
  position: absolute;
  top: 30px;
  left: 0;
}

@media (min-width: 600px) {
  .mobile-card-boxes .card-box span {
    font-size: calc(20px + 25%);
  }
}

@media (max-width: 350px) {
  .mobile-card-boxes .card-box span {
    font-size: 16px;
  }
}

.mobile-search-input {
  background-color: #fff;
  border-radius: 8px;
  padding: 0 15px;
}

@media (max-width: 992px) {
  .mobile-search-input .search-results-listing {
    width: 100%;
    left: 0;
  }
}

.mobile-search-input .search-item .title {
  width: 100%;
}

@media (max-width: 992px) {
  .contact-tools {
    height: 36px;
    bottom: 85px;
    left: 20px;
    right: auto;
  }

  .contact-tools.open {
    height: 130px;
  }

  .contact-tools .circle-icon-container {
    width: 36px;
    height: 36px;
  }

  .contact-tools .circle-icon-container.contact-link i {
    font-size: 18px;
  }

  .contact-tools .socials.open {
    bottom: 40px;
  }

  .contact-tools.hidden {
    display: none;
  }
}

.mobile-back-to-top {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #8d1a14;
  width: 36px;
  height: 36px;
  position: fixed;
  bottom: 85px;
  right: 20px;
}

.mobile-back-to-top i {
  color: #8d1a14;
  font-size: 18px;
}

.mobile-back-to-top.show {
  opacity: 1;
  pointer-events: all;
}

.mobile-back-to-top.not-allowed {
  opacity: 0;
  pointer-events: none;
}

.mobile-back-to-top#hidden {
  display: none;
}

@media (max-width: 992px) {
  .all-products-container {
    margin-top: 0;
  }

  .product-details {
    padding: 2.5rem 1rem;
  }

  .product-details .product-card-content .details-product-card-title {
    margin-bottom: 8px;
    font-size: calc(16px + 25%) !important;
  }

  .product-details .product-card-content .sku-number {
    margin-bottom: 4px;
    font-size: calc(14px + 25%);
  }

  .product-details .product-card-content .product-card-description {
    margin-bottom: 10px;
    font-size: calc(12px + 25%);
  }

  .product-details .product-card-content .out-stock-btn.yellow {
    margin-top: 15px;
  }

  .product-details .details-card .product-card .discount {
    font-size: calc(12px + 25%);
  }

  .product-details .empty-state svg {
    width: 200px;
    margin: 0 auto;
  }

  .product-details .empty-state .sub-title {
    margin-top: -15px;
  }

  .product-details .badge.catalog-details {
    margin: 0;
  }
}

@media (max-width: 600px) {
  .product-details {
    padding: 0;
  }

  .product-details .product-card-content .details-product-card-title {
    font-size: 16px !important;
  }

  .product-details .product-card-content .sku-number {
    font-size: 14px;
  }

  .product-details .product-card-content .product-card-description {
    font-size: 12px;
  }

  .product-details .details-card {
    margin-top: 0;
  }

  .product-details .details-card .product-card {
    border-radius: 0;
  }

  .product-details .details-card .product-card .discount {
    font-size: 12px;
  }

  .product-details .desc-rate-card, .product-details .desc-table-card {
    border-radius: 0;
  }

  .product-details .breadcrumb-wrapper {
    margin: 12px 20px;
  }
}

@media (max-width: 992px) {
  .product-card.list-card .product-card-title {
    font-size: calc(12px + 25%);
  }

  .product-card.list-card .sku-number {
    font-size: calc(10px + 25%);
  }

  .product-card.list-card .product-card-description {
    font-size: calc(8px + 25%);
  }

  .product-card.list-card .discount, .product-card.list-card .product-card-price {
    font-size: calc(12px + 25%);
  }

  .product-card.list-card .badge {
    font-size: calc(7px + 25%);
  }
}

@media (max-width: 600px) {
  .product-card.list-card {
    padding: 10px;
  }

  .product-card.list-card .badge {
    min-height: auto;
    margin-bottom: 8px;
    padding: 7px 5px;
    font-size: 7px;
  }

  .product-card.list-card .product-card-title {
    font-size: 12px;
  }

  .product-card.list-card .sku-number {
    font-size: 10px;
  }

  .product-card.list-card .product-card-description {
    font-size: 8px;
  }

  .product-card.list-card .discount, .product-card.list-card .product-card-price {
    font-size: 12px;
  }
}

@media (max-width: 992px) {
  .add-to-cart .product-card-quantity {
    width: calc(100% - 35px);
    height: 35px;
  }

  .add-to-cart .mob-icon {
    min-width: 35px;
    height: 35px;
  }

  .add-to-cart .primary-btn {
    justify-content: center;
    align-items: center;
    min-width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
  }
}

@media screen and (max-width: 450px) {
  .add-to-cart .product-card-quantity input {
    width: 40px;
    font-size: 12px;
  }

  .add-to-cart .mob-icon {
    min-width: 28px;
    height: 28px;
  }

  .add-to-cart .primary-btn {
    justify-content: center;
    align-items: center;
    min-width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
  }
}

@media (max-width: 992px) {
  .main-title {
    text-align: center;
    font-size: calc(20px + 25%);
  }
}

@media (max-width: 600px) {
  .main-title {
    text-align: center;
    font-size: 20px;
  }
}

.add-to-cart-mobile {
  z-index: 9;
  background: #fff;
  width: 100%;
  padding: 10px;
  position: fixed;
  bottom: 75px;
  left: 0;
}

@media (max-width: 992px) {
  .add-to-cart-mobile .add-to-cart {
    align-items: center;
  }

  .add-to-cart-mobile .add-to-cart .mob-icon, .add-to-cart-mobile .add-to-cart .product-card-quantity {
    width: 50%;
  }

  .add-to-cart-mobile .add-to-cart .mob-icon {
    height: 35px;
  }

  .add-to-cart-mobile .add-to-cart .mob-icon .add-to-cart-btn {
    gap: 5px;
    font-size: calc(10px + 25%);
    font-weight: 400;
  }
}

@media (max-width: 600px) {
  .add-to-cart-mobile .add-to-cart .mob-icon .add-to-cart-btn {
    font-size: 12px;
  }

  .product-swiper-gallery {
    margin: 0 1rem;
  }
}

.product-swiper-gallery .mySwiper2 {
  padding: 20px;
}

.product-swiper-gallery .mySwiper2 .swiper-slide img, .product-swiper-gallery .mySwiper2 .swiper-slide iframe, .product-swiper-gallery .mySwiper2 .swiper-slide video {
  object-fit: contain;
  width: 82%;
  height: 350px;
  margin: auto;
}

.product-swiper-gallery .mySwiper2 .swiper-slide-prev, .product-swiper-gallery .mySwiper2 .swiper-slide-next {
  opacity: 0;
}

.product-swiper-gallery .mySwiper2 .swiper-button-prev, .product-swiper-gallery .mySwiper2 .swiper-button-next {
  border: 1px solid var(--primary-color);
  border-radius: 100px;
  width: 36px;
  height: 36px;
}

.product-swiper-gallery .mySwiper2 .swiper-button-prev:after, .product-swiper-gallery .mySwiper2 .swiper-button-next:after {
  color: var(--primary-color);
  font-size: 14px;
  font-family: icomoon !important;
}

.product-swiper-gallery .mySwiper2 .swiper-button-prev:after {
  content: "";
}

.product-swiper-gallery .mySwiper2 .swiper-button-next:after, [dir="ltr"] .product-swiper-gallery .mySwiper2 .swiper-button-prev:after {
  content: "";
}

[dir="ltr"] .product-swiper-gallery .mySwiper2 .swiper-button-next:after {
  content: "";
}

.product-swiper-gallery .mySwiper .card {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  align-items: center;
  height: 78px;
  padding: 5px;
  display: flex;
}

.product-swiper-gallery .mySwiper .swiper-slide img {
  height: 100%;
  margin: auto;
}

.product-swiper-gallery .mySwiper .swiper-slide-thumb-active {
  border: 2px solid var(--primary-color);
}

@media (max-width: 350px) {
  .comment-wrapper {
    flex-wrap: wrap;
  }
}

@media (max-width: 992px) {
  .comment-wrapper .rate-item .rate-info .rate-name .user-name, .comment-wrapper .rate-item .rate-info .rate-name .user-short-name, .comment-wrapper .rate-item .rate-comment p {
    font-size: calc(12px + 25%);
  }

  .comment-wrapper .rate-item .rate-info .rate-date {
    font-size: calc(10px + 25%);
  }
}

@media (max-width: 600px) {
  .comment-wrapper .rate-item .rate-info .rate-name .user-name, .comment-wrapper .rate-item .rate-info .rate-name .user-short-name, .comment-wrapper .rate-item .rate-comment p {
    font-size: 12px;
  }

  .comment-wrapper .rate-item .rate-info .rate-date {
    font-size: 10px;
  }

  .comment-wrapper .rate-item .star-icon {
    font-size: 13px;
  }
}

@media (max-width: 992px) {
  .comment-wrapper .remove-rate-btn {
    font-size: calc(10px + 25%);
  }
}

@media (max-width: 600px) {
  .comment-wrapper .remove-rate-btn {
    padding: 5px;
  }

  .comment-wrapper .remove-rate-btn i {
    font-size: 15px;
  }
}

@media (max-width: 992px) {
  .profile-tab-panels {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    background-color: var(--body-bg);
    border: none;
    width: 100%;
    min-height: calc(100vh - 165px);
    max-height: calc(100vh - 165px);
    padding: 0 1rem 4rem;
    transition: all .4s ease-in-out;
    position: fixed;
    top: 90px;
    left: 0;
    overflow-y: auto;
    transform: translateX(-150%);
  }

  .profile-tab-panels.open {
    transform: translateX(0);
  }

  .profile-tab-panels .mobile-back-box {
    background-color: #fff;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
  }

  [dir="ltr"] .profile-tab-panels .mobile-back-box {
    transform: rotate(180deg);
  }
}

@media (max-width: 425px) {
  .profile-tab-panels {
    min-height: calc(100vh - 147px);
    max-height: calc(100vh - 147px);
    top: 72px;
  }
}

@media (max-width: 992px) {
  .selling-target-table {
    min-width: auto;
  }

  .selling-target-table .bg-white {
    background-color: rgba(0, 0, 0, 0);
  }

  .selling-target-table .selling-table-container .target-content {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1rem;
  }

  .selling-target-table .selling-table-container .target-content p {
    font-size: calc(12px + 25%);
  }

  .selling-target-table .selling-table-container hr {
    margin: 10px 0;
  }
}

@media (max-width: 600px) {
  .selling-target-table .selling-table-container .target-content p {
    font-size: 12px !important;
  }
}

@media (max-width: 992px) {
  .profile-selling-tabs-links li button {
    text-align: center;
    font-size: calc(14px + 25%);
  }
}

@media (max-width: 600px) {
  .profile-selling-tabs-links li button {
    font-size: 14px;
  }
}

.cart-page .items-cards .product-card .product-card-image {
  min-width: 100px;
  max-width: 100px;
}

@media (max-width: 992px) {
  .cart-page .items-count, .cart-page .sub-title {
    font-size: calc(14px + 25%);
  }

  .cart-page .import-export-cart-btns button {
    padding: 10px;
    font-size: calc(10px + 25%);
  }

  .cart-page .product-card-title {
    font-size: calc(12px + 25%);
  }

  .cart-page .sku-number {
    font-size: calc(10px + 25%);
  }

  .cart-page .product-card-description {
    font-size: calc(8px + 25%);
  }

  .cart-page .discount, .cart-page .product-card-price {
    font-size: calc(12px + 25%);
  }
}

@media (max-width: 600px) {
  .cart-page .items-count, .cart-page .sub-title {
    font-size: 14px;
  }

  .cart-page .import-export-cart-btns button {
    font-size: 10px;
  }

  .cart-page .product-card-title {
    font-size: 12px;
  }

  .cart-page .sku-number {
    font-size: 10px;
  }

  .cart-page .product-card-description {
    font-size: 8px;
  }

  .cart-page .discount, .cart-page .product-card-price {
    font-size: 12px;
  }
}

.cart-page .sub-title.no-edit {
  font-size: 16px;
}

@media (max-width: 992px) {
  .cart-accordion button {
    color: #1e1e1e;
    font-size: calc(12px + 25%);
  }

  .cart-accordion .content p {
    color: #4a4a49;
    font-size: calc(12px + 25%);
  }
}

@media (max-width: 600px) {
  .cart-accordion button {
    font-size: 12px;
  }

  .cart-accordion button svg {
    width: 11px;
  }

  .cart-accordion .content p {
    font-size: 10px;
  }

  .items-cards .card {
    padding: 10px 15px;
  }
}

@media (max-width: 992px) {
  .payment-methods .card {
    padding: 10px 15px;
    border-width: 1px !important;
  }

  .payment-methods .card:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 40px;
  }

  .payment-methods .card:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 40px;
  }

  .payment-methods .card:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-right: 40px;
  }

  .payment-methods .card:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 40px;
  }

  .payment-methods .card:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 40px;
  }

  .payment-methods .card:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-left: 40px;
  }

  .payment-methods .payment-method {
    align-items: center;
    gap: 5px;
    display: flex;
  }

  .payment-methods .payment-method i {
    font-size: calc(21px + 25%);
  }

  .payment-methods .payment-method .icon-tick-circle {
    display: none;
    top: 50%;
    transform: translateY(-50%);
  }

  .payment-methods .payment-method input {
    accent-color: var(--primary-color);
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)scale(1.5);
  }

  .payment-methods .payment-method .method-title {
    margin-top: 0;
    font-size: calc(12px + 25%);
  }
}

@media (max-width: 600px) {
  .payment-methods .payment-method i {
    font-size: 21px;
  }

  .payment-methods .payment-method .method-title {
    font-size: 12px;
  }
}

@media (max-width: 992px) {
  .addresses-menu-wrapper .card {
    padding: 5px 0 !important;
  }

  .addresses-menu-wrapper .addresses-menu button {
    border: none;
  }

  .addresses-menu-wrapper .addresses-menu button:focus-visible {
    box-shadow: none;
    outline: none;
  }

  .addresses-menu-wrapper .addresses-menu .address-title {
    color: #7e818e;
    font-size: calc(12px + 25%);
  }

  .addresses-menu-wrapper .addresses-menu .address-options {
    border: 1px solid #e4e5e8;
  }

  .addresses-menu-wrapper .addresses-menu .address-options .address-option {
    color: #4a4a49;
    font-size: calc(12px + 25%);
  }

  .addresses-menu-wrapper .addresses-menu .address-options .address-option .icon-tick-circle {
    opacity: 0;
    font-size: calc(18px + 25%);
  }

  .addresses-menu-wrapper .addresses-menu .address-options .address-option.active .icon-tick-circle {
    opacity: 1;
  }
}

@media (max-width: 992px) and (max-width: 600px) {
  .addresses-menu-wrapper .addresses-menu .address-title {
    font-size: 12px;
  }

  .addresses-menu-wrapper .addresses-menu button svg {
    width: 11px;
  }

  .addresses-menu-wrapper .address-options .address-option {
    font-size: 12px !important;
  }

  .addresses-menu-wrapper .address-options .address-option .icon-tick-circle {
    font-size: 18px;
  }
}

@media (max-width: 992px) {
  .mobile-range .price {
    position: relative;
  }

  .mobile-range .price input {
    color: #1e1e1e;
    background-color: #fff;
    border: 1px solid #c2c5d2;
    border-radius: 8px;
    width: 100%;
    font-size: 16px;
    transition: border-color .3s;
  }

  .mobile-range .price label {
    color: #1e1e1e;
    font-size: calc(12px + 25%);
  }

  .mobile-range .price .unit {
    color: #666876;
    font-size: calc(12px + 25%);
    position: absolute;
    bottom: 12px;
    left: 10px;
  }

  [dir="ltr"] .mobile-range .price .unit {
    left: auto;
    right: 10px;
  }
}

@media (max-width: 600px) {
  .mobile-range label, .mobile-range .unit {
    font-size: 12px;
  }
}

.range-error {
  margin-top: -15px;
  font-size: 12px;
}

@media (max-width: 992px) {
  .order-summary-cart-mobile {
    z-index: 11;
    background: #fff;
    width: 100%;
    padding: 10px;
    position: fixed;
    bottom: 75px;
    left: 0;
  }

  .order-summary-cart-mobile .view-order-summary {
    position: relative;
  }

  .order-summary-cart-mobile .view-order-summary:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 25px;
  }

  .order-summary-cart-mobile .view-order-summary:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 25px;
  }

  .order-summary-cart-mobile .view-order-summary:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    padding-left: 25px;
  }

  .order-summary-cart-mobile .view-order-summary:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 25px;
  }

  .order-summary-cart-mobile .view-order-summary:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 25px;
  }

  .order-summary-cart-mobile .view-order-summary:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    padding-right: 25px;
  }

  .order-summary-cart-mobile .view-order-summary i {
    transition: all .4s ease-in-out;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }

  .order-summary-cart-mobile .view-order-summary i.active {
    transform: translateY(-50%)rotate(180deg);
  }

  [dir="ltr"] .order-summary-cart-mobile .view-order-summary i {
    left: 0;
    right: auto;
  }

  .order-summary-cart-mobile .view-order-summary .sub-title {
    margin-bottom: 5px;
    font-size: calc(12px + 25%);
  }

  .order-summary-cart-mobile .view-order-summary p {
    color: var(--primary-color);
    font-size: calc(14px + 25%);
    font-weight: 700;
  }

  .order-summary-cart-mobile .primary-btn {
    font-size: calc(14px + 25%);
  }
}

@media (max-width: 600px) {
  .order-summary-cart-mobile .view-order-summary .sub-title {
    font-size: 12px;
  }

  .order-summary-cart-mobile .view-order-summary p, .order-summary-cart-mobile .primary-btn {
    font-size: 14px;
  }
}

.fixed-summary-card-overlay {
  z-index: -1;
  opacity: 0;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100vh;
  transition: all .35s ease-in-out;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fixed-summary-card-overlay.active {
  z-index: 9;
  opacity: 1;
}

@media (max-width: 992px) {
  .fixed-summary-card {
    z-index: 10;
    width: 100%;
    transition: all .4s ease-in-out;
    position: fixed;
    bottom: -100%;
    left: 0;
  }

  .fixed-summary-card.active {
    bottom: 140px;
  }

  .fixed-summary-card .sub-title {
    font-size: calc(16px + 25%);
  }

  .fixed-summary-card .order-item p {
    font-size: calc(14px + 25%);
  }

  .fixed-summary-card .order-item .price {
    font-size: calc(16px + 25%) !important;
  }

  .fixed-summary-card hr {
    margin: 10px 0;
  }

  .fixed-summary-card .card {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (max-width: 600px) {
  .fixed-summary-card .sub-title {
    font-size: 16px;
  }

  .fixed-summary-card .order-item p {
    font-size: 14px;
  }

  .fixed-summary-card .order-item .price {
    font-size: 16px !important;
  }
}

@media (max-width: 992px) {
  .cart-page .cart-empty-state {
    padding: 25px 20px;
  }

  .cart-page .cart-empty-state svg {
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }

  .cart-page .cart-empty-state .primary-btn {
    font-size: calc(14px + 25%);
  }
}

@media (max-width: 600px) {
  .cart-page .cart-empty-state .primary-btn {
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  .gray-btn, .primary-btn, .sub-title {
    font-size: calc(14px + 25%);
  }
}

@media (max-width: 600px) {
  .gray-btn, .primary-btn, .sub-title {
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  .product-details .product-card-content .stars {
    margin-bottom: 0;
  }
}

.breadcrumb-wrapper .whitespace-normal svg {
  margin-top: 6px;
}

@media (max-width: 992px) {
  .breadcrumb-wrapper {
    margin: 12px 0;
  }
}

@media (max-width: 600px) {
  .breadcrumb-wrapper {
    margin: 12px 0;
  }

  .breadcrumb-wrapper .whitespace-normal svg {
    margin-top: 3px;
  }
}

@media (max-width: 992px) {
  .product-details .product-warning ul li, .product-details .product-description, .product-details .product-description p {
    font-size: calc(12px + 25%);
  }

  .product-details .specifications-table .item div {
    font-size: calc(14px + 25%);
  }
}

@media (max-width: 600px) {
  .product-details .product-warning ul li, .product-details .product-description, .product-details .product-description p {
    font-size: 12px;
  }

  .product-details .specifications-table .item div {
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  .profile-tabs-links li, .profile-tabs-links li i:before {
    color: #7e818e;
  }

  .submit-edit-profile-btn button {
    width: 100%;
  }

  .mobile-range .price {
    position: relative;
  }

  .mobile-range .price .unit {
    position: absolute;
  }

  .all-products-container .products-header-filters .dropdown-container button.option-item {
    padding: 5px;
    font-size: calc(9px + 25%);
  }

  .all-products-container .products-header-filters .dropdown-container button.option-item i {
    font-size: calc(15px + 25%);
  }
}

@media (max-width: 600px) {
  .all-products-container .products-header-filters .dropdown-container button.option-item {
    font-size: 9px;
  }

  .all-products-container .products-header-filters .dropdown-container button.option-item i {
    font-size: 15px;
  }
}

@media (max-width: 992px) {
  .all-products-container .products-header-filters .dropdown-container button span {
    font-size: calc(10px + 25%);
  }
}

@media (max-width: 600px) {
  .all-products-container .products-header-filters .dropdown-container button span {
    font-size: 10px;
  }
}

@media (max-width: 992px) {
  .all-products-container .products-results-title {
    font-size: calc(14px + 25%);
  }
}

@media (max-width: 600px) {
  .all-products-container .products-results-title {
    font-size: 14px;
  }

  .order-details-wrapper {
    padding: 0;
  }
}

@media (max-width: 992px) {
  .product-card-content .request-when-available, .product-card-content .out-stock-btn.yellow {
    font-size: calc(12px + 25%);
  }
}

@media (max-width: 600px) {
  .product-card-content .request-when-available, .product-card-content .out-stock-btn.yellow {
    padding: 10px 7px;
    font-size: 12px;
  }
}

[dir="ltr"] .auth-container .form-side .lang-switcher {
  left: 0;
  right: auto;
}

[dir="ltr"] .form-group .password-icon {
  left: auto;
  right: 0;
}

[dir="ltr"] .vl {
  margin: 0 5px 0 16px;
}

@media (max-width: 1023px) {
  [dir="ltr"] .profile-dropdown {
    transform: translateX(-50%) !important;
  }
}

[dir="ltr"] .profile-dropdown .profile-dropdown-header .profile-img {
  justify-content: center;
  align-items: center;
  display: flex;
}

[dir="ltr"] .grid-card-container .outline-btn {
  flex-direction: row-reverse;
}

[dir="ltr"] .grid-card-container .swiper:after {
  left: 0;
  right: auto;
}

[dir="ltr"] .grid-card-container .swiper .swiper-button-prev, [dir="ltr"] .grid-card-container .swiper .swiper-button-next {
  left: auto !important;
}

[dir="ltr"] .grid-card-container .swiper .swiper-button-prev:after, [dir="ltr"] .grid-card-container .swiper .swiper-button-next:after {
  transform: rotate(180deg);
}

[dir="ltr"] .grid-card-container .swiper .swiper-button-prev {
  right: 60px !important;
}

[dir="ltr"] .grid-card-container .swiper .swiper-button-prev:after {
  content: "" !important;
}

[dir="ltr"] .grid-card-container .swiper .swiper-button-next {
  left: auto !important;
  right: 0 !important;
}

[dir="ltr"] .grid-card-container .swiper .swiper-button-next:after {
  content: "" !important;
}

[dir="ltr"] .filter-bar.filter-products-page {
  left: -100%;
  right: auto;
}

[dir="ltr"] .filter-bar.filter-products-page.active {
  left: 0;
  right: auto;
}

[dir="ltr"] .all-products-container .filter-mobile {
  border-radius: 0 50% 50% 0;
  left: 0;
  right: auto;
}

[dir="ltr"] .pagination-container {
  direction: ltr;
}

[dir="ltr"] .pagination-container .next, [dir="ltr"] .pagination-container .prev, [dir="ltr"] .search-results-listing .view-details .icon-arrow-left-01-round {
  transform: rotate(180deg);
}

[dir="ltr"] .slider__right-value, [dir="ltr"] .slider__left-value {
  flex-direction: row-reverse;
  gap: 5px;
  display: flex;
}

[dir="ltr"] .phone-input {
  text-align: left;
}

[dir="ltr"] .phone-input:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: calc(var(--spacing) * 10);
  padding-right: 0;
}

[dir="ltr"] .phone-input:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: calc(var(--spacing) * 10);
  padding-right: 0;
}

[dir="ltr"] .phone-input:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: calc(var(--spacing) * 10);
  padding-right: 0;
}

[dir="ltr"] .phone-input:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: calc(var(--spacing) * 10);
  padding-left: 0;
}

[dir="ltr"] .phone-input:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: calc(var(--spacing) * 10);
  padding-left: 0;
}

[dir="ltr"] .phone-input:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: calc(var(--spacing) * 10);
  padding-left: 0;
}

[dir="ltr"] .contact-tools {
  left: 20px;
  right: auto;
}

[dir="ltr"] .contact-tools .socials {
  left: 0;
  right: auto;
}

[dir="ltr"] .go4109123758 {
  left: 15px !important;
  right: 0 !important;
}

[dir="ltr"] .product-details .specifications-table .item .info {
  border-left: 1px solid #ccd3d9;
  border-right: none;
}

[dir="ltr"] .search-results-listing .all-products .icon-arrow-left-01-round {
  transform: rotate(180deg);
}

[dir="ltr"] .has-filters .red-filter {
  left: 0;
  right: auto;
}

[dir="ltr"] .filter-mobile.has-filters .red-filter {
  left: 10px;
}

[dir="ltr"] .payment-methods .card.selected .icon-tick-circle {
  left: auto;
  right: 10px;
}

[dir="ltr"] .modal-container:before {
  left: 0;
  right: auto;
}

[dir="ltr"] .breadcrumb-wrapper ol li svg {
  transform: rotate(180deg);
}

[dir="ltr"] .circle-icon-container.back-to-top:not(.mobile-back-to-top) {
  left: 75px;
  right: auto;
}

[dir="ltr"] .payment-methods .payment-method input {
  left: auto;
  right: 15px;
}

[dir="ltr"] .filter-bar.filter-products-page.active .action-btns {
  left: 0;
  right: auto;
}

@font-face {
  font-family: TheSans Bold;
  src: url("../media/TheSans-Bold.db976329.eot");
  src: url("../media/TheSans-Bold.db976329.eot") format("embedded-opentype"), url("../media/TheSans-Bold.f56e03ec.woff2") format("woff2"), url("../media/TheSans-Bold.bd931843.woff") format("woff"), url("../media/TheSans-Bold.8de329d8.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: TheSans;
  src: url("../media/TheSans-Plain.859486e0.eot");
  src: url("../media/TheSans-Plain.859486e0.eot") format("embedded-opentype"), url("../media/TheSans-Plain.21272933.woff2") format("woff2"), url("../media/TheSans-Plain.ca104583.woff") format("woff"), url("../media/TheSans-Plain.0aa7d7b6.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: TheSansArabic;
  src: url("../media/TheSansArabic-Light.e213bfd7.eot");
  src: url("../media/TheSansArabic-Light.e213bfd7.eot") format("embedded-opentype"), url("../media/TheSansArabic-Light.ceb53e44.woff2") format("woff2"), url("../media/TheSansArabic-Light.788b4a10.woff") format("woff"), url("../media/TheSansArabic-Light.e41459c5.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

/*# sourceMappingURL=app_globals_scss_831d6bd1.css.map*/